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

.evC{
  --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:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.evC__in{max-width:720px;margin:0 auto}
.evC__title{margin:0 0 clamp(24px,3.5vw,38px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.evC__tl{margin:0;padding:0 0 0 22px;list-style:none;position:relative}
.evC__tl::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--line)}
.evC__tl li{position:relative;display:grid;grid-template-columns:70px 1fr;gap:20px;padding:0 0 26px}
.evC__tl li:last-child{padding-bottom:0}
.evC__tl li::before{
  content:"";position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--acc);
  box-shadow:0 0 0 3px #fff;
}
.evC__tl li.is-break::before{background:var(--line)}
.evC__tl time{font-size:13px;font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums}
.evC__tl li.is-break time{color:var(--sub)}
.evC__tl h3{margin:0;font-size:15.5px;font-weight:800;color:var(--ink)}
.evC__tl p{margin:8px 0 0;font-size:13px;line-height:1.9;color:var(--body)}
@media (max-width:520px){ .evC__tl li{grid-template-columns:1fr;gap:6px} }