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

.spB{
  --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:#f6f9fc;padding:clamp(52px,6.5vw,96px) 24px;
}
.spB__in{max-width:760px;margin:0 auto}
.spB__eyebrow{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--acc)}
.spB__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.spB__line{margin:clamp(30px,4vw,46px) 0 0;padding:0 0 0 30px;list-style:none;position:relative}
.spB__line::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}
.spB__line li{position:relative;padding:0 0 30px}
.spB__line li:last-child{padding-bottom:0}
.spB__line li::before{
  content:"";position:absolute;left:-30px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 2px var(--acc);
}
.spB__line time{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--acc)}
.spB__line h3{margin:9px 0 0;font-size:16.5px;font-weight:800;color:var(--ink)}
.spB__line p{margin:9px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}