@charset "UTF-8";


input[type="text"]{ width: 100%; max-width: 280px; }
input[name="address"]{ width: 100%; max-width: 580px; }
input[name="area"]{ width: 100%; max-width: 470px; }
textarea{ width: 100%; max-width: 700px; height: 150px; }
select{ font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; position: relative; z-index: 1; padding: 5px 40px 5px 10px; border: 1px solid #cccccc; border-radius: 3px; background-color: #ffffff; }
select::-ms-expand{ display: none; }
#main .section-body{ position: relative; z-index: 20; }
#main .hero .ttl-body{ color: #333333; }
#main .hero .ttl-body::before{ background-color: #333333; }
#main .section-contact{ padding-top: 92px; padding-bottom: 340px; }
#main .section-contact .section-body .tracking-note{ background-color: #f4f4f4; margin: 20px 0; padding: 25px 0; }
#main .section-contact .section-body .tracking-note .split-view{ display: flex; display: -ms-flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#main .section-contact .section-body .tracking-note .split-view .txt{ font-size: 1rem; line-height: 1.5; color: #000033; margin: 5px 10px; }
#main .section-contact .section-body .tracking-note .split-view .navi{ width: 194px; margin: 5px 10px; }
#main .section-contact .section-body .tracking-note .split-view .navi a{ padding-top: 58px; border-radius: 29px; text-decoration: none; color: #ffffff; font-size: 1rem; position: relative; display: block; background-color: #000033; }
#main .section-contact .section-body .tracking-note .split-view .navi a .inner{ display: flex; display: -ms-flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
#main .section-contact .section-body .tracking-note .split-view .navi a .icon{ width: 17px; line-height: 0; display: inline-block; margin-right: 0.5em; }
#main .section-contact .section-body .tracking-note+.contact-body{ border-top: 1px solid #e5e5e5; }
#main .section-contact .section-body .note{ padding: 100px 0; }
#main .section-contact .section-body .note .txt,
#main .section-contact .section-body .note .txt-error{ font-size: 1rem; text-align: center; }
#main .section-contact .section-body .note .txt-error{ color: #dd0000; }
#main .section-contact .section-body .home-btn{ max-width: 380px; margin: 60px auto 0; }
#main .section-contact .section-body .home-btn a{ display: block; background-color: #111111; color: #ffffff; text-decoration: none; font-weight: 600; font-size: 1.25rem; line-height: 1.5; padding: 20px 0; border-radius: 35px; text-align: center; }
#main .section-contact .section-body .ttl{ font-size: 34px; line-height: 1.2; color: #3cb9d8; font-weight: bold; border-bottom: 3px solid #3cb9d8; padding-bottom: 15px; }
#main .section-contact .section-body .field-item{ padding: 15px 0; border-bottom: 1px solid #e5e5e5; display: -ms-flex; display: flex; }
#main .section-contact .section-body .field-item.error{ background-color: #ffe3e3; }
#main .section-contact .section-body .field-item .field-head{ font-weight: bold; color: #333333; width: 250px; position: relative; line-height: 1.7; }
#main .section-contact .section-body .field-item .field-head .icon-required{ background-color: #3cb9d8; color: #ffffff; font-weight: 500; font-size: 0.86rem; line-height: 1.5; padding: 3px 10px; position: absolute; right: 40px; top: 0; border-radius: 13px; }
#main .section-contact .section-body .field-item .field-body{ flex: 1; line-height: 1.7; }
#main .section-contact .section-body .field-item .field-body .separate+.separate{ border-top: 1px solid #e5e5e5; margin-top: 15px; padding-top: 15px; }
#main .section-contact .section-body .field-item .error-txt{ color: #dd0000; }
#main .section-contact .section-body .btn-wrapper{ display: -ms-flex; display: flex; flex-direction: row-reverse;  justify-content: center; margin-top: 50px; }
#main .section-contact .section-body .btn-wrapper .item{ flex: 1; max-width: 244px; }
#main .section-contact .section-body .btn-wrapper .item+.item{ margin-right: 20px; }
#main .section-contact .section-body .submit-btn{ text-align: center; }
#main .section-contact .section-body .submit-btn input,
#main .section-contact .section-body .submit-btn button,
#main .section-contact .section-body .submit-btn a,
#main .section-contact .section-body .prev-btn input,
#main .section-contact .section-body .prev-btn button,
#main .section-contact .section-body .prev-btn a{ border: none; font-size: 1.25rem; line-height: 1.5; font-weight: bold; padding: 20px 0; border-radius: 35px; box-sizing: border-box; display: inline-block; text-decoration: none; width: 100%; cursor: pointer; }
#main .section-contact .section-body .submit-btn input,
#main .section-contact .section-body .submit-btn button,
#main .section-contact .section-body .submit-btn a{ background-color: #3cb9d8; color: #ffffff; }
#main .section-contact .section-body .prev-btn{ text-align: center; }
#main .section-contact .section-body .prev-btn input,
#main .section-contact .section-body .prev-btn button,
#main .section-contact .section-body .prev-btn a{ background-color: #eeeeee; color: #666666; }
#main .section-contact .section-body .tel-body{ background: linear-gradient(to right, #e6f2f6 0%, #eef7fa 37%, #d1ecf3 100%); border-radius: 20px; padding: 50px 5%; margin-top: 50px; }
#main .section-contact .section-body .tel-body .split-view{ display: flex; display: -ms-flex; align-items: center; }
#main .section-contact .section-body .tel-body .split-view .head-body{ margin-right: 5%; }
#main .section-contact .section-body .tel-body .split-view .head-body .en{ font-family: 'YakuHanJP', 'Outfit', sans-serif; font-size: 2.625rem; line-height: 1.2; color: #111111; font-weight: 500; }
#main .section-contact .section-body .tel-body .split-view .txt{ font-size: 0.875rem; line-height: 1.5; color: #111111; }
#main .section-contact .section-body .tel-body .split-view .txt-body .tel{ font-size: 2.625rem; line-height: 1.2; font-weight: bold; color: #2b80d9; font-family: 'YakuHanJP', 'Outfit', sans-serif; }
#main .section-contact .section-body .grecaptcha-badge{ z-index: 9999; }

@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1060px) {
	#main .section-contact .section-body .tel-body .split-view{ display: block; }
	#main .section-contact .section-body .tel-body .split-view .txt-body{ margin-top: 5%; }
	#main .section-contact .section-body .field-item{ display: block; }
	#main .section-contact .section-body .field-item .field-head{ width: auto; display: inline-block; padding-right: 60px; margin-bottom: 5px; }
	#main .section-contact .section-body .field-item .field-head .icon-required{ right: 0;}
}
@media screen and (max-width: 767.5px) {
	#main .section-contact{ padding-top: 12%; padding-bottom: 72%; }
	#main .section-contact .section-body .tracking-note{ margin: 7% 0; padding: 7% 5%; }
	#main .section-contact .section-body .tracking-note .split-view{ display: block; }
	#main .section-contact .section-body .tracking-note .split-view .txt{ margin: 0; text-align: center; }
	#main .section-contact .section-body .tracking-note .split-view .navi{ width: 40vw; margin: 5% auto 0; }
	#main .section-contact .section-body .tracking-note .split-view .navi a{ padding-top: 12vw; border-radius: 6.133vw; font-size: 0.875rem; }
	#main .section-contact .section-body .tracking-note .split-view .navi a .icon{ width: 4.533vw; }
	#main .section-contact .section-body .note{ padding: 10% 0 0; }
	#main .section-contact .section-body .home-btn{ max-width: none; width: 100%; margin-top: 16.6667%; }
	#main .section-contact .section-body .home-btn a{ font-size: 1.14rem; padding: 6.133vw 0; border-radius: 9.3333vw; }
	#main .section-contact .section-body .ttl{ font-size: 1.4285rem; border-bottom-width: 2px; padding-bottom: 3%; }
	#main .section-contact .section-body .field-item{ padding: 6% 0; }
	#main .section-contact .section-body .field-item .field-head{ padding-right: 16%; }
	#main .section-contact .section-body .field-item .field-head .icon-required{ padding: 0.5333vw 2vw; border-radius: 2.9333vw; }
	#main .section-contact .section-body .field-item .field-body .separate+.separate{ margin-top: 5%; padding-top: 5%; }
	#main .section-contact .section-body .btn-wrapper{ margin-top: 15%; }
	#main .section-contact .section-body .btn-wrapper .item+.item{ margin-right: 2%; }
	#main .section-contact .section-body .submit-btn input,
	#main .section-contact .section-body .submit-btn button,
	#main .section-contact .section-body .submit-btn a,
	#main .section-contact .section-body .prev-btn input,
	#main .section-contact .section-body .prev-btn button,
	#main .section-contact .section-body .prev-btn a{ font-size: 1.14rem; padding: 6.133vw 0; border-radius: 9.3333vw; }
	#main .section-contact .section-body .tel-body{ border-radius: 5.3333vw; padding: 10% 7%; margin-top: 20%; }
	#main .section-contact .section-body .tel-body .split-view .head-body{ margin-right: 0; }
	#main .section-contact .section-body .tel-body .split-view .head-body .en{ font-size: 2.8571rem; }
	#main .section-contact .section-body .tel-body .split-view .txt{ font-size: 1rem; }
	#main .section-contact .section-body .tel-body .split-view .txt-body .tel{ font-size: 2.1428rem; }
}