@charset 'utf-8';

/* ABOUT
------------------------------------------------ */

#enrollment {  }
#enrollment .ffood__banner:before { background: url(../../img/contact/enrollment.jpg)no-repeat center center; background-size: cover; }

.enrollment-contents { margin-bottom: 100px; }
.en-desc { padding: 0 35px; position: relative; margin-bottom: 160px; }
.en-desc--title { font-size: 30px; font-size: 3rem; font-weight: 500; text-align: center; letter-spacing: .08em; line-height: 1.3333; color: #EF804E; margin-bottom: 80px; }
.en-desc__block { display: block; max-width: 900px; margin: 0 auto; }
.en-desc__block__lists { display: flex; flex-wrap: wrap; }
.en-desc__block__lists:not(:last-child) { margin-bottom: 40px; }
.en-desc__block__lists--tlt { font-size: 26px; font-size: 2.6rem; font-weight: 500; letter-spacing: .07em; width: 25.3%; }
.en-desc__block__lists--cont { font-size: 14px; font-size: 1.4rem; line-height: 2.14; width: 74.7%; padding-left: 7.8%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-desc__block__lists--cont:before { content: ''; width: 2px; height: 100%; position: absolute; left: 0; top: 0; background: #EF804E; }
.en-desc__block__lists--cont .lc-dot { display: block; }
.en-desc__block__lists--cont .lc-dot li { display: block; padding-left: 1em; text-indent: -1em; }

	@media screen and (max-width: 768px) {
		.enrollment-contents { margin-bottom: 50px; }
		.en-desc { position: relative; margin-bottom: 100px; }
		.en-desc--title { font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin-bottom: 45px; }
		.en-desc__block__lists { display: block; }
		.en-desc__block__lists:not(:last-child) { margin-bottom: 45px; }
		.en-desc__block__lists--tlt { font-size: 17px; font-size: 1.7rem; width: 100%; text-align: center; }
		.en-desc__block__lists--cont { font-size: 13px; font-size: 1.3rem; line-height: 1.8; width: 100%; padding-left: 0; }
		.en-desc__block__lists--cont:before { content: ''; display: block; width: 100%; height: 1px; position: relative; left: auto; top: auto; margin: 18px 0 25px; }
	}

.en-form { position: relative; padding: 0 35px; background: url(../../img/contact/bg-puple.png)no-repeat top 70px center; background-size: 1640px; }
.en-form:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 250px; background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,58,0) 100%); z-index: 0; }
.en-form:after { content: ''; position: absolute; top: calc( 864px - 125px ); left: 0; width: 100%; height: 250px; background: linear-gradient(to top, rgba(255,255,255,1) 50%,rgba(255,255,58,0) 100%); z-index: 0; }
.en-form--title { font-size: 36px; font-size: 3.6rem; font-weight: 500; letter-spacing: .03em; line-height: 1.3333; text-align: center; color: #41B76E; margin-bottom: 0.63em; position: relative; z-index: 1; }
.en-form--desc { font-size: 18px; font-size: 1.8rem; font-weight: 500; text-align: center; line-height: 1.5; position: relative; z-index: 1; }
.en-form--thank { display: block; position: relative; text-align: center; }
.en-form--thank a { font-size: 16px; font-size: 1.6rem; letter-spacing: .1em; cursor: pointer; text-align: center; color: #fff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 338px; width: 100%; margin: 68px auto 0; height: 50px; background: linear-gradient(90deg, #EF804E 10%, #EF9E4E 100%); border: none; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__block { display: block; max-width: 900px; margin: 60px auto 0; padding: 45px 60px 50px; background: #fff; box-shadow: 0px 0px 24px rgba(0,0,0,.05); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; }
.en-form__block--note { font-size: 13px; font-size: 1.3rem; line-height: 1.42; }
.en-form__block--note .red { color: #DE2525; }
.en-form__block--note p:not(:last-child) { margin-bottom: .76em; }
.en-form__block--note a { display: inline-block; color: #4E79CB; text-decoration: underline; }

	@media screen and (max-width: 768px) {
		.en-form { position: relative; background: url(../../img/contact/bg-puple.png)no-repeat top 0 center; background-size: 768px; }
		.en-form:before { height: 118px; }
		.en-form:after { top: calc( 405px - 125px ); height: 59px; }
		.en-form--title { font-size: 24px; font-size: 2.4rem; margin-bottom: 0.63em; }
		.en-form--desc { font-size: 14px; font-size: 1.4rem; }
		.en-form--thank a { margin-top: 35px; }
		.en-form__block { margin: 45px -35px 0; padding: 35px 30px 35px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; }
		.en-form__block--note { font-size: 13px; font-size: 1.3rem; line-height: 1.42; }
		.en-form__block--note .red { color: #DE2525; }
		.en-form__block--note p:not(:last-child) { margin-bottom: .76em; }
		.en-form__block--note a { display: inline-block; color: #4E79CB; text-decoration: underline; }
	}

.en-form__table { margin-top: 35px; }
.en-form__tabs {  }
.en-form__tabs__btn { display: flex; flex-wrap: wrap; }
.en-form__tabs__btn--head,
.en-form__tabs__btn--lists { font-size: 14px; font-size: 1.4rem; font-weight: normal; vertical-align: top; letter-spacing: .03em; text-align: left; border-top: 1px solid #B7B7B7; padding: 10.5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__btn--head { font-size: 16px; font-size: 1.6rem; width: 245px; padding-left: 28px; padding-right: 28px; }
.en-form__tabs__btn--head span { display: block; padding: 8px 0; }
.en-form__tabs__btn--head .request { font-size: 10px; font-size: 1rem; line-height: 1; padding: .4em .6em; margin-left: 1em; color: #fff; background: #F5BF2E; display: inline-block; vertical-align: .2em; -webkit-border-radius: 50px; border-radius: 50px; }
.en-form__tabs__btn--lists { width: calc( 100% - 245px ); display: flex; flex-wrap: wrap; align-items: center; }
.en-form__tabs__btn--lists li label { position: relative; display: block; padding-left: 32px; margin-right: 28px; }
.en-form__tabs__btn--lists li label:before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 22px; height: 22px; border: 1px solid #B7B7B7; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__btn--lists li label:after { content: ''; display: block; position: absolute; left: 4.5px; top: 50%; transform: translate(0,-50%); width: 13px; height: 13px; background: linear-gradient(0deg, #EF804E 10%, #FCBD7F 100%); -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__content {  }
.en-form__tabs__content--block { display: none; animation-name: content; animation-direction: normal; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-iteration-count: 1; line-height: 1.4; }
.en-form__tabs__content--block input[type=text],
.en-form__tabs__content--block input[type=email],
.en-form__tabs__content--block input[type=tel],
.en-form__tabs__content--block input[type=number],
.en-form__tabs__content--block select,
.en-form__tabs__content--block textarea { font-family: 'Rounded M plus 1c'; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 5px 10px; width: 100%; height: 38px; background: #fff; border: solid #BBBBBB 1px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__content--block textarea { height: 180px; vertical-align: top; }
.en-form__tabs__content--block .cb-table { display: table; border-collapse: collapse; width: 100%; border-bottom: 1px solid #B7B7B7;  }
.en-form__tabs__content--block .cb-table tbody {  }
.en-form__tabs__content--block .cb-table tr {  }
.en-form__tabs__content--block .cb-table tr th,
.en-form__tabs__content--block .cb-table tr td { font-size: 14px; font-size: 1.4rem; font-weight: normal; vertical-align: top; letter-spacing: .03em; text-align: left; border-top: 1px solid #B7B7B7; padding: 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__content--block .cb-table tr th { font-size: 16px; font-size: 1.6rem; width: 245px; padding-left: 28px; padding-right: 28px; }
.en-form__tabs__content--block .cb-table tr th span { display: block; padding: 8px 0; }
.en-form__tabs__content--block .cb-table tr th span.clearP { padding: 0; }
.en-form__tabs__content--block .cb-table tr th small { display: block; font-size: 12px; font-size: 1.2rem; }
.en-form__tabs__content--block .cb-table tr th .request { font-size: 10px; font-size: 1rem; line-height: 1; padding: .4em .6em; margin-left: 1em; color: #fff; background: #F5BF2E; display: inline-block; vertical-align: .2em; -webkit-border-radius: 50px; border-radius: 50px; }
.en-form__tabs__content--block .cb-table tr td .cb-w460 { max-width: 460px; }
.en-form__tabs__content--block .cb-table tr td .cb-w80 { max-width: 80px; }
.en-form__tabs__content--block .cb-table tr td .cb-w90 { max-width: 90px; }

.en-form__tabs__content--block .cb-table tr td .cb-horizontal { display: flex; align-items: center; }
.en-form__tabs__content--block .cb-table tr td .cb-horizontal--lists { margin-right: 10px; }
.en-form__tabs__content--block .cb-table tr td .cb-hyphen { width: 8px; height: 1px; background: #111; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.en-form__tabs__content--block .cb-table tr td .cb-radio { padding: 9px 0px; display: flex; flex-wrap: wrap; align-items: center; }
.en-form__tabs__content--block .cb-table tr td .cb-radio .wpcf7-list-item { position: relative; display: block; padding-left: 32px; margin: 0; margin-right: 28px; }
.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio] { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 22px; height: 22px; background: none; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #B7B7B7; -webkit-appearance: none; outline: none; appearance: none; display: inline-block; vertical-align: middle; }
.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio]:after{ display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ''; width: 13px; height: 13px; background: linear-gradient(0deg, #EF804E 10%, #FCBD7F 100%); -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; }
.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio]:checked { border-color: #EF804E; }
.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio]:checked:after{ opacity: 1; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy--links { margin: 15px 0 9px 22px; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy--links a { display: inline-block; text-decoration: underline; color: #4E79CB; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy { position: relative; display: block; padding-left: 32px; margin-top: 9px; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox] { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 22px; height: 22px; background: none; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #B7B7B7; -webkit-appearance: none; outline: none; appearance: none; display: inline-block; vertical-align: middle; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox]:after{ display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ''; width: 13px; height: 10.5px; background: url(../../img/share/icon-tick.png) no-repeat; background-size: 100%; opacity: 0; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox]:checked { border-color: #EF804E; }
.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox]:checked:after{ opacity: 1; }

.en-form__tabs__content--block .cb-submit { display: block; position: relative; }
.en-form__tabs__content--block .cb-submit input { font-size: 16px; font-size: 1.6rem; letter-spacing: .1em; cursor: pointer; text-align: center; color: #fff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; display: block; max-width: 338px; width: 100%; margin: 32px auto 0; height: 50px; background: linear-gradient(90deg, #EF804E 10%, #EF9E4E 100%); border: none; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.en-form__tabs__content--block .cb-submit .wpcf7-spinner { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0; }

.en-form__tabs input[name="tab-control"] { display: none; }
.en-form__tabs input[name="tab-control"]:nth-of-type(1):checked ~ .en-form__tabs__btn > ul > li:nth-child(1) > label:before,
.en-form__tabs input[name="tab-control"]:nth-of-type(1):checked ~ .en-form__tabs__btn > ul > li:nth-child(1) > label:after,
.en-form__tabs input[name="tab-control"]:nth-of-type(2):checked ~ .en-form__tabs__btn > ul > li:nth-child(2) > label:before,
.en-form__tabs input[name="tab-control"]:nth-of-type(2):checked ~ .en-form__tabs__btn > ul > li:nth-child(2) > label:after { border-color: #EF804E; opacity: 1; }
.en-form__tabs input[name="tab-control"]:nth-of-type(1):checked ~ .en-form__tabs__content > .en-form__tabs__content--block:nth-child(1),
.en-form__tabs input[name="tab-control"]:nth-of-type(2):checked ~ .en-form__tabs__content > .en-form__tabs__content--block:nth-child(2) { display: block; }

@-webkit-keyframes content { from { opacity: 0; transform: translateY(5%); } to { opacity: 1; transform: translateY(0%); } }
@keyframes content { from { opacity: 0; transform: translateY(5%); } to { opacity: 1; transform: translateY(0%); } }

.wpcf7-list-item { margin: 0; }
.wpcf7 .screen-reader-response { display: none; }
.wpcf7-not-valid-tip,
.wpcf7-not-valid-error { color: red; display: block; }
.wpcf7-response-output { font-size: 16px; font-size: 1.6rem; text-align: center; }

	@media screen and (max-width: 768px) {

		.en-form__table { margin-top: 25px; }
		.en-form__tabs__btn { display: block; }
		.en-form__tabs__btn--head,
		.en-form__tabs__btn--lists { font-size: 13px; font-size: 1.3rem; border-top: none; padding: 5px 0 15px; display: block; }
		.en-form__tabs__btn--head { font-size: 14px; font-size: 1.4rem; font-weight: bold; width: 100%; padding: 15px 0 5px; border-top: 1px solid #B7B7B7; }
		.en-form__tabs__btn--head span { padding: 0; }
		.en-form__tabs__btn--head .request { font-size: 8px; font-size: .8rem; font-weight: normal; }
		.en-form__tabs__btn--lists { width: 100%; display: flex; }
		.en-form__tabs__btn--lists li label { padding-left: 30px; margin-right: 25px; }
		.en-form__tabs__btn--lists li label:before { width: 20px; height: 20px; }
		.en-form__tabs__btn--lists li label:after { left: 4.5px; width: 11px; height: 11px; }
		.en-form__tabs__content--block input[type=text],
		.en-form__tabs__content--block input[type=email],
		.en-form__tabs__content--block input[type=tel],
		.en-form__tabs__content--block input[type=number],
		.en-form__tabs__content--block select,
		.en-form__tabs__content--block textarea { font-family: 'Rounded M plus 1c'; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 5px 10px; width: 100%; height: 38px; background: #fff; border: solid #BBBBBB 1px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
		.en-form__tabs__content--block textarea { height: 120px; vertical-align: top; }
		.en-form__tabs__content--block .cb-table { display: block; border-collapse: collapse; width: 100%; border-bottom: 1px solid #B7B7B7;  }
		.en-form__tabs__content--block .cb-table tbody {  }
		.en-form__tabs__content--block .cb-table tr {  }
		.en-form__tabs__content--block .cb-table tr th,
		.en-form__tabs__content--block .cb-table tr td { font-size: 13px; font-size: 1.3rem; border-top: none; padding: 5px 0 15px; display: block; }
		.en-form__tabs__content--block .cb-table tr th { font-size: 14px; font-size: 1.4rem; width: 100%; padding: 15px 0 5px; border-top: 1px solid #B7B7B7; }
		.en-form__tabs__content--block .cb-table tr th span { padding: 0; }
		.en-form__tabs__content--block .cb-table tr th small { font-size: 10px; font-size: 1rem; }
		.en-form__tabs__content--block .cb-table tr th .request { font-size: 8px; font-size: .8rem; font-weight: normal; }
		.en-form__tabs__content--block .cb-table tr td .cb-w460 { max-width: 460px; }
		.en-form__tabs__content--block .cb-table tr td .cb-w80 { max-width: 70px; }
		.en-form__tabs__content--block .cb-table tr td .cb-w90 { max-width: 80px; }

		.en-form__tabs__content--block .cb-table tr td .cb-horizontal { display: flex; align-items: center; }
		.en-form__tabs__content--block .cb-table tr td .cb-horizontal--lists { margin-right: 10px; }
		.en-form__tabs__content--block .cb-table tr td .cb-radio { padding: 0; margin-top: -10px; }
		.en-form__tabs__content--block .cb-table tr td .cb-radio .wpcf7-list-item { padding-left: 30px; margin: 0; margin-top: 10px; margin-right: 25px; }
		.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio] { width: 20px; height: 20px; }
		.en-form__tabs__content--block .cb-table tr td .cb-radio input[type=radio]:after{ width: 11px; height: 11px; }
		.en-form__tabs__content--block .cb-table tr td .cb-privacy--links { margin: 15px 0 0 20px; }
		.en-form__tabs__content--block .cb-table tr td .cb-privacy { padding-left: 30px; margin-top: 0; }
		.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox] { width: 20px; height: 20px; -webkit-border-radius: 3px; border-radius: 3px; }
		.en-form__tabs__content--block .cb-table tr td .cb-privacy input[type=checkbox]:after{ width: 11px; height: 9px; }


		.wpcf7-response-output { font-size: 14px; font-size: 1.4rem; text-align: center; }

	}


/* Thank You Pages */
.thankyou-contents .en-form { background: none; }
.thankyou-contents .en-form:after,
.thankyou-contents .en-form:before { content: none; }