@charset "UTF-8";
/* 2021/08/09 style.cssから転記　ここから */
.p-contact__bodyTxt {
  background: #EDF2F9;
  padding: 75px 0 65px;
  margin: 0 0 90px;
}

.p-contact__bodyTxt p {
  max-width: 648px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.08em;
}

.p-contact__main {
  max-width: 864px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 104px;
}

.p-contact table {
  width: 100%;
  margin: 0 0 55px;
}

.p-contact table tr th, .p-contact table tr td {
  padding-bottom: 33px;
}

.p-contact table th {
  width: 32%;
  letter-spacing: 0.08em;
  font-weight: 300;
  padding-top: 15px;
  vertical-align: top;
}

.p-contact table th .require {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 300;
  background: #978C80;
  width: 37px;
  height: 19px;
  line-height: 19px;
  margin-left: 16px;
  text-align: center;
  color: #FFF;
}

.p-contact table td {
  width: 68%;
}

.p-contact table td input[type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #F0F2F5;
  width: 100%;
  padding: 12px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  font-size: 1.6rem;
  border: none;
  letter-spacing: 0.08em;
}

.p-contact table td select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/contact/icon_arrow.png) no-repeat center right 21px/8px auto, #d7d8db;
  width: 100%;
  padding: 12px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  font-size: 1.6rem;
  border: none;
  max-width: 472px;
  letter-spacing: 0.08em;
}

.p-contact table td textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #F0F2F5;
  width: 100%;
  padding: 12px 30px;
  height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  font-size: 1.6rem;
  border: none;
  letter-spacing: 0.08em;
}

.p-contact .submit {
  text-align: center;
}

.p-contact .submit input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #88B3DD;
  width: 384px;
  height: 80px;
  line-height: 80px;
  color: #fff;
  font-weight: 300;
  font-size: 2.1rem;
  text-align: center;
  border: none;
  border-radius: 40px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.p-contact .submit input[type="submit"]:hover {
  opacity: 0.8;
  cursor: pointer;
}

.p-contact__foot {
  background: #EDF2F9;
  padding: 90px 0 108px;
}

.p-contact__foot__bodyTxt {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 0.08em;
  margin: 0 0 40px;
}

.p-contact__foot__btn a {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #88B3DD;
  max-width: 384px;
  width: 100%;
  height: 80px;
  color: #FFF;
  font-family: 'Roboto', 'Noto Sans Japanese',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  font-size: 2.8rem;
  letter-spacing: 0.08em;
  position: relative;
  border-radius: 40px;
}

