/* お問い合わせページ（v2.32.0）
   ⚠️ mono.css より後に読む（inc/oa-contact.php の依存で担保） */

/* ---------- 先に電話・LINEへ行ける導線（フォームが1カラムになる幅だけ） ----------
   1000px 以下ではサイドの連絡先カードがフォームの「後ろ」に回り、
   電話したい人がフォーム全体（実測3,940px）を通り過ぎる必要があった。 */
.ks-quick{display:none;}
@media(max-width:1000px){
  .ks-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:26px 0 4px;}
  .ks-quick a{display:flex;flex-direction:column;gap:3px;justify-content:center;
    padding:12px 14px;border:1px solid var(--line);border-radius:12px;
    background:var(--surface,transparent);color:var(--ink);text-decoration:none;
    font-family:var(--ff-en);font-weight:600;font-size:16px;letter-spacing:.01em;}
  .ks-quick a span{font-size:10px;letter-spacing:.16em;color:var(--gray);font-weight:600;}
  .ks-quick a.line{grid-column:1 / -1;font-size:14px;}
  .ks-quick a:active{border-color:var(--blue);}
  /* QRはスマホでは読み取れない（同じ端末）。場所だけ取るので隠す */
  .side-card .qr,.side-card .qr + small{display:none;}
}

/* ---------- フォーム内の注記 ----------
   ⚠️ us.css の .fnote は「アイコン＋文」を横並びにする flex。文中に <b> を置くと
      その <b> が別の列になり、文が「通常 / 1〜2営業日以内 / （土日祝を除く）…」と割れる。 */
.ks-form .fnote{display:block;}

/* ---------- 送信ボタン ----------
   ⚠️ CF7は「同意」が未チェックの間、送信ボタンを disabled にする（プラグインの仕様）。
      既定のままだと押せる時と見た目が同じで、押しても何も起きない理由が分からない。 */
.wpcf7-submit:disabled{opacity:.38;cursor:not-allowed;}

/* ---------- 送信完了ページ ---------- */
.thx{max-width:760px;}
.thx .mark{width:56px;height:56px;border-radius:50%;border:2px solid var(--blue);
  display:grid;place-items:center;margin-bottom:22px;}
.thx .mark svg{width:26px;height:26px;stroke:var(--blue);stroke-width:2.2;fill:none;
  stroke-linecap:round;stroke-linejoin:round;}
.thx h2{font-size:clamp(26px,3.4vw,40px);line-height:1.5;letter-spacing:-.02em;margin-bottom:18px;}
.thx p{font-size:15px;line-height:1.95;color:var(--ks-ink);}
.thx p + p{margin-top:14px;}
.thx .note{font-size:12.5px;color:var(--gray);margin-top:22px;padding-top:18px;
  border-top:1px solid var(--line);}
.thx-next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;}
.thx-next a{display:block;padding:22px;border:1px solid var(--line);border-radius:var(--r-card);
  text-decoration:none;color:var(--ink);transition:border-color .3s,transform .3s;}
.thx-next a:hover{border-color:var(--blue);transform:translateY(-3px);}
.thx-next b{display:block;font-size:15px;margin-bottom:6px;}
.thx-next small{display:block;font-size:12px;line-height:1.8;color:var(--gray);}
.thx-tel{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px;}
.thx-tel div{font-size:12px;color:var(--gray);}
.thx-tel b{display:block;font-family:var(--ff-en);font-size:22px;color:var(--blue);margin-top:2px;}
@media(max-width:720px){
  .thx-next{grid-template-columns:1fr;}
}