/* お問い合わせページだけの見た目（共通の見た目は style.css） */

/* ---------- 見出し（写真なしの紺の帯） ---------- */
.fv--sub .fv-body{padding-bottom:48px}
.fv--sub .cta-note{text-align:left;margin-top:0}
.fv--sub .fv-lead{margin-bottom:16px}

/* ---------- Googleの「予約」から来た方への案内（白い枠） ---------- */
.booking-note{margin-top:22px;background:#fff;color:var(--ink);border-radius:12px;padding:18px 18px 20px;border-top:4px solid var(--red);font-size:15px;line-height:1.8}
.booking-note[hidden]{display:none}
.booking-note b{color:var(--navy)}
.booking-note-title{font-family:var(--mincho);font-weight:700;font-size:19px;color:var(--navy);margin-bottom:6px;line-height:1.5}
.booking-note-btn{width:100%;margin-top:14px}
@media (min-width:900px){ .booking-note{max-width:560px;padding:22px 26px 24px} }

/* ---------- 選択肢の補足 ---------- */
.choice-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- お電話・LINE ---------- */
.other-ways{display:grid;gap:14px;max-width:var(--narrow);margin:0 auto}
.other-way{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.other-way:hover{border-color:var(--navy)}
.ow-icon{grid-row:span 3;width:44px;height:44px;padding:10px;border-radius:50%;border:1.5px solid var(--navy);color:var(--navy)}
.ow-label{font-size:13px;font-weight:700;color:var(--red);letter-spacing:.06em}
.ow-main{font-family:var(--mincho);font-weight:700;font-size:21px;color:var(--navy);line-height:1.4}
.ow-sub{font-size:13px;color:var(--muted);line-height:1.6}

@media (min-width:900px){
  .fv--sub .fv-body{display:block;padding-top:128px;padding-bottom:72px}
  .fv--sub h1{font-size:38px}
  .fv--sub .cta-note{width:auto}
  .other-ways{grid-template-columns:1fr 1fr;gap:20px}
  .other-way{padding:26px 28px}
}