@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #AAB2B7; }

/********************************* body ***************************************/
html { scroll-behavior: smooth; }

body { /******************************** header **************************************/ }

body header { position: relative; }

body header.header { background: #AAB2B7; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }

body header.header .inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; padding: .6rem 2rem; }

body header.header .inner .logo { margin-right: auto; }

body header.header .inner .logo a { display: block; color: white; font-weight: 400; font-size: 1.1rem; }

body header.header .inner .menu-wrapper nav.gnav { flex: none; position: relative; }

body header.header .inner .menu-wrapper nav.gnav .menu-container .menu { display: flex; align-items: center; }

body header.header .inner .menu-wrapper nav.gnav .menu-container .menu > .menu-item { position: relative; }

body header.header .inner .menu-wrapper nav.gnav .menu-container .menu > .menu-item a { display: block; font-size: .95rem; font-weight: 400; padding: 1rem 1.5rem; line-height: 1; color: white; transition: all .3s; }

body header.header .inner .menu-wrapper nav.gnav .menu-container .menu > .menu-item a:hover { opacity: .7; }

/********************************  Main Content ******************************/
.content-wrap { padding: 4rem 0; position: relative; overflow: hidden; }

.content-wrap .inner.inner-l { width: 100%; max-width: 940px; margin: 0 auto; }

.content-wrap .inner.inner-m { width: 100%; max-width: 840px; margin: 0 auto; }

.content-wrap .inner.inner-s { width: 100%; max-width: 640px; margin: 0 auto; }

@media screen and (min-width: 678px) and (max-width: 1150px) { .content-wrap .inner.inner-s { padding: 0 40px; }
		.content-wrap .inner.inner-m { padding: 0 40px; }
		.content-wrap .inner.inner-l { padding: 0 40px; } }

.content-wrap h1.section-title, .content-wrap h2.section-title, .content-wrap h3.section-title, .content-wrap h4.section-title, .content-wrap h5.section-title, .content-wrap h6.section-title { margin-bottom: 4rem; }

.content-wrap h1.section-title span, .content-wrap h2.section-title span, .content-wrap h3.section-title span, .content-wrap h4.section-title span, .content-wrap h5.section-title span, .content-wrap h6.section-title span { display: block; }

.content-wrap h1.section-title span.main, .content-wrap h2.section-title span.main, .content-wrap h3.section-title span.main, .content-wrap h4.section-title span.main, .content-wrap h5.section-title span.main, .content-wrap h6.section-title span.main { font-size: 2.2rem; font-weight: 500; padding-bottom: 1rem; }

.content-wrap h1.section-title span.sub, .content-wrap h2.section-title span.sub, .content-wrap h3.section-title span.sub, .content-wrap h4.section-title span.sub, .content-wrap h5.section-title span.sub, .content-wrap h6.section-title span.sub { font-size: 1.2rem; font-weight: bold; }

.content-wrap .mainvi-wrap { width: 100%; max-width: 940px; margin: 0 auto; }

.content-wrap .mainvi-wrap img { display: block; width: 100%; max-width: 100%; object-fit: cover; }

.content-wrap ul.top-nav-wrap li { text-align: center; margin-bottom: 2rem; }

.content-wrap ul.top-nav-wrap li a { font-family: "Montserrat", sans-serif; text-align: center; font-size: 1.4rem; transition: all .3s; }

.content-wrap .message-wrap { width: 100%; max-width: 640px; margin: 0 auto; padding: 5em 0; }

.content-wrap .message-wrap h2 { font-size: 2em; }

.content-wrap .message-wrap h2 span { display: block; padding-bottom: 1em; }

.content-wrap .message-wrap p { font-size: 1.1rem; }

.content-wrap .message-wrap p span { position: relative; }

