@-webkit-keyframes scroll-anim{0%{top:0}to{top:100%}}@keyframes scroll-anim{0%{top:0}to{top:100%}}@media (min-width:835px){.headmv{width:100%;height:100vh;position:fixed;left:0;top:0;overflow:hidden;z-index:-1}.headmv video{max-width:none;width:auto;min-height:100%;min-width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.headmv video.long{height:100%}.intro *{color:#fff}.intro h1{position:sticky;z-index:10;margin-left:50px;font-size:3rem;font-weight:500;line-height:1.8;letter-spacing:0.1em;z-index:2}.intro h1 em{display:block;margin-bottom:10px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:8rem;font-weight:600;line-height:1.1}.intro .copy{height:65px;padding-left:30px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;border-left:1px solid #fff;font-size:1.2rem;color:#fff;position:absolute;left:50px;top:calc(100vh - 65px)}.intro .copy:after{content:"";display:block;width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:-3px;top:0;-webkit-animation:scroll-anim 3s infinite linear 0.5s both;animation:scroll-anim 3s infinite linear 0.5s both}.intro .message{padding:42vw 50px 30vw;position:relative}.intro .message:before{content:"";display:block;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(35%,rgba(138,138,138,0.34)),to(rgba(15,15,15,0.7)));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(138,138,138,0.34) 35%,rgba(15,15,15,0.7) 100%);mix-blend-mode:multiply;position:absolute;left:0;top:0;bottom:0;z-index:1}.intro .message p{position:relative;z-index:10;width:40%;margin-right:0;margin-left:auto;font-size:2rem;font-weight:500;line-height:2.3;color:#fff}main{background:var(--col-bg);position:relative;z-index:2}main section:not(.client) h2{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 50px;position:relative}main section:not(.client) h2:before{content:"";display:block;width:30px;border-top:1px solid var(--col-text);position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main section:not(.client) h2 em,main section:not(.client) h2 span{display:block}main section:not(.client) h2 em{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:2rem;font-weight:600}main section:not(.client) h2 span{font-weight:500;line-height:1}main>.studio{padding-top:180px}main>.studio .copy{overflow:hidden}main>.studio .copy .note{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;gap:0 40px}main>.studio .copy .note p{-webkit-animation:infinite-scroll 30s infinite linear 0.5s both;animation:infinite-scroll 30s infinite linear 0.5s both;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:11.8vw;font-weight:600;white-space:nowrap}main>.about{margin-top:150px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}main>.about .details,main>.about .solution{margin-top:80px}main>.about .details{width:38%;margin-left:50px}main>.about .details .copy{font-size:2.4rem;font-weight:500}main>.about .details .note{margin-top:50px}main>.about .solution{width:49%;margin-right:50px}main>.about .solution h3{margin-bottom:60px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.6rem;font-weight:600}main>.about .solution .list{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:url(../../service/img/about_hexa.svg) center top/100% no-repeat;padding:3.5% 3%}main>.about .solution .list li{width:22.25%;padding:12.75% 0;position:relative}main>.about .solution .list li img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main>.about .solution .list li:nth-of-type(5){margin-left:11%}main>.about .solution .list li:nth-of-type(n+5){margin-top:-6.2%}main>.service{margin-top:150px}main>.service>.copy,main>.service>.lead,main>.service>.list,main>.service>.more{padding:0 50px}main>.service>.copy{margin-top:80px;font-size:2.4rem;font-weight:500}main>.service>.lead{width:45%;margin-top:50px}main>.service .list{margin-top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:70px 50px;counter-reset:number}main>.service .list li{width:calc((100% - 150px) / 4);padding:120px 0 60px 30px;border-left:1px solid var(--col-text);position:relative}main>.service .list li:before{counter-increment:number;content:"0" counter(number);font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;position:absolute;left:30px;top:0}main>.service .list li:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;background:var(--col-text);position:absolute;right:0;bottom:0}main>.service .list li figure{max-height:70px;position:absolute;right:0;top:0}main>.service .list li h3{font-size:1.6rem;font-weight:500}main>.service .list li h3 em{display:block;margin-top:25px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;font-weight:400}main>.service .list li .note{margin-top:20px;font-size:1.3rem}main>.service .list li:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.service .more{margin-top:80px}main>.service .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin-right:0;margin-left:auto}main>.service .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.service .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.service .more a:hover{opacity:1}}@media (min-width:835px) and (min-width:835px){main>.service .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.service .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (min-width:835px) and (max-width:834px){main>.service .more a{padding-bottom:20px}}@media (min-width:835px){main>.service .more a:after{right:0;bottom:20px}}@media (min-width:835px) and (min-width:835px){main>.service .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.service .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.service .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.service .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.service .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (min-width:835px){main>.service .more a:before{border-bottom-color:var(--col-text)}main>.service .more a:after{background:var(--col-text)}main>.client{margin-top:200px}main>.client h2{text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:17rem;font-weight:600;letter-spacing:0}main>.client h2 span{display:inline-block}main>.client h2 span:nth-of-type(4){width:0.3em}main>.client .list{margin-top:90px;padding:0 50px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:50px 60px}main>.client .list li{width:calc((100% - 300px) / 6);mix-blend-mode:multiply}main>.works{margin-top:170px}main>.works>.copy{margin:80px 50px 0;line-height:1;font-size:2.4rem;font-weight:500}main>.works .entries{margin-top:80px}main>.casestudy{margin-top:200px;counter-reset:number}main>.casestudy>.copy{margin:80px 50px;font-size:2.4rem;font-weight:500}main>.casestudy .entry{margin:0 50px;border-left:1px solid var(--col-text);display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main>.casestudy .entry+.entry{margin-top:50px}main>.casestudy .entry .mv{width:50%}main>.casestudy .entry .details{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:45%;padding:100px 0 20px 60px;position:relative}main>.casestudy .entry .details:before{counter-increment:number;content:"CASE. 0" counter(number);position:absolute;left:60px;top:0;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem}main>.casestudy .entry .details:after{display:block;content:"";width:10px;height:10px;background:var(--col-text);-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-repeat:no-repeat;mask-size:contain;position:absolute;right:0;bottom:0}main>.casestudy .entry .details h3{font-size:1.8rem;font-weight:500}main>.casestudy .entry .details .summary{margin-top:50px;font-size:1.3rem}main>.casestudy .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 50px 0 auto}main>.casestudy .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.casestudy .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.casestudy .more a:hover{opacity:1}}@media (min-width:835px) and (min-width:835px){main>.casestudy .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.casestudy .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (min-width:835px) and (max-width:834px){main>.casestudy .more a{padding-bottom:20px}}@media (min-width:835px){main>.casestudy .more a:after{right:0;bottom:20px}}@media (min-width:835px) and (min-width:835px){main>.casestudy .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.casestudy .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.casestudy .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.casestudy .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.casestudy .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (min-width:835px){main>.casestudy .more a:before{border-bottom-color:var(--col-text)}main>.casestudy .more a:after{background:var(--col-text)}main>.news{margin-top:200px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}main>.news .ctlist{margin:80px 0 0 50px}main>.news .ctlist dd,main>.news .ctlist dt{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em}main>.news .ctlist dt{margin-bottom:30px;font-weight:500}main>.news .ctlist dd{padding-left:25px;font-size:1.3rem;position:relative}main>.news .ctlist dd:not(:first-of-type){margin-top:30px}main>.news .ctlist dd:before{content:"";display:block;width:0;border-top:1px solid var(--col-text);position:absolute;left:0;top:0.5rem;-webkit-transition:width 0.3s ease-out;transition:width 0.3s ease-out}main>.news .ctlist dd.here:before,main>.news .ctlist dd:hover:before{width:10px}main>.news .ctlist dd:hover{cursor:pointer}main>.news .entries{width:70%;margin:70px 50px 0 0}main>.news .entries .list:not(.all){display:none}main>.news .entries .list>li{padding-bottom:40px;border-bottom:1px solid var(--col-bd);display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}main>.news .entries .list>li:not(:first-of-type){margin-top:40px}main>.news .entries .list>li:after{content:"";display:block;width:40px;border-top:1px solid var(--col-text);position:absolute;left:0;bottom:0}main>.news .entries .list>li .date{width:8rem;padding-top:10px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem}main>.news .entries .list>li .ct{width:12rem}main>.news .entries .list>li .ct li{display:inline-block;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.3rem;font-weight:500}main>.news .entries .list>li .ct li+li:before{content:",";margin-right:0.3em}main>.news .entries .list>li .title{width:calc(100% - 20em)}main>.news .more{width:100%}main>.news .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 50px 0 auto}main>.news .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.news .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.news .more a:hover{opacity:1}}@media (min-width:835px) and (min-width:835px){main>.news .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.news .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (min-width:835px) and (max-width:834px){main>.news .more a{padding-bottom:20px}}@media (min-width:835px){main>.news .more a:after{right:0;bottom:20px}}@media (min-width:835px) and (min-width:835px){main>.news .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.news .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.news .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.news .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.news .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (min-width:835px){main>.news .more a:before{border-bottom-color:var(--col-text)}main>.news .more a:after{background:var(--col-text)}}@media (max-width:834px){.headmv{width:100%;height:100lvh;position:fixed;left:0;top:0;overflow:hidden;z-index:-1}.headmv video{max-width:none;min-width:100%;min-height:100%;width:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.headmv video.long{width:auto;height:100%}.headmv video.wide{width:100%;height:auto}.intro{padding:0 7vw 0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(35%,rgba(138,138,138,0.34)),color-stop(73.08%,rgba(66,66,66,0.55)),to(rgba(15,15,15,0.7)));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(138,138,138,0.34) 35%,rgba(66,66,66,0.55) 73.08%,rgba(15,15,15,0.7) 100%);position:relative}.intro *{color:#fff}.intro h1{position:sticky;font-size:2.8rem;font-weight:500;line-height:1.6;letter-spacing:0.05em;z-index:2}.intro h1 em{display:block;margin-bottom:20px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:12.9vw;font-weight:600;line-height:1.1;letter-spacing:0.05em}.intro h1.fixed{position:fixed}.intro .copy{width:calc(100% - 14vw);height:65px;padding-left:30px;border-left:1px solid #fff;position:absolute;left:7vw;top:calc(100vh - 65px);top:calc(100dvh - 65px);font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;line-height:1.7;color:#fff}.intro .copy:before{content:"";display:block;width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:-3px;top:0;-webkit-animation:scroll-anim 3s infinite linear 0.5s both;animation:scroll-anim 3s infinite linear 0.5s both}.intro .message{padding:260vw 0 50vw;position:relative}.intro .message p{z-index:10;font-size:1.8rem;font-weight:500;line-height:2.3;color:#fff}main{background:var(--col-bg);position:relative;z-index:2}main section:not(.client) h2{width:100%;padding-left:7vw;position:relative}main section:not(.client) h2:before{content:"";display:block;width:3.5vw;border-top:1px solid var(--col-text);position:absolute;left:0;top:0.8rem}main section:not(.client) h2 em,main section:not(.client) h2 span{display:block}main section:not(.client) h2 em{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:2rem;font-weight:600}main section:not(.client) h2 span{margin-top:15px;font-weight:500;line-height:1}main>.studio{padding-top:110px}main>.studio .copy{overflow:hidden}main>.studio .copy .note{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;gap:0 20px}main>.studio .copy .note p{-webkit-animation:infinite-scroll 30s infinite linear 0.5s both;animation:infinite-scroll 30s infinite linear 0.5s both;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:13vw;font-weight:600;white-space:nowrap}main>.about{margin-top:100px}main>.about .details,main>.about .solution{margin-left:7vw;margin-right:7vw}main>.about .details{margin-top:50px}main>.about .details .copy{font-size:2.2rem;font-weight:500;line-height:1.8}main>.about .details .note{margin-top:50px}main>.about .solution{margin-top:80px}main>.about .solution h3{font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-weight:600;line-height:1.7}main>.about .solution .list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-wrap:wrap;padding:27% 0 6%;background:url(../../service/img/about_hexa_mb.svg) center top/100% no-repeat;position:relative}main>.about .solution .list li{width:49.5%;padding:21.5% 0;position:relative}main>.about .solution .list li:nth-of-type(2n){margin-left:6.4%}main>.about .solution .list li:nth-of-type(odd){position:absolute;right:6.6%}main>.about .solution .list li:first-of-type{top:3%}main>.about .solution .list li:nth-of-type(3){top:24%}main>.about .solution .list li:nth-of-type(5){bottom:34.2%}main>.about .solution .list li:nth-of-type(7){bottom:13.2%}main>.about .solution .list li img{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main>.service{margin-top:120px}main>.service>.copy,main>.service>.lead,main>.service>.more{padding:0 7vw}main>.service>.copy{margin-top:40px;font-size:2.2rem;font-weight:500}main>.service>.lead{margin-top:40px}main>.service .list{margin:80px 7vw 0;padding-bottom:40px;border-bottom:1px solid var(--col-text);counter-reset:number}main>.service .list li{padding:110px 0 40px;border-top:1px solid var(--col-text);position:relative}main>.service .list li:not(:first-of-type){margin-top:40px}main>.service .list li:before{counter-increment:number;content:"0" counter(number);font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;position:absolute;left:0;top:40px}main>.service .list li:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;background:var(--col-text);position:absolute;right:0;bottom:0}main>.service .list li figure{max-height:60px;position:absolute;right:0;top:35px}main>.service .list li h3{font-size:1.6rem;font-weight:500}main>.service .list li h3 em{display:block;margin-top:25px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem;font-weight:400}main>.service .list li .note{margin-top:20px;font-size:1.3rem}main>.service .more{width:90%;margin:80px auto}main>.service .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text)}main>.service .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.service .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.service .more a:hover{opacity:1}}@media (max-width:834px) and (min-width:835px){main>.service .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.service .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (max-width:834px) and (max-width:834px){main>.service .more a{padding-bottom:20px}}@media (max-width:834px){main>.service .more a:after{right:0;bottom:20px}}@media (max-width:834px) and (min-width:835px){main>.service .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.service .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.service .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.service .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.service .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (max-width:834px){main>.service .more a:before{border-bottom-color:var(--col-text)}main>.service .more a:after{background:var(--col-text)}main>.client{margin-top:120px}main>.client h2{text-align:center;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:4.9rem;font-weight:600;letter-spacing:0}main>.client h2 span{display:inline-block}main>.client h2 span:nth-of-type(4){width:0.3em}main>.client .list{margin-top:80px;padding:0 7vw;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px 10px}main>.client .list li{width:calc((100% - 20px) / 3);mix-blend-mode:multiply}main>.works{margin-top:120px}main>.works>.copy{margin:50px 7vw 0;font-size:2.2rem;font-weight:500;line-height:1.8}main>.works .entries{margin-top:60px}main>.casestudy{margin-top:120px;counter-reset:number}main>.casestudy>.copy{margin:50px 7vw 60px;font-size:2.2rem;font-weight:500;line-height:1.8}main>.casestudy .entry{margin:0 7vw;padding-top:30px;border-top:1px solid var(--col-text)}main>.casestudy .entry+.entry{margin-top:40px}main>.casestudy .entry:last-of-type{padding-bottom:40px;border-bottom:1px solid var(--col-text)}main>.casestudy .entry .mv:before{display:block;counter-increment:number;content:"CASE. 0" counter(number);margin-bottom:20px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem}main>.casestudy .entry .details{padding-bottom:40px;position:relative}main>.casestudy .entry .details:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;background:var(--col-text);position:absolute;right:0;bottom:0}main>.casestudy .entry .details h3{margin-top:25px;font-size:1.6rem;font-weight:500}main>.casestudy .entry .details .summary{margin-top:20px;font-size:1.3rem}main>.casestudy .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 12vw 0}main>.casestudy .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.casestudy .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.casestudy .more a:hover{opacity:1}}@media (max-width:834px) and (min-width:835px){main>.casestudy .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.casestudy .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (max-width:834px) and (max-width:834px){main>.casestudy .more a{padding-bottom:20px}}@media (max-width:834px){main>.casestudy .more a:after{right:0;bottom:20px}}@media (max-width:834px) and (min-width:835px){main>.casestudy .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.casestudy .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.casestudy .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.casestudy .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.casestudy .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (max-width:834px){main>.casestudy .more a:before{border-bottom-color:var(--col-text)}main>.casestudy .more a:after{background:var(--col-text)}main>.news{margin-top:120px}main>.news .ctlist{display:none}main>.news .entries{margin:60px 7vw 0}main>.news .entries .list:not(.all){display:none}main>.news .entries .list>li{padding-bottom:40px;border-bottom:1px solid var(--col-bd);display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}main>.news .entries .list>li:not(:first-of-type){margin-top:40px}main>.news .entries .list>li:after{content:"";display:block;width:40px;border-top:1px solid var(--col-text);position:absolute;left:0;bottom:0}main>.news .entries .list>li .date{margin-right:20px;padding-top:9px;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.2rem}main>.news .entries .list>li .ct{width:12rem}main>.news .entries .list>li .ct li{display:inline-block;font-family:poppins,sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.3rem;font-weight:500}main>.news .entries .list>li .ct li+li:before{content:",";margin-right:0.3em}main>.news .entries .list>li .title{width:100%;margin-top:20px}main>.news .more{width:100%}main>.news .more a{display:block;max-width:330px;font-size:1.6rem;font-weight:500;line-height:1;position:relative;border-bottom-style:solid;border-bottom-width:2px;padding:0 30px 0 0;border-bottom-color:var(--col-bd);color:var(--col-text);margin:80px 12vw 0}main>.news .more a:before{content:"";display:block;width:20px;border-bottom-width:2px;border-bottom-style:solid;position:absolute;left:0;bottom:-2px}main>.news .more a:after{display:block;content:"";-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;-webkit-transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-mask-image:url(../../common/img/icon_arrow_diagonal.svg);mask-image:url(../../common/img/icon_arrow_diagonal.svg);width:10px;height:10px;position:absolute}main>.news .more a:hover{opacity:1}}@media (max-width:834px) and (min-width:835px){main>.news .more a em{display:block;padding-bottom:20px;overflow:hidden;position:relative}main>.news .more a em span{display:inline-block;-webkit-transition:transform 0.5s ease-in-out;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}}@media (max-width:834px) and (max-width:834px){main>.news .more a{padding-bottom:20px}}@media (max-width:834px){main>.news .more a:after{right:0;bottom:20px}}@media (max-width:834px) and (min-width:835px){main>.news .more a em span:first-of-type{-webkit-transform:translateY(calc(100% + 20px));transform:translateY(calc(100% + 20px))}main>.news .more a em span:nth-of-type(2){-webkit-transform:translateX(-100%);transform:translateX(-100%)}main>.news .more a:hover:after{-webkit-transform:translate(3px,-3px);transform:translate(3px,-3px)}main>.news .more a:hover em span:first-of-type{-webkit-transform:translateY(0%);transform:translateY(0%)}main>.news .more a:hover em span:nth-of-type(2){-webkit-transform:translateY(-100%,calc(100% + 20px));transform:translate(-100%,calc(-100% - 20px))}}@media (max-width:834px){main>.news .more a:before{border-bottom-color:var(--col-text)}main>.news .more a:after{background:var(--col-text)}}
/*# sourceMappingURL=styles.css.map */