/* HOMEのFVのみ：画像を右へ拡張し、CTAを画像に重ねる。 */
@media(min-width:1024px){
 .hero .hero-grid{grid-template-columns:minmax(0,90%) minmax(0,10%)}
 .hero .hero-copy h1{margin-bottom:134px}
 .hero .hero-actions{grid-column:1;grid-row:1;justify-self:start;align-self:end;flex-direction:row;gap:16px;margin:0 32px 42px;z-index:2}
 .hero .hero-actions .button{width:auto;min-width:210px}
}
@media(min-width:768px) and (max-width:1023px){
 .hero .hero-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:600px;width:100%;gap:0}
 .hero .hero-copy{display:contents}
 .hero .hero-visual{grid-area:1/1;width:93%;height:100%;margin:0;overflow:hidden;border-radius:0 18px 18px 0;z-index:-1}
 .hero .hero-visual img{width:100%;height:100%;object-fit:cover}
 .hero .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#0b152bd9);pointer-events:none}
 .hero .hero-copy h1{grid-area:1/1;align-self:end;color:white;font-size:48px;line-height:1.4;margin:0 28px 140px}
 .hero .hero-actions{grid-area:1/1;align-self:end;justify-self:start;flex-direction:row;margin:0 28px 44px;z-index:2}
}
@media(max-width:767px){
 .hero .hero-grid{grid-template-rows:clamp(400px,100vw,530px);padding-bottom:40px}
 .hero .hero-visual{width:94%}
 .hero .hero-copy h1{width:94%;padding-inline:18px;margin-bottom:112px;font-size:clamp(24px,6.9vw,40px)}
 .hero .hero-actions{grid-row:1;align-self:end;justify-self:start;flex-direction:row;gap:10px;width:calc(94% - 36px);margin:0 18px 28px;z-index:2}
 .hero .hero-actions .button{flex:1;min-width:0;padding:14px 10px;font-size:12px}
 .hero .hero-grid::before{width:6%;height:clamp(400px,100vw,530px)}
}
.hero .hero-actions .button-secondary{background:#fff;color:#19334b;border-color:#fff}

/* HOMEキャッチコピーの可読性を高める文字シャドウ。 */
.hero .hero-copy #home-hero-title{text-shadow:0 2px 5px rgba(11,21,43,.55),0 6px 22px rgba(11,21,43,.35)}

/* Center the two FV button labels after removing their arrows. */
.hero .hero-actions .button{justify-content:center;text-align:center}

/* Slightly open the HOME hero catchphrase letter spacing. */
.hero .hero-copy #home-hero-title{letter-spacing:.04em}