@charset "UTF-8";img{max-width:100%}body,html{height:100%}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{background:#fff;color:#000;font-family:ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,verdana,sans-serif}body:before{display:block;z-index:-1;position:fixed;top:0;left:0;width:100%;height:100vh;backface-visibility:hidden;background:#505050;content:"";opacity:0;transition:all .5s ease 0s}a{color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{margin:0;padding:0;border:none;background:transparent}.font-j{font-weight:300;font-family:Montserrat,Noto Sans JP,sans-serif}.font-e{font-weight:300;font-family:Montserrat,sans-serif}.main{z-index:1;position:relative}.footer{display:block}.footer__copyright{display:block;font-size:10px;text-align:right}.header{display:flex;z-index:3;position:fixed;top:0;align-items:center;width:100%;padding:1.5rem 2rem;mix-blend-mode:difference}.nav-g{display:flex;align-items:center;padding-left:2rem}.nav-g__item a{display:block;padding:0 2rem;font-size:1rem;letter-spacing:.08rem}.nav-mark{display:none}.top{display:flex;position:fixed;top:0;align-items:center;justify-content:center;width:100%;height:100svh;line-height:1;text-align:center}.top__logo{box-sizing:border-box;width:100%;max-width:115svh;margin:0 auto;padding-right:3%}.top__logo svg{width:100%;height:auto}.top__logo-sub{width:18%;max-width:15svh;margin:-3% auto 0}.top__text{width:100%}.logo-item{fill:#000;stroke:#000;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform-origin:50% 50%}.logo-item--1{transform-origin:28% 51%}.logo-item--2{transform-origin:57% 50%}.logo-item--3{transform-origin:80% 46%}.logo-item--4{transform-origin:84% 20%}@keyframes logo{0%{stroke-width:0;filter:blur(0)}to{stroke-width:15%;filter:blur(.1svh)}}canvas{z-index:0;position:fixed;top:0;left:0}.page__container{box-sizing:border-box;max-width:1280px;max-width:1600px;margin:0 auto;padding:2% 5% 4rem}.page__title{padding:6rem 1rem 0;color:#d4d3d3;font-size:1.5rem;letter-spacing:.15rem}.page__title-2{padding:1rem 1rem 3rem;font-size:2em;letter-spacing:.05rem}.page__content{padding-top:5rem}.works{margin-top:100svh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;transition:all .5s ease 0s}.works__content{padding-bottom:5rem}.works__image{position:relative}.works__image img{display:block;width:100%}.works__image:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#505050;content:"";opacity:0;transition:all .5s ease 0s}.works__list{display:flex;flex-wrap:wrap}.works__item{box-sizing:border-box;width:50%;padding:0 1rem 12%}.works__item-title{display:flex;flex-direction:column-reverse;font-feature-settings:"palt";letter-spacing:.05rem}.works__item-title-j{padding-top:.5em;font-size:1.5rem}.works__item-title-e{display:flex;justify-content:space-between;padding:1.5rem 0 0;font-size:1rem;-webkit-font-smoothing:antialiased}.works__item-title-e span{display:flex}.works__item-year:before{padding-right:.6rem;content:"/"}.works-official-site .works__item{width:33.3333333333%}.--menu-open:before{opacity:1}.--menu-open .works{background:#32323266}.--menu-open .works__image:after{width:100%;opacity:1}.about{position:relative;padding-top:1rem;background:#000}.about__content{display:flex;justify-content:space-between;padding:1rem}.about-map{width:61.6666666667%;background:#333}.about-map__inner{padding-bottom:47.2972972973%}.about-info{display:flex;flex-direction:column;width:33.3333333333%;color:#fff;line-height:1.5;font-feature-settings:"palt";letter-spacing:.08rem}.about-info__container{display:flex}.about-info__logo{padding-left:1.5%}.about-info__text{padding-left:3rem}.about-info__name{padding-bottom:.2rem;font-size:1rem}.about-info__spec{font-size:.7rem}.about-info__links{flex-grow:1;padding-top:2rem}.about-info__links ul{display:flex}.about-info__links ul li{padding-right:2rem}@media only screen and (max-width: 960px){html{font-size:1.6vw}.page__container{padding:2% 1.5rem 4rem}.page__title img{height:4rem}.works-official-site .works__item{width:50%}}@media only screen and (max-width: 520px){html{font-size:4vw}.footer{padding-top:1.5rem}.footer__copyright{text-align:center}.header__logo{visibility:hidden}.nav-g{display:flex;visibility:hidden;position:fixed;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:0;background:#1e1c1ccc;opacity:0;transition:all .3s ease 0s}.nav-g__item a{padding:1.5rem 2rem;font-size:1.5rem}.nav-g--active{visibility:visible;opacity:1}.nav-mark{display:block;z-index:4;position:fixed;top:0;left:0;width:4.5rem;height:4.5rem;padding:1rem}.nav-mark__inner{display:block;position:relative;width:100%;height:100%}.nav-mark__inner:before{display:block;position:absolute;top:30%;left:50%;width:100%;height:.4rem;transform:translate(-50%,-50%);border-radius:.3rem;background:#d4d3d3;content:"";transition:all .3s ease 0s}.nav-mark__inner:after{display:block;position:absolute;top:70%;left:50%;width:100%;height:.4rem;transform:translate(-50%,-50%);border-radius:.3rem;background:#d4d3d3;content:"";transition:all .3s ease 0s}.nav-mark--active .nav-mark__inner:before{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.nav-mark--active .nav-mark__inner:after{top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.page__container{padding:2% 1rem 4rem}.page__title{padding:4rem .5rem 0;font-size:2em}.page__title img{height:2rem}.page__title-2{padding:1rem .5rem 0;font-size:1rem}.page__content{padding-top:2.5rem}.works__content{padding-bottom:1.5rem}.works__list{padding:1.5rem 2.5rem 0}.works__item{width:100%;padding:0 .25rem 15%}.works__item-title-j{font-size:1rem}.works__item-title-e{padding-top:.8rem;font-size:.5rem;line-height:1.3;letter-spacing:0}.works__item-year:before{padding-right:.2rem}.works-official-site .works__item{width:50%}.works-official-site .works__list{padding:1.5rem .25rem}.about__content{display:block;padding:0}.about-map{width:100%}.about-info{width:100%;padding-top:1.5rem}.about-info__logo{display:flex;align-items:center;padding-left:1.5rem}.about-info__logo img{height:4rem}.about-info__text{padding-left:2rem}.about-info__links ul{justify-content:center}.about-info__links ul li{padding:0 1rem}}