.option-hero{background:linear-gradient(115deg,#252e54,#182b42);color:white;padding:60px 0}.option-hero h1{font-size:clamp(34px,4vw,53px)}.option-hero .label{color:#a6d9d6}.option-hero .eyebrow{color:#d0b678}.option-hero .lead,.option-hero .fine{color:#d0d9e7}.hero-link{color:white;font-size:13px;font-weight:700}.option-index{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.option-index>a{border:1px solid #dce4e9;border-top:3px solid #07878b;padding:25px;display:flex;flex-direction:column}.option-index>a:hover{background:#f1f7f6}.option-index span{font:27px Georgia,serif;color:#af8b42}.option-index h3{font-size:18px;margin-top:14px}.option-index p{font-size:12px}.option-index b{margin-top:auto;color:#07878b;font-size:12px}.option-section{padding:65px 0;border-top:1px solid #e2e7ec}.option-section:nth-of-type(odd){background:#f5f7f9}.option-section>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center}.option-text h2{font-size:29px}.option-text>p{font-size:14px}.option-text>.label{font-size:15px}.option-text ul{padding-left:20px;font-size:13px;color:#637087}.option-text li{padding:5px 0}.option-text aside{font-size:11px;color:#738096;border-left:2px solid #b18b43;padding-left:15px;margin-top:22px}.option-section figure{margin:0}.option-section img{display:block;width:100%;height:auto}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;margin-top:30px;font-size:13px;text-align:left}caption{text-align:left;font-size:12px;color:#637087;margin-bottom:15px}th,td{border:1px solid #dce4e9;padding:18px}thead th{background:#252e54;color:white}tbody th{background:#f2f6f7}td{color:#637087}.related{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.related h2{font-size:29px}.related img{width:100%}.option-cta{background:#edf4f3}.option-cta .button{margin-top:15px}@media(max-width:900px){.option-index{grid-template-columns:1fr 1fr}.option-section>.wrap{gap:25px}.option-text h2{font-size:26px}}@media(max-width:640px){.option-hero{padding:40px 0}.option-hero .lead{font-size:14px}.option-hero .actions{align-items:flex-start;flex-direction:column}.option-index{grid-template-columns:1fr;gap:15px}.option-section{padding:40px 0}.option-section>.wrap,.related{grid-template-columns:1fr}.option-text h2{font-size:25px}.option-text>p{font-size:13px}.option-section figure{margin:0 -10px}.related h2{font-size:25px}}
/* ── FVに画像を敷く（2026-10-24） ── */
.option-hero{position:relative;isolation:isolate;overflow:hidden;min-height:610px;display:flex;align-items:center}
.option-hero .wrap{position:relative;z-index:1;width:100%}
.option-hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none;object-fit:cover;object-position:center center;z-index:-2}
.option-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(0deg,rgba(18,26,48,.6) 0%,rgba(18,26,48,.3) 14%,rgba(18,26,48,0) 32%),
  linear-gradient(90deg,rgba(18,26,48,.7) 0%,rgba(18,26,48,.64) 28%,rgba(18,26,48,.4) 46%,
  rgba(18,26,48,.12) 60%,rgba(18,26,48,0) 74%)}
.option-hero h1{max-width:780px}
.option-hero .lead,.option-hero .fine{max-width:680px}
@media(max-width:860px){
  .option-hero{min-height:520px}
  .option-hero-photo{object-position:66% center}
  .option-hero::after{background:
    linear-gradient(180deg,rgba(18,26,48,.78) 0%,rgba(18,26,48,.7) 45%,rgba(18,26,48,.64) 100%)}
  .option-hero h1,.option-hero .lead,.option-hero .fine{max-width:none}
}
/* スマホで「に。」が次の行に落ちないよう、文字の大きさを幅に合わせる */
@media(max-width:780px){ .option-hero h1{font-size:clamp(25px,6.1vw,40px)} }