.onb-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:clamp(14px,3vw,34px)}.onb-head .h-sub{color:var(--deep)}.tl{--tl-l:27px;--tl-r:0px;display:grid;gap:clamp(14px,2vw,26px);grid-template-columns:repeat(var(--step-count,4),1fr);margin-top:clamp(34px,4vw,48px);position:relative}.tl:before{background:var(--lt-line);content:"";z-index:0}.tl-fill,.tl:before{height:2px;left:var(--tl-l);position:absolute;right:var(--tl-r);top:26px}.tl-fill{background:linear-gradient(90deg,var(--orange),var(--orange-lt));border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1.5s var(--ease);z-index:1}.tl-fill.go{transform:scaleX(1)}.tlc{position:relative;z-index:2}.tlc .dotw{background:#fff;border:2px solid var(--lt-line);border-radius:50%;color:var(--deep);display:grid;font:900 1rem var(--head);height:54px;place-items:center;transition:.4s var(--ease);width:54px}.tlc.on .dotw{border-color:var(--orange);box-shadow:0 0 0 7px rgba(248,153,33,.14)}.tlc span{color:var(--mid);display:block;font:600 .75rem var(--mono);letter-spacing:.15em;margin-top:18px;text-transform:uppercase}.tlc b{color:var(--deep);display:block;font:900 clamp(1.02rem,1.4vw,1.18rem) var(--head);letter-spacing:-.025em;line-height:1.25;margin-top:8px}@media (max-width:960px){.tl{gap:32px 20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tl-fill,.tl:before{display:none}}@media (max-width:680px){.tl{gap:26px;grid-template-columns:minmax(0,1fr)}.onb-head{gap:10px}}