@charset "UTF-8";
/* ============================================================================
   form-2026-contact2.css — お問い合わせフォーム（/contact2/）固有スタイル
   ----------------------------------------------------------------------------
   ★ form-2026.css の「後に」読み込むこと。共通部分は form-2026.css が持ち、
     このファイルは差分（お問い合わせ固有の要素＋数値の上書き）だけを持つ。

   ・読み込み元: site/contact2/index-2026.html
   ・共通CSS（style.css / base.css）には一切手を入れていない
   ・元は work/form/pluscasa_contact_inquiry.html の <style> インライン
   ============================================================================ */

/* ── 冒頭ボックス（来店予約への導線）──
   予約フォームの「予約するメリット」3カラムの代わりに、
   来店予約ページへ送り出すシンプルな1カラムを置く */
.pc-merit--contact{text-align:center}
.pc-merit__text{font-size:13.5px;color:var(--pc-sub);line-height:2;margin:2px 0 18px}
.pc-merit__link{display:inline-block;font-size:13px;color:var(--pc-accent);text-decoration:none;letter-spacing:0.04em;border:1px solid var(--pc-accent-soft);padding:10px 24px;font-weight:500;transition:background .25s}
.pc-merit__link:hover{background:var(--pc-bg3)}

/* ── 用件による出し分け（ブロックごと隠す）── */
.pc-block.is-hidden{display:none}

/* ── 用件チップ（purpose＝ラジオ・4項目＝2カラム・サブ文言つき）── */
.pc-chips--purpose{grid-template-columns:1fr 1fr}
.pc-chips--purpose .pc-chip__box{flex-direction:column;gap:3px;min-height:68px;padding:12px 10px;font-size:13.5px}
.pc-chip__box small{font-size:11px;color:var(--pc-faint);letter-spacing:0.02em;font-weight:400;line-height:1.4}
.pc-chip input:checked ~ .pc-chip__box small{color:rgba(255,255,255,0.72)}

/* ── 送信ボタン（上マージンだけ調整）── */
.pc-btn{margin-top:24px}

/* ── 完了画面（後日返信。予約フォームの「確定」画面とは文脈が異なる）── */
.pc-done__jp{letter-spacing:0.2em}
.pc-done__recap{padding:24px 28px}
.pc-done__recap .subject{font-size:17px;font-weight:500;letter-spacing:0.04em}
.pc-done__store{font-size:14px;color:var(--pc-sub);letter-spacing:0.04em;margin-top:6px}
.pc-done__cta a.pc-done__shoplink{font-family:var(--pc-sans);font-size:13.5px;font-weight:500;color:var(--pc-accent);margin-top:8px}

/* ── レスポンシブ ──
   form-2026.css の @media (max-width:560px) で .pc-chips が1fr 1fr になるため、
   用件チップも同じ2カラムを維持する（明示しておく） */
@media (max-width:560px){
  .pc-chips--purpose{grid-template-columns:1fr 1fr}
}