html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font-weight: inherit; font-family: inherit; font-style: inherit; border: 0; outline: 0;}
body {background: white;color: black;line-height: 1;}
ol, ul {list-style: none;}
input, textarea {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';}
blockquote, q {quotes: '' '';}
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {display: none;width: 0;height: 0;}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {display: none;}

@font-face {
		font-family: 'Rubik';
		src: url('/fonts/Rubik-Bold.woff2') format('woff2'),
		url('/fonts/Rubik-Bold.woff') format('woff');
		font-weight: bold;
		font-style: normal;
		font-display: fallback;
}

@font-face {
		font-family: 'Rubik';
		src: url('/fonts/Rubik-Medium.woff2') format('woff2'),
		url('/fonts/Rubik-Medium.woff') format('woff');
		font-weight: 500;
		font-style: normal;
		font-display: fallback;
}

@font-face {
		font-family: 'Rubik';
		src: url('/fonts/Rubik-Regular.woff2') format('woff2'),
		url('/fonts/Rubik-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		font-display: fallback;
}

* {box-sizing: border-box; color: #0F0F0F; font-family: 'Rubik', sans-serif;}
:root {font-family: 'Rubik', sans-serif;}
body {overflow-x: clip; max-width: 1920px; margin-right: auto; margin-left: auto; padding-top: 100px;}
body *::-webkit-scrollbar {width: 8px;}
body *::-webkit-scrollbar-track {background-color: transparent;}
body *::-webkit-scrollbar-thumb {background-color: #C1C1C1; border-radius: 25px;}
body *::-webkit-scrollbar-thumb:hover {background-color: #B90E26;}

.bold {font-weight: 700;}
.semibold {font-weight: 500;}
.regular {font-weight: 400;}
.uppercase {text-transform: uppercase;}

.page-header {position: fixed; top: 0; left: 0; right: 0; z-index: 999999; width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto; background-color: #FFF;}
.page-content {overflow-x: clip; position: relative; min-height: calc(100vh - 100px);}
.container {width: 100%; max-width: 1600px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;}

.title-box {display: flex; flex-direction: column;}
.title-text {font-size: 36px; line-height: 1.2;}

.home-title-box {position: relative; display: flex; flex-direction: column; text-align: center; animation: slideTextFadeIn 750ms ease-in forwards;}
.home-title-text {position: relative; z-index: 2; color: #FFF; font-size: 80px; font-weight: 700; line-height: 1.2;}
.home-title-shadow {position: absolute; top: -36px; left: 0; right: 0; z-index: 1; width: 100%; opacity: 0.2; color: #000; font-size: 120px; font-weight: 700; text-align: center;}
.home-subtitle-text {position: relative; z-index: 2; color: #FF5068; font-size: 40px; text-transform: uppercase; line-height: 1.2;}

.btn-type-red {display: flex; align-items: center; justify-content: center; width: 164px; min-height: 50px; background-color: #B90E26; text-decoration: none; border: 1px solid #B90E26; border-radius: 50px; cursor: pointer; transition: background-color .3s, border-color .3s;}
.btn-type-red:hover {background-color: #92091B; border-color: #92091B;}
.btn-type-red .btn-text {color: #FFF;}
.btn-submit {display: flex; align-items: center; justify-content: center; min-height: 60px; background-color: #B90E26; color: #FFF; border: 1px solid #B90E26; border-radius: 50px; cursor: pointer; transition: background-color .3s, border-color .3s;}
.btn-submit:hover {background-color: #92091B; border-color: #92091B;}

.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-20 {font-size: 20px;}
.f-22 {font-size: 22px;}
.f-24 {font-size: 24px;}
.f-26 {font-size: 26px;}
.f-28 {font-size: 28px;}
.f-30 {font-size: 30px;}
.f-32 {font-size: 32px;}
.f-34 {font-size: 34px;}
.f-36 {font-size: 36px;}
.f-38 {font-size: 38px;}
.f-40 {font-size: 40px;}

.navi {position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; transition: min-height .3s;}
.navi .link-logo {display: block; margin-right: auto;}
.navi .link-logo .logo-img {display: flex; width: 100%; max-width: 230px; height: auto;}
.navi .boxes-wrapper {display: flex; align-items: center; width: 100%;}
.navi .boxes-wrapper .navi-list {display: grid; grid-template-columns: repeat(6, max-content); align-items: center; gap: 36px; margin: 0 auto;}
.navi .boxes-wrapper .navi-list .list-item {display: flex; align-items: center; justify-content: center; gap: 6px; padding: 40px 0;}
.navi .boxes-wrapper .navi-list .list-item .item-link {display: block; text-decoration: none; transition: color .3s;}
.navi .boxes-wrapper .navi-list .list-item .item-link .link-text {color: #585858; line-height: 1; transition: color .3s;}
.navi .boxes-wrapper .navi-list .list-item .item-link:hover .link-text {color: #B90E26;}

.form-group {position: relative; display: flex; flex-direction: column; gap: 8px; width: 100%;}
.form-group .input-label {padding-left: 16px; color: #585858;}
.form-group .input-box {position: relative; display: flex; flex-direction: column; gap: 4px;}
.form-group .input-box .icon {position: absolute; top: 50%; right: 16px; transform: translateY(-50%); display: block;}
.form-group .input-box .single-input {display: flex; align-items: center; width: 100%; height: 60px; padding: 0 16px; background-color: #FFF; color: #585858; border: 1px solid #C1C1C1; border-radius: 8px;}
.form-group .input-box .single-input::placeholder {color: #C1C1C1;}
.form-group.input-with-icon .input-box .single-input {padding-right: 40px;}

.single-select {height: 60px; padding: 0 16px; color: #585858; border: 1px solid #C1C1C1; border-radius: 8px;}
.select2-container {width: 100% !important;}
.select2-container .select2-selection--single {display: flex; align-items: center; height: 60px;}
.select2-container--default .select2-selection--single {border: 1px solid #C1C1C1; border-radius: 8px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 60px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right: 24px; padding-left: 16px; color: #585858; font-size: 18px; line-height: 60px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #000 transparent transparent transparent;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #000 transparent;}
.select2-results__option--selectable {padding: 16px 8px; font-size: 18px;}
.select2-container--default .select2-results__option--selected {background-color: #B90E26; color: #FFF;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #B90E26;}

.single-popup-wrapper {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.single-popup-wrapper.show {display: flex;}
.single-popup-wrapper .popup-box {position: relative; width: 100%; max-width: 780px; padding: 24px 32px 64px 32px; background-color: #FFF;}
.single-popup-wrapper .popup-box .icon-close-popup {position: absolute; top: 20px; right: 20px; display: block; min-width: 10px; height: auto; cursor: pointer;}
.single-popup-wrapper .popup-box .icon-close-popup path {transition: stroke .3s;}
.single-popup-wrapper .popup-box .icon-close-popup:hover path {stroke: #B90E26;}
.single-popup-wrapper .popup-box .img {display: block; margin: 0 auto 24px auto;}
.single-popup-wrapper .popup-box .preview-text {display: flex; flex-direction: column; gap: 24px; text-align: center;}
.single-popup-wrapper .popup-box .preview-text .inner-link {color: #B90E26;}

@media all and (max-width: 1600px) {
		body {padding-top: 82px;}

		.page-content {overflow-x: clip; position: relative; min-height: calc(100vh - 82px);}

		.home-title-text {font-size: 64px;}
		.home-title-shadow {top: -32px; font-size: 100px;}
		.home-subtitle-text {font-size: 36px;}

		.btn-type-red {width: 148px; min-height: 42px;}

		.f-16 {font-size: 16px;}
		.f-18 {font-size: 18px;}
		.f-20 {font-size: 18px;}
		.f-22 {font-size: 20px;}
		.f-24 {font-size: 22px;}
		.f-26 {font-size: 24px;}
		.f-28 {font-size: 26px;}
		.f-30 {font-size: 28px;}
		.f-32 {font-size: 30px;}
		.f-34 {font-size: 32px;}
		.f-36 {font-size: 34px;}
		.f-38 {font-size: 36px;}
		.f-40 {font-size: 38px;}

		.navi .link-logo .logo-img {max-width: 200px;}
		.navi .boxes-wrapper .navi-list .list-item {padding: 32px 0;}
}

@media all and (max-width: 1400px) {
		.f-16 {font-size: 16px;}
		.f-18 {font-size: 16px;}
		.f-20 {font-size: 18px;}
		.f-22 {font-size: 20px;}
		.f-24 {font-size: 22px;}
		.f-26 {font-size: 24px;}
		.f-28 {font-size: 26px;}
		.f-30 {font-size: 28px;}
		.f-32 {font-size: 30px;}
		.f-34 {font-size: 32px;}
		.f-36 {font-size: 34px;}
		.f-38 {font-size: 36px;}
		.f-40 {font-size: 38px;}

		.navi .boxes-wrapper .navi-list {gap: 20px;}
}