@charset "utf-8";
/* ============================================
   #contact - 基本スタイル
   ============================================ */

#contact {
  font-size: 15px;
  margin: 0 20px;
  width: auto;
}

#contact,
#contact p {
  line-height: 1.6;
}

#contact .txt_mail_notice {
  font-size: 11px;
  margin-top: 1em;
}

#contact .txt_tel {
  font-size: 38px;
}

#contact .sec_notice {
  margin-top: 20px;
}

#contact .sec_notice dt {
  margin-bottom: 8px;
}

#contact .sec_howto_inquiry {
  display: block;
  margin-bottom: 60px;
}

#contact .sec_howto_inquiry .flex {
  display: block;
  margin-bottom: 0;
}

#contact .sec_howto_inquiry section .inner {
  height: auto;
}

#contact .sec_notice.scroll {
  height: auto;
}

#contact .sec_online .ttl_jp {
  letter-spacing: -.01em;
}

#contact .sec_online .txt_reception {
  text-align: justify;
}

#contact .txt_notice {
  letter-spacing: .1em;
  line-height: 1.4;
  margin-top: 20px;
}
/* ============================================
   .btn_inquiry - お問い合わせボタン
   ============================================ */

.btn_inquiry {
  font-size: 15px;
}

.btn_inquiry a {
  padding: 20px 0 19px;
  width: 100%;
}

.btn_inquiry_size_large a:before {
  right: 20px;
  top: 38px;
}

.sec_other .btn_inquiry_size_large {
  max-width: 100%;
}
/* ============================================
   .mv - メインビジュアル
   ============================================ */

.mv {
  margin: 65px auto 74px;
}

.mv h1 {
  font-size: 28px;
}

.mv p {
  text-align: justify;
}
/* ============================================
   .sec_faq - FAQセクション
   ============================================ */

.sec_faq {
  margin-bottom: 74px;
  padding: 42px 20px 58px;
}

.sec_faq h2 {
  font-size: 20px;
  margin: 0 0 30px;
  padding: 0;
}

.sec_faq .txt_faq {
  margin-bottom: 30px;
  text-align: justify;
}
/* ============================================
   .sec_closed - 休業のお知らせ
   ============================================ */

.sec_closed {
  margin-bottom: 16vw;
  padding-bottom: 10.6vw;
}

.sec_closed h2 {
  font-size: 20px;
  margin-bottom: 8vw;
}

.sec_closed h2.txt_tanshuku {
  line-height: 150%;
  margin-bottom: 10px;
}

.sec_closed h2:before {
  margin-right: .5rem;
}

.sec_closed h2:after {
  margin-left: .5rem;
}

.sec_closed.sec_corona_tel .txt_closed_tanshuku {
  font-feature-settings: 'palt';
}

.sec_closed.sec_corona_tel h2 {
  font-size: 16px;
}

.txt_closed {
  margin-bottom: 5vw;
  text-align: left;
}

#contact .sec_closed .txt_mincho.txt_tanshuku {
  margin-bottom: 10.6vw;
  text-align: left;
}

#contact .sec_closed .txt_mincho.txt_tanshuku br {
  display: none;
}

#contact .sec_closed .txt_closed {
  font-size: 13.7px;
  text-align: center;
}
/* ============================================
   .sec_howto_inquiry - お問い合わせ方法
   ============================================ */

.sec_howto_inquiry {
  display: block;
  margin-bottom: 0;
}

.sec_howto_inquiry section {
  flex-basis: 100%;
}

.sec_howto_inquiry h2 {
  margin-bottom: 35px;
}

.sec_howto_inquiry h2 .ttl_jp {
  line-height: 1.2;
  margin-bottom: 4px;
}

.sec_howto_inquiry h2 .ttl_en {
  font-size: 10px;
  line-height: 1.6;
}

.sec_mail {
  border-right: none;
  padding-right: 0;
}

.sec_mail .txt_reception {
  padding-top: 0;
}
/* ============================================
   .txt_reception - 受付時間
   ============================================ */

.txt_reception {
  margin-bottom: 16px;
}

.txt_reception_wrapper {
  margin-top: 35px;
}
/* ============================================
   .sec_action - アクションセクション
   ============================================ */

.sec_action {
  flex-direction: column;
  margin-top: 35px;
}

.sec_action_type_buttons {
  grid-template-columns: 1fr;
  grid-template-areas: "brand" "online" "beauty";
}

.sec_action_type_buttons .btn_inquiry_type_brand {
  max-width: 100%;
  margin: 0;
}
/* ============================================
   .txt_tel - 電話番号
   ============================================ */

.txt_tel .icon_tel {
  background-size: 45px auto;
  display: inline-block;
  padding-left: 60px;
}

/* iPhone SE / 375px幅以下のデバイス */
@media screen and (max-width:450px) {

  #contact .txt_tel {
    font-size: 30px;
  }
}

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

  #contact .txt_tel {
    font-size: 26px;
  }
}
/* ============================================
   .sec_notice - お知らせセクション
   ============================================ */

.sec_notice {
  margin-bottom: 20px;
  padding: 16px;
}
/* ============================================
   その他 - 汎用スタイル
   ============================================ */

section:not(:first-child) {
  margin-top: 60px;
}