@charset "UTF-8";
.sec--contact { margin-bottom: 75px; padding: 47px 30px 50px; color: var(--c-navy); }
.contact-intro { margin-top: -20px; margin-bottom: 30px; font-size: 1.5rem; font-weight: 500; line-height: 2; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.btn--common { color: var(--c-navy); }

@media print, screen and (min-width:681px) {
	.sec--contact { margin-bottom: 100px; padding: 92px 100px 100px; }
	.sec--contact--nocatch { padding-top: 126px; }
	.contact-intro { margin-bottom: 60px; font-size: 1.8rem; font-weight: 500; line-height: 1; }
	.fv-sub { padding-bottom: 81px; }
}

.contact-catch { margin-bottom: 25px; font-size: 1.5rem; font-weight: 500; line-height: 2; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; color: var(--c-navy); }

.current { display: flex; justify-content: center; align-items: center; margin-bottom: 37px; }
.current__item { font: 400 1.1rem 'Poppins', sans-serif; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; text-align: center; color: #b3c0ff; }
.current__item:nth-of-type(1) { order: 1; }
.current__item:nth-of-type(2) { order: 3; }
.current__item:nth-of-type(3) { order: 5; }
.current::before,
.current::after { width: 15px; height: 1px; background: #b3c0ff; margin-left: 15px; margin-right: 15px; content: ""; }
.current::before { order: 2; }
.current::after { order: 4; }
.current__item--active span { color: #000; }
@media print, screen and (min-width:681px) {
	.contact-catch { margin-bottom: 39px; font-size: 1.8rem; line-height: 1; }
	.current { margin-bottom: 67px; }
	.current__item { font-size: 1.4rem; letter-spacing: 0.5em; text-indent: 0.5em; }
	.current::before,
	.current::after { width: 45px; margin-left: 20px; margin-right: 20px; }
}

.current2 { display: flex; justify-content: center; align-items: center; margin-bottom: 37px; }
.current__item { font: 400 1.1rem 'Poppins', sans-serif; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; text-align: center; color: #b3c0ff; }
.current__item:nth-of-type(1) { order: 1; }
.current__item:nth-of-type(2) { order: 3; }
.current2::before{ width: 15px; height: 1px; background: #b3c0ff; margin-left: 15px; margin-right: 15px; content: ""; }
.current2::before{ order: 2; }
.current__item--active span { color: var(--c-navy); }
@media print, screen and (min-width:681px) {
	.current2 { margin-bottom: 67px; }
	.current__item { font-size: 1.4rem; letter-spacing: 0.5em; text-indent: 0.5em; }
	.current2::before{ width: 45px; margin-left: 20px; margin-right: 20px; }
}









.common-ttl--form { margin-bottom: 45px; }
.form__txt { margin-bottom: 35px; font-size: 1.4rem; font-weight: 400; line-height: 1.857; }
.form__hq { margin-bottom: 70px; border-left: 1px solid var(--c-navy); padding-left: 20px; text-align: left; }
.form__hq__name,
.form__hq__num { display: block; }
.form__hq__name { margin-bottom: 8px; font-size: 1.5rem; font-weight: 500; line-height: 1; }
.form__hq__num { font-size: 1.4rem; font-weight: 400; line-height: 1; color: #666; }

@media screen and (min-width: 681px) {
	.common-ttl--form { margin-bottom: 54px; }
	.form__txt { margin-bottom: 57px; }
	.form__hq { margin-bottom: 60px; }
}


input:placeholder,
textarea:placeholder { font-size: 1.2rem; font-weight: 500; color: var(--c-navy); }
input:-ms-input-placeholder { font-size: 1.2rem; font-weight: 500; color: var(--c-navy); }
input,
select,
textarea { font: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
textarea.input { min-height: 130px; padding: 10px; }
select { color: var(--c-navy); }

.button[disabled] { background: #CCC; pointer-events: none; }
/* PAGE form module */

.form__label { font-size: 1.3rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; }
.form__label__text { white-space: nowrap; flex-shrink: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; color: var(--c-navy); }
.form__label__text.must:after { color: #ff5700; content: "※"; }
.form__must { display: flex; justify-content: center; align-items: center; width: 40px; height: 20px; background: #D52B46; font-size: 1.2rem; font-weight: 400; line-height: 1; color: #fff; }
.form__content { margin-top: 10px; font-size: 1.3rem; font-weight: 500; }

.form__content--flex { display: flex; }
.form__item:not(:first-of-type) { margin-top: 58px; }
.form__item--confirm .form__content { line-height: 2; padding: 18px 5.35vw 15px; }
/*.form__name { display: flex; align-items: center; width: 47%; }*/
.form__name:not(:last-child) { margin-right: 6%; }
.form__name__label { width: 3em; }
.form__address { display: block; }
.form__address:not(:last-child) { margin-bottom: 20px; }
.form__address__label { display: block; margin-bottom: 14px; }
.form__confirm-mail { display: block; margin-top: 20px; }
.form__confirm-mail__label { display: block; margin-bottom: 10px; }
.form__graduate { display: flex; align-items: center; width: 190px; }
.form__graduate__unit { margin-left: 0.5em; }
.form__course__item:not(:last-child) { margin-bottom: 22px; }
.form__course__detail { margin-top: 14px; padding-left: 24px; }
.form__course__detail__item { margin-top: 6px; }
.form__annouce { text-align: center; color: #ff3333; padding-bottom: 5px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.form__annouce + .button { margin-top: 0; }
.form__annouce.is-hide { opacity: 0; height: 0; }
.form__buttons { border-top: 1px solid #ccc; padding-top: 26px; margin-top: 30px; }
.form__buttons .button--submit { margin-top: 25px; }
/*.input { width: 100%; background: #e5e8ea;  -webkit-box-shadow: none;  padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; font-size: 1.4rem; border-radius: 0; }*/

.input { width: 100%; background: #fff; border: 1px solid var(--c-navy); border-radius: 3px; box-shadow: none; padding: 0 10px; box-sizing: border-box; height: 45px; font-size: 1.3rem; font-weight: 500; }

.input--textarea { width: 100%; height: 300px; resize: none; padding-top: 10px; }
.input.is-error { background: #fff; border-color: var(--c-navy); }
.radio { position: relative; padding-left: 30px; cursor: pointer; }
.radio:not(:last-child) { margin-right: 40px; }
.radio__input { opacity: 0; width: 0; height: 0; position: absolute; }
.radio__input:checked + .radio__text:after { opacity: 1; }
.radio__text { display: inline-block; padding: 3px 0; }
.radio__text:before,
.radio__text:after { content: ""; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.radio__text:before { width: 20px; height: 20px; border: 2px solid #c1c1c1; }
.radio__text:after { width: 8px; height: 8px; background: #D52B46; margin: 6px 0 0 6px; opacity: 0; }
.checkbox { position: relative; padding-left: 22px; cursor: pointer; }
.checkbox__input { opacity: 0; width: 0; height: 0; position: absolute; }
.checkbox__input:checked + .checkbox__text:after { opacity: 1; }
.checkbox__text { display: inline-block; padding: 10px 0; }
.checkbox__text:before,
.checkbox__text:after { content: ""; display: block; position: absolute; top: 3px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.checkbox__text:before { width: 16px; height: 16px; border: 2px solid #cccccc; }
.checkbox__text:after { width: 6px; height: 10px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; margin: 1px 0 0 5px; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.select { border: 1px solid #ddd; width: 100%; -webkit-box-shadow: none; box-shadow: none; padding: 0 30px 0 14px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; background: url(../img/icon_selecttag.svg) no-repeat right 14px center, #FFFFFF; }
.select:-ms-expand { display: none; }
.select--gray { background-color: #f5f5f5; border: none; height: 50px; background-position: right 20px center; background-image: url(../img/icon_selecttag_black.svg); padding: 0 30px 0 20px; }
.select.is-error { background-color: #ffcccc; border-color: #ff8d8d; }

.form__notice { margin-top: 24px; margin-bottom: 35px; font-size: 1.2rem; font-weight: 400; line-height: 1.666; text-align: center; }

.btn--submit-wrap { background: #fff;}
.btn--submit-wrap.lock { pointer-events: none; }
.btn--submit,
.btn--return { border: none; width: 100%; font-weight: 500; }
.btn--submit { position: relative; width: 100%; height: 100%; background-color: transparent; font-size: 1.2rem; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; color: var(--c-navy); z-index: 10; cursor: pointer; transition: .4s; }
.btn--submit:hover { color: #fff; }
.btn--return { background: #fff; border: 1px solid var(--c-navy); margin-top: 20px; }
.btn--return span { position: relative; z-index: 10; }
.btn--return:after { left: 20px; right: auto; transform: translateY(-50%) rotate(225deg); }
@media screen and (max-width: 680px) {
	.btn--return { margin-bottom: 22px; }
}


.cate-wrap { position: relative; }
.cate-wrap:before { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: var(--c-navy) transparent transparent; content: ""; transition: 0.5s; }

.form__btn-wrap { margin-top: 43px; }
.form__txt--confirm { font-size: 1.8rem; font-weight: 500; line-height: 1.333; text-align: center; }
.form__subtxt--confirm { margin-top: -7px; padding-bottom: 44px; font-size: 1.5rem; line-height: 2; }
.form__agree { margin-top: 30px; text-align: center; }
.form__agree a { text-decoration: underline; color: #D52B46; }
.checkbox { position: relative; padding-left: 32px; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.1em; }
.checkbox__input { opacity: 0; width: 0; height: 0; position: absolute; }
.checkbox__input:checked + .checkbox__text:after { opacity: 1; }
.checkbox__text { display: inline-block; padding: 0; }
.checkbox__text:before,
.checkbox__text:after { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); box-sizing: border-box; }
.checkbox__text:before { width: 18px; height: 18px; border: 1px solid var(--c-navy); }
.checkbox__text:after { width: 8px; height: 14px; border-right: 3px solid #D52B46; border-bottom: 3px solid #D52B46; margin: -3px 0 0 6px; opacity: 0; transform: translateY(-50%) rotate(45deg); }
.dob__item:not(:last-of-type) { margin-bottom: 10px; }
.select--dob_y { min-width: 100px; }
.select--dob-wrap { position: relative; display: inline-block; margin-right: 5px; }
.select--dob-wrap:before,
.select--dob-wrap:after { position: absolute; top: 0; right: 0; pointer-events: none; content: "";}
.select--dob-wrap:before { width: 20px; height: 100%; background: #e6e6e6; z-index: 0; mix-blend-mode: multiply; }
.select--dob-wrap:after { width: 20px; height: 100%; background: url("../../common/img/icon_arrow_slc.svg") no-repeat center/9px auto; z-index: 1; pointer-events: none;}
.select--dob-wrap2:before,
.select--dob-wrap2:after { right: 0; }
.select--dob_md { min-width: 100px; }


/*.input-slc { color: #ccc; }*/
@media screen and (max-width: 374px) {
	.form__txt--confirm { font-size: 1.7rem; }
}
@media screen and (min-width: 681px) {
	.form {  }
	.form__item:not(:first-of-type) { margin-top: 38px; }
	.form__label { font-size: 1.6rem; }
	.form__item--confirm .form__label { align-items: center; padding: 30px 0 30px 28px; width: 310px; }
	.form__must { margin-top: 2px; }
	.form__content { font-size: 1.6rem; }
	.form__content--lg { max-width: 100%; }
	.form__item--confirm .form__content { width: calc(100% - 210px); padding: 22px 30px 22px; }
	
	.nobg .form__label { background-color: transparent; border-right: none; }
	.form__notice { margin-top: 0; }
	.form__address { display: flex; align-items: center; }
	.form__address__label { width: 148px; flex-shrink: 0; margin-bottom: 0; }

	.form__buttons { border-top: none; padding-top: 50px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.form__buttons .button { width: 300px; margin-left: 0; margin-right: 0; }
	.form__buttons .button--submit { margin-top: 0; margin-right: 40px; }
	.input--textarea { height: 250px; }
	.radio { padding-top: 7px; padding-bottom: 7px; }
	.radio__text:before,
	.radio__text:after { top: 7px; }
	
	textarea.input { min-height: 322px; }
	.form__btn-wrap { margin-top: 43px; }
	.form__txt--confirm { font-size: 2.0rem;line-height: 1; }
	.form__btn-wrap--confirm { display: flex; justify-content: center; flex-wrap: wrap; }
	.form__btn-wrap--confirm .form__notice { width: 100%; }
	.form__btn-wrap--confirm .btn { margin-left: 0; margin-right: 0; }
	.form__btn-wrap--confirm .btn--return { order: 1; margin-top: 0; margin-right: 30px; }
	.form__btn-wrap--confirm .btn--submit-wrap { order: 2; }
	.form__subtxt--confirm { margin-top: -25px; padding-bottom: 12px; text-align: center; }
	.form__agree a { }
	.form__agree a:hover { text-decoration: none; }
	
	.form__btn-wrap { margin-top: 54px; }
	.btn--return,
	.btn--submit-wrap { width: 300px; max-width: 300px; }
	.btn--return,
	.btn--submit { font-size: 1.3rem; }
	.checkbox { font-size: 1.5rem; }
	
	.dob { display: flex; }
	.dob__item:not(:last-of-type) { margin-right: 10px; }
	.select--dob-wrap:before { width: 34px; }
	.select--dob-wrap:after { width: 34px; background-size: 11px auto; }
	.select--dob-wrap2:before,
	.select--dob-wrap2:after { right: 0; }
	
}


.form__agree__txt { margin-bottom: 21px; font-size: 1.5rem; font-weight: 700; line-height: 2; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.form__agree__txt a { color: #ff662e; text-decoration: none; }


@media screen and (min-width: 681px) {
	.form__agree { margin-top: 89px; }
	.form__agree__txt { margin-bottom: 39px; font-size: 1.8rem; }
}





/**********************
*　Confirm
***********************/
.inputted__item { border-bottom: 1px solid #e5e8ea; padding-top: 16px; padding-bottom: 16px; font-size: 1.3rem; line-height: 2.153; letter-spacing: 0.05em; }
.inputted__item:nth-of-type(1) { padding-top: 0; }
.inputted__item__ttl { font-weight: 700; }

@media screen and (min-width: 681px) {
	.inputted__item { display: flex; align-items: flex-start; padding-top: 20px; padding-bottom: 21px; font-size: 1.6rem; line-height: 2.1875; }
	.inputted__item__ttl { width: 220px; }
	.inputted--ttlwider .inputted__item__ttl { width: 330px; }
	.inputted__item__cont { flex: 1; }
}

/**********************
*　Thanks
***********************/
.thanks { margin-top: 3px; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.1em; }
.thanks__ttl { margin-bottom: 20px; padding-top: 30px; font-size: 1.4rem; font-weight: 700; line-height: 1; text-indent: 0.1em; text-align: center; }
.thanks__txt { margin-bottom: 34px; line-height: 2.153; }
.thanks__notice { margin-bottom: 67px; font-size: 1.2rem; line-height: 2.1; color: #ff662e; }
@media screen and (min-width: 681px) {
	.thanks { margin-top: 0; font-size: 1.8rem; text-align: center; letter-spacing: 0.02em; text-indent: 0.02em; }
	.thanks__ttl { margin-bottom: 80px; padding-top: 50px; font-size: 1.8rem; }
	.thanks__txt { margin-bottom: 80px; line-height: 2; }
	.thanks__notice { margin-bottom: 90px; font-size: 1.5rem; }
}



.btn--common { border: 1px solid var(--c-navy); }