@charset "UTF-8";

/* =========================================================
   お問合せページ 共通
========================================================= */

.contact-section{
  background:#f7f7f7;
}

.contact-inner{
  width:760px;
  max-width:90%;
  margin:0 auto;
  padding:40px 0 80px;
}


/* =========================================================
   電話エリア
========================================================= */

.contact-tel-icon {
  width: 42px !important;
  height: auto !important;
  display: inline-block !important;
  object-fit: contain !important;
  position:relative;
  left:-8px;
}

.contact-tel{
  display:flex;
  justify-content:flex-start !important;
  align-items:center;
  gap:10px;

  font-size:24px;
  font-weight:600;
  color:#92bbee;
  margin-bottom:70px;
}

.contact-tel h2{
  font-size:42px;
  color:#92bbee;
  margin-bottom:18px;
}

.contact-tel p{
  font-size:44px;
  color:#92bbee;
  line-height:1.4;
  margin-bottom:70px;
}

.contact-phone-wrap{
  text-align:center;
}

.contact-phone-item{
  width:450px;          /* ブロック幅固定 */
  margin:45px auto;
  text-align:left;      /* 中身は左揃え */
}

.contact-phone-wrap h2{
  color:#50545a;
}

.contact-phone-item h3{
  font-size:19.5px !important;
  color:#5d636b;
  font-weight:700;
  margin-bottom:12px;
  text-decoration: underline;
}

.contact-sub{
  margin-bottom:14px;
}

.contact-tel{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.contact-tel-icon{
  width:26px;
  height:auto;
}

.contact-note{
  margin-top:4px;
  font-size:14px;
  color:#949596;
}

/* =========================================================
   説明文
========================================================= */

.contact-lead{
  margin:0 auto 60px;
  line-height:2.1;
  text-align:left;
  color:#24364b;
}

.contact-lead p{
  font-size:17px;
  line-height:2.1;
}


/* =========================================================
   フォーム全体
========================================================= */

.contact-form{
  width:100%;
  margin:0 auto;
  background:#d0e5f3;
  padding:18px;
}

.contact-form-title{
  text-align:center;
  font-size:32px;
  font-weight:700;
  color:#fff;
  margin-bottom:28px;
}


/* =========================================================
   入力フォーム
========================================================= */

.form-block{
  margin-bottom:28px;
}

.form-label{
  display:block;
  margin-bottom:8px;
  font-size:15px;
  font-weight:700;
  color:#7b7c7e;
}

.required{
  color:#d93333;
  font-size:13px;
  margin-left:8px;
}

.contact-page input[type="text"],
.contact-page input[type="email"],
.contact-page textarea,
.contact-select{
  width:100%;
  border:1px solid #aaa;
  padding:12px;
  font-size:16px;
  background:#fff;
  box-sizing:border-box;
}

.contact-page textarea{
  height:200px;
}

.contact-select{
  height:52px;
}

.tel-inputs{
  display:flex;
  align-items:center;
  gap:12px;
}

.tel-inputs input{
  flex:1;
}


/* =========================================================
   ボタン
========================================================= */

.privacy-link,
.privacy-check,
.submit-wrap{
  text-align:center;
}

.privacy-check{
  margin-bottom:28px;
}

.submit-wrap{
  margin-top:20px;
}

.submit-wrap button{
  background:#747677;
  color:#fff;
  font-size:17px;
  font-weight:700;
  padding:16px 60px;
  border-radius:999px;
  cursor:pointer;
}


/* =========================================================
   確認画面
========================================================= */

.contact-confirm{
  font-size:18px;
  line-height:2;
}

.confirm-row{
  margin-bottom:18px;
  font-size:20px;
}

.confirm-label{
  font-weight:700;
  color:#929292;
}

.confirm-value{
  color:#333;
}

.confirm-message{
  margin-top:26px;
}

.confirm-message-box{
  background:#fff;
  border:1px solid #ccc;
  padding:18px;
  margin-top:10px;
  line-height:2;
  white-space:pre-wrap;
}


/* =========================================================
   プライバシーポリシー
========================================================= */

.policy-page .contact-inner{
  padding-top:40px;
}

.privacy-block h2{
  color:#222;
}

.privacy-block h2 .privacy-num{
  color:#ebbb74;
  display:inline-block;
  margin-right:8px;
}


/* =========================================================
   SP
========================================================= */

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

  .contact-inner{
    width:90%;
    padding:50px 0;
  }

  .contact-tel h2{
    font-size:28px;
  }

  .contact-tel p{
    font-size:30px;
  }

  .contact-form{
    padding:20px;
  }

}

.policy-page .contact-lead{
  border-top:none;
  border-bottom:none;
}

.policy-page .contact-inner{
  border-top:none;
  border-bottom:none;
}
.policy-page .contact-lead,
.policy-page .contact-inner{
  border:none !important;
}

/* =========================
   プライバシーポリシー
========================= */

/* 本文全体 */
.policy-body{
  font-size: 16px;
  line-height: 2.2;
  color: #1f2f46;
}

/* セクション間 */
.privacy-block{
  margin-top: 70px;
}

/* タイトル */
.privacy-block h2{
  font-size: 38px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 24px;
  color: #1f2f46;
}

/* 番号だけ色 */
.privacy-block h2 .privacy-num{
  color: #ebbb74;
}

/* 本文 */
.policy-body p,
.policy-body li{
  font-size: 16px !important;
  line-height: 2.1 !important;
}

/* 箇条書き */
.policy-body ul{
  padding-left: 1.2em;
}

/* 問い合わせ */
.privacy-contact{
  margin-top: 24px;
}

/* 制定日 */
.privacy-date{
  margin-top: 80px;
  font-size: 14px;
  line-height: 2;
  color: #666;
}
/* お問合せ・プライバシーポリシー：パンくず左寄せ */
.contact-page > [is="mb-t"] + * {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.contact-page > [is="mb-t"] + * > * {
  margin-left: 80px !important;
  margin-right: auto !important;
  text-align: left !important;
}