/* 修正版v1（2026-10-27）: 修正案シート(10/22)の見た目の指摘。番号は 01_修正項目一覧_20261027.md と対応 */

/* 8-1 ほか: 文末の1〜2文字だけが次の行に落ちないように（対応ブラウザのみ。非対応は従来どおり） */
.plan-intro-grid p,.plans .lead,.benefits-lead,.graduate-lead,.company-proof p,.rev-months-note p,.faq details p,.application-steps p,.rev-branch p{text-wrap:pretty}
h2,h3,.plan-mode-key{text-wrap:balance}

/* 9-1 プレミアムの6ヶ月: 時間割を箇条書きに */
.rev-months-note p{margin:0 0 8px}
.rev-months-schedule{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rev-months-schedule li{display:flex;gap:12px;align-items:baseline}
.rev-months-schedule b{flex:0 0 8.5em;font-weight:700;color:#a81c63}
@media(max-width:760px){.rev-months-schedule li{display:block}.rev-months-schedule b{display:block}}

/* 9-5 「動画で学ぶ→…」は両プラン共通 */
.learning-label{display:inline-block;margin:0 0 8px;padding:2px 10px;border-radius:999px;background:#241f28;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.learning .learning-label+strong{display:block}

/* 10-1 3つのプロジェクト: 番号と文字の高さ・大きさを揃える */
.rev-zero .rev-projects li{align-items:center;min-height:76px}
.rev-zero .rev-projects b{margin-top:0;font-size:22px;line-height:1;flex:0 0 auto}
.rev-zero .rev-projects span{font-size:15px}
@media(max-width:760px){.rev-zero .rev-projects li{min-height:0;padding:12px 14px}}

/* 10-2 演習「売り方」タブ: 問いの直下の説明 */
.exercise-lead{margin:6px 0 10px;font-size:14px;font-weight:600;line-height:1.7;color:#a81c63}

/* 16-13 0期特典（プレミアム紹介の0期ブロック） */
.rev-zero-perk{margin:14px 0 0;padding:12px 16px;border-radius:12px;background:#fff1dd;font-size:14px;line-height:1.8}
.rev-zero-perk b{display:inline-block;margin-right:10px;padding:1px 10px;border-radius:999px;background:#a81c63;color:#fff;font-size:12px}

/* 13-1 肩書きを途中で折らない */
.founder-title span{white-space:nowrap}

/* 14-2 運営会社の本文に強弱 */
.company-why .key-line{font-weight:700;background:linear-gradient(transparent 62%,#ffd3e8 62%)}

/* 15-2 プレミアムの総額 */
.prices .price-total{margin:6px 0 10px;padding:10px 14px;background:rgba(255,255,255,.65);border-radius:8px;font-size:14px;line-height:1.6}
.prices .price-total b{font-size:20px;font-weight:800}
.prices .price-total span{display:block;font-size:12px;color:#5d4a55}

/* 15-4 通常価格の取消線: ピンク地でもひと目で分かる色と太さに */
.playful .prices .premium .price-regular{color:#4a3a44;font-size:15px}
.playful .prices .premium .price-regular s{text-decoration-line:line-through;text-decoration-color:#241f28;text-decoration-thickness:2px;color:#4a3a44}

/* 16-6 / 16-8 FAQ内の箇条書き */
.faq .faq-list{margin:-12px 0 0;padding:0 20px 25px 1.6em;font-size:14px;line-height:1.9}
.faq .faq-list li{margin:.15em 0;font-size:inherit;line-height:inherit}
.faq details p + .faq-list{margin-top:-14px}

/* 17-3 申込の流れ 01 からLINEへ */
.step-line-link{display:inline-block;margin-top:8px;padding:6px 14px;border-radius:999px;background:#a81c63;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.step-line-link:hover,.step-line-link:focus-visible{background:#8a1651}

/* 8-1 語句の途中で折り返さない（index.html の span.nw） */
.nw{display:inline-block}
/* 日本語を文節で折り返す（Chrome/Edge 119以降。Safariは従来どおり） */
p,li,dd,figcaption,summary{word-break:auto-phrase}

/* v3 */
/* 15-1 比較表のプレミアム価格を行ごとに */
.cmp-total{display:inline-block;margin-top:2px;font-size:1.08em;font-weight:800}
/* 15-2 お得の表示 */
.prices .price-save{margin:0 0 10px;padding:10px 14px;background:#fff;border:2px solid #a81c63;border-radius:8px;font-size:14px;line-height:1.6;color:#241f28}
.prices .price-save b{display:block;color:#a81c63;font-size:16px;font-weight:800}
.prices .price-save span{display:block;margin-top:4px;font-size:12.5px;color:#4a3a44}
/* 16-1 FAQ案内文：大きく読みやすく */
.faq .rev-note{font-size:15px;line-height:1.9;color:#d9d2da}
/* 17-3 バッジをプラン名と縦中央にそろえる */
.rev-branch-head{display:flex;align-items:center;gap:10px;line-height:1.3}
.rev-branch-head small{margin-left:0;vertical-align:baseline;line-height:1.3}

/* v5 */
/* 15-1 比較表 */
.cmp-off{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:#a81c63;color:#fff;font-size:.85em;font-weight:700}
/* 15-2 通常価格を大きく */
.playful .prices .premium .price-regular{font-size:20px;font-weight:700;color:#241f28;margin-bottom:4px}
.playful .prices .premium .price-regular s{font-size:1.35em;font-weight:800;text-decoration-thickness:3px;color:#241f28}
/* 15-2 お得ブロック（1つの枠に統合） */
.prices .price-deal{margin:10px 0 12px;padding:14px 16px;background:#fff;border:2px solid #a81c63;border-radius:10px;color:#241f28}
.prices .price-deal .deal-head{margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.4}
.prices .price-deal .deal-head b{display:inline-block;margin-left:4px;padding:0 10px;border-radius:6px;background:#a81c63;color:#fff;font-size:24px;font-weight:800;line-height:1.4}
.prices .price-deal dl{margin:0;display:grid;gap:6px}
.prices .price-deal dl div{display:grid;grid-template-columns:7.2em 1fr;gap:8px;padding-top:6px;border-top:1px solid #ecd0df;font-size:13px;line-height:1.6}
.prices .price-deal dt{font-weight:700;color:#5d4a55}
.prices .price-deal dd{margin:0}
.prices .price-deal dd b{font-size:1.15em}
.prices .price-deal dd small{display:block;font-size:12px;color:#5d4a55}
.prices .price-deal .deal-total{margin:10px 0 0;padding:8px 10px;background:#fbe3ef;border-radius:8px;font-size:14px;font-weight:700;text-align:center}
.prices .price-deal .deal-total b{color:#a81c63;font-size:1.35em;font-weight:800}
.prices .price-deal .deal-note{margin:8px 0 0;font-size:12px;line-height:1.6;color:#5d4a55}
@media(max-width:760px){.prices .price-deal dl div{grid-template-columns:1fr;gap:0}}
/* 16 FAQの箇条書きが先頭に来る場合 */
.faq details summary + .faq-list{margin-top:0}
/* 17 バッジの上下余白を統一 */
.rev-branch-head small{display:inline-flex;align-items:center;height:28px;padding:0 12px;line-height:1;box-sizing:border-box}
.playful .prices .premium .price-regular{font-size:16px;white-space:nowrap}
.playful .prices .premium .price-regular s{font-size:1.4em}
.prices .price-deal .deal-total b{white-space:nowrap}

/* v6 */
/* 15-1 比較表：プレミアム欄の期間を1行に */
.service-table .cmp-term{white-space:nowrap}
.service-table th:nth-child(2),.service-table td:nth-child(2){min-width:17em}
/* 17 プラン名とバッジを同じ高さの行に置き、上下の余白をそろえる */
.rev-branch-head{display:flex;align-items:center;gap:10px;min-height:30px;margin:0 0 20px;line-height:1}
.rev-branch-head small{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;margin:0;line-height:1;box-sizing:border-box;border-radius:999px}
/* v6: インライン指定より優先させる（詳細度を上げる） */
.rev-branches .rev-branch p.rev-branch-head{display:flex;align-items:center;gap:10px;min-height:32px;margin:0 0 21px;padding:0;font-size:18px;line-height:1}
.rev-branches .rev-branch p.rev-branch-head small{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;margin:0;font-size:12px;line-height:1;box-sizing:border-box;border-radius:999px;vertical-align:baseline}
/* v6: 比較表のプレミアム列の幅を確保（最低契約12ヶ月を1行で） */
.service-compare .service-table table th:nth-child(2),.service-compare .service-table table td:nth-child(2){min-width:235px}
.service-compare .service-table table .cmp-term{white-space:nowrap}
.service-compare .service-table table td:nth-child(2) .cmp-off{white-space:nowrap}
/* v6: 表は table-layout:fixed のため、プレミアム列の幅を直接指定する */
.service-compare .service-table table{min-width:980px}
.service-compare .service-table table th:nth-child(2){width:260px}
@media(max-width:760px){.service-compare .service-table table{min-width:980px}}

/* v8: 案件の例（4つ）は、PC・スマホとも横スクロールの1列にする */
.graduate-work .work-visual-grid.rev-work-scroll{display:flex;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:24px;margin:0 0 8px;padding:0 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.graduate-work .work-visual-grid.rev-work-scroll article{flex:0 0 min(420px,78vw);min-width:0;scroll-snap-align:start}
.graduate-work .work-visual-grid.rev-work-scroll::-webkit-scrollbar{height:6px}
.graduate-work .work-visual-grid.rev-work-scroll::-webkit-scrollbar-thumb{background:#c9a3b8;border-radius:3px}
.graduate-work .rev-work-hint{display:flex}
@media(max-width:760px){.graduate-work .work-visual-grid.rev-work-scroll{margin:0 -24px;padding:0 24px 12px;scroll-padding:24px;gap:12px}.graduate-work .work-visual-grid.rev-work-scroll article{flex-basis:78vw}}