/* プラン選択専用。料金・契約状態・遷移先は既存の処理から表示する。 */
.contract-shell { min-height:100vh; background:linear-gradient(180deg,#f4f2ec 0,#faf9f6 520px,#f5f7fa 100%); color:#172b46; }
.contract-main { padding:38px 0 72px; }
.contract-head { display:grid; gap:14px; margin-bottom:26px; }
.contract-head h1 { margin:0; font-size:clamp(1.9rem,3.2vw,2.65rem); line-height:1.4; letter-spacing:.025em; }
.contract-head p { margin:0; max-width:780px; color:#566477; line-height:1.9; }
.contract-eyebrow { font-size:.76rem; font-weight:800; color:#806538; letter-spacing:.1em; }
.contract-progress { display:flex; gap:0; list-style:none; padding:0 0 26px; margin:0 0 8px; border-bottom:1px solid #deded8; }
.contract-progress li { display:flex; align-items:center; gap:8px; color:#637084; font-size:.82rem; font-weight:700; }
.contract-progress li + li::before { content:""; height:1px; width:clamp(18px,4vw,56px); background:#cbd2db; margin:0 14px; }
.contract-progress li > span { display:grid; place-items:center; width:29px; height:29px; border:1px solid #c9d0d8; border-radius:50%; background:#fff; font-size:.8rem; }
.contract-progress li[aria-current] { color:#193d6b; }
.contract-progress li[aria-current] > span { color:#fff; background:#193d6b; border-color:#193d6b; box-shadow:0 0 0 4px #e4eaf0; }
.grade-picker { display:flex; align-items:center; gap:24px; margin:0 0 36px; padding:18px 24px; background:#fff; border:1px solid #dedfdc; border-radius:16px; box-shadow:0 6px 18px #182b4610; }
.grade-picker label { font-weight:800; }
.grade-picker select { min-width:240px; padding:12px 40px 12px 16px; border:1px solid #b8c7d8; border-radius:9px; background:#f6f9fc; color:#193d6b; font:inherit; font-weight:700; }
.plan-section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:24px; }
.plan-section-heading h2 { margin:6px 0 0; font-size:clamp(1.2rem,2vw,1.55rem); line-height:1.5; }
.plan-section-heading a { color:#31587f; font-size:.85rem; text-underline-offset:5px; white-space:nowrap; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.plan-card { position:relative; min-width:0; display:flex; flex-direction:column; gap:15px; padding:28px 24px 22px; border:1px solid #d8e0e9; border-radius:20px; background:#fff; box-shadow:0 12px 28px #152d4a0a; }
.plan-card.featured-plan { border-color:#bca26c; background:linear-gradient(155deg,#fffdf8,#fff); box-shadow:0 12px 28px #8f723714; }
.plan-audience { color:#62738a; font-size:.78rem; font-weight:700; }
.featured-plan .plan-audience { color:#806538; }
.plan-card h2 { margin:0; font-size:clamp(1.1rem,1.65vw,1.4rem); line-height:1.5; color:#193453; }
.plan-grade-label { margin-right:.16em; color:#806538; font-size:.82em; white-space:nowrap; }
.plan-card > p { margin:0; min-height:6.9em; color:#5a687b; font-size:.88rem; line-height:1.75; }
.plan-price { min-height:116px; padding:18px 16px; border:1px solid #e2e8ef; border-radius:12px; background:#f4f7fb; }
.featured-plan .plan-price { border-color:#e9dfca; background:#f8f4ea; }
.plan-price strong { display:block; color:#193d6b; font-size:clamp(1.5rem,2.2vw,1.95rem); font-weight:800; letter-spacing:-.02em; line-height:1.4; }
.plan-price span { display:block; margin-top:6px; color:#536176; font-size:.78rem; line-height:1.7; }
.plan-price span:empty { display:none; }
.plan-price .plan-discount { margin-top:9px; padding-top:8px; border-top:1px solid #dbe4ee; color:#31587f; font-size:.72rem; font-weight:700; line-height:1.55; }
.featured-plan .plan-price .plan-discount { border-color:#e5d8bd; color:#806538; }
.plan-includes { display:grid; gap:9px; list-style:none; margin:0; padding:2px 0 10px; color:#3c506a; font-size:.83rem; line-height:1.7; }
.plan-includes li { position:relative; padding-left:24px; }
.plan-includes li::before { content:"✓"; position:absolute; left:0; color:#376b67; font-weight:800; }
.plan-actions { margin-top:auto; display:grid; gap:10px; }
.contract-btn { display:flex; align-items:center; justify-content:center; min-height:49px; padding:12px 10px; border:1px solid #294e79; border-radius:10px; background:#fff; color:#24486f; font-size:.88rem; font-weight:800; text-decoration:none; cursor:pointer; transition:background .18s,box-shadow .18s; }
.plan-card:nth-child(2) .contract-btn { background:#eaf0f8; }
.featured-plan .contract-btn { background:#193d6b; color:#fff; box-shadow:0 8px 16px #193d6b24; }
.contract-btn:hover { background:#edf2f8; box-shadow:0 5px 14px #193d6b18; }
.featured-plan .contract-btn:hover { background:#244e7f; }
.contract-btn:focus-visible,select:focus-visible,.plan-compare-box:focus-visible { outline:3px solid #719bd3; outline-offset:4px; }
.contract-btn:disabled,.contract-btn.is-disabled { border-color:#d5dce5; background:#edf0f4; color:#64748b; box-shadow:none; cursor:not-allowed; }
.muted { min-height:2.8em; font-size:.75rem; color:#66758a; line-height:1.6; }
.plan-compare { margin-top:42px; padding:30px; border:1px solid #dce2e9; border-radius:22px; background:#fff; }
.plan-compare-head { display:grid; gap:8px; margin-bottom:20px; }
.plan-compare-head h2 { margin:0; font-size:1.5rem; line-height:1.5; }
.plan-compare-head p { margin:0; color:#5a687b; font-size:.9rem; line-height:1.8; }
.plan-compare-box { overflow-x:auto; border:1px solid #dce3eb; border-radius:12px; }
.plan-compare-table { width:100%; min-width:740px; table-layout:fixed; border-collapse:collapse; background:#fff; }
.plan-compare-table th,.plan-compare-table td { padding:18px; border-bottom:1px solid #e3e8ed; text-align:center; vertical-align:middle; line-height:1.6; font-size:.9rem; }
.plan-compare-table thead th { background:#eff3f7; color:#274564; font-weight:800; }
.plan-compare-table thead th:first-child { width:34%; text-align:left; }
.plan-compare-table thead th:last-child { background:#193d6b; color:#fff; }
.plan-compare-table tbody th { text-align:left; background:#fff; font-weight:700; }
.plan-compare-table tbody th small { display:block; margin-top:5px; font-size:.78rem; font-weight:400; color:#65748a; }
.plan-compare-table tbody td:last-child { background:#f5f8fc; }
.plan-compare-table tbody tr:last-child > * { border-bottom:0; }
.plan-compare-table tbody tr:hover > * { background:#f0f5fa; }
.plan-symbol { display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; font-size:1.1rem; font-weight:800; }
.plan-symbol.yes { color:#28655a; background:#e6f2ec; }
.plan-symbol.no { color:#8995a4; }
.plan-compare-scroll-hint { display:none; }
.plan-compare-note { margin:16px 0 0; color:#657287; font-size:.82rem; line-height:1.8; }
.contract-message { margin-top:18px; padding:16px; border-radius:12px; line-height:1.8; }
.contract-message.info { background:#edf4fc; color:#244c7d; }
.contract-message.error { background:#fff0f0; color:#9f2424; }
.contract-message.success { background:#edf7ef; color:#226144; }
.hidden { display:none!important; }
@media(max-width:900px) { .plan-grid { gap:12px; } .plan-card { padding:24px 16px 18px; } .plan-card > p { min-height:8.8em; } .plan-price { min-height:130px; padding:14px 10px; } }
@media(max-width:700px) {
 .contract-main { padding:24px 0 44px; }
 .contract-progress { justify-content:space-between; padding-bottom:22px; }
 .contract-progress li { flex-direction:column; gap:7px; font-size:.7rem; }
 .contract-progress li + li::before { display:none; }
 .contract-head p { font-size:.9rem; }
 .grade-picker { padding:16px; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
 .grade-picker select { width:100%; min-width:0; }
 .plan-section-heading { align-items:start; flex-direction:column; gap:10px; }
 .plan-grid { grid-template-columns:1fr; gap:18px; }
 .plan-card { padding:24px; gap:14px; border-radius:18px; }
 .plan-card h2 { font-size:1.35rem; }
 .plan-card > p { min-height:0; font-size:.9rem; }
 .plan-price { min-height:0; padding:16px; }
 .plan-price strong { font-size:1.8rem; }
 .plan-price span { font-size:.82rem; }
 .muted:empty { display:none; }
 .muted { min-height:0; }
 .plan-compare { margin-top:28px; padding:20px 16px; border-radius:18px; }
 .plan-compare-head h2 { font-size:1.3rem; }
 .plan-compare-scroll-hint { display:block; margin:0 0 10px; color:#65748a; font-size:.76rem; }
 .plan-compare-table { min-width:680px; }
 .plan-compare-table th,.plan-compare-table td { padding:13px 12px; }
}
@media(prefers-reduced-motion:reduce) { .contract-btn { transition:none; } }

.plan-feature-name { color:#253f5d; }
.plan-card[id] { scroll-margin-top:100px; }
.plan-card[id]:target { outline:3px solid #a4bbd7; outline-offset:4px; }
.plan-cell-benefit { display:block; margin:8px auto 0; color:#355576; font-size:.78rem; font-weight:600; line-height:1.7; }