/* 2026-10-26: matching introductory and headline typography. */
.hero{--matching-size:clamp(20px,2.7vw,48px)}
.hero .hero-copy .hero-overline,.hero .hero-copy .hero-question{font-family:"Noto Sans JP",sans-serif!important;font-size:var(--matching-size)!important;font-weight:900!important;font-style:italic!important;line-height:1.25!important;letter-spacing:-.06em!important;text-align:center;transform:none}
.hero .hero-copy .hero-overline{margin:0 0 22px;padding:0}
.hero .hero-overline span{display:block;white-space:nowrap}
.hero .hero-question{margin-inline:auto}
.hero .hero-start{white-space:nowrap}
.mobile-site .hero{--matching-size:clamp(26px,8vw,44px)}
.mobile-site .hero .hero-overline{padding:0 12px;margin-bottom:24px}
@media(max-width:700px){body:not(.mobile-site) .hero{--matching-size:clamp(26px,8vw,44px)}}

/* Keep the label and arrow in separate columns; do not size this button from the shorter headline. */
.mobile-site .hero .hero-start{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:300px;max-width:calc(100% - 32px);min-width:0;min-height:54px;padding:15px 18px;gap:12px;font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.5;letter-spacing:0;white-space:nowrap;word-break:normal;overflow-wrap:normal;}
.mobile-site .hero .hero-start span{position:static;flex:0 0 auto;font-size:20px;line-height:1;}
@media(max-width:350px){.mobile-site .hero .hero-start{font-size:14px;padding-inline:12px;gap:8px;}}