@layer components{.case-sec{border-top:1px solid var(--color-line);padding-block:clamp(36px,5.5vw,80px);position:relative}.spread-big.big-long{max-width:none;right:0}.spread-big.big-long .num{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(2rem,7.5vw,3.4rem);line-height:1}.spread-big.big-long span:last-child{max-width:24rem}@media (min-width:900px){.spread-big.big-long .num{font-size:clamp(2.4rem,3vw,3.4rem)}}.case-strip{border-top:1px solid var(--color-line);gap:14px 24px;padding-block:22px;display:grid}.case-strip li{gap:4px;display:grid}.case-strip .num{color:var(--color-tx);font-size:1.6rem}@media (min-width:640px){.case-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:28px}.case-strip li{gap:8px}.case-strip .num{font-size:clamp(1.9rem,1.4vw + 1.2rem,2.6rem)}}.cmp-tag{letter-spacing:.02em;text-transform:uppercase;color:var(--color-tx-3);font-size:.75rem;font-weight:560;line-height:1.2;display:inline-block}.cmp-tag-after{color:var(--color-blue-soft)}.cmp-row{border-top:1px solid var(--color-line);gap:8px;padding-block:12px;display:grid}.cmp-row:first-child{border-top:0;padding-top:0}.cmp-cols{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cmp-cell{align-content:start;gap:4px;font-size:.9375rem;line-height:1.4;display:grid}.cmp-after{background:color-mix(in oklab, var(--color-blue) 10%, transparent);border-radius:12px;padding:10px 12px}.cmp-table th.cmp-after,.cmp-table td.cmp-after{background:color-mix(in oklab, var(--color-blue) 8%, transparent);border-radius:0;padding-inline:18px}.cmp-table tbody tr:first-child td.cmp-after{border-top-left-radius:0}.case-side{gap:0;display:grid;position:relative}.case-side .case-side-obj{z-index:1;justify-self:end;width:44%;max-width:260px;margin-bottom:-12px;margin-right:-4%;position:relative}@media (min-width:900px){.case-side .case-side-obj{width:72%;margin-right:-8%}}.case-bubble{background:var(--color-bg-3);max-width:32rem;color:var(--color-tx);border-radius:20px 20px 20px 6px;padding:16px 18px;font-size:1.0625rem;line-height:1.4;position:relative}.case-steps .step{grid-template-columns:30px 1fr;gap:10px;padding-block:12px}.case-steps .step b{color:var(--color-tx);font-weight:600}.case-routes li{border-top:1px solid var(--color-line);grid-template-columns:8px 1fr;align-items:start;gap:12px;padding-block:12px;display:grid}.case-routes li:first-child{border-top:0;padding-top:0}.case-routes .route-dot{margin-top:8px}.case-routes b{color:var(--color-tx);font-weight:600;display:block}.case-lesson{counter-reset:lesson}.case-lesson p{counter-increment:lesson;padding-left:40px;border-top:1px solid var(--color-line);padding-block:12px;position:relative}.case-lesson p:first-child{border-top:0;padding-top:0}.case-lesson p:before{content:counter(lesson, decimal-leading-zero);color:var(--color-blue-soft);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600;position:absolute;top:14px;left:0}.case-lesson p:first-child:before{top:2px}.case-lesson-obj{justify-self:end;width:56%;max-width:260px}.case-more{gap:12px;display:grid}@media (min-width:640px){.case-more{grid-template-columns:1fr 1fr}}}