@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.titleimg { background: url("/img/contact/titleimg.jpg") left 0% center/cover no-repeat; }

.titleimg .titleimg__ttl { width: 45%; }

.form__tel { padding: 20px 0; margin-bottom: 6%; border: 8px solid #F5F5F5; text-align: center; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
.form__tel .form__tel-ttl { margin-bottom: 5px; color: #223176; font-size: 1.6rem; }
@media (min-width: 768px) { .form__tel .form__tel-ttl { font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 0.4854368932 ); } }
@media (min-width: 1180px) { .form__tel .form__tel-ttl { font-size: 1.8rem; } }
.form__tel .form__tel-num { margin-bottom: 5px; font-size: 3rem; line-height: 1.0810810811; }
@media (min-width: 768px) { .form__tel .form__tel-num { font-size: calc( 3rem + ( 1vw - 7.68px ) * 1.6990291262 ); } }
@media (min-width: 1180px) { .form__tel .form__tel-num { font-size: 3.7rem; } }
.form__tel .form__tel-num span { font-size: 2.4rem; }
@media (min-width: 768px) { .form__tel .form__tel-num span { font-size: calc( 2.4rem + ( 1vw - 7.68px ) * 1.213592233 ); } }
@media (min-width: 1180px) { .form__tel .form__tel-num span { font-size: 2.9rem; } }
.form__tel .form__tel-time { color: #404040; font-size: 1.2rem; }
@media (min-width: 768px) { .form__tel .form__tel-time { font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.2427184466 ); } }
@media (min-width: 1180px) { .form__tel .form__tel-time { font-size: 1.3rem; } }

#form { margin: 0% 0% 8.47% 0%; }
#form .caution { font-size: 1.1rem; display: inline-block; margin-left: 5px; padding: 0 8px; color: #fff; background: #B71414; }
@media (min-width: 768px) { #form .caution { font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 0.4854368932 ); } }
@media (min-width: 1180px) { #form .caution { font-size: 1.3rem; } }
#form .caution.none { background: #A3A3A3; }
#form .form_wrap { margin-bottom: 60px; }
#form .form_wrap li { margin-bottom: 20px; }
#form .form_wrap li b { font-size: 1.3rem; display: block; display: block; margin-bottom: 5px; overflow: hidden; }
@media (min-width: 768px) { #form .form_wrap li b { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.2427184466 ); } }
@media (min-width: 1180px) { #form .form_wrap li b { font-size: 1.4rem; } }
#form .form_wrap li:last-child { margin-bottom: 0; }
#form .form_wrap li .from_box input { margin-right: 10px; }
#form .form_wrap li .from_box input, #form .form_wrap li .from_box textarea { font-size: 1.3rem; box-sizing: border-box; border-radius: 10px; }
@media (min-width: 769px) { #form .form_wrap li .from_box input, #form .form_wrap li .from_box textarea { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { #form .form_wrap li .from_box input, #form .form_wrap li .from_box textarea { font-size: 1.5rem; } }
#form .form_wrap li.check_wrap .from_box { position: relative; }
#form .form_wrap li.check_wrap .checkbox-input { position: absolute; margin: 0; padding: 0; top: 8px; left: 0; height: 15px; width: 15px; border: none; -webkit-appearance: none; opacity: 0; appearance: none; z-index: 1; cursor: pointer; }
#form .form_wrap li.check_wrap .checkbox-parts { padding-left: 20px; }
#form .form_wrap li.check_wrap .checkbox-parts::before { content: ""; display: block; position: absolute; top: 4px; left: 0px; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #404040; background: #fff; border-radius: 100%; cursor: pointer; }
#form .form_wrap li.check_wrap .checkbox-parts::after { content: ""; display: block; position: absolute; top: 7px; left: 5px; width: 3px; height: 6px; transform: rotate(40deg); border-bottom: 2px solid #fff; border-right: 2px solid #fff; opacity: 0; cursor: pointer; transition: .4s; }
#form .form_wrap li.check_wrap .checkbox-input:checked + .checkbox-parts::after { opacity: 1; }
#form .form_wrap li.check_wrap .checkbox-input:checked + .checkbox-parts::before { background: #223176; }
#form .form_wrap li.error { background: #f00036; }
#form .form_wrap li.check__wp li { padding: 2.5% 0% 2.5% 0%; border-bottom: solid 1px #D3D3D3; margin-bottom: 0; }
#form .form_wrap li.check__wp li b { margin-bottom: 0; }
#form .form_wrap li.check__wp li:last-child { border-bottom: none; }
#form .btn_wrap { max-width: 540px; margin: auto; }
#form .btn_wrap .btn { flex: 0 1 48%; width: 48%; max-width: 48%; }
#form .btn_wrap .btn input { width: 100%; }
#form .btn_wrap .btn.back input { background: #E2E2E2; color: #404040; border: solid 1px #E2E2E2; box-shadow: none; }
#form .btn_wrap .btn.next:hover input { background: #333; }
#form .btn_wrap .btn.next input { background: #223176; color: #fff; border: solid 1px #223176; }
#form .btn_wrap .btn.next input:disabled { filter: unset; color: #5c5c5c; background: #8d8d8d; border: solid 1px #8d8d8d; pointer-events: none; }
#form .btn_wrap .btn.next input:disabled + i { display: none; }
#form.check_php .form_wrap li { margin-bottom: 0; padding: 15px; }
#form.check_php .form_wrap li:nth-child(even) { background: #F8F8F8; }
#form.check_php .privacy_box { margin-bottom: 25px; text-align: center; }
#form.check_php .privacy_box .input__item { font-size: 1.2rem; display: inline-block; }
@media (min-width: 769px) { #form.check_php .privacy_box .input__item { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
@media (min-width: 1180px) { #form.check_php .privacy_box .input__item { font-size: 1.5rem; } }
#form.check_php .privacy_box a { display: inline-block; padding: 0 5px; text-decoration: underline; color: #223176; }
#form.check_php .checkbox-input:checked + .checkbox-parts:before { background: #223176; }
#form.completion { text-align: center; }
#form.completion .completion__main-txt { font-size: 1.8rem; margin-bottom: 25px; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; color: #223176; }
@media (min-width: 768px) { #form.completion .completion__main-txt { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.4563106796 ); } }
@media (min-width: 1180px) { #form.completion .completion__main-txt { font-size: 2.4rem; } }
#form.completion .completion__txt { font-size: 1.3rem; margin: 0% 0% 6.41% 0%; }
@media (min-width: 768px) { #form.completion .completion__txt { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.4854368932 ); } }
@media (min-width: 1180px) { #form.completion .completion__txt { font-size: 1.5rem; } }
#form .red { font-size: 1.5rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; color: #E00814; }
@media (min-width: 769px) { #form .red { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 27.2727272727 ); } }
@media (min-width: 780px) { #form .red { font-size: 1.8rem; } }

.g-recaptcha { width: 304px; margin: 0 auto 30px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*メインイメージ*/
  #contact_title { margin: 15% 0 3%; }
  .form__tel { padding: 2.54% 0% 2.54% 0%; }
  #form .contact__wp { margin: 0% 0% 6.77% 0%; }
  #form .contact__wp .contact__ttl { padding: 0% 0% 1.69% 0%; }
  #form .contact__wp .contact__ttl-box { margin: 0 auto 2%; max-width: 420px; }
  #form .form_wrap { padding: 0; }
  #form .form_wrap li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  #form .form_wrap li .form__ttl { flex: 0 1 auto; width: auto; margin-right: 4%; margin-bottom: 0; }
  #form .form_wrap li .from_box { flex: 0 1 75%; width: 75%; max-width: 75%; }
  #form .form_wrap li.check_wrap .checkbox-parts { padding-left: 20px; }
  #form .form_wrap.form_input li { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
  #form .btn_box .privacy_box { margin: 0% 0% 3.38% 0%; text-align: center; }
  #form .btn_box .consent__privacy { padding: 30px; }
  #form .btn_box .consent__privacy h3 { margin-bottom: 25px; }
  #form .btn_box p { margin-bottom: 85px; }
  #form.check_php .form_wrap li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; }
  #form.check_php .form_wrap li .check_ttl { flex: 0 1 25%; width: 25%; max-width: 25%; margin-bottom: 0; }
  #form.check_php .form_wrap li div { flex: 0 1 70%; width: 70%; max-width: 70%; }
  #form.check_php .form_wrap li:first-child { margin-bottom: 0; } }
/*------------------------------
		1024px以上
------------------------------*/
/*------------------------------
		800px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */