@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*ページタイトル*/
#ttlimg { background: url("/img/contact/ttlimg.jpg") center/cover no-repeat; }

/*------------------------------
		お問い合わせ
------------------------------*/
.telinfo { padding: 0% 0% 5.33% 0%; margin: 0% 0% 5.33% 0%; border-bottom: 1px solid #CDD8F0; text-align: center; }
.telinfo .telinfo__copy { margin-bottom: 20px; }
.telinfo .telinfo__ttl { margin-bottom: 10px; font-weight: 600; font-size: 1.6rem; }
@media (min-width: 375px) { .telinfo .telinfo__ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .telinfo .telinfo__ttl { font-size: 1.8rem; } }
.telinfo .telinfo__num { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 3.6rem; line-height: 1; }
@media (min-width: 375px) { .telinfo .telinfo__num { font-size: calc( 3.6rem + ( 1vw - 3.75px ) * 1.696969697 ); } }
@media (min-width: 1200px) { .telinfo .telinfo__num { font-size: 5rem; } }
.telinfo .telinfo__num .telinfo__icon { display: inline-block; vertical-align: middle; width: 5%; min-width: 25px; max-width: 30px; margin-right: 5px; }
.telinfo .telinfo__num .telinfo__icon svg { fill: #172D5D; }

.forminfo { padding: 0% 0% 5.33% 0%; text-align: center; }
.forminfo .forminfo__ttl { margin-bottom: 10px; font-weight: 600; font-size: 1.6rem; }
@media (min-width: 375px) { .forminfo .forminfo__ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .forminfo .forminfo__ttl { font-size: 1.8rem; } }
.forminfo .forminfo__mark { color: #ED2623; }

.form__list { border-top: 1px solid #CDD8F0; }
.form__list li { padding: 4% 4% 4% 4%; border-bottom: 1px solid #CDD8F0; }
.form__list li .form__ttl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 1.6rem; line-height: 1; }
.form__list li .form__ttl span { display: inline-block; font-size: 1.3rem; font-weight: 600; padding: 5px 8px; color: #fff; }
.form__list li .form__ttl .any { background: #959595; }
.form__list li .form__ttl .caution { background: #ED2623; }

.checkbox-txt { margin: 0% 0% 13.33% 0%; text-align: center; }
.checkbox-txt a { color: #6484EB; text-decoration: underline; }

.btn.disabled button { background: #C6C6C6; border-color: #C6C6C6; color: #fff; cursor: auto; }

.policy { margin-bottom: 20px; }
.policy .policy__ttl { margin-bottom: 30px; font-size: 1.5rem; font-weight: bold; text-align: center; line-height: 2; }
@media (min-width: 375px) { .policy .policy__ttl { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { .policy .policy__ttl { font-size: 1.8rem; } }
.policy .policy__wp { width: 95%; height: 40%; max-height: 400px; margin: 0 auto; padding: 20px; box-sizing: border-box; border: 1px solid #172D5D; overflow-x: scroll; }
.policy .policy__box:nth-of-type(n+2) { margin-top: 40px; }
.policy .policy__box .policy__box-ttl { margin-bottom: 5px; font-size: 1.3rem; font-weight: 600; }
@media (min-width: 375px) { .policy .policy__box .policy__box-ttl { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .policy .policy__box .policy__box-ttl { font-size: 1.5rem; } }
.policy .policy__box .policy__box-txt { font-size: 1.3rem; line-height: 1.75; }
@media (min-width: 375px) { .policy .policy__box .policy__box-txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .policy .policy__box .policy__box-txt { font-size: 1.5rem; } }
.policy .policy__box .policy__box-txt span { display: block; font-size: 1.1rem; line-height: 1.4; }
@media (min-width: 375px) { .policy .policy__box .policy__box-txt span { font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { .policy .policy__box .policy__box-txt span { font-size: 1.3rem; } }

/*------------------------------
		お問い合わせチェック
------------------------------*/
#contact-check .telinfo { border-bottom: none; }
#contact-check .form__list li { align-items: center; }
#contact-check .form__list li .form__ttl { margin-bottom: 0px; }

.btn_wrap { justify-content: center; }
.btn_wrap > div { width: 50%; max-width: 280px; }
.btn_wrap .btn--back button { border: 1px solid #C6C6C6; background: #C6C6C6; color: #fff; }

/*------------------------------
		お問い合わせ完了
------------------------------*/
#completion { text-align: center; }
#completion .completion__ttl { margin-bottom: 5px; font-weight: 600; font-size: 1.6rem; }
@media (min-width: 375px) { #completion .completion__ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #completion .completion__ttl { font-size: 1.8rem; } }
#completion .completion__read { margin-bottom: 30px; }
#completion .completion__call { margin-bottom: 30px; }
#completion .completion__tel { font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 3.6rem; line-height: 1; }
@media (min-width: 375px) { #completion .completion__tel { font-size: calc( 3.6rem + ( 1vw - 3.75px ) * 1.696969697 ); } }
@media (min-width: 1200px) { #completion .completion__tel { font-size: 5rem; } }
#completion .completion__tel .telinfo__icon { display: inline-block; vertical-align: middle; width: 5%; min-width: 25px; max-width: 30px; margin-right: 5px; }
#completion .completion__tel .telinfo__icon svg { fill: #172D5D; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .telinfo { margin-bottom: 40px; padding-bottom: 40px; }
  .forminfo { padding-bottom: 40px; }
  .form__list li { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding: 20px; }
  .form__list li .form__ttl { width: 28%; line-height: 50px; }
  .form__list li .form__ttl span { line-height: 1; }
  .form__list li .from__box { width: 70%; }
  .checkbox-txt { margin-bottom: 80px; }
  .policy { margin-bottom: 40px; }
  .policy .policy__ttl { margin-bottom: 50px; }
  .policy .policy__wp { width: 95%; height: 40%; max-height: 400px; padding: 40px; }
  .policy .policy__box:nth-of-type(n+2) { margin-top: 50px; }
  .policy .policy__box .policy__box-txt { line-height: 1.85; }
  .btn_wrap .btn--back button:hover { border-color: #172D5D; background: #172D5D; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

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