:root{--font-body:"Barlow","Noto Sans JP",sans-serif;--font-jp:"Noto Sans JP",sans-serif;--font-en:"Barlow",sans-serif;--color-base:#171717;--color-sub:#fff;--color-accent:#C48F1D}html{background-color:var(--color-base)}body{font-size:1.4rem;color:var(--color-sub)}@media screen and (min-width:769px){body{font-size:1.8rem}}main{overflow-x:clip}#screen{position:fixed;inset:0;background-color:var(--color-base);z-index:calc(infinity);transition:opacity 1s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none}#screen.is-visible{opacity:1;pointer-events:auto}#screen.is-loading .screen-layer01,#screen.is-loading .screen-layer02,#screen.is-loading .screen-layer03{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}#screen.is-loading .screen-layer01 p,#screen.is-loading .screen-layer02 p,#screen.is-loading .screen-layer03 p{transform:translateX(0)}#screen.is-loading .screen-layer01 p span,#screen.is-loading .screen-layer02 p span,#screen.is-loading .screen-layer03 p span{transform:translateY(0);opacity:0}#screen>div{position:absolute;inset:0;transition:clip-path .3s cubic-bezier(.16,1,.3,1)}#screen>div.screen-layer01{background-color:#232323;clip-path:polygon(0 0,0 0,0 100%,0 100%)}#screen>div.screen-layer01 p{position:absolute;bottom:2rem;left:2rem;width:90%;max-width:100rem;transform:translateX(-10%);transition:transform .3s cubic-bezier(.16,1,.3,1)}#screen>div.screen-layer02{background-color:var(--color-base);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition-delay:.3s}#screen>div.screen-layer02 p{position:absolute;top:2rem;right:2rem;width:90%;max-width:100rem;transform:translateX(10%);transition:transform .3s cubic-bezier(.16,1,.3,1) .3s}#screen>div.screen-layer03{background-color:#232323;transition-delay:.6s;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);display:flex;justify-content:center;align-items:center}#screen>div.screen-layer03 p{width:80%;max-width:50rem;overflow:hidden}#screen>div.screen-layer03 p span{display:block;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1) .6s,opacity .3s 1s}#screen img{width:100%}#header-3d{position:fixed;top:0;left:0;width:100%;z-index:100;transition:background-color .5s,transform .5s}#header-3d.is-scrolled{background-color:var(--color-base)}#header-3d.is-scrolled .header-menu__btn{border-color:var(--color-sub)}#header-3d.is-hidden{transform:translateY(-100%)}#header-3d .header-logo{width:50%;max-width:43rem;display:flex;align-items:center}#header-3d .header-logo .is-studio{width:69%}#header-3d .header-logo .is-team{position:relative;width:31%;border-left:1px solid var(--color-sub)}#header-3d .header-hamburger{display:none}#header-3d .header-nav{font-weight:500;font-size:1.6rem}#header-3d .header-menu__link{position:relative;padding:0 2rem;color:var(--color-sub);display:flex;justify-content:center;align-items:center;gap:.8rem}#header-3d .header-menu__btn{padding:1rem 2rem;background-color:var(--color-base);border:1px solid var(--color-base);text-align:center;transition:border-color .3s;display:block}#header-3d .header-lang{font-family:var(--font-en);font-size:1.6rem;line-height:1.4;display:flex;align-items:center;gap:.5rem}#header-3d .header-lang a{padding:0 1rem;color:var(--color-sub)}#header-3d .header-lang a.is-current{border:1px solid var(--color-sub);pointer-events:none}@media (any-hover:hover){#header-3d .header-logo a{transition:opacity .3s}#header-3d .header-logo a:hover{opacity:.5}#header-3d .header-menu__link{transition:color .3s}#header-3d .header-menu__link:hover{color:var(--color-accent)}#header-3d .header-menu__btn{transition:background-color .3s cubic-bezier(.11,0,.5,0),border-color .3s cubic-bezier(.11,0,.5,0)}#header-3d .header-menu__btn:hover{background-color:var(--color-accent);border-color:var(--color-accent)}#header-3d .header-nav__btn{transition:color .3s,border-color .3s}#header-3d .header-nav__btn:hover{color:var(--color-accent);border-color:var(--color-accent)}#header-3d .header-nav__btn:hover .header-nav__btn-icon svg{fill:var(--color-accent)}#header-3d .header-lang a{transition:color .3s}#header-3d .header-lang a:hover{color:var(--color-accent)}}@media screen and (min-width:1000px){#header-3d .header-bar{width:100%;min-height:7rem;padding:.3rem 1.5rem;display:flex;align-items:center;justify-content:space-between}#header-3d .header-logo{width:23%}#header-3d .header-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 1rem}#header-3d .header-nav{display:flex;align-items:center;word-break:keep-all;gap:3rem}#header-3d .header-nav__btn{min-width:160px;padding:0 2rem}}@media screen and (max-width:999px){#header-3d .header-menu__item{margin-bottom:1rem}#header-3d .header-bar{position:sticky;top:0;left:0;width:100%;padding:.5rem 1rem .5rem .5rem;display:flex;align-items:center;justify-content:space-between;z-index:100}#header-3d .header-hamburger{position:relative;width:5rem;height:3rem;padding:.8rem .5rem;flex-basis:4rem;display:flex;flex-direction:column;gap:.5rem}#header-3d .header-hamburger.is-open .header-hamburger__line:first-of-type{top:0;bottom:0;transform:rotate(-45deg)}#header-3d .header-hamburger.is-open .header-hamburger__line:nth-of-type(2){opacity:0}#header-3d .header-hamburger.is-open .header-hamburger__line:nth-of-type(3){top:0;bottom:0;transform:rotate(45deg)}#header-3d .header-hamburger .header-hamburger__line{width:100%;height:2px;margin:auto;background-color:var(--color-sub);transform-origin:center center;transition:opacity .3s,transform .3s}#header-3d .header-hamburger .header-hamburger__line:first-of-type{top:0}#header-3d .header-hamburger .header-hamburger__line:nth-of-type(2){top:0;bottom:0;transform:translateY(-1px)}#header-3d .header-hamburger .header-hamburger__line:nth-of-type(3){bottom:0}#header-3d .header-hamburger .header-hamburger__line svg{width:100%;fill:none;stroke:var(--color-txt);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;display:block;transition:stroke .3s}#header-3d .header-nav{position:fixed;inset:0;height:100vh;padding:10rem 2rem;box-sizing:border-box;background-color:rgba(23,23,23,.9);transform:translateX(100%);transition:transform .5s;backdrop-filter:blur(.8rem);overflow-y:scroll;overscroll-behavior-y:none}#header-3d .header-nav.is-open{transform:translateX(0)}#header-3d .header-menu{font-size:2.4rem}#header-3d .header-menu__link{width:100%;padding:1rem 2rem;justify-content:space-between}#header-3d .header-nav__btn{width:85%;margin:auto;padding:1rem 2rem;font-size:2.4rem;display:block}}section,section .inner{position:relative}section .inner{max-width:178rem;margin:auto;padding:6rem 2rem;text-align:left}@media screen and (min-width:769px){section .inner{padding:12rem 5rem}}section .section-ttl{margin-bottom:4rem;text-align:left;line-height:1}section .section-ttl .is-en{font-family:var(--font-en);font-weight:900;font-size:6rem}section .section-ttl .is-en>span{display:inline-block}@media screen and (min-width:769px){section .section-ttl .is-en{font-size:12rem}}section .section-ttl .is-jp{margin-top:1rem;padding-left:1rem;font-weight:500;font-size:1.2rem;letter-spacing:1rem}@media screen and (min-width:769px){section .section-ttl{margin-bottom:6rem}section .section-ttl .is-jp{padding-left:2rem;font-size:1.8rem;letter-spacing:3rem}}section .btn-lp{position:relative;max-width:50rem;padding:1.5rem 3rem;background-color:var(--color-base);text-align:center;color:var(--color-sub);font-size:1.8rem;line-height:1.4;display:block;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 .8rem)}section .btn-lp .arrow{position:absolute;top:0;right:3rem;bottom:0;margin:auto;background-color:var(--color-sub)}section .btn-lp .arrow:after{border-color:var(--color-sub)}@media screen and (min-width:769px){section .btn-lp{padding:2.5rem 7rem;font-size:2.4rem}}@media (any-hover:hover){section .btn-lp{transition:background-color .3s cubic-bezier(.11,0,.5,0),clip-path .1s}section .btn-lp:hover{background-color:var(--color-accent);clip-path:polygon(.8rem 0,100% 0,100% 100%,0 100%,0 .8rem)}@media screen and (min-width:769px){section .btn-lp:hover{clip-path:polygon(1.6rem 0,100% 0,100% 100%,0 100%,0 1.6rem)}}}section .btn-icon{position:absolute;top:0;right:3rem;bottom:0;height:2rem;margin:auto;display:flex;align-items:center}section .btn-icon img{width:auto;height:100%}section .arrow{position:relative;width:3rem;height:.3rem;background-color:var(--color-base);display:block;transform-origin:left center;transition:transform .2s,background-color .3s}section .arrow:after{content:"";position:absolute;top:0;right:-.1rem;width:1.5rem;aspect-ratio:1/1;border:.3rem solid var(--color-base);border-left:none;border-bottom:none;transform:rotate(45deg) translate(.1rem,.1rem);transform-origin:top right;transition:border-color .3s}section .arrow.is-left{transform-origin:right center}section .arrow.is-left:after{left:.5rem;right:inherit;border:.3rem solid var(--color-base);border-right:none;border-top:none}@media (any-hover:hover){section a:hover .arrow,section button:hover .arrow{transform:scaleX(120%)}}#bg-video,#bg-visual{position:fixed;inset:0;overflow:hidden}#bg-video:after,#bg-visual:after{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8)}#visual{position:relative;height:60svh;padding-top:18rem;display:flex;justify-content:center;align-items:center}#visual h1{width:80%;max-width:70rem}#about{background:linear-gradient(0deg,#171717,rgba(23,23,23,0))}#about .inner{padding-top:10rem;padding-bottom:7rem;font-weight:700;font-size:1.8rem;text-align:center}@media screen and (min-width:769px){#about .inner{padding-top:14rem;padding-bottom:20rem;font-size:3.2rem}}@media screen and (max-width:768px){#about .inner{padding-left:0;padding-right:0}}#about .inner p{padding:0 2rem}#about .inner p:not(:last-of-type){margin-bottom:6rem}#about .inner .is-focus{margin:.5rem;padding:0 1rem;background-color:var(--color-accent);display:inline-block;clip-path:polygon(.8rem 0,100% 0,100% 100%,0 100%,0 .8rem)}@media screen and (min-width:769px){#about .inner .is-focus{margin:1rem;padding:0 2rem;clip-path:polygon(1.6rem 0,100% 0,100% 100%,0 100%,0 1.6rem)}}#corp{background-color:var(--color-base)}#corp .corp-list{position:absolute;top:0;left:0;animation:corpList_animation 120s linear infinite}@keyframes corpList_animation{0%{transform:translateX(0)}to{transform:translateX(calc(-100% + 100vw))}}#works{background-color:var(--color-base)}#works .works-head{max-width:178rem;margin:0 auto 4rem;padding:12rem 2rem 0}@media screen and (min-width:769px){#works .works-head{margin-bottom:6rem;padding:12rem 5rem 0;display:flex;justify-content:space-between;align-items:flex-end}}#works .works-list{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem}#works .works-list__item{width:49%}@media screen and (min-width:769px){#works .works-list{margin-top:6rem}#works .works-list__item{width:33%}}#works .works-list__btn{position:relative;width:100%;aspect-ratio:16/9;background-color:#232323;overflow:hidden;display:block}#works .works-list__btn:after{content:"";position:absolute;inset:0;width:0;background-color:rgba(0,0,0,.5);pointer-events:none;transition:width .5s cubic-bezier(.25,1,.5,1)}@media (any-hover:hover){#works .works-list__btn:hover:after{width:100%}#works .works-list__btn:hover img{transform:scale(1.05)}#works .works-list__btn:hover .works-list__info{opacity:1;transform:translateY(0)}}#works .works-list__btn img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s cubic-bezier(.25,1,.5,1)}#works .works-list__info{position:absolute;bottom:0;left:0;width:100%;padding:3rem 2rem 1rem;font-size:1.2rem;line-height:1.4;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0));color:rgba(255,255,255,.5);text-align:left;opacity:0;transition:opacity .3s .1s;z-index:1}#works .works-list__info h3{margin-bottom:.5rem;font-weight:600;font-size:2rem;color:var(--color-sub)}#works .tag-list{display:flex;flex-wrap:wrap;gap:1rem}#works .tag{min-width:10rem;padding:.6rem 1rem;font-size:2rem;line-height:1;color:var(--color-sub);border:1px solid var(--color-sub)}#works .tag.is-current{background-color:var(--color-accent);border-color:var(--color-accent);pointer-events:none}#works .pager{margin-top:4rem;display:flex;justify-content:center;gap:.5rem}#works .pager button{position:relative;width:3rem;aspect-ratio:1/1;padding:.5rem;font-family:var(--font-en);font-weight:700;line-height:1;color:var(--color-sub);border:1px solid var(--color-sub)}#works .pager button.is-current{background-color:var(--color-accent);border-color:var(--color-accent);pointer-events:none}#works .pager button.is-current:after{content:"";position:absolute;top:-1px;left:-1px;width:.8rem;height:.8rem;background-color:var(--color-base);clip-path:polygon(0 0,0 100%,100% 0)}@media screen and (min-width:769px){#works .pager{margin-top:6rem}#works .pager button{width:5rem;font-size:2.4rem}#works .pager button.is-current:after{width:1.6rem;height:1.6rem}}#works .works-list__detail{width:calc(200% + .4rem);margin-top:.2rem;background-color:rgba(255,255,255,.05)}#works .works-list__detail dl a,#works .works-slider__detail dl a{position:relative;padding-left:.2rem;padding-right:2rem;padding-bottom:.2rem;display:block;transition:color .3s}#works .works-list__detail dl a:before,#works .works-slider__detail dl a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--color-sub);transition:background-color .3s}#works .works-list__detail dl a:after,#works .works-slider__detail dl a:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1.2rem;height:1.2rem;margin:auto;background:url(/assets/common/icon_external.svg) no-repeat 50%;background-size:cover}@media (any-hover:hover){#works .works-list__detail dl a:hover,#works .works-slider__detail dl a:hover{color:var(--color-accent)}#works .works-list__detail dl a:hover:before,#works .works-slider__detail dl a:hover:before{background-color:var(--color-accent)}}#works .works-list__nav{margin-bottom:4rem;display:flex;justify-content:flex-end;gap:.5rem}#works .works-list__nav a,#works .works-list__nav button{position:relative;width:7rem;height:7rem;font-size:0;display:block}#works .works-list__nav .works-list__prev:after{content:"";position:absolute;inset:0;width:40%;height:40%;margin:auto;border:.5rem solid var(--color-sub);border-top:none;border-right:none;transform:rotate(45deg) translate(10%,-10%)}#works .works-list__nav .works-list__next:after{content:"";position:absolute;inset:0;width:40%;height:40%;margin:auto;border:.5rem solid var(--color-sub);border-left:none;border-bottom:none;transform:rotate(45deg) translate(-10%,10%)}#works .works-list__nav .works-list__close:before{transform:rotate(-45deg)}#works .works-list__nav .works-list__close:after,#works .works-list__nav .works-list__close:before{content:"";position:absolute;inset:0;width:70%;height:.5rem;margin:auto;background-color:var(--color-sub)}#works .works-list__nav .works-list__close:after{transform:rotate(45deg)}@media screen and (min-width:769px){#works .works-list__detail{width:calc(300% + 2rem)}#works .works-list__item:nth-of-type(3n+2) .works-list__detail{transform:translateX(-33.2%)}#works .works-list__item:nth-of-type(3n) .works-list__detail{transform:translateX(-66.4%)}}@media screen and (max-width:768px){#works .works-list__item:nth-of-type(2n) .works-list__detail{transform:translateX(-50.5%)}#works .works-list__nav{margin-bottom:2rem}#works .works-list__nav a,#works .works-list__nav button{width:4rem;height:4rem}}#works .works-slider .splide__slide{position:relative;overflow:hidden}#works .works-slider__img{max-height:calc(100svh - 10rem)}#works .works-slider__info{position:relative;width:100%;padding:2rem;z-index:1}#works .works-slider__info h3{margin-bottom:.5rem;font-weight:600;font-size:1.8rem;line-height:1.4}#works .works-slider__info p{font-weight:400;font-size:1rem;line-height:1.4}#works .works-slider__info a,#works .works-slider__info button{margin-top:1rem;padding:.5rem 2rem;line-height:1.2;border:1px solid var(--color-sub);display:inline-block}#works .works-slider__detail{position:absolute;bottom:1px;right:0;width:100%;height:100%;padding:3rem 5rem;background-color:rgba(35,35,35,.97);transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}#works .works-slider__detail:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:30%;background:linear-gradient(0deg,rgba(35,35,35,1) 40%,rgba(35,35,35,0));pointer-events:none}#works .works-slider__detail.is-open{transform:translateY(0)}#works .works-slider__detail-inner{width:100%;height:100%;padding-right:1rem;padding-bottom:10rem;overflow-y:auto;overscroll-behavior-y:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}#works .works-slider__detail-inner::-webkit-scrollbar{width:1rem}#works .works-slider__detail-inner::-webkit-scrollbar-track{background:transparent}#works .works-slider__detail-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border:.3rem solid transparent;background-clip:content-box}#works .splide__arrows{position:absolute;inset:0;padding:0 1rem;display:flex;justify-content:space-between}#works .splide__arrows .splide__arrow{width:3rem}#works .splide__arrows .arrow{width:100%;background-color:var(--color-sub)}#works .splide__arrows .arrow:after{border-color:var(--color-sub)}#works .works-thumb .splide__slide:not(.is-active){opacity:.2;filter:grayscale(100%)}#works-thumb .splide__slide.is-active{pointer-events:none}#works-thumb .splide__slide.is-active:after{content:"";position:absolute;inset:0;border:.3rem solid var(--color-accent)}@media screen and (min-width:769px){#works .works-slider__info{padding:2rem 4rem}#works .works-slider__info h3{font-size:2rem}#works .works-slider__info p{font-size:1.4rem}#works .works-slider__info a,#works .works-slider__info button{margin-top:2rem;padding:1rem 3rem;font-size:1.6rem}#works .splide__arrows{height:75%;max-height:calc(100svh - 10rem);padding:0 4rem}#works .splide__arrows .splide__arrow{width:6rem}#works .splide__arrows .arrow:after{width:2.8rem}#works .works-slider__detail{width:70%;max-width:115rem;padding:7rem 15rem 5rem 20rem;background-color:#232323;clip-path:polygon(0 0,100% 0,100% 100%,15rem 100%)}#works .works-slider__detail:after{width:calc(100% - 20rem)}#works .works-slider__detail-inner{padding-bottom:15rem;font-size:1.6rem}}@media screen and (max-width:768px){#works .splide__arrows{aspect-ratio:16/9}#works .works-slider__close{position:absolute;bottom:1rem;left:0;right:0;width:4rem;height:4rem;margin:auto;background-color:#232323;border:1px solid var(--color-sub);font-size:0;display:block;z-index:1}#works .works-slider__close:before{transform:rotate(-45deg)}#works .works-slider__close:after,#works .works-slider__close:before{content:"";position:absolute;inset:0;width:60%;height:.2rem;margin:auto;background-color:var(--color-sub)}#works .works-slider__close:after{transform:rotate(45deg)}}#service{background-color:var(--color-sub);color:var(--color-base)}@media screen and (min-width:769px){#service .section-ttl{position:sticky;top:8rem;left:0}}#service .service-list{position:relative;max-width:inherit;color:var(--color-sub);display:block}#service .service-list__item{width:100%;padding:4rem 2rem;background-color:var(--color-base);border-top:.4rem solid var(--color-sub)}@media screen and (min-width:769px){#service .service-list__item{position:sticky;top:24rem;left:0;padding:6rem;font-size:2rem}}#service .service-list__item h3{font-size:2.4rem;font-weight:600;line-height:1.4}@media screen and (min-width:769px){#service .service-list__item h3{font-size:3.6rem}}#service .service-list__inner{display:flex;justify-content:space-between;gap:4rem}@media screen and (max-width:768px){#service .service-list__inner{flex-direction:column-reverse;gap:2rem}}#service .service-list__head{margin-bottom:4rem;display:flex;align-items:center;gap:3rem}@media screen and (max-width:768px){#service .service-list__head{margin-bottom:2rem;flex-direction:column}}#service .service-list__btn{padding:1.5rem 3rem;background-color:var(--color-base);border:1px solid var(--color-sub);color:var(--color-sub);font-size:1.8rem;line-height:1.4;display:flex;justify-content:center;align-items:center;gap:1.5rem}@media (any-hover:hover){#service .service-list__btn{font-size:2rem;transition:background-color .3s cubic-bezier(.11,0,.5,0),border-color .3s cubic-bezier(.11,0,.5,0)}#service .service-list__btn:hover{background-color:var(--color-accent);border-color:var(--color-accent)}}#service .service-list__btn .arrow{background-color:var(--color-sub)}#service .service-list__btn .arrow:after{border-color:var(--color-sub)}#service .service-list__img{max-width:50rem;overflow:hidden}@media screen and (min-width:769px){#service .service-list__img{min-width:50rem}}#service .service-list__img video{width:100%}#service .btn-contact{position:absolute;top:11rem;right:1rem;width:12rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;z-index:5}@media screen and (min-width:769px){#service .btn-contact{top:15rem;right:0;width:24rem}}#service .btn-contact.is-main{font-weight:500;line-height:1.4;text-align:center}@media screen and (min-width:769px){#service .btn-contact.is-main{font-size:2.2rem}}#service .btn-contact.is-main a{position:relative;width:78%;height:78%;margin:auto;background-color:var(--color-base);border-radius:50vmax;color:var(--color-sub);border:.2rem solid var(--color-sub);display:flex;justify-content:center;align-items:center;transition:transform .3s,background-color .3s}@media (any-hover:hover){#service .btn-contact.is-main a:hover{background-color:var(--color-accent);transform:scale(.9)}}#service .btn-contact.is-main a .arrow{position:absolute;bottom:1rem;left:0;right:0;margin:auto;background-color:var(--color-sub)}#service .btn-contact.is-main a .arrow:after{border-color:var(--color-sub)}@media screen and (min-width:769px){#service .btn-contact.is-main a .arrow{bottom:3.5rem}}#service .btn-contact.is-sub{pointer-events:none;mix-blend-mode:difference}#service .btn-contact.is-sub.is-hover>div{animation-duration:5s}#service .btn-contact.is-sub>div{animation:rotate 20s linear infinite}#service .btn-wrapper{padding-top:5rem;display:flex;justify-content:center}#service .btn-back{margin:auto;padding:1rem 2rem;font-weight:500;font-size:1.2rem;line-height:1.2;border:1px solid var(--color-base);display:flex;align-items:center;justify-content:center;gap:1rem;transition:background-color .3s cubic-bezier(.11,0,.5,0),color .3s cubic-bezier(.11,0,.5,0)}#service .btn-back .arrow{width:1.4rem;height:.2rem;background-color:var(--color-base)}#service .btn-back .arrow:after{left:.2rem;width:.8rem;border-width:.2rem;border-color:var(--color-base)}@media (any-hover:hover){#service .btn-back:hover{background-color:var(--color-base);color:var(--color-sub)}#service .btn-back:hover .arrow{background-color:var(--color-sub)}#service .btn-back:hover .arrow:after{border-color:var(--color-sub)}}@media screen and (min-width:769px){#service .btn-wrapper{position:relative;padding-top:10rem;background-color:var(--color-sub)}#service .btn-back{font-size:1.4rem}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#blog{background-color:var(--color-base)}#blog .blog-list__item{padding:2rem;background-color:#232323;border-top:.4rem solid var(--color-base)}@media screen and (min-width:769px){#blog .section-ttl{position:sticky;top:8rem;left:0}#blog .blog-list__item{position:sticky;top:24rem;left:0;padding:4rem 4rem 8rem}#blog .blog-list__item:last-of-type{padding-bottom:4rem}}#blog .blog-list__item>a{position:relative;padding-bottom:2rem;display:flex;align-items:center;gap:4rem;border-bottom:1px solid var(--color-sub)}#blog .blog-list__item>a .arrow{position:absolute;top:0;right:0;bottom:0;margin:auto;background-color:var(--color-sub)}#blog .blog-list__item>a .arrow:after{border-color:var(--color-sub)}@media screen and (min-width:769px){#blog .blog-list__item>a{padding-right:3rem}#blog .blog-list__item>a>div:last-of-type{padding-right:5rem}#blog .blog-list__item>a .arrow{right:4rem}}@media screen and (max-width:768px){#blog .blog-list__item>a{flex-direction:column}}@media (any-hover:hover){#blog .blog-list__item>a{transition:color .3s,border-color .3s}#blog .blog-list__item>a:hover{color:rgb(224.84,169.72,51.16);border-color:rgb(224.84,169.72,51.16)}#blog .blog-list__item>a:hover .arrow{background-color:rgb(224.84,169.72,51.16)}#blog .blog-list__item>a:hover .arrow:after{border-color:rgb(224.84,169.72,51.16)}}#blog .blog-list__item h3{font-size:2.4rem;font-weight:600;line-height:1.4}@media screen and (min-width:769px){#blog .blog-list__item h3{font-size:3.6rem}}@media screen and (max-width:768px){#blog .blog-list__item h3{padding-right:3.5rem}}#blog .blog-lisst__bnr{max-width:24rem}#blog .articles-list{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 1rem;line-height:1.4}@media screen and (min-width:769px){#blog .articles-list{margin-top:4rem;gap:2rem;font-size:2rem}}#blog .articles-list__item{width:48%;max-width:36rem}@media screen and (min-width:769px){#blog .articles-list__item{width:23%}}@media (any-hover:hover){#blog .articles-list__item a{transition:color .3s}#blog .articles-list__item a:hover{color:rgb(224.84,169.72,51.16)}#blog .articles-list__item a:hover img{transform:scale(1.05)}#blog .articles-list__item a img{transition:filter .3s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}}#blog .articles-list__item p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}#blog .articles-list__thumb{margin-bottom:1rem;overflow:hidden}@media screen and (min-width:769px){#blog .articles-list__thumb{margin-bottom:2rem}}#event{background-color:var(--color-sub);color:var(--color-base)}#event .event-head{margin:0 auto 2rem}@media screen and (min-width:769px){#event .event-head{margin-bottom:6rem;padding-left:12rem;display:flex;justify-content:space-between;align-items:flex-end}}@media screen and (max-width:768px){#event .event-head{padding:0 2rem}}#event .event-head__txt{margin-top:2rem;padding:1rem;font-weight:500;font-size:1.8rem;line-height:1.4;text-align:center}@media screen and (min-width:769px){#event .event-head__txt{margin-top:0;padding:1rem 12rem 1rem 4rem;border-bottom:.2rem solid var(--color-base);font-size:2.4rem}}#event .event-slider__nav{max-width:178rem;margin:2rem auto 0;padding:0 2rem}@media screen and (min-width:769px){#event .event-slider__nav{padding:0 5rem;display:flex;justify-content:space-between;align-items:center}}#event .event-slider__nav-inner{position:relative;margin-bottom:4rem}@media screen and (min-width:769px){#event .event-slider__nav-inner{margin-bottom:0;padding:0 2rem}}.splide__arrows{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.splide__arrow{position:relative;width:3rem;height:3rem;pointer-events:auto}.splide__arrow:disabled{opacity:.1;pointer-events:none}.splide__pagination{padding:0 5rem;display:flex;gap:.5rem}.splide__pagination__page{width:1.2rem;height:1.2rem;border:1px solid var(--color-base);display:block}.splide__pagination__page.is-active{background-color:var(--color-accent);border-color:var(--color-accent)!important}@media (any-hover:hover){.splide__arrow--prev:hover .arrow{background-color:var(--color-accent)}.splide__arrow--prev:hover .arrow:after{border-color:var(--color-accent)}.splide__arrow--next:hover .arrow{background-color:var(--color-accent)}.splide__arrow--next:hover .arrow:after{border-color:var(--color-accent)}}#event .splide__slide{background-color:rgba(23,23,23,.05)}#event .splide__slide a{aspect-ratio:16/9;overflow:hidden;display:block}@media (any-hover:hover){#event .splide__slide a:hover img{transform:scale(1.05)}#event .splide__slide a img{transition:filter .3s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}}#recruit{background-color:var(--color-base)}@media screen and (min-width:769px){#recruit .recruit-head{position:sticky;top:8rem;left:0;width:44rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}}#recruit .joblist-img{max-width:30rem}@media screen and (min-width:769px){#recruit .joblist-wrapper{position:relative;margin-top:-40rem;padding-left:48rem;display:flex;justify-content:flex-end}#recruit .job-list{max-width:120rem}}#recruit .job-list__item a{position:relative;width:100%;height:100%;padding:2rem 1.5rem;border-bottom:1px solid var(--color-sub);display:block}@media screen and (min-width:769px){#recruit .job-list__item a{padding:4rem 4rem 4rem 3rem}}@media (any-hover:hover){#recruit .job-list__item a{transition:color .3s,border-color .3s}#recruit .job-list__item a:hover{color:rgb(224.84,169.72,51.16);border-color:rgb(224.84,169.72,51.16)}#recruit .job-list__item a:hover .arrow{background-color:rgb(224.84,169.72,51.16)!important}#recruit .job-list__item a:hover .arrow:after{border-color:rgb(224.84,169.72,51.16)!important}}#recruit .job-list__item a>div{position:relative;padding-right:4rem;font-weight:600;font-size:2rem;line-height:1.4}@media screen and (min-width:769px){#recruit .job-list__item a>div{font-size:3.2rem}}#recruit .job-list__item a .arrow{position:absolute;top:0;right:0;bottom:0;margin:auto;background-color:var(--color-sub)}#recruit .job-list__item a .arrow:after{border-color:var(--color-sub)}#recruit .job-list__item a>p{margin-top:2rem}@media screen and (min-width:769px){#recruit .job-list__item a>p{font-size:1.6rem}}#conditions{background-color:var(--color-sub);color:var(--color-base)}#conditions .conditions-list{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4rem}#conditions .conditions-list__item{padding:2rem 1rem;border-bottom:1px solid var(--color-base)}#conditions .conditions-list__item h3{margin-bottom:1rem;font-size:1.8rem;line-height:1.2}#conditions .office{max-width:160rem;margin:5rem auto 0;padding:2rem 1rem 0;display:flex;justify-content:center;gap:2rem;background-color:var(--color-base);color:var(--color-sub)}#conditions .office-detail{padding:2rem 1rem}#conditions .office-detail:not(:last-of-type){border-bottom:1px solid var(--color-sub)}#conditions .splide__pagination__page{border-color:var(--color-sub)}#conditions .arrow{background-color:var(--color-sub)}#conditions .arrow:after{border-color:var(--color-sub)}@media screen and (min-width:769px){#conditions .conditions-list__item{width:47%;max-width:78rem;min-width:50rem;padding:4rem 3rem}#conditions .conditions-list__item:nth-of-type(-n+2){border-top:1px solid var(--color-base)}#conditions .conditions-list__item h3{margin-bottom:2rem;font-size:2.4rem}#conditions .office{margin-top:10rem;padding:4rem 3rem;font-size:1.6rem;gap:4rem}#conditions .office-detail{padding:3rem 2rem}}@media screen and (max-width:768px){#conditions .conditions-list,#conditions .office{flex-direction:column}}#interview{background-color:var(--color-sub);color:var(--color-base)}#interview .interview-list{max-width:127rem;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:4rem}#interview .interview-list__item{max-width:39.3rem}@media (any-hover:hover){#interview .interview-list__btn{transition:color .3s}#interview .interview-list__btn:hover{color:var(--color-accent)}#interview .interview-list__btn:hover img{transform:scale(1.05)}#interview .interview-list__btn img{transition:filter .3s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}}#interview .interview-list__txt{margin-top:2rem;text-align:left}@media screen and (min-width:769px){#interview .interview-list__txt{font-size:2rem}}#interview .interview-list__name{margin-top:1rem;font-weight:500;font-size:2rem;text-align:right}@media screen and (min-width:769px){#interview .interview-list__name{font-size:2.6rem}}#interview .interview-list__name span{margin-right:1rem;font-weight:400;font-size:1.4rem;vertical-align:middle;display:inline-block}@media screen and (min-width:769px){#interview .interview-list__name span{font-size:1.6rem}}#interview .interview-list__img{overflow:hidden}@media screen and (max-width:768px){#interview .interview-list__img{width:60%;margin:auto}}#contact{background-color:rgba(23,23,23,.3);backdrop-filter:grayscale(100%)}#contact .inner{max-width:104rem}#contact .contact-list{display:flex;justify-content:center;gap:4rem;text-align:center}@media screen and (min-width:769px){#contact .contact-list{font-size:2rem}}@media screen and (max-width:768px){#contact .contact-list{flex-direction:column}}@media screen and (min-width:769px){#contact .contact-list__item{width:50rem}}#contact .btn-lp{margin-bottom:2rem}#bnr{background-color:var(--color-base)}#bnr .bnr-list{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}#bnr .bnr-list:not(:last-of-type){margin-bottom:2rem}#bnr .bnr-list__item{max-width:24rem}@media screen and (max-width:768px){#bnr .bnr-list__item{width:47%}}@media (any-hover:hover){#bnr .bnr-list__item a{transition:opacity .3s}#bnr .bnr-list__item a:hover{opacity:.5}}.scroll-animation{pointer-events:none}.scroll-animation.is-animated{pointer-events:auto}[data-animation-type=about]{clip-path:polygon(0 0,1rem 0,1rem 100%,0 100%);transition:clip-path .8s cubic-bezier(.16,1,.3,1)}[data-animation-type=about] .is-focus{clip-path:polygon(0 0,0 0,0 100%,0 100%)!important;transition:clip-path .2s cubic-bezier(.25,1,.5,1) .2s}[data-animation-type=about] .is-focus span{opacity:0}[data-animation-type=about] .is-focus:nth-of-type(2){transition-delay:.3s}[data-animation-type=about] .is-focus:nth-of-type(3){transition-delay:.4s}[data-animation-type=about] .is-focus:nth-of-type(4){transition-delay:.5s}[data-animation-type=about] .is-focus:nth-of-type(5){transition-delay:.6s}[data-animation-type=about].is-animated{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}[data-animation-type=about].is-animated .is-focus{clip-path:polygon(.8rem 0,100% 0,100% 100%,0 100%,0 .8rem)!important}@media screen and (min-width:769px){[data-animation-type=about].is-animated .is-focus{clip-path:polygon(1.6rem 0,100% 0,100% 100%,0 100%,0 1.6rem)!important}}[data-animation-type=about].is-animated .is-focus span{animation:blink .2s linear .3s both}[data-animation-type=about].is-animated .is-focus:nth-of-type(2) span{animation-delay:.4s}[data-animation-type=about].is-animated .is-focus:nth-of-type(3) span{animation-delay:.5s}[data-animation-type=about].is-animated .is-focus:nth-of-type(4) span{animation-delay:.6s}[data-animation-type=about].is-animated .is-focus:nth-of-type(5) span{animation-delay:.7s}[data-animation-type=ttl] .is-en{opacity:0;transform:translateX(-5rem);transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .4s .2s}[data-animation-type=ttl] .is-en>span:first-child{opacity:0;transform:translateX(-100%);transition:opacity .3s 0s,transform .3s cubic-bezier(.25,1,.5,1) 0s}[data-animation-type=ttl] .is-en>span:nth-child(2){opacity:0;transform:translateX(-200%);transition:opacity .3s .05s,transform .3s cubic-bezier(.25,1,.5,1) .05s}[data-animation-type=ttl] .is-en>span:nth-child(3){opacity:0;transform:translateX(-300%);transition:opacity .3s .1s,transform .3s cubic-bezier(.25,1,.5,1) .1s}[data-animation-type=ttl] .is-en>span:nth-child(4){opacity:0;transform:translateX(-400%);transition:opacity .3s .15s,transform .3s cubic-bezier(.25,1,.5,1) .15s}[data-animation-type=ttl] .is-en>span:nth-child(5){opacity:0;transform:translateX(-500%);transition:opacity .3s .2s,transform .3s cubic-bezier(.25,1,.5,1) .2s}[data-animation-type=ttl] .is-en>span:nth-child(6){opacity:0;transform:translateX(-600%);transition:opacity .3s .25s,transform .3s cubic-bezier(.25,1,.5,1) .25s}[data-animation-type=ttl] .is-en>span:nth-child(7){opacity:0;transform:translateX(-700%);transition:opacity .3s .3s,transform .3s cubic-bezier(.25,1,.5,1) .3s}[data-animation-type=ttl] .is-en>span:nth-child(8){opacity:0;transform:translateX(-800%);transition:opacity .3s .35s,transform .3s cubic-bezier(.25,1,.5,1) .35s}[data-animation-type=ttl] .is-en>span:nth-child(9){opacity:0;transform:translateX(-900%);transition:opacity .3s .4s,transform .3s cubic-bezier(.25,1,.5,1) .4s}[data-animation-type=ttl] .is-en>span:nth-child(10){opacity:0;transform:translateX(-1000%);transition:opacity .3s .45s,transform .3s cubic-bezier(.25,1,.5,1) .45s}[data-animation-type=ttl] .is-en>span:nth-child(11){opacity:0;transform:translateX(-1100%);transition:opacity .3s .5s,transform .3s cubic-bezier(.25,1,.5,1) .5s}[data-animation-type=ttl] .is-en>span:nth-child(12){opacity:0;transform:translateX(-1200%);transition:opacity .3s .55s,transform .3s cubic-bezier(.25,1,.5,1) .55s}[data-animation-type=ttl] .is-en>span:nth-child(13){opacity:0;transform:translateX(-1300%);transition:opacity .3s .6s,transform .3s cubic-bezier(.25,1,.5,1) .6s}[data-animation-type=ttl] .is-en>span:nth-child(14){opacity:0;transform:translateX(-1400%);transition:opacity .3s .65s,transform .3s cubic-bezier(.25,1,.5,1) .65s}[data-animation-type=ttl] .is-en>span:nth-child(15){opacity:0;transform:translateX(-1500%);transition:opacity .3s .7s,transform .3s cubic-bezier(.25,1,.5,1) .7s}[data-animation-type=ttl] .is-en>span:nth-child(16){opacity:0;transform:translateX(-1600%);transition:opacity .3s .75s,transform .3s cubic-bezier(.25,1,.5,1) .75s}[data-animation-type=ttl] .is-en>span:nth-child(17){opacity:0;transform:translateX(-1700%);transition:opacity .3s .8s,transform .3s cubic-bezier(.25,1,.5,1) .8s}[data-animation-type=ttl] .is-en>span:nth-child(18){opacity:0;transform:translateX(-1800%);transition:opacity .3s .85s,transform .3s cubic-bezier(.25,1,.5,1) .85s}[data-animation-type=ttl] .is-en>span:nth-child(19){opacity:0;transform:translateX(-1900%);transition:opacity .3s .9s,transform .3s cubic-bezier(.25,1,.5,1) .9s}[data-animation-type=ttl] .is-en>span:nth-child(20){opacity:0;transform:translateX(-2000%);transition:opacity .3s .95s,transform .3s cubic-bezier(.25,1,.5,1) .95s}[data-animation-type=ttl] .is-jp{opacity:0}[data-animation-type=ttl].is-animated .is-en,[data-animation-type=ttl].is-animated .is-en>span{opacity:1;transform:translateX(0)}[data-animation-type=ttl].is-animated .is-jp{animation:blink .2s linear .5s both}[data-animation-type=bg]{background-color:var(--color-base)!important;transition:background-color 1s}[data-animation-type=bg].is-animated{background-color:var(--color-sub)!important}[data-animation-type=thumbnail]{opacity:0;transform:translateY(8rem);transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}[data-animation-type=thumbnail]:nth-of-type(3n+2){transition-delay:.1s,.1s}[data-animation-type=thumbnail]:nth-of-type(3n+2) img{transition-delay:.1s}@media screen and (min-width:769px){[data-animation-type=thumbnail]:nth-of-type(3n){transition-delay:.2s,.2s}[data-animation-type=thumbnail]:nth-of-type(3n) img{transition-delay:.2s}}[data-animation-type=thumbnail] img{filter:grayscale(100%);transition:filter .5s cubic-bezier(.25,1,.5,1)}[data-animation-type=thumbnail].is-animated{opacity:1;transform:translateY(0)}[data-animation-type=thumbnail].is-animated img{filter:grayscale(0)}[data-animation-type=bottom]{opacity:0;transform:translateY(8rem);transition:opacity .5s .3s,transform .8s cubic-bezier(.16,1,.3,1)}[data-animation-type=bottom]:nth-of-type(3n+2){transition-delay:.4s,.1s}[data-animation-type=bottom]:nth-of-type(3n+3){transition-delay:.5s,.2s}[data-animation-type=bottom].is-animated{opacity:1;transform:translateY(0)}[data-animation-type=right]{transform:translateX(10%);opacity:0;transition:opacity .5s .3s,transform .8s cubic-bezier(.16,1,.3,1)}[data-animation-type=right].is-animated{transform:translateX(0);opacity:1}[data-animation-type=opacity]{opacity:0;transition:opacity .5s}[data-animation-type=opacity].is-animated{opacity:1}@keyframes blink{0%,40%,80%{opacity:0}20%,60%,to{opacity:1}}