.content-wrap .message-wrap p span::before { content: ''; background: #AAB2B7; width: 4em; height: 1px; display: block; position: absolute; top: 50%; left: -5em; transform: translateY(-50%); }

.content-wrap .text-block-wrap { padding: 5em 0 2em; }

.content-wrap .thumb-box-wrap.thumb-box-01 .thumb img { display: block; width: 100%; margin: 0 auto; }

.content-wrap .thumb-box-wrap.thumb-box-01 .thumb-txt { display: flex; justify-content: space-between; }

.content-wrap .thumb-box-wrap.thumb-box-01 .thumb-txt span { display: block; }

.content-wrap .table tr th { border: none; width: 10%; padding: 1rem 0; font-weight: normal; line-height: 1.6; }

.content-wrap .table tr td { border: none; padding: 1rem 0; line-height: 1.6; }

.content-wrap .table tr img { display: block; width: 80%; margin-left: auto; }

.content-wrap form .form-control { height: auto; }

.content-wrap form .row { border-bottom: 1px solid #C5C5C5; }

.content-wrap form .row:first-child { border-top: 1px solid #C5C5C5; }

.content-wrap form .row .col-12, .content-wrap form .row .col-6 { display: flex; flex-wrap: wrap; padding: 1.5rem 0; }

.content-wrap form .row .col-12 label, .content-wrap form .row .col-6 label { width: 20%; font-size: 1rem; font-weight: bold; }

.content-wrap form .row .col-12 label.reqire::after, .content-wrap form .row .col-6 label.reqire::after { content: "*"; color: red; font-size: 1.2rem; }

.content-wrap form .row .col-12 .radio-wrap, .content-wrap form .row .col-6 .radio-wrap { display: flex; flex-wrap: wrap; width: 70%; }

.content-wrap form .row .col-12 .radio-wrap label, .content-wrap form .row .col-6 .radio-wrap label { display: flex; align-items: center; width: 100%; padding-bottom: .5rem; }

.content-wrap form .row .col-12 .radio-wrap input[type="radio"], .content-wrap form .row .col-6 .radio-wrap input[type="radio"] { position: relative; background: white; padding: 0; margin-right: .5rem; width: 16px; height: 16px; border: 1px solid #000; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.content-wrap form .row .col-12 .radio-wrap input[type="radio"]:checked:before, .content-wrap form .row .col-6 .radio-wrap input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #000; content: ''; }

.content-wrap form .row .col-12 select, .content-wrap form .row .col-12 input, .content-wrap form .row .col-12 textarea, .content-wrap form .row .col-6 select, .content-wrap form .row .col-6 input, .content-wrap form .row .col-6 textarea { width: 80%; background-color: #F8F9F9; border: 1px solid #C5C5C5; padding: 1em; border-radius: 0.25rem; }

.content-wrap form .row .col-12 select:hover, .content-wrap form .row .col-12 select:focus, .content-wrap form .row .col-12 select:active, .content-wrap form .row .col-12 input:hover, .content-wrap form .row .col-12 input:focus, .content-wrap form .row .col-12 input:active, .content-wrap form .row .col-12 textarea:hover, .content-wrap form .row .col-12 textarea:focus, .content-wrap form .row .col-12 textarea:active, .content-wrap form .row .col-6 select:hover, .content-wrap form .row .col-6 select:focus, .content-wrap form .row .col-6 select:active, .content-wrap form .row .col-6 input:hover, .content-wrap form .row .col-6 input:focus, .content-wrap form .row .col-6 input:active, .content-wrap form .row .col-6 textarea:hover, .content-wrap form .row .col-6 textarea:focus, .content-wrap form .row .col-6 textarea:active { outline: 2px solid #AAB2B7; border-color: transparent !important; box-shadow: none !important; }

.content-wrap form .checkbox-consent { text-align: center; }

.content-wrap form .checkbox-consent .form-group .form-check { width: 100%; justify-content: center; }

.content-wrap form .checkbox-consent .form-group .form-check input[type="checkbox"] { position: relative; width: 16px; height: 16px; line-height: 1; padding: 0; margin-right: 10px; display: inline-block; background: white; outline: 1px solid #AAB2B7; }

.content-wrap form .checkbox-consent .form-group .form-check input[type="checkbox"]:checked:after { content: "✓"; font-weight: bold; }

.content-wrap form .checkbox-consent .form-group .form-check label { width: auto; }

.content-wrap form .checkbox-consent .form-group .form-check label > a { text-decoration: underline; }

.content-wrap form .checkbox-consent .form-group .form-check span.error { margin-left: 1rem; }

.content-wrap form .link-btn a, .content-wrap form .link-btn input[type=submit] { display: block; background-color: #AAB2B7; color: white; position: relative; text-align: center; padding: 1rem; font-size: 1rem; width: 350px; margin: 0 auto; border-radius: 100rem; }

.content-wrap form .link-btn a::after, .content-wrap form .link-btn input[type=submit]::after { content: ''; position: absolute; top: 50%; right: 20px; transform: rotate(45deg) translateY(-50%); width: 8px; height: 8px; border-width: 2px 2px 0 0; border-style: solid; }

/***********************************  footer ********************************/
footer.footer { background: #AAB2B7; margin-top: 4rem; }

footer.footer .copyright { max-width: 1200px; margin: 0 auto; padding: 1rem 2rem; color: white; display: flex; justify-content: space-between; align-items: center; }

footer.footer .copyright a { display: block; font-size: .9rem; transition: all .3s; }

footer.footer .copyright a:hover { color: white; opacity: .7; }

.arrow_btn { max-width: 640px; margin: 0 auto; padding-top: 4rem; display: flex; justify-content: space-between; align-items: center; }

.arrow_btn .arrow_btn_item { width: 40%; position: relative; }

.arrow_btn .arrow_btn_item.prev:after { content: '←'; position: absolute; top: 50%; left: 6%; transform: translateY(-50%); color: #fff; }

.arrow_btn .arrow_btn_item.next:after { content: '→'; position: absolute; top: 50%; right: 6%; transform: translateY(-50%); color: #fff; }

.arrow_btn .arrow_btn_item a { background: #AAB2B7; color: #fff; transition: .3s; display: block; text-align: center; }

.arrow_btn .arrow_btn_item a:hover { opacity: .7; color: #fff; }

.arrow_btn .arrow_btn_item.prev a { padding: .5rem 0rem .5rem 1rem; }

.arrow_btn .arrow_btn_item.next a { padding: .5rem 1rem .5rem 0rem; }

.arrow_btn .arrow_btn_item.top a { padding: .5rem 1rem; }