::-webkit-scrollbar{display:none}html{overflow:overlay}body{font-family:Inter,'Noto Sans JP',sans-serif;width:100%;background-color:#080808;-webkit-tap-highlight-color:#fafafa16;-webkit-text-size-adjust:100%;overflow-x:hidden}.scroll-stop{position:fixed}#scroll{will-change:transform}a,h1,h2,p{will-change:opacity;color:#fafafa;text-decoration:none;transition:color .2s}::selection{color:#080808;background-color:#fafafa}br{user-select:none}img{user-select:none;pointer-events:none;vertical-align:bottom}.loaded{opacity:0!important;visibility:hidden!important}.spam{display:none}header{position:fixed;top:60px;z-index:666}header a{font-family:'Josefin Sans','Noto Sans JP',sans-serif}ul{list-style:none;display:flex;align-items:center}ul a{display:block}.pcnav{position:fixed;left:7%}.menu{font-size:1.2rem;font-weight:600;margin-right:65px;letter-spacing:.04em;transition:opacity .2s}.mdlt-svg{width:1.6rem}.pcnav .menu-mobile{transform:translateY(-3px)}.social{position:fixed;right:7%}.social-icon{margin-left:45px;transition:opacity .2s}.social-svg{width:1.8rem}.social .menu-mobile{display:none}@media (pointer:fine){.menu:hover{opacity:.7}.social-icon:hover{opacity:.7}}footer{position:relative;display:flex;align-items:center;margin:0 7%;height:160px;font-weight:700;font-size:1rem}footer .social-icon{display:none}.foot{color:#fafafa4d;user-select:none}#pagetop{letter-spacing:.04em;position:absolute;right:0;display:flex;align-items:center;cursor:pointer;opacity:.3;transition:opacity .2s}@media (pointer:fine){#pagetop:hover{opacity:1}}.scrollup{will-change:transform}.scrollup1{will-change:transform;transform:translateY(80px);opacity:0;transition:transform 1s,opacity .8s,scale 1.2s cubic-bezier(.16,1,.3,1)}.scrollup2{will-change:transform;transform:translateY(80px);opacity:0;transition:transform 1s,opacity .8s,scale 1.2s cubic-bezier(.16,1,.3,1);transition-delay:70ms}.scrollup3{will-change:transform;transform:translateY(80px);opacity:0;transition:transform 1s,opacity .8s,scale 1.2s cubic-bezier(.16,1,.3,1);transition-delay:.14s}.scrollup4{will-change:transform;transform:translateY(80px);opacity:0;transition:transform 1s,opacity .8s,scale 1.2s cubic-bezier(.16,1,.3,1);transition-delay:.21s}.scrollup5{will-change:transform;transform:translateY(80px);opacity:0;transition:transform 1s,opacity .8s,scale 1.2s cubic-bezier(.16,1,.3,1);transition-delay:.28s}.fadein1{transform:translateY(0)!important;opacity:1!important;scale:1!important}.fadein2{transform:translateY(0)!important;opacity:1!important;scale:1!important}.fadein3{transform:translateY(0)!important;opacity:1!important;scale:1!important}.fadein4{transform:translateY(0)!important;opacity:1!important;scale:1!important}.fadein5{transform:translateY(0)!important;opacity:1!important;scale:1!important}.main-width{max-width:1200px;padding:0 60px;margin:0 auto}.hedline-space{height:260px}.main-headline-wrap{width:fit-content;transform-style:preserve-3d;perspective-origin:200% center;perspective:1250px}.main-headline{font-family:'Josefin Sans','Noto Sans JP',sans-serif;transform-origin:200% center -60px;font-size:4.5rem;letter-spacing:.06em;margin-bottom:100px;will-change:translate}.sub-headline{font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:3.2rem;letter-spacing:.04em;font-weight:700;margin:110px 0 50px 0}.text{color:#fafafab3;font-weight:500;letter-spacing:.03em;line-height:25px}.mini-info{padding:13px;background:linear-gradient(to right,#0f164a 5%,transparent);border-radius:12px}@media (pointer:fine){.hover-link:hover{color:#fafafa}}.home-title{position:fixed;bottom:0;margin:0 0 60px calc(7% - 15px)}.mdlt-title-wrap{transform-style:preserve-3d;perspective-origin:170% center;perspective:1250px}.mdlt-title{transform-origin:170% center -60px;font-family:'Josefin Sans',sans-serif;font-size:9rem;font-weight:700;will-change:translate;margin:10px 0}.mdlt-title-sub{font-family:'Josefin Sans',sans-serif;margin-left:10px}.arrow-wrap{width:fit-content;height:46px;margin-left:8px;display:flex;align-items:center;border:2px solid #fafafa;border-radius:500px}.arrow-text{font-family:'Josefin Sans',sans-serif;font-size:1.3rem;margin:0 20px}.arrow-icon{height:46px;padding:5px;transform:translateX(2px);border:2px solid #fafafa;border-radius:50%;transition:background-color .2s}@media (pointer:fine){.arrow-wrap:hover .arrow-icon{background-color:#fafafa30}}.home-img-wrap{position:fixed;width:calc(100% / 1.7);height:calc(100% - 150px);right:0;bottom:0;border:solid #fafafa16;border-width:2px 0 0 2px;border-top-left-radius:calc((100vh - 150px) *.12) calc((100vh - 150px) *.12);overflow:hidden}.home-img{width:100%;height:100%;object-fit:cover}.about-top{position:relative;margin-bottom:135px;width:100%;height:320px;border-radius:12px;border:2px solid #fafafa16;overflow:hidden;will-change:transform}.about-topimg{position:relative;object-fit:cover;width:100%;height:100%}.about-logo{position:absolute;display:flex;align-items:center;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.about-mdlt-svg{width:3.4rem;margin-right:36px}.about-mdlt-title{font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:4.2rem;font-weight:700}.headline-selector-wrap{display:flex;align-items:center;margin-bottom:100px}#project-type{display:flex;flex-wrap:wrap;margin-left:auto}input[type=radio]{display:none}label{user-select:none;display:block;font-weight:500;margin:0 10px;letter-spacing:.02em;color:#fafafa60;white-space:nowrap;transition:color .2s}label::after{content:"";opacity:0;display:block;margin-top:6px;width:100%;height:3px;border-radius:3px;background:linear-gradient(to right ,#2155ff,#6035ff);transition:opacity .4s}@media (pointer:fine){input[type=radio]:hover+label{cursor:pointer;color:#fafafab3}}input[type=radio]:checked+label{color:#fafafa}input[type=radio]:checked+label::after{opacity:1}.grid{position:relative;width:calc(100% + 50px);transform:translate(-25px,-25px)}.item{position:absolute;display:block;width:calc((100% - 25px * 6)/ 3);margin:25px}.w2{width:calc((100% - 25px * 6)/ 3 * 2 + 50px)}.item-img-wrap{padding-bottom:100%;position:relative;width:100%;overflow:hidden;border-radius:12px;border:2px solid #fafafa16;z-index:0}.w2 .item-img-wrap{padding-bottom:calc(50% - 25px)}.item-img{position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform;transition:scale .8s,filter .5s}.item-info{opacity:0;transition:opacity .5s}.item-name{position:absolute;bottom:16px;left:22px;font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:1.5rem;font-weight:600}.format{position:absolute;bottom:18px;right:18px;width:1.5rem}@media (pointer:fine){.item-content:hover .item-img{scale:1.05!important;filter:blur(2px) brightness(75%)!important}.item-content:hover .item-info{opacity:1}}.project-hedline-space{height:43vh}.project-headline-sub{font-family:'Josefin Sans','Noto Sans JP',sans-serif;letter-spacing:.06em;color:#fafafab3}.project-headline-wrap{perspective-origin:center center;transform-style:preserve-3d;perspective:1250px}.project-headline{font-family:'Josefin Sans','Noto Sans JP',sans-serif;transform-origin:center center -60px;font-size:4.5rem;letter-spacing:.06em;margin-top:50px;line-height:120%;will-change:translate}.project-top{overflow:hidden;position:relative;border-radius:12px;border:2px solid #fafafa16;margin:210px auto 0 auto}.project-top::before{content:"";display:block;padding-bottom:56.25%}.project-topimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.w1-h1,.w5-h7{width:calc(100% * .7)}.w1-h1::before{content:"";display:block;padding-bottom:100%}.w5-h7::before{content:"";display:block;padding-bottom:140%}.gradation{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 30%,#08080850)}.play-wave{position:absolute;bottom:30px;right:30px;width:64px;height:64px;border-radius:50%;background:radial-gradient(transparent 20%,#fafafa30);backdrop-filter:brightness(170%);-webkit-backdrop-filter:brightness(170%);opacity:.7}.play-wrap{position:absolute;bottom:30px;right:30px;display:flex}.play-text{font-family:'Josefin Sans','Noto Sans JP',sans-serif;font-size:2.3rem;font-weight:600;margin:16px 16px 0 0;cursor:default}.play-icon{width:64px;padding:14px;background-color:#fafafa;border-radius:50%;transition:.3s cubic-bezier(.02,.76,.34,1.59)}.play-icon-wrap{cursor:pointer}@media (pointer:fine){.play-icon-wrap:hover .play-icon{scale:1.17}}.project-info{margin-top:45px;padding:32px;padding-bottom:16px;border-radius:12px;background:linear-gradient(to right,#161616,transparent)}.project-type{padding:6px 12px;border-radius:8px;background-color:#fafafa10;border:2px solid #fafafa18}.info-wrap{margin-bottom:20px;display:flex;align-items:center}.info{color:#fafafacc;font-size:1rem;font-weight:600;letter-spacing:.04em;padding-left:10px}.sub-info{color:#fafafab3;margin-left:20px;font-size:.9rem;font-weight:400}.gallery-grid{width:calc(100% + 30px);margin-top:110px;transform:translateX(-15px);display:flex;flex-wrap:wrap}.gallery-item{width:calc((100% - 60px)/ 2);margin:15px;overflow:hidden;border-radius:12px;border:2px solid #fafafa16}.gallery-item::before{content:"";display:block;padding-bottom:56.25%}.gallery-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.link{margin-bottom:80px;display:flex;flex-wrap:wrap}.link-item{width:fit-content;display:flex;align-items:center;margin-right:50px;margin-bottom:20px;cursor:pointer}.link-img{width:22px;opacity:.7;transition:.2s;pointer-events:none}.link-text{font-weight:400;margin-left:10px;opacity:.7;transition:.2s;pointer-events:none}@media (pointer:fine){.link-item:hover .link-text{opacity:1}.link-item:hover .link-img{opacity:1}}.copyright{margin-bottom:50px;padding:25px;padding-bottom:22px;background:linear-gradient(to right,#161616,transparent);border-radius:12px}.copyright-headline{font-family:'Josefin Sans','Noto Sans JP',sans-serif;margin-bottom:12px;font-size:1.4rem;font-weight:600;color:#aeaeae;line-height:100%}.copyright-text{font-weight:500;font-size:.9rem;color:grey}hr{height:4px;background-color:#fafafa12;border:none;border-radius:100px}.navigation{margin:100px 0 15px 0;display:flex}.navigation-text{font-family:'Josefin Sans','Noto Sans JP',sans-serif;padding:10px 0 5px 0;cursor:pointer;color:#fafafa;font-weight:600;font-size:20px;transition:.25s ease-out;opacity:.4}.next{transform:translateX(15px);display:flex;margin-left:auto}.nexticon{margin-left:10px;transition:.25s ease-out;opacity:.4}.prev{transform:translateX(-15px);display:flex;margin-right:auto}.previcon{margin-right:10px;transition:.25s ease-out;opacity:.4}.mobile-navi{display:none}@media (pointer:fine){.next:hover .navigation-text{opacity:.9}.next:hover .nexticon{opacity:.9;translate:6px}.prev:hover .prevtext{opacity:.9}.prev:hover .previcon{opacity:.9;translate:-6px}}#modal{display:none;position:fixed;top:0;right:0;z-index:999;width:100%;height:100vh;height:100svh!important;background-color:#080808;padding:110px 0;align-items:center;will-change:opacity}.modal-contents{max-height:100%;width:calc(100% - (8.4rem + 18%));max-height:100%;aspect-ratio:16/9}.contents-wrap{position:relative;height:100%;max-width:100%;margin:0 auto}#video-wrap{will-change:transform opacity;position:absolute;width:100%;height:100%;border-radius:12px;border:2px solid #fafafa16;overflow:hidden}.modal-space{margin-left:calc(4.2rem + 9%)}.close-hover{margin:0 5% 0 4%;cursor:pointer}.close-wrap{width:4.2rem;height:4.2rem;background-color:#fafafa;border-radius:50%;transition:.3s cubic-bezier(.02,.76,.32,1.71)}.close{width:4.2rem;height:4.2rem;padding:.4rem;padding-right:.8rem;transition:.3s cubic-bezier(.02,.76,.32,1.71)}@media (pointer:fine){.close-hover:hover .close-wrap{scale:1.2}.close-hover:hover .close{margin-left:-10px;scale:.8}}.modal-show{display:flex!important}.load-anime{will-change:opacity;position:absolute;height:100%;width:100%;margin:0 auto;display:flex}.anime-crop{will-change:transform;margin:auto;width:100px;height:10px;background-color:#fafafa30;border-radius:100px;overflow:hidden}.anime-border{will-change:transform;margin:auto;width:100%;height:100%;background-color:#fafafa;border-radius:100px;scale:1.05}@media (any-pointer:coarse){.item-info{opacity:1;height:30px;opacity:.9}.item-name{font-family:Inter,'Noto Sans JP',sans-serif;font-weight:500;bottom:0;left:5px;font-size:1rem}.format{bottom:0;right:5px;width:1.3rem}}@media screen and (max-width :1199px){html{font-size:14px}.main-width{max-width:1050px}.hedline-space{height:240px}.pcnav{left:60px}.social{right:60px}.menu{margin-right:50px}.home-title{margin:0 0 50px 60px}.mdlt-title{font-size:8.5rem}.mdlt-title-sub{font-size:.8rem}.arrow-wrap{height:38px}.arrow-text{font-size:1rem;margin:0 14px}.arrow-icon{height:38px}.grid{width:calc(100% + 36px);transform:translate(-18px,-18px)}.item{margin:18px;width:calc((100% - 18px * 6)/ 3)}.w2{width:calc((100% - 18px * 6)/ 3 * 2 + 36px)}.w2 .item-img-wrap{padding-bottom:calc(50% - 18px)}.project-hedline-space{height:38vh}.project-top{margin-top:200px}footer{margin:0 60px}}@media screen and (max-width :1019px){.menu{margin-right:45px}.home-img-wrap{width:100%;height:100%;border-radius:0;border-width:0}.home-img-wrap::after{content:"";position:absolute;display:block;top:0;background:linear-gradient(to bottom,transparent 60%,#08080850 70%,#080808);width:100%;height:100%}.home-title{margin-bottom:70px}.mdlt-title-sub{font-size:1rem}.about-top{height:240px;margin-bottom:0}.grid{width:calc(100% + 30px);transform:translate(-15px,-15px)}.item{width:calc((100% - 15px * 4)/ 2);margin:15px}.w2{width:calc((100% - 15px * 4)/ 2)}.w2 .item-img-wrap{padding-bottom:56.25%}.project-hedline-space{height:240px}.project-headline{font-size:4rem;letter-spacing:.02em}.project-top{margin-top:100px}.project-info{margin-top:35px}.gallery-grid{width:calc(100% + 20px);transform:translateX(-10px)}.gallery-item{width:calc((100% - 40px)/ 2);margin:10px}.w1-h1,.w5-h7{width:100%}#modal{padding:0 40px;flex-flow:column}.modal-space{padding:0;padding-top:calc(4.2rem + 10%)}.modal-contents{margin:auto 0;width:100%}.contents-wrap{height:fit-content;width:100%}.close-hover{margin:3% 0 7% 0}}@media (max-aspect-ratio:4/5) and (min-height :1200px){.home-title{margin-bottom:8%}.home-img-wrap{width:100%;height:70%;top:0;border-radius:0;border-width:0 0 2px 0;border-bottom-right-radius:calc(100vw * .25) calc(100vw * .25)}.home-img-wrap::after{content:none}}@media screen and (max-width :767px){html{font-size:13px}.br{display:none}header{top:35px}.pcnav{left:26px}.social{right:26px}.menu,.social-icon{display:none}.menu-mobile{display:block!important}.social .menu-mobile{margin:0 0 0 35px}.hedline-space{height:130px}.main-width{padding:0 26px}.main-headline{font-size:3.6rem;margin-bottom:50px}.sub-headline{font-size:3rem;margin:70px 0 40px 0}.scrollup1{transform:translateY(0);scale:1.1;opacity:0}.scrollup2{transform:translateY(0);scale:1.1;opacity:0}.scrollup3{transform:translateY(0);scale:1.1;opacity:0}.scrollup4{transform:translateY(0);scale:1.1;opacity:0}.scrollup5{transform:translateY(0);scale:1.1;opacity:0}.home-title{margin:0 0 40px 26px}.mdlt-title-sub{font-size:.9rem;margin-left:6px}.mdlt-title{margin:5px 0;font-size:6.5rem}.arrow-wrap{margin-left:6px}.about-top{height:140px}.about-mdlt-svg{width:2.5rem;margin-right:1rem}.about-mdlt-title{font-size:3rem}.headline-selector-wrap{flex-direction:column;align-items:flex-start}.headline-selector-wrap{margin-bottom:30px}#project-type{margin:50px 0 0 0}label{margin-top:10px}.grid{width:100%;transform:initial}.item{width:100%;margin:0 0 40px 0}.w2{width:100%}.item-img-wrap{padding-bottom:62%}.w2 .item-img-wrap{padding-bottom:62%}.item-info{opacity:1;height:28px;opacity:.9}.item-name{font-family:Inter,'Noto Sans JP',sans-serif;font-weight:500;bottom:0;left:5px;font-size:1rem}.format{bottom:0;right:5px;width:1.3rem}.project-hedline-space{height:130px}.project-headline-sub{font-size:.9rem}.project-headline{font-size:2.5rem;margin:20px 0 0 0}.project-top{margin:50px auto 0 auto}.play-wrap{right:13px;bottom:13px}.play-text{margin-right:10px;margin-top:10px;font-size:1.8rem}.play-icon{width:36px;padding:8px}.play-wave{bottom:13px;right:13px;width:36px;height:36px}.project-info{margin-top:20px;padding:14px;padding-bottom:1px}.project-type{padding:5px 10px}.info-wrap{margin-bottom:15px}.gallery-grid{width:100%;margin-top:70px;transform:initial}.gallery-item{width:100%;margin:10px 0}.link{flex-direction:column;margin-bottom:70px}.copyright{padding:20px;padding-bottom:14px}.copyright-headline{margin-bottom:10px}.navigation{margin-top:70px}.navigation img{width:30px}.navigation-text{display:none}.mobile-navi{font-size:18px;display:block}.next{transform:translateX(10px)}.prev{transform:translateX(-10px)}#modal{padding:0 10px}.close-hover{margin:30px}footer{height:135px;margin:0 26px 15px 26px}main[data-barba-namespace=project] footer{height:100px;margin:0 26px 0 26px}main[data-barba-namespace=about] .foot,main[data-barba-namespace=works] .foot{padding-top:80px}footer .social-icon{display:initial;margin:0 34px 0 0}footer .social{position:absolute;opacity:.5;left:0}}@media screen and (max-height :540px){.home-img-wrap{width:100%;height:100%;border-width:0;border-radius:0}.home-img-wrap::after{content:none}.home-title{margin-bottom:15px}.mdlt-title{margin:0}.arrow-wrap{display:none}#modal{padding:0;flex-flow:initial}.modal-contents{margin:0}.contents-wrap{height:100%;width:fit-content}.close-hover{margin:0 5% 0 4%}}