html,body{margin:0;background:#fff}

.rlNm{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#0a2540;color:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.rlNm__in{max-width:640px;margin:0 auto;text-align:center}
.rlNm__eyebrow{margin:0 0 22px;font-size:11px;font-weight:800;letter-spacing:.26em;color:rgba(255,255,255,.5)}
.rlNm__row{display:flex;align-items:baseline;justify-content:center;gap:2px}
.rlNm__reel{
  display:inline-block;height:1em;overflow:hidden;line-height:1;
  font-size:clamp(52px,9vw,96px);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
}
.rlNm__strip{display:block;animation:rlNm-roll 2.6s cubic-bezier(.16,.84,.24,1) .2s both}
.rlNm__reel--b .rlNm__strip{animation-duration:3.4s;animation-delay:.35s}
.rlNm__strip b{display:block;height:1em;line-height:1}
@keyframes rlNm-roll{ from{transform:translateY(0)} to{transform:translateY(calc(-1em * 7))} }
.rlNm__reel--b .rlNm__strip{--to:-4em}
.rlNm__reel--b .rlNm__strip{animation-name:rlNm-roll-b}
@keyframes rlNm-roll-b{ from{transform:translateY(0)} to{transform:translateY(calc(-1em * 4))} }
.rlNm__unit{font-size:clamp(20px,3vw,32px);font-weight:800;color:rgba(255,255,255,.7);margin-left:8px}
.rlNm__cap{margin:22px 0 0;font-size:13px;color:rgba(255,255,255,.62)}
@media (prefers-reduced-motion:reduce){ .rlNm__strip{animation:none;transform:translateY(calc(-1em * 7))} }