html:has(#main_wrap){height:100%;margin:0;padding:0;overflow:hidden}html:has(#main_wrap) body{height:100%;margin:0;padding:0;overflow:hidden}#main_wrap{will-change:transform;flex:1;width:100%;transition:transform .6s cubic-bezier(.65,0,.35,1)}#main_wrap.container{flex:none;width:100%}#main_wrap section{justify-content:center;align-items:center;width:100%;display:flex;position:relative}#main_wrap section:not(.s-banner){width:100%;height:100vh;overflow:hidden}#footer-include{z-index:10;width:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);position:fixed;bottom:0;left:0;transform:translateY(100%)}.dots{z-index:100;opacity:1;visibility:visible;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .5s,visibility .5s;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.dots.hide{opacity:0;visibility:hidden}.dot{background-color:var(--color-333);cursor:pointer;border-radius:.4rem;width:.4rem;height:.4rem;transition:all .3s}.dot.active{background-color:var(--color-main-1);transform:scale(1.3)}.stop-transitions *{transition:none!important}.hero-wrap{justify-content:space-between;align-items:center;padding:15rem 0 5rem 5rem;display:flex;position:relative}.hero-content{flex:1;display:flex}.text-group{padding:0 0 15rem 3rem}.sub-copy{font-size:5rem;font-weight:var(--fw-med);line-height:1.2}.brand-name{color:#f5f5f5;letter-spacing:10%;font-size:12rem;font-weight:var(--fw-heavy)}.highlight{font-weight:var(--fw-bold);color:var(--color-main-1)}.main-copy{font-size:12rem;font-weight:var(--fw-extr);color:var(--color-sub-dark);margin-top:1rem}.slogan-area{height:50%;position:absolute;top:35%;left:0}.txt-rotate{color:var(--color-333);white-space:nowrap;transform-origin:0 100%;margin:-17rem 1rem;font-size:2rem;position:absolute;top:0;left:0;transform:rotate(90deg)}.slogan-line{border-left:1px solid var(--color-333);border-bottom:1px solid var(--color-333);width:10rem;height:100%;margin-left:2rem;position:relative}.slogan-dot{background:var(--color-333);border:3px solid var(--color-white);border-radius:50%;width:1.2rem;height:1.2rem;animation:10s linear infinite alternate moveResponsiveL;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes moveResponsiveL{0%{top:0%;left:0%}85%{top:100%;left:0%}to{top:100%;left:100%}}.txt-normal{color:var(--color-333);text-wrap:nowrap;font-size:2rem;display:inline-block;position:absolute;bottom:-1rem;left:14rem}.txt-rotate b,.txt-normal b{font-weight:var(--fw-extr)}.hero-visual{flex:1.5;justify-content:end;display:flex}.illust-wrap{max-width:100%;height:auto;display:inline-block;position:relative}.bg-static{width:100%;height:auto;display:block}.bg-static.bg-absolute{position:absolute;top:0;left:0}.dot-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.moving-dot{opacity:0}.dot1{offset-path:path("M 823,345 L 512,168 L 412,223.5 L 840,472 L 841,526 L 693,604.5 L 204,321");animation:25s linear 2s infinite moveAlongPath_a}.dot2{offset-path:path("M 177,562 L 180,533 L 282,472");animation:10s linear 4s infinite moveAlongPath_b}.dot3{offset-path:path("M 581,390 L 675,335");animation:10s linear 4s infinite moveAlongPath_c}@keyframes moveAlongPath_a{0%{opacity:0;offset-distance:0%}.2%{opacity:1}5%{opacity:1}20.1%{opacity:1}20.5%{opacity:0}27%{opacity:0}27.4%{opacity:1}32%{opacity:1}32.1%{opacity:0}35.6%{opacity:0}36%{opacity:1}58.1%{opacity:1}58.4%{opacity:0}68%{opacity:0}68.4%{opacity:1}70.3%{opacity:1}70.6%{opacity:0}77.3%{opacity:0}77.7%{opacity:1}99.4%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes moveAlongPath_b{10%{offset-distance:0%;opacity:0}11%{opacity:1}39%{opacity:1}40%{offset-distance:100%;opacity:0}to{offset-distance:100%;opacity:0}}@keyframes moveAlongPath_c{0%{offset-distance:0%;opacity:0}60%{offset-distance:0%;opacity:0}61%{opacity:1}89%{opacity:1}90%{offset-distance:100%;opacity:0}}.s1 .inner{padding-left:3rem}.s1 .brand-name{opacity:0;animation:.5s ease-out .3s forwards fadeInRight}.s1 .sub-copy{opacity:0;animation:.5s ease-out .6s forwards fadeInRight}.s1 .main-copy{opacity:0;animation:.5s ease-out .9s forwards fadeInRight}.s1 .hero-visual{opacity:0;animation:2s ease-out 1.2s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.s2{background:var(--color-main-4)}.s-title{color:var(--color-sub-dark);font-size:3.5rem;font-weight:var(--fw-extr)}.s2 .inner{padding:0 2rem}.s2-center-area{opacity:0;visibility:hidden;height:0;transition:opacity .5s ease-in-out,visibility .5s;overflow:hidden}.s2-center-area.active{visibility:visible;opacity:1;justify-content:space-between;align-items:center;height:auto;margin:4rem 0;display:flex}.s2-desc{flex-direction:column;justify-content:space-between;height:40rem;display:flex}.s2-desc_b{flex-direction:column;flex:1;justify-content:start;gap:4rem;height:40rem;display:flex}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{background:var(--color-main-1);color:var(--color-white);height:5rem;font-size:2rem;font-weight:var(--fw-bold);border-radius:5rem;justify-content:center;align-items:center;width:fit-content;padding:0 3rem;display:flex}.s2-desc h2{font-size:8rem;font-weight:var(--fw-heavy);color:var(--color-sub-dark);line-height:1}.s2-desc h5{color:var(--color-333);font-size:2.6rem;font-weight:var(--fw-reg);margin-bottom:5rem;line-height:1.5}.s2-desc h5 b{font-weight:var(--fw-bold)}.s2-desc_b h2{font-size:5rem;font-weight:var(--fw-heavy);color:var(--color-sub-dark);letter-spacing:-4%;line-height:1.2}.s2-desc_b_icon{justify-content:center;align-items:start;width:3rem;height:3rem;margin-bottom:2rem;display:flex}.s2-desc_b_icon img{width:100%;height:auto}.s2-desc_b h2 span{font-size:3rem;display:block}.s2-desc_b h5{color:var(--color-333);font-size:2rem;font-weight:var(--fw-reg);max-width:31rem;line-height:1.4}.circleimg-wrap{width:45rem;height:45rem}.circleimg-wrap img{width:100%;height:auto}.s2-bottom-area ul{width:100%;display:flex}.s2-bottom-area li{border-top:2px solid var(--color-shadow);color:#888;cursor:pointer;flex:1;padding-top:3rem;font-size:3rem;transition:color .3s;position:relative}.s2-bottom-area li:after{content:"";background-color:var(--color-main-dark);width:0;height:2px;transition:width .6s ease-in-out;position:absolute;top:-2px;left:0}.s2-bottom-area li.active:after{width:100%}.s2-bottom-area li h5{font-weight:var(--fw-med);transition:font-weight .3s}.s2-bottom-area li span{font-size:2rem;font-weight:var(--fw-extr);margin-bottom:.5rem;transition:font-weight .3s,color .3s;display:block}.s2-bottom-area li.active{border-top:2px solid var(--color-shadow);color:var(--color-main-dark)}@media (min-width:900px){@media (hover:hover){.s2-bottom-area li:hover{color:var(--color-main-dark)}.s2-bottom-area li:hover:after{width:100%}.s2-bottom-area:hover li.active{color:#888}.s2-bottom-area:hover li.active:after{width:0}.s2-bottom-area li.active:hover{color:var(--color-main-dark)}.s2-bottom-area li.active:hover:after{width:100%}}}.s3 .inner{padding:0 2rem}.c-card-slidebtns{justify-content:end;gap:1.5rem;margin-bottom:1rem;display:flex}.c-card-slidebtn{border:1px solid var(--color-main-1);background:var(--color-white);cursor:pointer;border-radius:5rem;justify-content:center;align-items:center;width:5rem;height:5rem;transition:background-color .3s;display:flex}.c-card-slidebtn .c-card-slidebtn-ico{background:var(--color-main-1);width:.8rem;height:1.5rem;margin-left:.2rem;transition:background-color .3s;-webkit-mask:url(/images/common/c_card_slidebtn.png) 50%/.8rem 1.5rem no-repeat;mask:url(/images/common/c_card_slidebtn.png) 50%/.8rem 1.5rem no-repeat}.c-card-slidebtn:first-child{transform:rotate(180deg)}.card-grid-4{grid-template-columns:repeat(4,1fr);justify-content:space-between;gap:2rem;display:grid}.project-slider{width:100%;margin:0!important;padding:1rem!important}.swiper-slide{height:auto;display:flex}.c-card{background:var(--color-white);border:1px solid var(--color-ddd);border-radius:3rem;transition:border-color .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;height:auto!important}.c-card a{flex-direction:column;justify-content:space-around;align-items:center;height:100%;display:flex}.c-card-header{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:start;align-items:center;gap:1rem;padding:2rem;display:flex}.s3 .c-card-header{text-align:start;z-index:1;flex-direction:column;flex:1;justify-content:start;align-items:start;gap:1.5rem;width:100%;padding:3rem;display:flex}.c-card .c-blue{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-main-1)}.c-card-header h4{font-size:2rem;font-weight:var(--fw-bold);color:var(--color-sub-dark)}.c-card-header h3{font-size:2.7rem;font-weight:var(--fw-extr);color:var(--color-sub-dark)}.c-card-header p{letter-spacing:-4%;font-size:2rem;line-height:1.4}.c-card-header-top{justify-content:space-between;align-items:end;width:100%;display:flex}.c-badge{background:var(--color-main-4);color:var(--color-main-2);font-size:1.6rem;font-weight:var(--fw-bold);border-radius:5rem;padding:.8rem 1.5rem}.c-card-logo{width:auto;height:2.5rem}.c-card-logo img{object-fit:contain;width:auto;height:100%}.c-card-gobtn{background:var(--color-sub-dark);border-radius:5rem;justify-content:center;align-items:center;width:4rem;height:4rem;transition:transform .2s,background-color .2s;display:flex}.c-card-gobtn img{width:1rem;height:1rem}.c-card-visual{justify-content:center;align-items:start;width:16rem;height:20rem;display:flex;position:relative}.s3 .c-card-visual{width:20rem;height:25rem}.c-card-visual img{z-index:1;border:3px solid #000;border-radius:1.5rem 1.5rem 0 0;width:100%;height:auto}.s3 .c-card-visual:has(.desktop-img){width:30rem}.c-card-visual .desktop-img{border:none;border-radius:0}.c-card-visual:before{content:"";background:var(--color-main-4);z-index:0;border-radius:50rem;width:40rem;height:40rem;position:absolute;bottom:-100%;left:50%;transform:translate(-50%)}.s3 .c-card-visual:before{bottom:-60%}@media (hover:hover){.c-card:hover{border:1px solid var(--color-main-3);box-shadow:var(--main-shadow);cursor:pointer}.c-card.s3-c-card:hover .c-card-gobtn{background:var(--color-main-1);transform:rotate(45deg)}.c-card-slidebtn:hover{background-color:var(--color-main-1)}.c-card-slidebtn:hover .c-card-slidebtn-ico{background-color:var(--color-white)}}.dotimg{width:2rem;position:relative}.mouse-wheel{background-color:#333;border-radius:2px;width:2px;height:4px;animation:3s infinite scrollMove;position:absolute;bottom:1.1rem;left:46%}.mob-only{display:none}@keyframes scrollMove{0%{transform:translateY(6px)}50%{transform:translateY(0)}75%{transform:translateY(6px)}to{transform:translateY(6px)}}@media (max-width:1700px){.dots{right:2rem}.circleimg-wrap{width:38rem;height:38rem}.s2-bottom-area li{padding-top:3rem}.s2 .inner,.s3 .inner{padding:0 4rem 0 2rem}}@media (max-width:1500px){.hero-wrap{padding:10rem 5rem 5rem}.hero-content{flex:1;display:flex}.text-group{padding:0 0 6rem 3rem}.sub-copy{font-size:4rem}.brand-name{font-size:10rem}.main-copy{margin-top:1.8rem;font-size:9rem}.slogan-area{height:60%}.txt-rotate{margin:-15rem 1rem;font-size:1.8rem}.slogan-line{width:8rem;margin-left:2rem}.txt-normal{font-size:2rem;left:12rem}.s2-desc{height:35rem}.s2-desc_b{flex-direction:column;justify-content:start;gap:3rem;height:35rem;display:flex}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:4.5rem;padding:0 2rem;font-size:2rem}.s2-desc h2{font-size:7rem}.s2-desc h5{font-size:2.2rem}.s2-desc_b h2{font-size:3.8rem}.s2-desc_b_icon{width:2.5rem;height:2.5rem}.s2-desc_b h2 span{font-size:2.3rem;display:block}.s2-desc_b h5{max-width:25rem;font-size:1.8rem}.circleimg-wrap{width:32rem;height:32rem}.s3 .c-card-header{gap:1.5rem;padding:2.5rem}.card-grid-4{gap:1.5rem}.c-card-header h4{font-size:2rem}.c-card-header h3{font-size:2.5rem}.c-card-header p{font-size:1.7rem}.c-card .c-blue{font-size:1.8rem}.s3 .c-card-visual{width:15rem;height:18rem}.s3 .c-card-visual:before{bottom:-120%}.s3 .c-card-visual:has(.desktop-img){width:22rem}.c-card-visual .desktop-img{margin-top:0}}@media (max-width:1200px){.hero-wrap{padding:8rem 3rem 3rem}.hero-content{flex:auto;display:flex}.text-group{padding:0 0 6rem 3rem}.sub-copy{font-size:3rem}.brand-name{font-size:8rem}.main-copy{margin-top:1.5rem;font-size:8.5rem}.txt-rotate{margin:-15rem 1rem;font-size:1.8rem}.slogan-line{width:8rem;margin-left:2rem}.txt-normal{font-size:2rem;left:12rem}.hero-visual{flex:auto}.s2-desc_b{flex-direction:column;justify-content:start;display:flex}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:3.8rem;padding:0 2rem;font-size:1.6rem}.s2-desc h2{font-size:6.5rem}.s2-desc h5{font-size:2rem}.s2-desc_b h2{font-size:3.2rem}.s2-desc_b_icon{width:2rem;height:2rem}.s2-desc_b h2 span{font-size:2rem;display:block}.s2-desc_b h5{max-width:22rem;font-size:1.6rem}.circleimg-wrap{width:25rem;height:25rem}.s2-bottom-area li{padding-top:2rem;font-size:2.3rem}.s2-bottom-area li span{font-size:1.6rem}.card-grid-4{grid-template-columns:repeat(2,2fr);gap:1.5rem}.c-card{flex-direction:row;gap:2rem;height:20rem;padding:2rem 3rem}.c-card-header{text-align:left;align-items:start;padding:0}.c-badge{padding:.8rem 1.2rem}.c-card-logo{height:2.5rem}.c-card-header h4{max-width:26rem;font-size:1.8rem}.c-card-visual{align-items:start;width:10rem;height:12rem;position:relative}.c-card-visual img{border-radius:.5rem}.c-card-visual:before{background:var(--color-main-4);z-index:0;border-radius:50rem;width:25rem;height:25rem;transition:none;bottom:-110%;left:60%}.s3 .c-card{flex-direction:column;gap:0;height:auto;padding:0}.c-card-slidebtns{gap:1.2rem}.c-card-slidebtn{width:4.5rem;height:4.5rem}.c-card .c-blue{font-size:1.6rem}.c-card-gobtn{width:3.5rem;height:3.5rem}.c-card-header h3{font-size:2.3rem}.c-card-header p{font-size:1.5rem}.s3 .c-card-header{padding:2rem}.s3 .c-card-visual:before{width:35rem;height:35rem;bottom:-110%;left:50%}}@media (max-width:1024px){html,body{height:auto!important;overflow-y:auto!important}#main_wrap{height:auto!important;display:block!important;transform:none!important}#main_wrap section{min-height:40rem;height:auto!important;position:static!important}#footer-include{position:static!important;transform:none!important}.dots{display:none}.hero-wrap{padding:8rem 3rem 3rem}.hero-content{flex:auto;display:flex}.text-group{padding:0 0 6rem 3rem}.sub-copy{font-size:2.5rem}.brand-name{font-size:6rem}.main-copy{margin-top:1.5rem;font-size:7rem}.slogan-area{height:50%;top:40%}.txt-rotate{margin:-12rem 1.3rem;font-size:1.5rem}.slogan-line{width:5rem;margin-left:2rem}.txt-normal{font-size:1.5rem;left:8rem}.hero-visual{flex:auto}.s2 .inner{padding:8rem 2rem}.s-title{font-size:2.8rem;top:3rem}.s2-desc{height:25rem}.s2-desc_b{gap:1.2rem;height:25rem}.s2-desc_b_icon{margin-bottom:1rem}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{height:3.5rem;padding:0 1.5rem;font-size:1.5rem}.s2-desc h2{font-size:6rem}.s2-desc h5{margin-bottom:3rem;font-size:1.8rem}.s2-desc_b h2{font-size:2.8rem}.s2-desc_b h2 span{font-size:1.8rem}.s2-desc_b h5{max-width:20rem}.circleimg-wrap{width:22rem;height:22rem}.s2-center-area.active{align-items:start}.s3 .inner{padding:4rem 2rem}.c-card{border-radius:1.5rem;padding:2rem}.c-card-header h4{max-width:23rem;font-size:1.8rem}.c-card-slidebtns{gap:1rem}.c-card-slidebtn{width:4rem;height:4rem}.c-card-slidebtn .c-card-slidebtn-ico{width:.6rem;height:1.2rem}.project-slider{margin:0!important;padding:.5rem .5rem 3rem!important}.s3 .c-card-header{gap:1.5rem}}@media screen and (max-width:900px){.pc-only{display:none}.mob-only{display:block}.s2 .inner{flex-direction:column;padding:4rem 2rem;display:flex}.s-title{order:1;font-size:2rem}.s2-center-area.active{flex-direction:column;order:3;justify-content:start;align-items:center;width:100%;margin:0}.s2-desc{order:2;justify-content:start;align-items:center;gap:1rem;width:100%;height:auto;margin-bottom:2rem}.s2-desc_b{justify-content:center;align-items:center;gap:1rem;width:100%;height:auto}.s2-desc .s2-desc-subtitle,.s2-desc_b .s2-desc-subtitle{order:2;height:3.2rem;padding:0 2rem;font-size:1.6rem}.s2-desc h2{text-align:center;order:1;font-size:3.5rem}.s2 .mob-only{display:block}.s2-desc .mob-only{order:3;width:100%}.s2-desc .mob-only h5{border-bottom:1px solid var(--color-shadow);text-align:center;width:100%;padding-bottom:3rem;font-size:1.6rem}.s2-desc .mob-only p{text-align:center;font-size:1.6rem;line-height:1.4}.s2-desc_b{border-bottom:1px solid var(--color-shadow);flex-direction:row;order:2;gap:1rem;padding:2rem;display:flex}.s2-desc_b:nth-child(3){border-bottom:none}.s2-desc_b h5{text-align:center;order:3;max-width:none}.circleimg-wrap{order:1;justify-content:center;align-items:center;gap:4rem;width:100%;height:20rem;margin-bottom:2rem;display:flex}.circleimg-wrap .s2-ico-arrow{cursor:pointer;width:5rem;height:5rem}.circleimg-wrap .business-topcircle{width:auto;height:100%}.s2-bottom-area{order:2;margin:3rem 0}.s2-bottom-area ul{background:var(--color-white);border-radius:5rem;padding:.4rem}.s2-bottom-area li{cursor:pointer;color:var(--color-333);border:none;border-radius:5rem;flex:1;padding:0;transition:none;position:relative}.s2-bottom-area li:after{display:none}.s2-bottom-area li span{font-size:1.6rem;font-weight:var(--fw-semi);text-align:center;margin-bottom:0;line-height:3rem;display:block}.s2-bottom-area li.active:hover{color:var(--color-white)}.s2-bottom-area li.active{background:var(--linear);color:var(--color-white);border:none}.s2-bottom-area li.active span{font-weight:var(--fw-bold)}.s2-bottom-area ul li .pc-only{display:none}}@media screen and (max-width:800px){.s3 .c-card-header{padding:1.8rem}.c-card-header h3{max-width:40rem;font-size:2.2rem}.s3 .c-card-visual{width:13rem;height:15rem}.s3 .c-card-visual:has(.desktop-img){width:18rem}}@media screen and (max-width:768px){.s1 .inner{padding:0 3rem 0 1rem}.hero-wrap{flex-direction:column;align-items:start;padding:10rem 0 0}.hero-content{padding:0 0 0 2rem}.text-group{padding:0 0 5rem 1rem}.sub-copy{font-size:4rem}.main-copy{margin-top:.5rem;font-size:8rem}.slogan-area{transform-origin:0 100%;height:50vw;top:auto;bottom:1rem;left:100%;transform:rotate(-90deg)}.slogan-line{border-bottom:1px solid #33333380;border-left:1px solid #33333380}.brand-name{display:none}.hero-visual{justify-content:center;align-items:center;width:100%;margin-bottom:8rem}.illust-wrap{width:100vw;max-width:55rem;margin-right:0}.s2-desc_b{flex-direction:column}.txt-rotate{font-size:1.5rem}.txt-normal{font-size:1.5rem;bottom:-.7rem}.card-grid-4{grid-template-columns:repeat(1,1fr);gap:1rem}.c-card{height:18rem}.c-badge{padding:.5rem 1rem;font-size:1.4rem}.c-card-visual:before{left:80%}.s3 .c-card-visual:before{width:40rem;height:40rem;bottom:-160%}}@media screen and (max-width:600px){.text-group{padding:0 0 6rem}.sub-copy{font-size:3.5rem}.main-copy{margin-top:1rem;font-size:7rem}.circleimg-wrap{gap:1rem}.c-card-header h4{max-width:20rem;font-size:1.6rem}}@media screen and (max-width:500px){.sub-copy{font-size:3rem}.main-copy{margin-top:1rem;font-size:6rem}}@media screen and (max-width:400px){.sub-copy{font-size:2.5rem}.main-copy{margin-top:1rem;font-size:5rem}.banner-content h2{font-size:2.5rem}.c-card{height:auto;min-height:18rem}}.s3 .c-card-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.s3 .c-card-header p{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.8em;line-height:1.4;display:-webkit-box;overflow:hidden}