/* v5本文とv7動画をつなぐ見本版。 */
:root { --c-deep:#0f5f66; }
:focus-visible { outline-color:#0f5f66; }
.btn--apply { color:#082b2d; }
.apply-band { background:linear-gradient(135deg,#0f5f66,#146a70 60%,#157a80); }
.apply-band .btn--apply { color:#082b2d; }
.months span.on,.gd-block h2 i,.faq summary::before,.filter button[aria-pressed="true"],.ryo-card__ic { color:#0f3f44; }
.pstep:hover .pstep__dot,.carousel__btn:hover:not(:disabled) { color:#0f3f44; }
.shift-row__bar i { color:#082b2d; }
.shift-axis,.months span { color:#4b5f61; }
.v4-story .sec-head__en { color:#fff; }
.semi-band { background:linear-gradient(135deg,#0f5f66,#146a70 60%,#157a80); }
.semi-band .sec-head__en { color:#fff; }
.semi-band .flow__label { color:#fff; }
.v7-hero { background:#0a4247; }
.section,.v4-sec,.page-hero,.apply-band,.v4-story,.v8-intro { padding-left:20px; padding-right:20px; }
.section > .wrap,.v4-sec > .wrap,.page-hero > .wrap,.apply-band > .wrap,.v4-story > .wrap,.v8-intro > .wrap { width:min(var(--w-main),100%); }
.v8-steps-title { font-size:clamp(26px,3vw,34px); margin:0 0 18px; }
.v3-steps h3,.rule-box h3,.ryo-card h3 { font-size:20px; }
body[data-page="taigu"] .related__t,body[data-page="semi"] .related__t { font-size:25px; }
.v8-intro {padding:36px 20px 12px;background:#fff}
.v8-intro p {max-width:900px;line-height:1.9;margin:0 0 12px}
.v8-intro__lead {font-size:clamp(18px,2vw,23px);font-weight:700}
.v8-intro__help {color:var(--c-ink2)}
.v8-future ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0}
.v8-future li {padding:15px 18px;background:#fff;border:1px solid #d5e6e6;border-radius:10px}
@media(max-width:600px){.v8-future ul{grid-template-columns:1fr}}

@media(max-width:760px){.v3-ranks__bars li{font-size:12px}}