.p-contact__foot__btn a .icon {
  width: 50px;
  height: 50px;
  background: url(../images/contact/icon_tel.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .p-contact__bodyTxt {
    padding: 40px 30px 30px;
    margin: 0 0 40px;
  }
  .p-contact__bodyTxt p {
    font-size: 1.4rem;
    max-width: 100%;
  }
  .p-contact__main {
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto 66px;
  }
  .p-contact table {
    width: 100%;
    margin: 0 0 20px;
  }
  .p-contact table tr th, .p-contact table tr td {
    display: block;
  }
  .p-contact table tr th {
    padding: 0 0 20px;
  }
  .p-contact table tr td {
    padding: 0 0 40px;
  }
  .p-contact table th {
    width: 100%;
    padding-top: 0;
  }
  .p-contact table td {
    width: 100%;
  }
  .p-contact table td input[type="text"] {
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .p-contact table td select {
    width: 100%;
    padding: 15px 20px;
    font-size: 1.4rem;
    max-width: 100%;
  }
  .p-contact table td textarea {
    padding: 15px 20px;
    font-size: 1.4rem;
  }
  .p-contact .submit input[type="submit"] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 1.6rem;
  }
  .p-contact__foot {
    background: #EDF2F9;
    padding: 55px 30px 57px;
  }
  .p-contact__foot__bodyTxt {
    font-size: 1.5rem;
    margin: 0 0 30px;
  }
  .p-contact__foot__btn a {
    max-width: 100%;
    height: 60px;
    font-size: 2rem;
  }
  .p-contact__foot__btn a .icon {
    width: 36px;
    height: 36px;
    position: static;
    margin: 0 20px 0 0;
  }
}
/* 2021/08/09 style.cssから転記　ここまで */

/* 2021/01/14 「送信する」ボタンに送信中エフェクト追加　本間　ここから */

.submit.submitBtnBace {
  width: 383px;
  margin: 0 auto;
}
.submit.submitBtnBace input[type=submit].isSending {
  color: #88B3DD;
  background: #fff;
  border: 1px solid #88B3DD;
}
.submit.submitBtnBace input[type=submit].isSending:hover {
    opacity: 1;
    cursor: unset;
}
@media screen and (max-width: 767px) {
  .submit.submitBtnBace {
    width: 100%;
  }
}

/* 2021/01/14 「送信する」ボタンに送信中エフェクト追加　本間　ここまで */

/* 2021/04/01 　トップ画像下のテキストを画像化　本間　ここから */

.p-contact__bodyTxt {
  padding: 40px 0 45px;
}
.p-contact__foot__bodyTxt span {
  font-size: 16px;
  color: #A29789;
}
@media screen and (max-width: 767px) {
  .p-contact__bodyTxt p {
    padding: 0 1em;
  }
  .p-contact__foot__bodyTxt span {
    font-size: 14px;
  }
}
/* 2021/04/01 　トップ画像下のテキストを画像化　本間　ここまで */

/* 2022/01/13 　サロン問い合わせボタン追加　本間　ここから */
.p-contact__foot__btnGroup {
  display: flex;
  width: 820px;
  margin: 0 auto;
  justify-content: space-between;
}
.p-contact__foot__btnWrapper {
  width: 384px;
  margin: 0 auto;
}
.p-contact__foot__btn .text {
  color: #fff;
  line-height: 1.3;
  padding-top: 6px;
}
.p-contact__foot__btn .sub {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.1em;
  display: block;
}
.p-contact__foot__btnReceptionTime {
  color: #A29789;
  font-size: 14px;
  text-align: center;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .p-contact__foot__btnGroup {
    display: block;
    width: 100%;
  }
  .p-contact__foot__btnWrapper {
    width: 100%;
  }
  .p-contact__foot__btn .text {
    padding-top: 4px;
  }
  .p-contact__foot__btnReceptionTime {
    margin: 0.5em 0 1.4em;
  }
  .p-contact__foot__btn a {
    font-size: 1.9rem;
    justify-content: flex-start;
    padding-left: 1.7em;
    box-sizing: border-box;
  }
}
/* 2022/01/13 　サロン問い合わせボタン追加　本間　ここまで */
a.text_link {
  color: #88B3DD;
  text-decoration: underline;
}
span.comment {
  display: block;
}
.p-contact__comment {
  border: 3px solid #FDBEBE;
  padding: 1em;
  text-align: center;
  margin-bottom: 7em;
  border-radius: 10px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-contact__comment {
    text-align: left;
    margin-bottom: 4em;
    line-height: 1.8;
  }
}
.p-contact__comment a {
  color: #4280B8;
  text-decoration: underline;
}
.submit_subText {
  text-align: center;
  max-width: 435px;
  margin: 1em auto;
}
/* 【問い合わせ】インストラクター養成講座 - 選択肢にあわせて表示切り替え */
.mw_wp_form_input .display_apply{display: table-row;}
.mw_wp_form_input .display_other{display: none;}
/* 【問い合わせ】インストラクター養成講座 - 選択肢にあわせて表示切り替え */
/* 講師養成講座項目変更 */
.mwform-checkbox-field label, .mwform-radio-field label {
  width: 100%;
  display: block;
}
/* 講師養成講座項目変更 */