/* 2026-11-06 UI分析の優先度「高」3件。ui-balance の後に読み込み、既存の CSS は変えない。戻すときは各ページの link 1 行を消す（index.html はあわせて .coverage-next の段落と、箇条書き化・家族の例の移動も戻す）。 */
/* H1 申込ボタンは赤 1 色（#b91520）にそろえる。ヒーローの緑ボタンも赤に */
body .hero a.btn-primary{color:#fff;background:#b91520;box-shadow:0 4px 14px rgba(185,21,32,.3)}
body .hero a.btn-primary:hover,body .hero a.btn-primary:focus{color:#fff;background:#9c111b;box-shadow:0 6px 20px rgba(185,21,32,.38)}
body .hero a.btn-primary:focus-visible{outline:3px solid #1466b8;outline-offset:3px}
/* H2 PC：画面に残るメニューの帯で「申込画面」だけを赤いボタンにして、どこからでも申し込めるようにする */
@media (min-width:768px){
  .main-nav a[href^="https://ezoo.jp/"]{background:#b91520;color:#fff;font-weight:700;border-radius:8px}
  .main-nav a[href^="https://ezoo.jp/"]::after{display:none}
  .main-nav a[href^="https://ezoo.jp/"]:hover,.main-nav a[href^="https://ezoo.jp/"]:focus{background:#9c111b;color:#fff}
  .main-nav a[href^="https://ezoo.jp/"]:focus-visible{outline:3px solid #1466b8;outline-offset:3px}
  .main-nav li:has(> a[href^="https://ezoo.jp/"])::after{display:none}
}
/* H3 主な補償内容を短くして、料金へ早く届くようにする */
main .coverage-next{margin:2.4rem 0 0;text-align:center}
main .coverage-next a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:10px 24px;border:2px solid #0057a4;border-radius:10px;background:#fff;color:#0057a4;font-size:18px;font-weight:700;line-height:1.5;text-decoration:none}
main .coverage-next a:hover,main .coverage-next a:focus{background:#e9f4ff;color:#0057a4}
main .coverage-next a:focus-visible{outline:3px solid #1466b8;outline-offset:3px}
@media (min-width:768px){
  /* PC：挿絵カードを小さく（画像 208px → 128px）、示談交渉の図も小さく */
  main .coverage-content .risk-item{padding:1rem 1.2rem}
  main .coverage-content .risk-item img{max-width:128px}
  main .coverage-content .negotiation-illust{max-width:300px;margin-bottom:.4rem}
}
@media (max-width:767px){
  /* スマホ：場面のカードを横 1 列にして横にスクロール（次のカードが少し見えるので続きがあると分かる） */
  main .coverage-content .risk-images:has(> .risk-item + .risk-item){flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 10px;scrollbar-width:thin}
  main .coverage-content .risk-images:has(> .risk-item + .risk-item) > .risk-item{flex:0 0 132px;width:132px;max-width:none;scroll-snap-align:start}
  main .coverage-content .risk-images:has(> .risk-item + .risk-item) > .risk-item:hover{transform:none}
  main .coverage-content .negotiation-illust{max-width:260px}
  main .coverage-next a{width:100%;font-size:16px}
}
/* M5 プラン説明の長い段落を 4 項目の箇条書きに（文言はそのまま） */
main ul.injury-cover-list{margin:2.4rem 0 1.6rem;padding-left:1.4em;list-style:disc outside;line-height:1.8}
main ul.injury-cover-list>li+li{margin-top:.8rem}
main ul.injury-cover-list a{text-decoration:underline}
@media (max-width:767px){main ul.injury-cover-list{margin:20px 0 12px;padding-left:1.2em;line-height:1.7}}
/* M7 同じ「ケガ等に関する補償」の緑を 1 色に（プランカード内だけ #006b43 だったのを、ほかの箇所と同じ #008050 に） */
main .injury-cover{--group-color:#008050}
/* 2026-11-06 料金表の後の申込ボタンを tmn-golf と同じ「申込画面に進む」の .btn-primary に（赤 #b91520・白文字。PC は角丸12px・赤い影、スマホは幅いっぱい・高さ44px）。途中の申込ボタンもゴルフと同じ「申込画面へ →」に（河合さん「ゴルフと同じに。自転車も」）。 */
.apply-cta{display:flex;justify-content:center;margin:2rem 0 0}
main .apply-cta a.btn-primary{color:#fff;background:#b91520;text-align:center;box-shadow:0 4px 14px rgba(185,21,32,.3)}
main .apply-cta a.btn-primary:hover,main .apply-cta a.btn-primary:focus{color:#fff;background:#9c111b;box-shadow:0 6px 20px rgba(185,21,32,.38)}
main .apply-cta a.btn-primary:focus-visible{outline:3px solid #1466b8;outline-offset:3px}
@media (max-width:767px){
#plans .apply-cta{margin-bottom:24px}
main .apply-cta a.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 10px;border-radius:6px;font-size:1.6rem}
}