.mv{width:100%;min-height:100vh;overflow:hidden;position:relative;isolation:isolate}.mv .mv__stage{position:absolute;inset:0;pointer-events:none}.mv .staff{position:absolute;width:300vw;height:105px;overflow:hidden}.mv .staff--top{top:15%}.mv .staff--mid{top:38%}.mv .staff--bot{top:60%}.mv .staff__fill{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom, #d4d8dc 0 1px, transparent 1px 26px);transform-origin:left center}.mv .note{position:absolute;width:220px;height:14px;background:#f7e94a;transform-origin:center;z-index:3}.mv .note--yellow-1{top:15%;left:28%;transform:rotate(-8deg)}@media(max-width: 767px){.mv .note--yellow-1{top:21%;left:-1%;transform:rotate(-5deg) skew(-5deg, -5deg);height:24px}}.mv .note--yellow-2{top:47%;right:19%;transform:rotate(8deg)}@media(max-width: 767px){.mv .note--yellow-2{top:40%;right:5%;transform:rotate(5deg)}}.mv .note--yellow-3{top:33%;left:17%;width:240px;height:16.89px;transform:rotate(5deg) skew(10deg, 10deg)}@media(max-width: 767px){.mv .note--yellow-3{top:60%;left:3%;width:160px;transform:rotate(-30deg) skew(5deg, 5deg)}}.mv .note--yellow-4{top:50%;right:18%;transform:rotate(8deg);height:8px}@media(max-width: 767px){.mv .note--yellow-4{top:42%;right:5%;transform:rotate(5deg);height:4px !important}}.mv .note--black{top:50%;left:8%;width:0;height:0;background:rgba(0,0,0,0);border:60px solid rgba(0,0,0,0);border-left-color:#111;transform:translateY(-50%)}@media(max-width: 767px){.mv .note--black{border:36px solid rgba(0,0,0,0);border-left-color:#111;top:auto;bottom:14%;left:10%}}.mv .note--blue{top:11%;right:9%;width:0;height:0;background:rgba(0,0,0,0);border:25px solid rgba(0,0,0,0);border-right-color:#009efe;transform:translateY(-50%) rotate(45deg)}@media(max-width: 767px){.mv .note{opacity:1;width:140px;height:8px}.mv .note--yellow-3{width:160px;height:10px}}.mv .music-note{position:absolute;width:26px;height:26px;background:#dee2e4;transform-origin:60% 50%;z-index:2}@media(max-width: 767px){.mv .music-note{transform:scale(0.8)}}.mv .music-note{z-index:2}@media only screen and (max-width:1000px){.mv{min-height:74vh}}.mv .inner{padding-top:10%;padding-bottom:300px;max-width:70vw}@media only screen and (max-width:1000px){.mv .inner{max-width:1000px;padding-bottom:0;padding-top:17vh}}.mv .mv__title{z-index:20;position:relative}@media only screen and (max-width:1000px){.mv .mv__title{padding-left:3vw}}@media only screen and (max-width:767px){.mv .mv__title{padding-left:0}}.mv .mv__title .en{font-size:6.3vw;font-weight:500;display:block;line-height:1.1978;margin-bottom:9px;text-align:center}@media only screen and (max-width:1000px){.mv .mv__title .en{font-size:8vw}}@media only screen and (max-width:767px){.mv .mv__title .en{font-size:12.6vw;text-align:left;padding-left:20px}}.mv .ja{display:block;font-size:1.9vw;font-weight:400;text-align:center;line-height:1.42;position:absolute;z-index:2;bottom:10%;left:50%;transform:translateX(-50%);width:100%}@media only screen and (max-width:1000px){.mv .ja{font-size:3.5vw}}@media only screen and (max-width:767px){.mv .ja{font-size:5vw;line-height:1.5;text-align:right;padding-right:40px;bottom:10%}}.about .inner{padding-top:120px;padding-bottom:113px}@media only screen and (max-width:767px){.about .inner{padding-bottom:50px}}.about .about__container{display:flex;justify-content:space-between;padding:0 50px;padding-bottom:140px;position:relative;flex-wrap:wrap}@media screen and (max-width: 1350px){.about .about__container{padding:0 80px;padding-bottom:140px}}@media only screen and (max-width:767px){.about .about__container{padding:0 25px;padding-bottom:29px}}.about .about__container::before{content:"";position:absolute;background-image:url(../img/about_kakko_1.svg);width:229.21px;height:134.53px;top:-68px;left:-80px}@media screen and (max-width: 1350px){.about .about__container::before{left:10px}}@media only screen and (max-width:767px){.about .about__container::before{width:128.48px;height:75.41px;background-repeat:no-repeat;background-size:contain;left:-11px;top:-40px}}.about .about__container::after{content:"";position:absolute;background-image:url(../img/about_kakko_2.svg);width:216.39px;height:97.28px;bottom:0;right:-68px}@media screen and (max-width: 1350px){.about .about__container::after{right:10px}}@media only screen and (max-width:767px){.about .about__container::after{width:128.48px;height:75.41px;background-repeat:no-repeat;background-size:contain;right:0}}.about .about__container .about__title span{display:block}.about .about__container .about__title .en{font-size:61px;font-weight:500;margin-bottom:9px}@media only screen and (max-width:767px){.about .about__container .about__title .en{font-size:29px;margin-bottom:25px;font-weight:600}}.about .about__container .about__title .ja{font-size:26px;font-weight:600}@media only screen and (max-width:767px){.about .about__container .about__title .ja{font-size:19px}}.about .about__container .about__description{max-width:473px;width:100%;font-size:18px;font-weight:500;line-height:2.2222;margin-left:auto;position:relative}@media screen and (max-width: 1350px){.about .about__container .about__description{margin-top:50px;width:100%;max-width:100%}}@media only screen and (max-width:767px){.about .about__container .about__description{margin-top:25px;font-size:15px;line-height:2.1}}.about .about__container .about__description::after{content:"";position:absolute;background-image:url(../img/about_deco.svg);width:822.44px;height:195.98px;right:-98px;bottom:-64px;background-repeat:no-repeat}@media screen and (max-width: 1350px){.about .about__container .about__description::after{max-width:120%;width:100%;background-size:contain;right:-74px;bottom:-68px;background-position:right bottom}}@media only screen and (max-width:767px){.about .about__container .about__description::after{display:none}}.about .about__container .about__description p{margin-bottom:30px}.product{overflow:hidden;position:relative;padding-bottom:153px}@media only screen and (max-width:767px){.product{padding-bottom:285px}}.product .inner{padding-top:67px}@media only screen and (max-width:767px){.product .inner{padding-top:33px}}.product .product__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 0%, rgba(216, 227, 247, 0.53) 20%, rgba(248, 227, 221, 0.61) 50%, rgba(227, 231, 242, 0.66) 90%, transparent 100%)}.product .inner{position:relative;z-index:2}.product .product__container{width:100%;height:563px;height:auto;margin-bottom:47px}.product .product__container .app{padding:27px 36px 36px;background:linear-gradient(0.25turn, rgba(232, 232, 232, 0.45), rgba(223, 233, 240, 0.45), rgba(223, 233, 240, 0.45));backdrop-filter:blur(22px) brightness(1.08) saturate(1);-webkit-backdrop-filter:blur(22px) brightness(1.08) saturate(1)}@media only screen and (max-width:767px){.product .product__container .app{padding:13px 20px 17px;height:100%}}.product .product__container .app .slide-item{height:100%}.product .product__container .app .product__thumbnail{margin-bottom:21px}@media only screen and (max-width:767px){.product .product__container .app .product__thumbnail{margin-bottom:10.4px}}.product .product__container .app .product__thumbnail img{height:auto;width:100%}.product .product__container .app .app__content .app__logo{margin-bottom:13.1px}.product .product__container .app .app__content .app__logo img{height:65.68px;width:auto;-o-object-fit:contain;object-fit:contain;max-width:310.17px}@media only screen and (max-width:767px){.product .product__container .app .app__content .app__logo img{height:auto;width:100%;max-width:70%}}.product .product__container .app .app__content .app__desc{font-size:18px;line-height:1.3333;font-weight:500}@media only screen and (max-width:767px){.product .product__container .app .app__content .app__desc{font-size:12px}}.product .product__container .swiper-scrollbar{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:100%;max-width:1161px;height:7px;background:#fff}@media screen and (max-width: 1227px){.product .product__container .swiper-scrollbar{width:calc(100% - 50px)}}.product .product__container .swiper-scrollbar-drag{background:#1a1a1a;border-radius:6px}.product .development .inner{padding-top:129px}@media only screen and (max-width:767px){.product .development .inner{padding-top:100px}}.product .development .development__wrapper{display:flex;background:linear-gradient(0.25turn, rgba(232, 232, 232, 0.45), rgba(223, 233, 240, 0.45), rgba(223, 233, 240, 0.45));backdrop-filter:blur(22px) brightness(1.08) saturate(1);-webkit-backdrop-filter:blur(22px) brightness(1.08) saturate(1)}@media only screen and (max-width:767px){.product .development .development__wrapper{flex-direction:column}}.product .development .development__wrapper:not(:last-child){margin-bottom:24px}.product .development .development__wrapper .development__img{max-width:60%;flex-shrink:0}@media only screen and (max-width:767px){.product .development .development__wrapper .development__img{max-width:100%}}.product .development .development__wrapper .development__img img{height:auto;width:100%}.product .development .development__wrapper .development__content{align-self:center;max-width:434px;width:100%;padding-right:25px}@media only screen and (max-width:767px){.product .development .development__wrapper .development__content{max-width:100%;width:100%;padding:28px 30px 33px;display:flex;flex-direction:column;align-items:center;justify-content:center}}.product .development .development__wrapper .development__content h3{font-size:32px;font-weight:bold;margin-bottom:36px;line-height:1.34375}@media only screen and (max-width:1000px){.product .development .development__wrapper .development__content h3{font-size:24px;margin-bottom:18px}}@media only screen and (max-width:767px){.product .development .development__wrapper .development__content h3{font-size:22px;text-align:center}}.product .development .development__wrapper .development__content p{font-size:18px;font-weight:500;line-height:1.8333;margin-bottom:33px}@media only screen and (max-width:1000px){.product .development .development__wrapper .development__content p{font-size:15px;margin-bottom:20px}}@media only screen and (max-width:767px){.product .development .development__wrapper .development__content p{font-size:14px;margin-bottom:32px}}.news{margin-top:-50px;position:relative;z-index:10}@media only screen and (max-width:767px){.news{margin-top:-180px}}.news .news__button{display:none}@media only screen and (max-width:1000px){.news .news__button{display:flex;justify-content:center;margin-top:40px}}.news .inner{padding-bottom:107px;border-bottom:1px solid #f0f0f0}@media only screen and (max-width:767px){.news .inner{padding-bottom:60px}}.news .news__container{display:flex}@media only screen and (max-width:767px){.news .news__container{flex-direction:column}}.news .news__container .news__title{flex-shrink:0;margin-right:97px}@media only screen and (max-width:767px){.news .news__container .news__title{margin-bottom:49px}}.news .news__container .news__title .common-button{margin-top:70px}@media only screen and (max-width:767px){.news .news__container .news__title .common-button{display:none}}.news .news__container .news__content{width:100%}.blog{overflow:hidden}.blog .inner{padding-top:94.5px}@media only screen and (max-width:767px){.blog .inner{padding-top:60px}}.blog .inner .blog__container{height:auto;width:100%;margin-top:34px;position:relative}.blog .inner .blog__container .swiper-wrapper{margin-bottom:80px}.blog .inner .blog__container .blog-swiper-scrollbar{position:absolute;z-index:10;left:50%;bottom:-55px;transform:translateX(calc(-50% - 96px));width:100%;max-width:969px;height:7px;background:#f0f0f0}@media screen and (max-width: 1300px){.blog .inner .blog__container .blog-swiper-scrollbar{transform:translateX(calc(-50% - 79px));width:calc(85% - 25px)}}@media only screen and (max-width:767px){.blog .inner .blog__container .blog-swiper-scrollbar{width:100%;transform:translateX(-50%)}}.blog .inner .blog__container .swiper-scrollbar-drag{background:#1a1a1a !important;opacity:1 !important;border-radius:6px}.blog .inner .blog__container .common-button{position:absolute;bottom:-68px;right:0;z-index:11}@media only screen and (max-width:767px){.blog .inner .blog__container .common-button{display:none}}.blog .inner .blog__button{display:none}@media only screen and (max-width:767px){.blog .inner .blog__button{display:flex;justify-content:center;margin-top:40px}}