/* 2026-10-09 UI バランス確認の指摘（S1〜S14）。最後に読み込み、既存の CSS は変えない。戻すときは各ページの link 1 行を消す。 */
/* S1 PC：メニューの帯だけを画面に残し、ロゴは上に流れる（top は main.js がロゴの高さから入れる。JS が無いときは従来どおりヘッダー全体） */
@media (min-width:768px){.site-header{top:var(--header-stick-top,0px)}}
/* S10 申込ボタン（スマホの .tmn-mobile-cta__apply と同じ部品） */
main .tmnc-apply{margin:3.2rem auto 0;text-align:center}
main .tmnc-apply a.tmnc-apply__btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:480px;min-height:56px;margin:0 auto;padding:12px;border-radius:10px;background:#b91520;color:#fff;font-size:22px;font-weight:700;line-height:1.5;text-decoration:none}
main .tmnc-apply a.tmnc-apply__btn:hover{background:#9c111b;color:#fff}
main .tmnc-apply a.tmnc-apply__btn:focus-visible{outline:3px solid #1466b8;outline-offset:3px}
@media (min-width:768px){
  /* S2 補償2列：左の枠を中身の高さで止める */
  .coverage-content{align-items:start}
  /* S3 最初の見出しを写真から離し、『主な補償内容』をほかの見出しと同じ形に */
  main #about{padding-top:4rem}
  main #coverage .coverage-title{font-size:26px;line-height:1.3;text-align:left;margin:0 0 24px;padding-left:12px;border-left:8px solid #117713}
  /* S9 本文は全幅のまま行間だけ広げる（商品ページ） */
  main:has(> .hero) p{line-height:1.8}
  /* S11 方針系ページのタイトル札を写真の上端から離す（横位置は 2 人の間のまま） */
  main .hero2 .hero-box2{top:2cqw}
  /* S14 注意書きの灰色を全幅に、文字の位置は今のまま */
  .disclaimer{max-width:none;padding-inline:max(4rem,calc(50% - 550px + 4rem))}
}
/* S4 フロー図を中央に、2つの箱の見出しを上で・下の一文を下でそろえる（2 列になる 769px 以上） */
@media (min-width:769px){
  main .flow-grid{justify-content:center;align-items:stretch}
  main .flow-col.arrow{align-self:center}
  main .flow-col.box{justify-content:flex-start}
  main .flow-col.box > .caption{margin-top:auto}
}
/* S8 タブレットのメニュー：3 列の幅をそろえる */
@media (min-width:768px) and (max-width:999.98px){
  .main-nav ul{grid-template-columns:repeat(3,1fr);width:fit-content}
  .main-nav li{text-align:center}
}
/* S12 事故のカードの内側の余白を商品のカードとそろえる */
.contact-card--accident{padding-block:2rem}
.contact-cards{align-items:stretch}
@media (max-width:767px){
  main .tmnc-apply{margin-top:24px}
  main .tmnc-apply a.tmnc-apply__btn{font-size:17px}
  /* S6 方針系ページ：見出しの上を下より広く */
  main .hero2 ~ section .section-title:not(:first-child){margin-top:32px!important}
  /* S8 早見ボタンを語の途中で折らない */
  .tmnc-quick-nav li{flex:auto}
  .tmnc-quick-nav a{white-space:nowrap}
}
@media (max-width:600px){
  /* S5 補償内容のイラストを中央に置き、前の項目から離す */
  .coverage-icon{margin:24px auto 4px!important;width:140px!important;padding:0!important}
}
@media (max-width:480px){
  /* S7 トップの写真：人物が箱の下で半分だけ見えないよう、人物の外側で切り抜く */
  .hero-bg{object-position:75% center}
}