/* 2026-10-09 UI バランス確認の修正（S1〜S15）。文言・スマホの申込ボタンは変更なし。 */
/* S10: PC の申込ボタンをスマホ（.tmn-mobile-cta__apply・下部バー）と同じ赤 #b91520・白文字に */
@media (min-width:768px){a.btn-primary{color:#fff;background:#b91520;box-shadow:0 4px 14px rgba(185,21,32,.3)}a.btn-primary:hover,a.btn-primary:focus{color:#fff;background:#99111a;box-shadow:0 6px 20px rgba(185,21,32,.4)}}
/* S2: トップのヒーロー直下の余白をほかのページ（40px）に合わせる */
@media (min-width:768px){#index .about{padding-top:4rem}}
/* S3: お問い合わせの2枚の高さとボタン位置をそろえる（横並びのときだけ。カード内の間隔は従来どおり） */
@media (min-width:769px){.contact-cards{align-items:stretch}.contact-card{display:flex;flex-direction:column}.contact-card .contact-head{margin-bottom:0}.contact-card--accident .contact-head+p{margin-top:.8rem}.contact-card .contact-actions,.contact-card--accident .contact-actions{margin-top:auto}.contact-card--accident .contact-actions{padding-top:.7rem}.contact-card .contact-actions .btn-contact{padding-block:1.2rem}.contact-card .contact-actions .support-url{margin:.6rem 0 0;line-height:1.45}}
/* S4・S9: ゴルフに関わる補償の2枚の幅・見出し・本文・帯をそろえる */
@media (min-width:769px){.golf-risk-wrap{align-items:stretch}.golf-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.golf-item .risk-item figcaption{min-height:2lh;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center}.golf-item .golf-note{margin-top:auto;min-height:calc(2lh + 1.6rem);display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center}}
@media (min-width:769px) and (max-width:939px){.golf-item .golf-note{padding-inline:.4rem;font-size:1.5rem}.golf-item .risk-item figcaption{font-size:1.5rem}}
@media (min-width:769px) and (max-width:1023px){.contact-card .contact-actions .support-url{min-height:2lh}}
@media (min-width:769px) and (max-width:819px){.golf-risk-wrap{flex-direction:column;gap:2rem}.golf-item .risk-item figcaption,.golf-item .golf-note{min-height:0}}
/* S9: タブレットでもプランを3列に */
@media (min-width:769px) and (max-width:979px){#plans .plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}#plans .plans-grid>.plan-card:nth-child(3):last-child{grid-column:auto;justify-self:stretch;width:auto}#plans .plan-card{padding:1.6rem .8rem}#plans .plan-card .feature-group{padding-inline:.6rem}#plans .plan-features li,#plans .plan-features .feature-label,#plans .plan-features .amount{font-size:1.4rem}#plans .plan-features .feature-label{flex:1 1 0;min-width:0}#plans .plan-features .amount{flex:none;min-width:0;white-space:nowrap}#plans .toggle-text{white-space:nowrap;font-size:1.3rem}}
/* S11: プラン表の「アルバトロス費用補償」を1行に収める（金額の欄の最小幅だけ詰める。金額は右そろえのまま） */
#plans .plan-features.golf .amount{min-width:3.2em;flex:none}
/* S1: 保険開始日の図を中央に置き、左右の箱の中身を上端からそろえる */
@media (min-width:769px){main .flow-grid{justify-content:center}main .flow-col.box{justify-content:flex-start}}
@media (min-width:769px) and (max-width:1024px){main .flow-grid{align-items:stretch}}
/* S12: 支払方法の絵を文章の縦の中央に */
@media (min-width:768px){.payment-item .payment-icon{align-self:center}}
/* S5: スマホの申込ボタンと次の見出しの間をほかのセクションの切り替わりに合わせる */
@media (max-width:767px){#plans .apply-cta{margin-bottom:24px}}
/* S8: 補償内容の絵をスマホでは中央に */
@media (max-width:600px){main .coverage-icon{margin:0 auto 8px}}
/* S15: ニュースの注記をスマホでは左そろえに */
@media (max-width:600px){.news-list__note{text-align:left;padding-right:0}}
/* S11: お問い合わせカードの説明の1〜2文字だけの行をなくす */
.contact-card .support-url{text-wrap:balance;word-break:auto-phrase}
/* S6: スマホの会社概要の表は見出しの列を 6em に（本文の列を広く） */
@media (max-width:768px){.profile-table th{width:6em;padding-inline:.8rem;text-wrap:balance}}
/* S13: サイト運営者の本文幅を方針ページ（840px）にそろえる */
@media (min-width:768px){main #profile>.container{max-width:840px}}
/* S14: 代理店の URL を引受保険会社の URL と同じ色に。スマホではタップ範囲は残したまま行の高さをほかの行にそろえる */
.agency-insurer .info-block a{color:inherit}
@media (max-width:767px){.agency-insurer .info-block a{margin-block:-12px}.agency-insurer .info-block+.info-block{margin-top:1.2rem}}
/* 決定3: PC・タブレット（768px 以上）はメニューの帯だけを固定し、ロゴはスクロールで上に流す。main.js が --header-offset（ロゴの高さ）と --fixed-header（帯の高さ）を測る。スマホ・横向きスマホは変更なし */
@media (min-width:768px){.site-header{--nav-only:1;top:calc(-1 * var(--header-offset,0px))}html{scroll-padding-top:var(--fixed-header,88px)!important}}
@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.site-header{--nav-only:0;top:0}}