:root,[data-variable-collection-mode=mode-1]{--learn-blue:#225baa;--learn-teal:#1db5c2;--learn-yellow:#fff200;--learn-bg:#ffffff;--learn-text:#1e1e1e}.learn-page,.learn-page *{box-sizing:border-box}.learn-page{background:#ffffff;width:100%;aspect-ratio:1920/884;max-height:100vh;position:relative;overflow:hidden}.learn-items-wrap{display:contents}.learn-banner-wrap{display:flex;align-items:center;justify-content:center;width:calc(100% + 20px);height:clamp(61px,7.969vw,153px);position:absolute;left:-10px;top:-10px}.learn-banner-svg{position:absolute;left:0;top:0;width:100%;height:100%}.learn-title{display:block;color:#fff200;font-family:alphabet-soup-pro,sans-serif;font-weight:400;font-style:normal;font-size:clamp(14px,2.344vw,45px);text-align:center;position:relative;z-index:2;width:100%;padding:0 24px;line-height:1.15}.learn-el{-o-object-fit:contain;object-fit:contain;z-index:2}.learn-el,.learn-sun{position:absolute;height:auto}.learn-sun{left:0;bottom:0;width:clamp(78px,10.104vw,194px);z-index:1;pointer-events:none}.learn-photo-1{width:clamp(148px,19.323vw,371px);height:clamp(148px,19.323vw,371px);left:clamp(104px,13.542vw,260px);top:clamp(66px,8.594vw,165px);transform:translate(1.394vw,.362vw)}.learn-photo-2{width:clamp(144px,18.802vw,361px);height:clamp(144px,18.802vw,361px);left:clamp(552px,71.875vw,1380px);top:clamp(215px,28.021vw,538px);transform:translate(-2.359vw,-3.874vw)}.learn-b133{width:clamp(106px,13.75vw,264px);left:clamp(2px,.26vw,5px);top:clamp(78px,10.156vw,195px);transform:translate(.15vw,-1.638vw)}.learn-b134{width:clamp(84px,10.885vw,209px);height:clamp(84px,10.885vw,209px);left:clamp(254px,33.073vw,635px);top:clamp(70px,9.115vw,175px);transform:translate(5.921vw,.337vw)}.learn-b136{width:clamp(121px,15.781vw,303px);left:clamp(642px,83.594vw,1605px);top:clamp(68px,8.854vw,170px);transform:translate(-.155vw,4.452vw)}.learn-b137{width:clamp(108px,14.063vw,270px);left:clamp(1px,.104vw,2px);top:clamp(214px,27.865vw,535px);transform:translate(1.163vw,-5.197vw)}.learn-b146{width:clamp(111px,14.427vw,277px);height:clamp(111px,14.427vw,277px);left:clamp(532px,69.271vw,1330px);top:clamp(68px,8.854vw,170px);transform:translate(1.09vw,-1.605vw)}.learn-b141{width:clamp(139px,18.073vw,347px);height:clamp(139px,18.073vw,347px);left:clamp(254px,33.073vw,635px);top:clamp(160px,20.833vw,400px);transform:translate(-2.297vw,-.34vw)}.learn-b147{width:clamp(138px,18.021vw,346px);left:clamp(394px,51.302vw,985px);top:clamp(70px,9.115vw,175px);transform:translate(2.285vw,6.275vw)}.learn-b144{width:clamp(97px,12.604vw,242px);height:clamp(97px,12.604vw,242px);left:clamp(105px,13.646vw,262px);top:clamp(214px,27.865vw,535px);transform:translate(3.468vw,2.695vw)}.learn-b150{width:clamp(90px,11.771vw,226px);height:clamp(90px,11.771vw,226px);left:clamp(396px,51.563vw,990px);top:clamp(182px,23.698vw,455px);transform:translate(3.253vw,7.794vw)}@media (max-width:1024px){.learn-page{aspect-ratio:auto;max-height:none;height:auto;overflow:visible;display:flex;flex-direction:column;align-items:center;background:#FFF3E1;padding-bottom:56px}.learn-banner-wrap{position:static;width:100%;height:auto;min-height:80px;padding:20px 24px;background:#225baa}.learn-banner-svg{display:none}.learn-title{font-size:clamp(20px,2.8vw,32px)}.learn-sun{display:block;position:absolute;left:auto;right:0;bottom:0;width:clamp(160px,28vw,320px);transform:scaleX(-1);z-index:1}.learn-items-wrap{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;align-items:start;gap:28px 20px;padding:32px 24px 0;width:100%}.learn-el{position:static;height:auto}.learn-photo-1,.learn-photo-2{width:185px!important;height:185px!important}.learn-b133,.learn-b134,.learn-b136,.learn-b137,.learn-b141,.learn-b144,.learn-b146,.learn-b147,.learn-b150{width:150px!important;height:auto!important}.learn-photo-1{transform:rotate(-2deg)}.learn-b133{transform:rotate(3deg);margin-top:14px}.learn-b134{transform:rotate(-1deg);margin-top:6px}.learn-b137{transform:rotate(4deg);margin-top:22px}.learn-b141{transform:rotate(-3deg);margin-top:8px}.learn-photo-2{transform:rotate(2deg);margin-top:10px}.learn-b144{transform:rotate(-4deg);margin-top:18px}.learn-b147{transform:rotate(1deg);margin-top:4px}.learn-b150{transform:rotate(3deg);margin-top:20px}.learn-b146{transform:rotate(-2deg);margin-top:24px}.learn-b136{transform:rotate(2deg);margin-top:10px}}@media (max-width:640px){.learn-banner-wrap{min-height:64px;padding:16px}.learn-title{font-size:clamp(17px,4.5vw,22px)}.learn-items-wrap{grid-template-columns:repeat(3,auto);gap:16px 12px;padding:24px 16px 0}.learn-b133,.learn-b134,.learn-b136,.learn-b137,.learn-b141,.learn-b144,.learn-b146,.learn-b147,.learn-b150,.learn-photo-1,.learn-photo-2{width:clamp(90px,27vw,120px)!important;height:clamp(90px,27vw,120px)!important}.learn-b133{margin-top:10px}.learn-b134{margin-top:4px}.learn-b137{margin-top:16px}.learn-b141{margin-top:6px;width:clamp(130px,33vw,165px)!important;height:clamp(130px,33vw,165px)!important}.learn-b144{margin-top:13px}.learn-b147{margin-top:3px}.learn-b150{margin-top:14px}.learn-b146{margin-top:18px}.learn-b136{margin-top:8px}}@media (max-width:400px){.learn-title{font-size:16px}.learn-items-wrap{grid-template-columns:repeat(2,auto);gap:14px 10px;padding:20px 12px 0}.learn-photo-1,.learn-photo-2{height:clamp(130px,40vw,160px)!important}.learn-b133,.learn-b134,.learn-b136,.learn-b137,.learn-b141,.learn-b144,.learn-b146,.learn-b147,.learn-b150,.learn-photo-1,.learn-photo-2{width:clamp(130px,40vw,160px)!important}}