.js-anime--eye{opacity:1}.visual{z-index:1;height:740px;padding-bottom:260px}.visual .l-section__inner{z-index:2;height:100%}.visual__title{z-index:2;position:absolute;top:47.9166666667%;left:12.5%;opacity:0}.visual__shapes{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.visual__shapes .shape--101{top:6.0810810811%;left:12.1527777778%;width:530px;transform:translate(-50%, -50%)}.visual__shapes .shape--102{top:56.0810810811%;left:89.2361111111%;width:530px;transform:translate(-50%, -50%)}.visual__shapes .shape--01{top:-2.7027027027%;left:2.7777777778%;width:min(125px,8.6805555556%);transform:translate(-50%, -50%) rotate(120deg)}.visual__shapes .shape--02{top:-4.0540540541%;left:27.0833333333%;width:min(120px,8.3333333333%);transform:translate(-50%, -50%) rotate(20deg)}.visual__shapes .shape--03{top:1.3513513514%;left:48.6111111111%;width:min(160px,11.1111111111%);transform:translate(-50%, -50%) rotate(15deg)}.visual__shapes .shape--04{top:10.8108108108%;left:69.4444444444%;width:min(80px,5.5555555556%);transform:translate(-50%, -50%) rotate(-20deg)}.visual__shapes .shape--05{top:0%;left:87.8472222222%;width:min(100px,6.9444444444%);transform:translate(-50%, -50%) rotate(-20deg)}.visual__shapes .shape--06{top:19.5945945946%;left:36.1111111111%;width:min(86px,5.9722222222%);transform:translate(-50%, -50%) rotate(0deg)}.visual__shapes .shape--07{top:32.7027027027%;left:52.7777777778%;width:min(64px,4.4444444444%);transform:translate(-50%, -50%) rotate(-100deg)}.visual__shapes .shape--08{top:28.3783783784%;left:74.5138888889%;width:min(86px,5.9722222222%);transform:translate(-50%, -50%) rotate(-15deg)}.visual__shapes .shape--09{top:34.3243243243%;left:97.2222222222%;width:min(86px,5.9722222222%);transform:translate(-50%, -50%) rotate(20deg)}.visual__shapes .shape--10{top:48.9189189189%;left:68.1944444444%;width:min(104px,7.2222222222%);transform:translate(-50%, -50%) rotate(10deg)}.visual__shapes .shape--11{top:67.5675675676%;left:2.0833333333%;width:min(140px,9.7222222222%);transform:translate(-50%, -50%) rotate(0deg)}.visual__shapes .shape--12{top:79.8648648649%;left:14.7222222222%;width:min(82px,5.6944444444%);transform:translate(-50%, -50%) rotate(-40deg)}.visual__shapes .shape--13{top:52.7027027027%;left:83.6111111111%;width:min(75px,5.2083333333%);transform:translate(-50%, -50%) rotate(40deg)}.visual__shapes .shape--201{position:absolute;top:67.5675675676%;left:28.6111111111%;width:clamp(122.4px,10.625%,153px);transform:translate(-50%, -50%)}.visual__shapes .shape--202{position:absolute;top:30.2702702703%;left:87.5694444444%;width:clamp(97.6px,8.4722222222%,122px);transform:translate(-50%, -50%)}.visual__shapes .shape--203{position:absolute;top:66.4864864865%;left:55.3472222222%;width:clamp(83.2px,7.2222222222%,104px);transform:translate(-50%, -50%)}.visual__shapes .shape--204{position:absolute;top:35.6756756757%;left:2.3611111111%;width:clamp(139.2px,12.0833333333%,174px);transform:translate(-50%, -50%)}.abouts{position:relative;margin-top:-260px;padding-bottom:180px}.abouts::before{position:absolute;bottom:2px;left:0;width:100%;height:180px;background:#fff;content:"";-webkit-mask:url("/assets/img/wave_02_2.svg") center top/max(100%, 1440px) 100% no-repeat;mask:url("/assets/img/wave_02_2.svg") center top/max(100%, 1440px) 100% no-repeat}.abouts::after{position:absolute;bottom:2px;left:0;width:100%;height:180px;background:#00bd54;content:"";-webkit-mask:url("/assets/img/wave_02_1.svg") center top/max(100%, 1440px) 100% no-repeat;mask:url("/assets/img/wave_02_1.svg") center top/max(100%, 1440px) 100% no-repeat}.abouts-nav{display:flex;z-index:2;position:absolute;top:0;left:calc((100vw - var(--bar-width) - min(1440px,100vw - var(--bar-width)))*.5 + min(120px,8.3333333333%));align-items:flex-start;width:300px;height:100%;padding:440px 0 360px;pointer-events:none}.abouts-nav.is-color--yellow{color:#ffde00}.abouts-nav.is-color--blue{color:#3cbaf6}.abouts-nav.is-color--orange{color:#ff7425}.abouts-nav.is-color--green{color:#00bd54}.abouts-nav__list{display:flex;position:sticky;top:180px;flex-direction:column;gap:15px 0;pointer-events:auto}.abouts-nav__list .item{position:relative}.abouts-nav__list .item__button{display:block;position:relative;margin-right:20px;color:currentColor;font-weight:700;line-height:1.6}.abouts-nav__list .item__button.is-active .item__text{color:#fff}.abouts-nav__list .item__button.is-active .item__num{color:#fff}.abouts-nav__list .item__button.is-active .item__color span{left:0}.abouts-nav__list .item:first-of-type .item__text{color:#1d4758}.abouts-nav__list .item:first-of-type .item__num{color:#1d4758}.abouts-nav__list .item__inner{display:block;z-index:1;position:relative;padding:15px 24px;border:6px solid #fff;border-radius:30px 30px;-webkit-mask:url("/assets/img/about/mask_01.svg") right center/300px 200px no-repeat;mask:url("/assets/img/about/mask_01.svg") right center/300px 200px no-repeat}.abouts-nav__list .item__num{display:none;color:#1d4758}.abouts-nav__list .item__text{color:#1d4758;transition:color .3s ease}.abouts-nav__list .item__icon{z-index:2;position:absolute;top:50%;right:-20px;width:42px;transform:translateY(-50%);border:6px solid #fff}.abouts-nav__list .item__color{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:30px 30px;-webkit-mask:url("/assets/img/about/mask_01.svg") right center/300px 200px no-repeat;mask:url("/assets/img/about/mask_01.svg") right center/300px 200px no-repeat}.abouts-nav__list .item__color span{position:absolute;top:0;left:calc(-100% - 30px);width:calc(200% + 32px);height:100%;background:#fff;clip-path:shape(from calc(50% - 31px) 0%, line to 100% 0%, line to 100% 100%, line to calc(50% - 31px) 100%, curve to calc(50% + 1px) calc(100% - 30px) with calc(50% + 1px) 100%, line to calc(50% + 1px) 30px, curve to calc(50% - 31px) 0% with calc(50% + 1px) 0%, close)}.about{padding:172px 0 180px;scroll-margin-top:-160px}.about::before{position:absolute;top:-2px;left:0;width:100%;height:260px;background:#fff;content:"";-webkit-mask:url("/assets/img/wave_01_2.svg") center top/max(100%, 1440px) 100% no-repeat;mask:url("/assets/img/wave_01_2.svg") center top/max(100%, 1440px) 100% no-repeat}.about::after{position:absolute;top:-2px;left:0;width:100%;height:260px;content:"";-webkit-mask:url("/assets/img/wave_01_1.svg") center top/max(100%, 1440px) 100% no-repeat;mask:url("/assets/img/wave_01_1.svg") center top/max(100%, 1440px) 100% no-repeat}.about:nth-of-type(2n+1)::before,.about:nth-of-type(2n+1)::after{transform:scaleX(-1)}.about__icon{width:105px;margin:0 auto 180px}.about__icon .eye{display:block;position:relative;aspect-ratio:105/70;background:url("/assets/img/chara_eye.svg") 0 0/100% auto no-repeat}.about:nth-of-type(2n) .about__icon .eye{transform:rotate(-15deg)}.about:nth-of-type(2n+1) .about__icon .eye{transform:rotate(15deg)}.about__main{padding-left:calc(300px + 5%)}.about__title{margin-bottom:60px}.about__body{color:#fff}.about__body>*+*{margin-top:1.5em}.about__body .mt0{margin-top:0}.about__body .mt05{margin-top:.5em}.about__body .mt10{margin-top:1em}.about__body .mt15{margin-top:1.5em}.about__body .mt20{margin-top:2em}.about.yellow{background:#ffde00;color:#ffde00}.about.yellow::after{background:#f7f7f7}.about.yellow .about__icon .eye{background-position:0 0}.about.yellow .about__title,.about.yellow .about__body{color:#1d4758}.about.blue{background:#3cbaf6;color:#3cbaf6}.about.blue::after{background:#ffde00}.about.blue .about__icon .eye{background-position:0 25%}.about.orange{background:#ff7425;color:#ff7425}.about.orange::after{background:#3cbaf6}.about.orange .about__icon .eye{background-position:0 50%}.about.green{background:#00bd54;color:#00bd54}.about.green::after{background:#ff7425}.about.green .about__icon .eye{background-position:0 75%}@media screen and (max-width: 1024px){.abouts-nav{left:0;align-items:flex-end;width:100%;padding-bottom:270px}.abouts-nav__list{top:auto;bottom:50px;flex-direction:row;margin-inline:auto;gap:0 6px;border:6px solid #fff;border-radius:20px 20px}.abouts-nav__list .item:not(:first-of-type)::before{position:absolute;top:0;right:100%;width:6px;height:100%;background:#fff;content:""}.abouts-nav__list .item__button{width:150px;margin-right:0;text-align:center}.abouts-nav__list .item:first-of-type .item__button{border-radius:14px 0 0 14px}.abouts-nav__list .item:last-of-type .item__button{border-radius:0 14px 14px 0}.abouts-nav__list .item__inner{border:none;border-radius:0 0;-webkit-mask:none;mask:none}.abouts-nav__list .item__num{display:block}.abouts-nav__list .item__text{display:none}.abouts-nav__list .item__icon{display:none}.abouts-nav__list .item__color{border-radius:0 0;-webkit-mask:none;mask:none}.abouts-nav__list .item__color span{left:calc(-100% - 14px);width:calc(200% + 16px);clip-path:shape(from calc(50% - 15px) 0%, line to 100% 0%, line to 100% 100%, line to calc(50% - 15px) 100%, curve to calc(50% + 1px) calc(100% - 14px) with calc(50% + 1px) 100%, line to calc(50% + 1px) 14px, curve to calc(50% - 15px) 0% with calc(50% + 1px) 0%, close)}.about:last-of-type{padding-bottom:360px}.about__main{padding-left:0}}@media screen and (max-width: 767px){.visual{height:calc(162.6666666667vw + 70px);padding-bottom:70px}.visual__title{top:29.3333333333vw;left:4%}.visual__shapes .shape--101{top:128vw;left:16%;width:364px}.visual__shapes .shape--102{top:10.6666666667vw;left:80%;width:364px}.visual__shapes .shape--01{top:101.3333333333vw;left:43.7333333333%;width:9.6%;transform:translate(0, 0) rotate(120deg)}.visual__shapes .shape--02{display:none}.visual__shapes .shape--03{top:8vw;left:-8%;width:17.0666666667%;transform:translate(0, 0) rotate(15deg)}.visual__shapes .shape--04{top:118.9333333333vw;left:56.8%;width:9.6%;transform:translate(0, 0) rotate(-20deg)}.visual__shapes .shape--05{top:70.9333333333vw;left:83.2%;width:12.8%;transform:translate(0, 0) rotate(-20deg)}.visual__shapes .shape--06{top:20vw;left:88.5333333333%;width:14.4%;transform:translate(0, 0) rotate(0deg)}.visual__shapes .shape--07{top:63.4666666667vw;left:70.4%;width:8.5333333333%;transform:translate(0, 0) rotate(-100deg)}.visual__shapes .shape--08{top:142.1333333333vw;left:42.6666666667%;width:10.1333333333%;transform:translate(0, 0) rotate(-15deg)}.visual__shapes .shape--09{top:136vw;left:87.2%;width:14.9333333333%;transform:translate(0, 0) rotate(20deg)}.visual__shapes .shape--10{top:115.7333333333vw;left:81.6%;width:13.8666666667%;transform:translate(0, 0) rotate(10deg)}.visual__shapes .shape--11{top:96vw;left:-4%;width:11.2%;transform:translate(0, 0) rotate(0deg)}.visual__shapes .shape--12{top:146.6666666667vw;left:-5.8666666667%;width:21.8666666667%;transform:translate(0, 0) rotate(-40deg)}.visual__shapes .shape--13{display:none}.visual__shapes .shape--201{top:104.8vw;left:4%;width:33.3333333333%;transform:translate(0, 0)}.visual__shapes .shape--202{top:85.3333333333vw;left:64%;width:26.6666666667%;transform:translate(0, 0)}.visual__shapes .shape--203{top:-16vw;left:41.0666666667%;width:34.6666666667%;transform:translate(0, 0)}.visual__shapes .shape--204{top:33.8666666667vw;left:61.3333333333%;width:32%;transform:translate(0, 0)}.abouts{margin-top:-70px;padding-bottom:40px}.abouts::before{height:40px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.abouts::after{height:40px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.abouts-nav{padding-bottom:100px}.abouts-nav__list{width:84%;gap:0 2px;border-width:5px;border-radius:10px 10px}.abouts-nav__list .item:not(:first-of-type)::before{width:2px}.abouts-nav__list .item{width:calc((100% - 6px)/4)}.abouts-nav__list .item__button{width:auto;font-size:1.25rem}.abouts-nav__list .item:first-of-type .item__button{border-radius:5px 0 0 5px}.abouts-nav__list .item:last-of-type .item__button{border-radius:0 5px 5px 0}.abouts-nav__list .item__inner{padding:4px 0}.abouts-nav__list .item__color span{left:calc(-100% - 10px);width:calc(200% + 12px)}.about{padding:70px 0 90px;scroll-margin-top:0}.about::before{height:70px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.about::after{height:70px;-webkit-mask-size:100% 100%;mask-size:100% 100%}.about:last-of-type{padding-bottom:180px}.about__icon{width:70px;margin-bottom:40px}.about__title{margin:0 -0.5em 40px;text-align:center}}@media(any-hover: hover){.abouts-nav__list .item__button .item__color span{transition:left .3s ease}.abouts-nav__list .item__button:hover .item__color span{left:0}}