.c-btn{width:20rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;text-align:center;padding:.8rem 1rem;margin:0 auto;border-radius:100px;background:linear-gradient(80deg, #253F98 0%, #2370AF 100%)}.c-btn__text{font-size:1.4rem;font-weight:bold;text-align:center;flex-grow:1}.c-btn__icon{width:3.5rem;aspect-ratio:1;border-radius:50%;background:#102b7b;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.c-btn__icon img{width:.86rem;display:block}@media(any-hover: hover){.c-btn:hover{color:#2370af;position:relative;background:#fff}.c-btn:hover::before{content:"";position:absolute;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50px;background:linear-gradient(80deg, #2370AF 0%, #2A3F87 100%);z-index:-1}.c-btn:hover .c-btn__icon{transform:rotate(47deg)}}.top__bg,.top__bg2,.top__bg3,.top__bg4{height:120vh;aspect-ratio:.5;position:absolute;overflow:hidden;z-index:-1}.top__bg__curve,.top__bg2__curve,.top__bg3__curve,.top__bg4__curve{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .5s;opacity:0}.top__bg,.top__bg3{top:-40px;left:-180px}.top__bg{scale:1 -1;transform:rotate(-10deg)}.top__bg2,.top__bg4{top:-80px;right:-180px}.top__bg2__service,.top__bg4__service{top:unset;bottom:0px}.top__bg4__recruit{scale:-1 -1}.top__bg5,.top__bg6,.lower__bg1,.lower__bg2,.lower__bg3{position:absolute;overflow:hidden}.top__bg5__curve,.top__bg6__curve,.lower__bg1__curve,.lower__bg2__curve,.lower__bg3__curve{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .5s;opacity:0}.top__bg5{width:720px;height:1200px;top:250px;left:-100px}.top__bg5__curve{stroke:#55b2ff}.top__bg6{width:650px;height:1300px;top:120px;right:-180px}.top__bg6__curve{stroke:#f2df06}.lower__bg1{width:570px;height:980px;top:0px;right:-240px}.lower__bg1__curve{stroke:#f2df06}.lower__bg2{width:580px;height:980px;top:30%;left:-140px;scale:-1 -1}.lower__bg2__curve{stroke:#f2df06}.lower__bg3{width:570px;height:980px;top:40%;right:-150px;scale:1 -1;transform:rotate(-16deg)}.lower__bg3__curve{stroke:#55b2ff}@media screen and (max-width: 768px){.top__bg,.top__bg2,.top__bg3,.top__bg4{height:80svh}.top__bg2,.top__bg4{top:100px}.top__bg2__service,.top__bg4__service{top:unset;bottom:100px}.top__bg5{width:400px}.top__bg6{width:300px;top:-100px}.lower__bg1{width:300px;top:470px}.lower__bg2{width:300px}.lower__bg3{width:300px;top:unset;bottom:20%}}.service__item__image{width:100%;height:26rem;padding:4rem 0;border-radius:50rem;background:#fff;display:flex;justify-content:center;align-items:center;position:relative}.service__item__image .service__item__designer__main{position:relative;z-index:10}.service__item__image .service__item__designer__code1{position:absolute;top:20%;left:20%;width:32%;opacity:0;animation:service-item-chat 5s 1s ease-in-out infinite}.service__item__image .service__item__designer__code2{position:absolute;top:50%;left:18%;width:32%;opacity:0;animation:service-item-chat 5s 3s ease-in-out infinite}.service__item__image .service__item__designer__code3{position:absolute;top:44%;right:18%;width:32%;opacity:0;animation:service-item-chat 5s 4s ease-in-out infinite}.service__item__image .service__item__designer__check{position:absolute;top:24%;right:22%;width:26%;opacity:0;animation:service-item-chat 5s 2s ease-in-out infinite}@keyframes service-item-chat{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}100%{opacity:0}}.service__item__image .service__item__sales__left{position:absolute;top:50%;left:50%;transform:translate(10%, 20%);width:5%}.service__item__image .service__item__sales__right{position:absolute;top:50%;left:50%;transform:translate(-150%, -50%);width:5%}.service__item__image .service__item__sales__bubble{position:absolute;top:50%;left:50%;width:4.8%;opacity:0}.service__item__image .service__item__sales__bubble:nth-of-type(4){transform:translate(-600%, -410%);animation:service-item-bubble 5s 1s ease-in-out infinite}.service__item__image .service__item__sales__bubble:nth-of-type(5){transform:translate(-160%, -240%);animation:service-item-bubble 5s ease-in-out infinite}.service__item__image .service__item__sales__bubble:nth-of-type(6){transform:translate(100%, -240%);animation:service-item-bubble 5s 2s ease-in-out infinite}.service__item__image .service__item__sales__bubble:nth-of-type(7){transform:translate(500%, -280%);animation:service-item-bubble 5s ease-in-out infinite}@keyframes service-item-bubble{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}100%{opacity:0}}.service__item__image .service__item__energy{position:absolute;top:50%;left:50%;transform:translate(-50%, -60%);width:25%;aspect-ratio:1;object-fit:contain;animation:service-item-hover 6s ease-in-out infinite}@keyframes service-item-hover{0%{transform:translate(-50%, -60%)}50%{transform:translate(-50%, -80%)}100%{transform:translate(-50%, -60%)}}.service__item__image .service__item__personnel__chat{position:absolute;top:50%;left:50%;width:27%;opacity:0}.service__item__image .service__item__personnel__chat:nth-of-type(2){transform:translate(-25%, -200%);animation:service-item-chat 5s ease-in-out infinite}.service__item__image .service__item__personnel__chat:nth-of-type(3){transform:translate(0%, -60%);animation:service-item-chat 5s 1s ease-in-out infinite}.service__item__image .service__item__personnel__chat:nth-of-type(4){transform:translate(-25%, 80%);animation:service-item-chat 5s 2s ease-in-out infinite}@keyframes service-item-chat{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}100%{opacity:0}}@media screen and (max-width: 768px){.service__item__image .service__item__personnel__chat{width:36%}}.observe{opacity:0;transform:translateY(30px);transition:all .5s ease-out}.observe.in-visible{opacity:1;transform:translateY(0)}.maintitle{font-size:32px;font-weight:bold;display:flex;flex-direction:column;align-items:center;gap:16px}.maintitle__num{font-size:14px;font-weight:bold;border:1px solid #c7c7c7;border-radius:50px;padding:0 20px}.maintitle__line{width:28px;height:1px;background:#000}@media screen and (max-width: 768px){.maintitle{font-size:2.6rem;gap:1rem}}.subtitle{font-size:40px;color:red}.main__mv{position:relative}.main__mv .container{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:6.4rem;font-weight:bold;position:relative;z-index:10;overflow:hidden}.main__mv .container .bg_gray{content:"";display:block;top:0;left:0;width:100%;height:100%;z-index:-2;background:#f3f5f6;position:absolute}.main__mv .container .mv__title{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.main__mv .container .mv__text{display:flex;align-items:center;justify-content:center;font-weight:bold;gap:2.1rem;margin:0 0 2.6rem}.main__mv .container .mv__text .mix-blend-mode{color:#fff;mix-blend-mode:difference !important;font-weight:bold}.main__mv .container .mv__text img{height:6rem;margin:1rem 0 0 0;object-fit:contain;position:relative}.main__mv .container .mv__text--bottom{font-size:4rem;font-weight:bold;color:#fff;mix-blend-mode:difference}.main__mv .container .mv__border{display:block;width:200px;height:2px;margin:0 auto 26px;background:#fff;mix-blend-mode:difference;position:relative}.main__mv canvas{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:0;display:block;isolation:isolate}@media screen and (max-width: 768px){.main__mv .container{font-size:3rem}.main__mv .container .mv__text{gap:1rem}.main__mv .container .mv__text img{height:3rem}.main__mv .container .mv__text--bottom{font-size:2.6rem}}.top__promotion{margin:-60px auto 0;position:relative;z-index:10;width:90%;background:#fff;border-radius:5px}.top__promotion__container{height:5.6rem;margin:0 auto;padding:2.4rem 8.5rem;position:relative;display:flex;flex-direction:column;gap:1rem;overflow:hidden;transition:all .1s ease-out}.top__promotion__container .title-pc{display:inline-block}.top__promotion__container .title-sp{display:none}.top__promotion__container .top__promotion__btn{position:absolute;top:50%;right:3.6rem;transform:translate(0, -50%);display:flex;align-items:center;gap:1.6rem;color:#000;font-size:1.4rem;font-weight:bold;z-index:10;cursor:pointer;transition:opacity .3s ease-out}.top__promotion__container .top__promotion__btn .top__promotion__btn__toggle{width:13px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:3px;transition:gap .3s ease-in-out}.top__promotion__container .top__promotion__btn .top__promotion__btn__toggle .toggle__square{width:5px;aspect-ratio:1;flex-shrink:0;background:#000}.top__promotion__container .top__promotion__btn:hover .top__promotion__btn__toggle{gap:0px}.top__promotion__container .top__promotion__text{font-size:1.4rem;line-height:4;font-weight:bold;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s ease-out;will-change:transform;margin:0;position:absolute;left:0;width:100%;top:0;opacity:0;pointer-events:none;padding:0 0 0 8.5rem}.top__promotion__container .top__promotion__text .top__promotion__text__date{color:#8a8585;margin:0 2rem 0 0}.top__promotion__container .top__promotion__text::before{content:"";position:absolute;left:5.2rem;top:50%;transform:translate(0, -50%);width:1rem;height:1rem;background:#fb0;border-radius:50%}.top__promotion__container .top__promotion__text.active{opacity:1;pointer-events:auto;transform:translateY(0)}.top__promotion__container .top__promotion__text.prev{transform:translateY(-100%)}.top__promotion__container .top__promotion__text.next{transform:translateY(100%)}.top__about{padding:19.5rem 2rem 17.4rem;margin:-20px 0 0;overflow:hidden;background:linear-gradient(to bottom, transparent 0px, #fff 20px);position:relative;z-index:11}.top__about__container{position:relative;z-index:10}.top__about__container .top__about__content{position:relative}.top__about__container .top__about__content__title{width:fit-content;margin:9.4rem auto 13.5rem;padding:0 3px 0 13px;font-size:6.4rem;font-weight:bold;color:#fff;text-align:center;background:#303234;border-radius:10px}.top__about__container .top__about__content__text{font-size:1.4rem;font-weight:bold;color:#303234;line-height:5rem;text-align:center;margin:0 0 19.1rem}.top__service{padding:44rem 2rem 18rem;overflow:hidden;position:relative;z-index:10}.top__service__container .top__service__content{position:relative;padding:7.6rem 0 0 0}.top__service__container .top__service__content .top__service__content__inner{max-width:920px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 0 8.5rem}.top__service__container .top__service__content .top__service__content__inner .service__item{width:calc((100% - 3rem)/2);max-width:445px;cursor:pointer;color:#303234;opacity:0;margin:0 auto}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text{text-align:center;display:flex;align-items:center;margin:3rem 0}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text__title{font-size:2rem;font-weight:bold;flex-grow:1;padding:0 5rem 0 0}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text__num{font-size:1.4rem;font-weight:bold;color:#303234;border:1px solid #c7c7c7;border-radius:2rem;padding:0 2rem}.top__service__container .top__service__content .top__service__content__inner .service__item:nth-of-type(1) .service__item__image{padding:2rem 6rem}.top__service__container .top__service__content .top__service__content__inner .service__item:nth-of-type(2) .service__item__image{padding:4rem 4rem}.top__service__container .top__service__content .top__service__content__inner .service__item:hover .service__item__image::before{content:"";position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(135deg, #FF9E01, #FFD401);border-radius:50rem;z-index:-1}.top__service__container .top__service__content .top__service__content__inner .service__item:hover img{opacity:1}.top__service__container .top__service__content .top__service__flowing{width:120vw;display:flex;justify-content:center;align-items:center;overflow:hidden;position:absolute;top:-36rem;left:-15rem;transform:rotate(10deg);z-index:-1}.top__service__container .top__service__content .top__service__flowing__text{font-size:12.8rem;font-weight:bold;color:#303234;display:inline-block;white-space:nowrap;padding:0 5rem 0 0;animation:flowing-left 4s linear infinite}.top__service__container .top__service__content .top__service__flowing__reverse{top:-36rem;transform:rotate(-10deg)}.top__service__container .top__service__content .top__service__flowing__reverse .top__service__flowing__text{color:#f3f5f6;text-shadow:0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4;animation:flowing-right 4s linear infinite}.top__news{padding:10rem 2rem 13rem;margin:0 auto 8rem;overflow:hidden;position:relative;background:#fff;z-index:10}.top__news__container{position:relative;z-index:10}.top__news__container .top__news__title{width:fit-content;flex-direction:row;position:relative}.top__news__container .top__news__title .maintitle__num{position:absolute;top:-8px;left:0;transform:translate(0%, -100%)}.top__news__container .top__news__title .maintitle__line{width:100px}.top__news__container .top__news__content{max-width:1300px;padding:0 2rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:4rem}.top__news__container .top__news__content .top__news__content__three{width:40%;aspect-ratio:1/1}.top__news__container .top__news__content .top__news__content__three canvas{z-index:0;display:block}.top__news__container .top__news__content .top__news__content__posts{width:60%;display:flex;flex-direction:column;gap:1.5rem}.top__news__container .top__news__content .top__news__content__posts .news__item{display:block;padding:2rem;color:#303234;padding:8px 20px;border-radius:10px;position:relative;background:linear-gradient(130deg, #F5F5F5, #F9F9F9);transition:all .3s ease-in-out;z-index:10}.top__news__container .top__news__content .top__news__content__posts .news__item .news__item__title{max-width:350px;font-size:1.4rem;font-weight:bold;position:relative;z-index:1;transition:all .3s ease-in-out}.top__news__container .top__news__content .top__news__content__posts .news__item .news__item__text{max-width:350px;font-size:1.2rem;font-weight:500;margin:1.6rem 0 1rem;position:relative;z-index:1;transition:all .3s ease-in-out}.top__news__container .top__news__content .top__news__content__posts .news__item .news__item__date{font-size:1rem;font-weight:bold;color:#a2a4a7;position:relative;z-index:1;transition:all .3s ease-in-out}.top__news__container .top__news__content .top__news__content__posts .news__item .news__item__icon{width:35px;aspect-ratio:1;border-radius:100px;position:absolute;bottom:10px;right:10px;background:#102b7b;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.top__news__container .top__news__content .top__news__content__posts .news__item::before{content:"";position:absolute;inset:0px;border-radius:10px;opacity:0;transition:all .3s ease-in-out}.top__news__container .top__news__content .top__news__content__posts .news__item:hover{color:#fff}.top__news__container .top__news__content .top__news__content__posts .news__item:hover::before{background:linear-gradient(135deg, #FF9D00, #FFD400);opacity:1}.top__news__container .top__news__content .top__news__content__posts .news__item:hover .news__item__date{color:#fff}.top__news__container .top__news__content .top__news__content__posts .news__item:hover .news__item__icon{background:#fff;transform:rotate(47deg)}.top__news__container .top__news__content .top__news__content__posts .news__item:hover .news__item__icon svg line{stroke:#102b7b}.top__news__container .top__news__btn{margin:6rem auto 0}.top__news::after{content:"News";position:absolute;top:0;right:8%;font-size:30rem;font-weight:bold;line-height:1;color:#f8f8f8}.top__recruit{padding:0 2rem 18rem;overflow:hidden;position:relative;z-index:10}.top__recruit__container .top__recruit__content{position:relative}.top__recruit__container .top__recruit__content .top__recruit__content__text{font-size:1.6rem;font-weight:bold;color:#303234;line-height:4.5rem;text-align:center;margin:13rem 0 0}.top__recruit__container .top__recruit__content .top__recruit__content__text .top__recruit__content__text__strong{font-size:1.8rem;font-weight:900}.top__recruit__container .top__recruit__content .top__recruit__flowing{width:200vw;display:flex;justify-content:center;align-items:center;overflow:hidden;position:absolute;top:25%;left:50%;transform-origin:0 50%;transform:rotate(15deg) translate(-50%, 0%);z-index:-1}.top__recruit__container .top__recruit__content .top__recruit__flowing__text{font-size:12.8rem;font-weight:bold;color:#e5e5e5;display:inline-block;white-space:nowrap;padding:0 5rem 0 0;animation:flowing-left 4s linear infinite}.top__recruit__container .top__recruit__content .top__recruit__flowing__reverse{transform:rotate(-15deg) translate(-50%, 0)}.top__recruit__container .top__recruit__content .top__recruit__flowing__reverse .top__recruit__flowing__text{color:#f3f5f6;text-shadow:0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4,0 0 1px #b4b4b4;animation:flowing-right 4s linear infinite}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap{position:absolute;width:100%;height:100%;max-width:1400px;top:0;left:50%;transform:translate(-50%, 0);z-index:-1}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img{position:relative;height:fit-content;object-fit:contain;z-index:-1;border-radius:1rem}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(1){width:29rem;top:-4rem;left:4rem}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(2){width:19rem;top:35rem;left:4rem}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(3){width:42rem;bottom:3rem;margin:0 0 0 auto}.top__recruit__container .top__recruit__content .top__recruit__btn{margin:9rem auto 5rem}.top__member{display:block;background:url(../img/top_member_bg.webp) no-repeat center center/cover;padding:7.8rem 0;cursor:pointer;position:relative;z-index:10;overflow:hidden;transition:cursor .3s ease-in-out}.top__member__container .top__member__flowing{width:120vw;display:flex;justify-content:center;align-items:center}.top__member__container .top__member__flowing .top__member__flowing__text{font-size:9.6rem;font-weight:bold;color:#fff;display:inline-block;white-space:nowrap;padding:0 5rem 0 0;animation:flowing-left 4s linear infinite;text-transform:uppercase}.top__member__container .top__member__flowing__reverse .top__member__flowing__text{padding:3.2rem 5rem 3.3rem 0;animation:flowing-right 4s linear infinite}#js-stalker{width:60px;height:60px;background:url("../img/top_member_cursor.svg") no-repeat center center/cover;border-radius:50%;opacity:0;pointer-events:none;position:fixed;top:-30px;left:-30px}@keyframes flowing-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes flowing-right{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@media screen and (min-width: 768px)and (max-width: 974px){.top__news::after{font-size:20rem}.top__recruit .top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(1){width:19rem;top:-17rem;left:0}.top__recruit .top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(2){width:12rem;top:30rem}.top__recruit .top__recruit__container .top__recruit__content .top__recruit__bg__wrap .top__recruit__bg__img:nth-of-type(3){width:22rem}}@media screen and (max-width: 768px){.top__promotion{margin:-62px auto 0}.top__promotion__container{height:5rem;padding:0}.top__promotion__container .title-pc{display:none}.top__promotion__container .title-sp{display:inline-block}.top__promotion__container .top__promotion__text{padding:0 0 0 2.5rem}.top__promotion__container .top__promotion__text::before{width:.8rem;height:.8rem;left:1rem}.top__promotion__container .top__promotion__text .top__promotion__text__date{margin:0 .6rem 0 0;display:none}.top__promotion__container .top__promotion__btn{top:55%;right:1rem;gap:.5rem}.top__about{padding:10rem 2rem 10rem}.top__about__container .top__about__content__title{font-size:3.4rem;margin:4rem auto 6rem;border-radius:4px}.top__about__container .top__about__content__text{letter-spacing:0;line-height:3.5rem;margin:0 0 10rem}.top__service{padding:25rem 2rem 6rem}.top__service__container .top__service__content{padding:5rem 0 0 0}.top__service__container .top__service__content .top__service__flowing{top:-24rem;left:-4rem}.top__service__container .top__service__content .top__service__flowing__text{font-size:6.4rem;padding:0 2rem 0 0}.top__service__container .top__service__content .top__service__content__inner{padding:0 0 5rem}.top__service__container .top__service__content .top__service__content__inner .service__item{width:100%}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text{gap:.6rem;margin:1.4rem 0 3rem}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text__num{padding:0 1.5rem}.top__service__container .top__service__content .top__service__content__inner .service__item .service__item__text__title{font-size:1.8rem;letter-spacing:0;padding:0 3rem 0 0}.top__news{padding:10rem 2rem 6rem}.top__news::after{font-size:12rem}.top__news__container .top__news__content{padding:0;flex-direction:column;gap:2rem}.top__news__container .top__news__content .top__news__content__posts{width:100%}.top__news__container .top__news__content .top__news__content__posts .news__item .news__item__icon{width:28px}.top__recruit{padding:0 2rem 6rem}.top__recruit__container .top__recruit__content .top__recruit__flowing__text{font-size:6.4rem}.top__recruit__container .top__recruit__content .top__recruit__content__text{font-size:1.4rem;line-height:3.5rem;margin:4rem 0 0;letter-spacing:-0.1em}.top__recruit__container .top__recruit__content .top__recruit__content__text .top__recruit__content__text__strong{font-size:1.5rem;letter-spacing:0}.top__recruit__container .top__recruit__content .top__recruit__bg__wrap{display:none}.top__recruit__container .top__recruit__content .top__recruit__btn{margin:4rem auto 0}.top__member{padding:4rem 0}.top__member__container .top__member__flowing__text{padding:2rem 4rem 2rem 0;font-size:5rem}}