.scroll-boxes{--box-bg:color-mix(in srgb,var(--color-body),var(--color-crisp-white) 10%)}@media (min-width:1280px){.scroll-boxes{--box-width:47.3125rem}}.scroll-boxes__wrapper{display:flex;flex-direction:column;position:relative}.scroll-boxes__decoration-wrapper{bottom:0;left:calc(var(--layout-padding)*-1);overflow-x:clip;overflow-y:visible;pointer-events:none;position:absolute;right:calc(var(--layout-padding)*-1);top:0;translate:0 0 0}.scroll-boxes__decoration-wrapper:after,.scroll-boxes__decoration-wrapper:before{aspect-ratio:1;background:var(--color-electric-blue);border-radius:50%;content:"";filter:blur(250px);height:auto;opacity:.5;position:absolute;z-index:0}.scroll-boxes__decoration-wrapper:before{left:0;top:10%;translate:-80% 0;width:20%}.scroll-boxes__decoration-wrapper:after{bottom:25%;right:0;translate:80% 50%;width:33%}.scroll-boxes__decoration-fluff,.scroll-boxes__decoration-outdated{z-index:5}@media (max-width:1279px){.scroll-boxes__decoration-fluff,.scroll-boxes__decoration-outdated{display:none}}.scroll-boxes__decoration-fluff{color:var(--color-on-body-alt);height:auto;left:0;position:absolute;top:36%;translate:-5% -50%;width:50%}.scroll-boxes__decoration-outdated{bottom:0;color:var(--color-on-body-alt);height:auto;position:absolute;right:0;translate:3% 0;width:calc(100% - var(--box-width) - var(--layout-padding))}.scroll-boxes__title{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative;z-index:100}@media (max-width:1279px){.scroll-boxes__title{font-weight:900}}@media (min-width:1280px){.scroll-boxes__title.scroll-boxes__title1{margin-left:var(--sp-120);max-width:7.25em}}@media (max-width:1279px){.scroll-boxes__title.scroll-boxes__title1{margin-bottom:7.5rem}}@media (min-width:1280px){.scroll-boxes__title.scroll-boxes__title2{align-self:flex-end;margin-bottom:var(--sp-60);margin-right:calc(var(--box-width)/2 + var(--sp-120));max-width:12.65em;text-align:right}}@media (max-width:1279px){.scroll-boxes__title.scroll-boxes__title2{margin-bottom:var(--sp-160);position:relative;text-align:center}.scroll-boxes__title.scroll-boxes__title2:before{aspect-ratio:1;background-color:var(--color-body);content:"";display:block;height:100%;left:50%;position:absolute;top:0;translate:-50% 0;width:auto;z-index:-1}}.scroll-boxes__title-beginning{line-height:1.2em;text-wrap:balance}@media (max-width:1279px){.scroll-boxes__title-beginning{font-size:var(--fs-h-1)}}.scroll-boxes__title-ending{font-family:var(--ff-text);line-height:1.4em}@media (min-width:1280px){.scroll-boxes__title-ending{font-size:2rem;font-weight:400}}@media (max-width:1279px){.scroll-boxes__title-ending{font-size:var(--fs-p-xl);font-weight:500}}.scroll-boxes__title-ending:before{content:" "}.scroll-boxes__box{font-size:1.5rem;line-height:1.4em;position:relative;z-index:100}@media (min-width:1280px){.scroll-boxes__box{width:var(--box-width)}}@media (max-width:1279px){.scroll-boxes__box{margin-bottom:6.25rem}}.scroll-boxes__box.bordered-box{background-color:var(--box-bg)}@media (min-width:1280px){.scroll-boxes__box.bordered-box{padding:var(--sp-40) var(--sp-60)}}@media (max-width:1279px){.scroll-boxes__box.bordered-box{font-size:var(--fs-p-small);padding:var(--sp-60) var(--sp-80)}}@media (min-width:1280px){.scroll-boxes__box.scroll-boxes__box1,.scroll-boxes__box.scroll-boxes__box2{align-self:flex-end;margin-right:var(--sp-40)}.scroll-boxes__box.scroll-boxes__box1{margin-bottom:var(--sp-160);margin-top:var(--sp-30)}}.scroll-boxes__box.scroll-boxes__box2{margin-bottom:var(--sp-160)}@media (min-width:1280px){.scroll-boxes__box.scroll-boxes__box3{margin-bottom:calc(var(--sp-120)*2)}}.scroll-boxes__drawing{height:100%;left:0;margin:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:25}.scroll-boxes__path{stroke:var(--color-on-body);fill:none}@media (min-width:1280px){.scroll-boxes__path{stroke-width:2px}}@media (max-width:1279px){.scroll-boxes__path{stroke-width:1px}}.scroll-boxes__path-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.scroll-boxes__path--fill{stroke:var(--color-on-body-alt)}.scroll-boxes__asterisk{aspect-ratio:1;display:flex;height:auto;left:0;position:absolute;top:0;z-index:50}@media (min-width:1280px){.scroll-boxes__asterisk{width:3.75rem}}@media (max-width:1279px){.scroll-boxes__asterisk{width:2rem}}.scroll-boxes__asterisk-svg{animation:spin 10s linear infinite;color:var(--color-on-body-alt)}