*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@keyframes loop-slide{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop-slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes mv-deco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes mv-deco-blink{0%,20%,32%,68%,80%,100%{opacity:1}26%{opacity:0}74%{opacity:0}}#details .details__ttl,#works__lower .works__ttl,#top .about__ttl,#top .works__ttl,#top .skills__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:48px;font-weight:500;letter-spacing:.08em;line-height:1}.header{position:fixed;top:0;left:0;z-index:2;width:100%}@media screen and (min-width: 1024px){.header{display:flex;justify-content:center;align-items:end}}.header__box{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px 8px}@media screen and (min-width: 1024px){.header__box{padding:20px 96px}}.header__ttl{width:48px;height:22px}@media screen and (min-width: 1024px){.header__ttl{width:118px;height:54px}}.header__logo{display:block;width:100%;height:auto;transition:.3s}.header__logo:hover{opacity:.7}.header__menu{width:68px;height:36px;background:url(../images/MENU.svg) center center/contain no-repeat;transition:.5s}@media screen and (min-width: 1024px){.header__menu{display:none}}.header .closeButton{background:url(../images/CLOSE.svg) center center/contain no-repeat;transition:.5s}.gnav{transform:translateX(100%);position:fixed;z-index:-1;left:0;top:0;background:rgba(46,46,46,.7);width:100%;height:100vh;padding:208px 24px 36px;transition:.6s}@media screen and (min-width: 1024px){.gnav{position:static;display:flex;justify-content:flex-end;transform:translateX(0);background:none;width:auto;height:auto;padding:208px 48px 36px;padding-top:20px;z-index:0;padding:0}}.gnav__nav{display:flex;flex-direction:column;gap:32px;padding-bottom:123px;transition:.4s}@media screen and (min-width: 1024px){.gnav__nav{flex-direction:row;gap:16px;padding-bottom:0px}}@media screen and (min-width: 1024px){.gnav__list{width:130px;text-align:center}}@media screen and (min-width: 1350px){.gnav__list{width:161px}}.gnav__link{display:block;font-family:"neue-haas-grotesk-display",sans-serif;font-size:32px;line-height:1;color:#fff;text-decoration:none;transition:.3s}.gnav__link:hover{opacity:.7}@media screen and (min-width: 1024px){.gnav__link{display:block;width:100%;height:100%;border-radius:25px;background:rgba(46,46,46,.7);border:1px solid #fff;font-size:20px;padding:10px 0}}.gnav__bottom{display:flex;border-top:1px solid #fff;padding:29px 0 16px;gap:10px}@media screen and (min-width: 1024px){.gnav__bottom{display:none}}.gnav__logo{width:66px;height:30px}.gnav__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gnav__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;color:#fff;letter-spacing:.02em;line-height:1}.gnav__txt{font-family:"neue-haas-grotesk-display",sans-serif;font-size:12px;font-weight:100;color:#fff;letter-spacing:.03em;line-height:1}@media screen and (min-width: 1024px){.gnav__txt{display:none}}.translateNav{transform:translateX(0)}.footer{overflow:hidden;position:relative;width:100%;padding-bottom:60px;background:url(../images/footer_bg_color.jpg)}@media screen and (min-width: 1024px){.footer{padding-top:15vw;padding-bottom:0}}.footer::before{content:"";display:block;position:absolute;top:0px;right:-250px;width:265%;aspect-ratio:1633/1327;background:url(../images/footer_bgdeco.png) left/cover no-repeat}@media screen and (min-width: 1024px){.footer::before{width:87vw;top:1vw;left:-7vw;right:auto}}.footer__txt{display:flex;margin-bottom:40px;overflow:hidden}@media screen and (min-width: 1024px){.footer__txt{margin-bottom:147px}}.footer__animation{display:block;flex-shrink:0;font-family:"neue-haas-grotesk-display",sans-serif;font-size:56px;color:#fff;font-weight:500;opacity:.15;white-space:nowrap;animation:loop-slide 50s -25s linear infinite}@media screen and (min-width: 1024px){.footer__animation{font-size:132px;padding-left:20px;padding-right:20px}}.footer__animation:nth-child(2){animation:loop-slide2 50s linear infinite}.footer__container{position:relative;justify-content:space-between;align-items:flex-end;width:100%}@media screen and (min-width: 1024px){.footer__container{margin:0 auto;width:calc(100% - 20.8vw)}}.footer__box{display:flex;justify-content:space-between;align-items:flex-end}.footer__box:nth-child(1){padding:0 24px 20px}@media screen and (min-width: 1024px){.footer__box:nth-child(1){padding:0;margin-bottom:24px}}.footer__box:nth-child(2){margin-bottom:8px}.footer__ttl{width:92px;height:auto;margin-bottom:40px;transition:.3s}.footer__ttl:hover{opacity:.7}@media screen and (min-width: 1024px){.footer__ttl{width:118px;height:54px;margin-bottom:48px}}.footer__gnav__nav{display:flex;flex-direction:column;gap:24px}@media screen and (min-width: 1024px){.footer__gnav__nav{flex-direction:row}}.footer__gnav__link{font-family:"neue-haas-grotesk-display",sans-serif;font-size:20px;color:#fff;text-decoration:none;line-height:1;transition:.3s}.footer__gnav__link:hover{opacity:.7}.footer__subttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;font-weight:500;color:#fff;line-height:1;text-align:right}@media screen and (min-width: 1024px){.footer__subttl{font-size:40px}}.footer__copy__txt{display:block;font-family:"neue-haas-grotesk-display",sans-serif;font-weight:400;font-size:12px;letter-spacing:.1em;color:#fff;text-align:right}@media screen and (min-width: 1024px){.footer__copy__txt{font-size:16px;margin-bottom:56px}}.footer .topbtn{display:flex;margin-left:-28px;height:32px}@media screen and (min-width: 1024px){.footer .topbtn{gap:.36vw;height:50px}}@media screen and (min-width: 1350px){.footer .topbtn{height:62px}}.footer .topbtn__link{display:flex;justify-content:center;align-items:center;gap:4px;flex-shrink:0;padding-left:50px;padding-right:20px;border:.1vw solid hsla(0,0%,100%,.2);border-radius:90px;color:#fff;font-size:20px;text-decoration:none;transition:.4s}@media screen and (min-width: 1024px){.footer .topbtn__link{gap:4px;width:10.4vw;padding:0;font-size:22px;line-height:1}}@media screen and (min-width: 1350px){.footer .topbtn__link{gap:8px;font-size:28px}}.footer .topbtn__link:hover{opacity:.7}.footer .topbtn__link:hover .arrow{transform:rotate(-45deg) translate(5px)}.footer .topbtn__link .arrow{position:relative;top:3px;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;transform:rotate(-45deg);transition:.4s}.footer .topbtn__link .arrow::before{content:"";background-color:#fff;display:block;width:18px;height:1px}@media screen and (min-width: 1024px){.footer .topbtn__link .arrow::before{width:20px}}@media screen and (min-width: 1350px){.footer .topbtn__link .arrow::before{width:26px}}.footer .topbtn__link .arrow::after{content:"";position:absolute;width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}@media screen and (min-width: 1024px){.footer .topbtn__link .arrow::after{width:14px;height:14px}}@media screen and (min-width: 1350px){.footer .topbtn__link .arrow::after{width:16px;height:16px}}.footer__deco01{display:block;width:100%;aspect-ratio:92/30;background:url(../images/footer_deco01_sp.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){.footer__deco01{aspect-ratio:341/64;background:url(../images/footer_deco01.svg) center center/cover no-repeat}}.footer__deco02{display:block;height:30px;margin-left:9px;aspect-ratio:243/30;background:url(../images/footer_deco02.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){.footer__deco02{height:50px;margin-left:0}}@media screen and (min-width: 1350px){.footer__deco02{height:62px;aspect-ratio:508/63}}#top{background-color:#ebe7d8}#top .main{overflow-x:clip}@media screen and (min-width: 1024px){#top .main{position:relative;padding-bottom:30.5vw}}#top .mv{position:relative;background:url(../images/mv_sp.jpg) left top/cover no-repeat;width:100%;height:100vh;transition:.4s}@media screen and (min-width: 1024px){#top .mv{background:url(../images/mv.jpg) left top/cover no-repeat}}#top .mv__box{position:absolute;top:50%;left:24px;width:90.4vw;transform:translateY(-50%)}@media screen and (min-width: 1024px){#top .mv__box{top:calc(50% + 1.82vw);left:10.4vw;width:46.8vw}}#top .mv__ttl{position:relative}#top .mv__decobox{position:absolute;top:0}#top .mv__deco{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .mv__deco._pc{display:none}@media screen and (min-width: 1024px){#top .mv__deco._pc{display:block}}#top .mv__deco._pc rect,#top .mv__deco._pc circle{animation:mv-deco-float 4s ease-in-out infinite,mv-deco-blink 9s ease-in-out infinite}#top .mv__deco._pc rect:nth-of-type(6n+2),#top .mv__deco._pc circle:nth-of-type(6n+2){animation-delay:-0.7s,-1.5s}#top .mv__deco._pc rect:nth-of-type(6n+3),#top .mv__deco._pc circle:nth-of-type(6n+3){animation-delay:-1.3s,-3s}#top .mv__deco._pc rect:nth-of-type(6n+4),#top .mv__deco._pc circle:nth-of-type(6n+4){animation-delay:-2s,-4.5s}#top .mv__deco._pc rect:nth-of-type(6n+5),#top .mv__deco._pc circle:nth-of-type(6n+5){animation-delay:-2.7s,-6s}#top .mv__deco._pc rect:nth-of-type(6n),#top .mv__deco._pc circle:nth-of-type(6n){animation-delay:-3.4s,-7.5s}#top .mv__deco._sp{display:block}@media screen and (min-width: 1024px){#top .mv__deco._sp{display:none}}#top .mv__deco._sp rect,#top .mv__deco._sp circle{animation:mv-deco-blink 9s ease-in-out infinite}#top .mv__deco._sp rect:nth-of-type(6n+2),#top .mv__deco._sp circle:nth-of-type(6n+2){animation-delay:-1.5s}#top .mv__deco._sp rect:nth-of-type(6n+3),#top .mv__deco._sp circle:nth-of-type(6n+3){animation-delay:-3s}#top .mv__deco._sp rect:nth-of-type(6n+4),#top .mv__deco._sp circle:nth-of-type(6n+4){animation-delay:-4.5s}#top .mv__deco._sp rect:nth-of-type(6n+5),#top .mv__deco._sp circle:nth-of-type(6n+5){animation-delay:-6s}#top .mv__deco._sp rect:nth-of-type(6n),#top .mv__deco._sp circle:nth-of-type(6n){animation-delay:-7.5s}#top .mv__subttl{position:absolute;left:24px;bottom:20px;color:#fff}@media screen and (min-width: 1024px){#top .mv__subttl{left:4.79vw;bottom:9.27vw;writing-mode:vertical-lr}}#top .mv__subttl .br_sp{display:block}@media screen and (min-width: 1024px){#top .mv__subttl .br_sp{display:none}}#top .about{padding:64px 0}@media screen and (min-width: 1024px){#top .about{padding:155px 11% 140px}}#top .about__ttl{position:relative;margin-left:24px;color:#2e2e2e;margin-bottom:67px}@media screen and (min-width: 1024px){#top .about__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:96px;font-weight:500;letter-spacing:.08em;line-height:1;margin-left:0;margin-bottom:0}}#top .about__ttl::after{content:"";position:absolute;top:calc(100% + 8px);left:-82px;width:223px;aspect-ratio:223/31;background:url(../images/about_deco01.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){#top .about__ttl::after{top:calc(100% + 32px);left:-240px;width:554px;aspect-ratio:554/77}}#top .about__container{gap:24px}@media screen and (min-width: 1350px){#top .about__container{display:flex;flex-direction:row-reverse;gap:15%}}#top .about__pic{position:relative;margin:0 auto;width:80%;max-width:752px}@media screen and (min-width: 1024px){#top .about__pic{width:42.9vw;margin-top:100px;margin-right:3%;flex-shrink:0}}@media screen and (min-width: 1350px){#top .about__pic{width:42.9vw;margin-top:0}}#top .about__pic::before{content:"";display:block;position:absolute;z-index:-1;top:-70px;left:calc(50% + 170px);right:auto;background:url(../images/about_bgdeco.png) center right/contain no-repeat;width:150%;aspect-ratio:469/410;overflow:hidden;transform:translateX(-50%)}@media screen and (min-width: 1024px){#top .about__pic::before{top:0;right:-343px;width:115%;aspect-ratio:897/784}}#top .about__img{position:relative;display:block;width:100%;height:auto}#top .about__box{position:relative;padding:0 48px}@media screen and (min-width: 1024px){#top .about__box{padding:0;width:70%;max-width:auto}}@media screen and (min-width: 1350px){#top .about__box{max-width:29.5vw}}#top .about__subttl{margin-top:32px;margin-bottom:24px;font-family:"iroha-27keyaki-stdn",sans-serif;font-size:24px;letter-spacing:.04em;font-weight:400;color:#2e2e2e}@media screen and (min-width: 768px){#top .about__subttl{font-size:32px;margin-top:40px;margin-bottom:40px}}@media screen and (min-width: 1350px){#top .about__subttl{margin-top:189px}}#top .about__txtbox{position:relative;z-index:1}#top .about__txt{font-family:"iroha-27keyaki-stdn",sans-serif;font-size:14px;letter-spacing:.01em;line-height:180%;font-weight:400;color:#2e2e2e}@media screen and (min-width: 1024px){#top .about__txt{font-size:16px;line-height:2}}#top .about__deco{display:block;position:absolute;left:-160px;width:15.5vw}@media screen and (min-width: 1024px){#top .about__deco{bottom:-130px}}@media screen and (min-width: 1350px){#top .about__deco{bottom:-47px}}#top .works{position:relative;padding-top:64px;padding-bottom:88px;background:url(../images/works_bg_noise.jpg)}@media screen and (min-width: 1024px){#top .works{padding-top:104px;padding-right:6.25vw;padding-left:10.4vw;padding-bottom:166px}}#top .works:before,#top .works:after{content:"";position:absolute;width:431px;aspect-ratio:927/1672;background:url(../images/works_bg_wood.png) center/cover no-repeat}@media screen and (min-width: 1024px){#top .works:before,#top .works:after{width:48.2vw}}#top .works:before{top:170px;left:-20px;transform:rotate(55deg)}@media screen and (min-width: 1024px){#top .works:before{top:50%;left:50%;transform:translate(-50%, -50%) rotate(55deg)}}#top .works:after{transform:rotate(-50deg);bottom:146px;left:159px}@media screen and (min-width: 1024px){#top .works:after{display:none}}#top .works__ttl{position:relative;text-align:right;margin-right:24px;color:#fff;margin-bottom:80px}@media screen and (min-width: 1024px){#top .works__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:96px;font-weight:500;letter-spacing:.08em;line-height:1;margin-bottom:174px}}#top .works__ttl::after{content:"";position:absolute;top:calc(100% + 8px);right:0;width:221px;aspect-ratio:221/31;background:url(../images/works_deco01.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){#top .works__ttl::after{top:calc(100% + 32px);right:0;width:552px;aspect-ratio:552/77}}#top .works__wrap{position:relative;z-index:1;padding:0 48px;margin-bottom:100px}@media screen and (min-width: 1024px){#top .works__wrap{margin-bottom:160px;padding:0}}#top .works__container{display:block;text-decoration:none;gap:4%;transition:.4s}@media screen and (min-width: 1024px){#top .works__container{display:flex}}#top .works__container:not(:last-child){margin-bottom:24px}@media screen and (min-width: 1024px){#top .works__container:not(:last-child){margin-bottom:120px}}#top .works__container:hover .works__pic{filter:grayscale(0%) brightness(1)}#top .works__container:hover .works__img{transform:scale(1.05)}#top .works__container:hover .works__box{opacity:.7}#top .works__container:hover .works__details:after{background-position:right bottom}#top .works__container:hover .works__arrow{transform:rotate(-45deg) translate(5px)}#top .works__pic{width:auto;height:100%;filter:grayscale(90%) brightness(0.95);transition:filter .4s ease,transform .4s ease;overflow:hidden;margin-bottom:24px}@media screen and (min-width: 1024px){#top .works__pic{width:100%;max-width:400px;height:auto;margin-bottom:0;flex-shrink:0}}@media screen and (min-width: 1350px){#top .works__pic{max-width:530px}}#top .works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;width:100%;height:100%;object-fit:cover;transition:.4s}#top .works__box{display:flex;flex-direction:column;justify-content:space-between;width:auto;height:100%;transition:.3s}@media screen and (min-width: 1024px){#top .works__box{width:35vw;height:auto}}@media screen and (min-width: 1350px){#top .works__box{width:24.5vw}}#top .works__box__ttl{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-size:24px;letter-spacing:.05em;margin-bottom:16px}#top .works__badgebox{display:flex;gap:8px;margin-bottom:12px}@media screen and (min-width: 1024px){#top .works__badgebox{margin-bottom:24px}}#top .works__badge{display:flex;justify-content:center;font-family:"iroha-27keyaki-stdn",sans-serif;font-weight:200;font-size:12px;color:#fff;border:1px solid #fff;transform-origin:left top;border-radius:50px;padding:6px 11px}@media screen and (min-width: 1024px){#top .works__badge{width:calc((100% - 16px)/3)}}#top .works__txt{font-family:"iroha-27keyaki-stdn",sans-serif;font-weight:200;color:#fff;font-size:14px;letter-spacing:.05em;line-height:180%;margin-bottom:22px}@media screen and (min-width: 1024px){#top .works__txt{margin-bottom:0}}#top .works__details{display:flex;justify-content:space-between;position:relative;padding:8px 0;border-bottom:1px solid #fff;z-index:2;text-decoration:none;transition:.4s;cursor:pointer}@media screen and (min-width: 1024px){#top .works__details{padding:10px 0}}#top .works__details__txt{font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;font-weight:400;color:#fff;transition:.3s}#top .works__details__lighttower{width:100vw;height:578px;margin-left:0}#top .works__details__lighttower__mov{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%);transition:filter .4s ease}#top .works__arrow{position:relative;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;transform:rotate(-45deg);transition:.4s}#top .works__arrow::before{content:"";background-color:#fff;display:block;width:28px;height:1px}#top .works__arrow::after{content:"";position:absolute;width:16px;height:16px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}#top .works__viewmore{margin-bottom:24px;width:100%;padding:0 48px}@media screen and (min-width: 1024px){#top .works__viewmore{padding:0 24px;margin-bottom:0;width:24.1vw}}#top .works__viewmore .works__details{transition:.4s}#top .works__viewmore .works__details:hover{opacity:.7}#top .works__viewmore .works__details:hover .works__arrow{transform:rotate(-45deg) translate(5px)}#top .works__lighttower{overflow:hidden;width:100%;height:200px;filter:grayscale(90%) brightness(0.95)}@media screen and (min-width: 1024px){#top .works__lighttower{height:578px}}#top .works__lighttower__mov{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(2.3);transform-origin:left bottom;-o-object-position:left 50% bottom 60%;object-position:left 50% bottom 60%;transition:.4s}@media screen and (min-width: 1024px){#top .works__lighttower__mov{transform:scale(1.3);transform-origin:left;-o-object-position:center 80%;object-position:center 80%}}#top .works__btnbox{display:flex;justify-content:center}@media screen and (min-width: 1024px){#top .works__btnbox{justify-content:flex-end;align-items:flex-end}}#top .works__deco{display:block;position:absolute;left:auto;right:-25px;width:149.6vw;transform:translateY(-80px)}@media screen and (min-width: 1024px){#top .works__deco{left:0;width:46.8vw}}#top .skills{position:relative;padding-top:88px;padding-bottom:213px;z-index:-2;overflow-x:clip}@media screen and (min-width: 1024px){#top .skills{padding:104px 11% 0}}#top .skills:before,#top .skills:after{content:"";position:absolute;width:380px;aspect-ratio:931/1668;z-index:-1;background:url(../images/skillsbg.png) center center/cover no-repeat}@media screen and (min-width: 1024px){#top .skills:before,#top .skills:after{width:48.4vw}}#top .skills:before{top:70px;left:40px;transform:rotate(55deg)}@media screen and (min-width: 1024px){#top .skills:before{top:50%;left:50%;transform:translate(-50%, -50%) rotate(-55deg)}}#top .skills:after{transform:rotate(-50deg);bottom:0;left:160px}@media screen and (min-width: 1024px){#top .skills:after{display:none}}#top .skills__ttlbox{display:flex;position:relative;margin-bottom:40px}@media screen and (min-width: 1024px){#top .skills__ttlbox{margin-bottom:296px}}#top .skills__ttl{position:relative;margin-left:48px;margin-bottom:78px;color:#2e2e2e}@media screen and (min-width: 1024px){#top .skills__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:96px;font-weight:500;letter-spacing:.08em;line-height:1;margin-left:0}}#top .skills__ttl::before{content:"";position:absolute;top:7px;right:calc(100% + 8px);width:100px;aspect-ratio:91/30;background:url(../images/skills_deco01.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){#top .skills__ttl::before{top:10px;right:calc(100% + 20px);width:226px;aspect-ratio:226/74}}#top .skills__ttl::after{content:"";position:absolute;top:calc(100% + 8px);left:auto;right:0;width:220px;aspect-ratio:220/31;background:url(../images/skills_deco02.svg) center center/cover no-repeat}@media screen and (min-width: 1024px){#top .skills__ttl::after{top:calc(100% + 32px);left:-80px;width:552px;aspect-ratio:552/78}}#top .skills__deco01{display:block;position:absolute;top:-53px;right:-70px;width:46.4vw}@media screen and (min-width: 1024px){#top .skills__deco01{width:15.1vw;top:auto;right:0}}#top .skills__container{padding:0 48px}@media screen and (min-width: 768px){#top .skills__container{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2.5vw 7.5vw;width:80%;margin:0 auto}}@media screen and (min-width: 1024px){#top .skills__container{width:51.9vw;margin-left:auto;margin-right:0}}@media screen and (min-width: 1350px){#top .skills__container{gap:2.5vw 12.5vw}}#top .skills__box{display:flex;gap:16px;margin-bottom:32px}@media screen and (min-width: 768px){#top .skills__box{display:block;width:calc((100% - 15vw)/3);margin-bottom:0}}@media screen and (min-width: 1350px){#top .skills__box{width:calc((100% - 25vw)/3)}}#top .skills__icon{width:90px;height:90px;flex-shrink:0}@media screen and (min-width: 768px){#top .skills__icon{width:100%;height:auto;margin-bottom:32px}}#top .skills__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .skills__subbox{gap:16px}#top .skills__name{margin-bottom:12px;font-family:"neue-haas-grotesk-display",sans-serif;font-size:24px;line-height:1;font-weight:600;color:#2e2e2e}@media screen and (min-width: 1024px){#top .skills__name{font-size:1.56vw;margin-bottom:16px}}#top .skills__txt{font-family:"iroha-27keyaki-stdn",sans-serif;font-size:13px;line-height:1.5;color:#2e2e2e}@media screen and (min-width: 1024px){#top .skills__txt{font-size:.94vw}}#top .skills__deco02{display:block;position:absolute;left:-30px;bottom:60px;width:auto;height:105px}@media screen and (min-width: 1024px){#top .skills__deco02{left:0;bottom:0;width:27vw}}#top .contact{position:relative;z-index:1;background:url(../images/contactbgsp.jpg) center center/cover no-repeat;width:100%;margin:0 auto;padding:50px 0 64px;box-sizing:content-box}@media screen and (min-width: 1024px){#top .contact{position:absolute;left:50%;bottom:0;width:calc(100% - 20.8vw);height:23.4vw;padding:9vw 0 0;border-radius:30px;aspect-ratio:375/187;transform:translate(-50%, 50%)}}#top .contact__txt{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-weight:righter;font-size:14px;letter-spacing:-0.04em;text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto 16px}@media screen and (min-width: 1024px){#top .contact__txt{font-size:.9vw;letter-spacing:0;line-height:150%}}#top .contact__txt .br_sp{display:block}@media screen and (min-width: 1024px){#top .contact__txt .br_sp{display:none}}#top .contact__link{display:flex;justify-content:center;align-items:center;margin:0 auto;width:calc(100% - 48px);height:64px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(5.01649px);border-radius:100px;border:1px solid #fff;text-decoration:none;transition:.3s}#top .contact__link:hover{opacity:.7}@media screen and (min-width: 1024px){#top .contact__link{width:47.4vw;height:8.33vw}}#top .contact__btn{text-align:center;font-family:"neue-haas-grotesk-display",sans-serif;font-weight:500;font-size:26px;color:#fff;letter-spacing:.05em;line-height:56px}@media screen and (min-width: 1024px){#top .contact__btn{font-size:3.28vw;line-height:1}}#works__lower{position:relative;background:url(../images/works_bg_noise.jpg);z-index:-2}#works__lower .works{padding:200px 32px 72px}#works__lower .works__ttl{position:relative;z-index:2;color:#fff;letter-spacing:.08em;margin-bottom:48px}@media screen and (min-width: 1024px){#works__lower .works__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:96px;font-weight:500;letter-spacing:.08em;line-height:1;margin-left:220px;margin-bottom:174px}}#works__lower .works__ttl:before{content:"";position:absolute;top:120%;aspect-ratio:522/77;width:50%;height:auto;background:url(../images/Works_ttldeco.png) left bottom/contain no-repeat}@media screen and (min-width: 1024px){#works__lower .works__ttl:before{left:-220px}}#works__lower .works__ttl:after{content:"";position:absolute;margin-top:800px;left:-32px;aspect-ratio:2126/3100;width:100vw;height:auto;inset:0;background:url(../images/works_bgdeco.png) center bottom/contain no-repeat;background-position:0 0;z-index:-1}@media screen and (min-width: 1024px){#works__lower .works__ttl:after{left:-220px}}#works__lower .works__wrap{display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:15%;margin-right:15%}#works__lower .works__container{display:flex;flex-direction:column;justify-content:space-between;background:rgba(144,144,144,.5);padding:24px 16px;margin-bottom:80px;text-decoration:none;transition:.4s}@media screen and (min-width: 1024px){#works__lower .works__container{padding:24px 40px 54px;width:calc(50% - 51px)}}#works__lower .works__container:hover{opacity:.8}#works__lower .works__container:hover .works__img{transform:scale(1.05)}#works__lower .works__container:hover .works__details:after{background-position:right bottom}#works__lower .works__container:hover .works__arrow{transform:rotate(-45deg) translate(5px)}#works__lower .works__pic{margin:0 auto 24px;overflow:hidden;width:100%;height:auto;transition:.4s}@media screen and (min-width: 1024px){#works__lower .works__pic{max-width:530px}}#works__lower .works__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.4s}#works__lower .works__box__ttl{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-size:24px;letter-spacing:.05em;margin-bottom:16px}@media screen and (min-width: 1024px){#works__lower .works__box__ttl{font-size:32px;margin-bottom:24px}}#works__lower .works__badgebox{display:flex;flex-wrap:wrap;gap:8px 3px;margin-bottom:24px}@media screen and (min-width: 1024px){#works__lower .works__badgebox{margin-bottom:32px}}#works__lower .works__badge{font-family:"iroha-27keyaki-stdn",sans-serif;font-weight:200;font-size:12px;letter-spacing:.1em;color:#fff;border:1px solid #fff;border-radius:50px;padding:6px}@media screen and (min-width: 1024px){#works__lower .works__badge{font-size:14px;padding:8px 32px}}#works__lower .works__txt{display:block;font-family:"iroha-27keyaki-stdn",sans-serif;font-weight:200;color:#fff;font-size:14px;letter-spacing:.05em;line-height:180%;margin-bottom:32px}@media screen and (min-width: 1024px){#works__lower .works__txt{font-size:16px;line-height:1.7;width:100%;max-width:480px}}#works__lower .works__details{position:relative;display:flex;z-index:2;text-decoration:none;border-bottom:1px solid #fff;transition:.3s;cursor:pointer}#works__lower .works__details:hover{color:#4e4e4e}#works__lower .works__details__txt{font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;font-weight:400;color:#fff;transition:.3s}@media screen and (min-width: 1024px){#works__lower .works__details__txt{font-size:22px}}#works__lower .works__arrow{position:relative;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;margin-left:auto;transform:rotate(-45deg);transition:.3s}#works__lower .works__arrow::before{content:"";background-color:#fff;display:block;width:28px;height:1px;transition:.3s}#works__lower .works__arrow::before:hover{background-color:#4e4e4e}#works__lower .works__arrow::after{content:"";position:absolute;width:16px;height:16px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}#works__lower .works__arrow::after:hover{background-color:#4e4e4e}#works__lower .gnav{background:rgba(78,78,78,.7)}@media screen and (min-width: 1024px){#works__lower .gnav{background:none}}#works__lower .gnav__list{background:rgba(78,78,78,.7)}#details{background:#ebe7d8}#details .details__bgtop{position:relative;z-index:-2;background:url(../images/detailbg.png);width:100vw;padding:72px 32px;pointer-events:none}#details .details__bgbottom{position:relative;background:url(../images/detailbg_gradient.png) center center/cover;width:100vw;z-index:-2;pointer-events:none}#details .details__wrap{display:block;margin:0 auto;padding-top:200px;padding-bottom:160px}@media screen and (min-width: 1024px){#details .details__wrap{width:60%;margin:0 auto;padding-top:200px;padding-bottom:160px}}#details .details__ttl{display:flex;position:relative;width:-moz-fit-content;width:fit-content;font-size:48px;letter-spacing:.06em;color:#fff;margin:0 auto 48px}@media screen and (min-width: 1024px){#details .details__ttl{font-family:"neue-haas-grotesk-display",sans-serif;font-size:96px;font-weight:500;letter-spacing:.08em;line-height:1;font-size:65px;margin-bottom:80px}}#details .details__ttl::before{content:"";z-index:-1;position:absolute;left:-717px;top:88px;background:url(../images/detail_bgmorls1.png) center center/cover no-repeat;aspect-ratio:913/267;width:100%;height:auto;overflow:hidden}#details .details__mockup{display:block;position:relative;aspect-ratio:1194/715;width:90%;height:auto;margin:0 auto 48px}#details .details__mockup::before{position:absolute;top:-20%;left:50%;transform:translate(-50%);content:"";display:block;background:url(../images/detail_bgcircle.png) center center/cover no-repeat;z-index:-1;aspect-ratio:900/900;width:80%;height:auto;margin:0 auto}#details .details__mockup::after{content:"";z-index:-1;position:absolute;right:-462px;top:386px;background:url(../images/detail_bgmorls2.png) center center/cover no-repeat;aspect-ratio:552/169;width:75%;height:auto;overflow:hidden}@media screen and (min-width: 1024px){#details .details__mockup{margin-bottom:110px}}#details .details__caption{width:100%;margin-bottom:32px}@media screen and (min-width: 1024px){#details .details__caption{margin-bottom:48px}}#details .details__type{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-size:16px;letter-spacing:.3em;width:100%;text-align:left;border-bottom:1pt solid #fff;padding-bottom:4px;margin-bottom:12px}@media screen and (min-width: 1024px){#details .details__type{font-size:20px;padding-bottom:8px;margin-bottom:12px}}#details .details__name{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-size:28px;letter-spacing:.1em;line-height:1.2;width:100%;text-align:left}@media screen and (min-width: 1024px){#details .details__name{font-size:36px}}#details .details__txt{font-family:"iroha-27keyaki-stdn",sans-serif;color:#fff;font-size:16px;letter-spacing:.1em;width:100%;text-align:left}@media screen and (min-width: 1024px){#details .details__txt{font-size:16px}}#details .details__container{position:relative;margin-bottom:80px}@media screen and (min-width: 1024px){#details .details__container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:160px}}#details .details__container::after{position:absolute;z-index:-1;top:-160%;left:50%;transform:translate(-50%);content:"";display:block;background:url(../images/detail_bgbubble.png) center center/cover no-repeat;z-index:-1;aspect-ratio:1466/1160;width:175%;height:auto;margin:0 auto;overflow:hidden}#details .details__box{margin-bottom:32px}@media screen and (min-width: 1024px){#details .details__box{width:45%;max-width:451px;margin-bottom:48px}}#details .details__colorbox{display:flex;justify-content:space-between;text-align:center;margin:0 auto}#details .details__colorbox._color-sunagawa ._01{background-color:#004075}#details .details__colorbox._color-sunagawa ._02{background-color:#d9bf71}#details .details__colorbox._color-sunagawa ._03{background-color:#2a2938}#details .details__colorbox._color-sunagawa ._04{background-color:#fff}#details .details__colorbox._color-wss ._01{background-color:#f0f8ff}#details .details__colorbox._color-wss ._02{background-color:#d9bf71}#details .details__colorbox._color-wss ._03{background-color:#0c2ca8}#details .details__colorbox._color-wss ._04{background-color:#0c3061}#details .details__colorbox._color-kitajima ._01{background-color:#fefae4}#details .details__colorbox._color-kitajima ._02{background-color:#192625}#details .details__colorbox._color-kitajima ._03{background-color:#2a2938}#details .details__colorbox._color-kitajima ._04{background-color:#fff}#details .details__colorbox._color-bakery ._01{background-color:#a79f92}#details .details__colorbox._color-bakery ._02{background-color:#331d0a}#details .details__colorbox._color-bakery ._03{background-color:#1b2429}#details .details__colorbox._color-bakery ._04{background-color:#fff}#details .details__colorbox._color-camera ._01{background-color:#bdbcbb}#details .details__colorbox._color-camera ._02{background-color:#575e78}#details .details__colorbox._color-camera ._03{background-color:#524f4b}#details .details__colorbox._color-camera ._04{background-color:#12141d}#details .details__colorbox._color-nextone ._01{background-color:#fff}#details .details__colorbox._color-nextone ._02{background-color:#e4e14c}#details .details__colorbox._color-nextone ._03{background-color:#2568a9}#details .details__colorbox._color-nextone ._04{background-color:#0c1429}#details .details__colorbox._color-kamuy ._01{background-color:#f5f5f5}#details .details__colorbox._color-kamuy ._02{background-color:#fff}#details .details__colorbox._color-kamuy ._03{background-color:#31383e}#details .details__colorbox._color-azito ._01{background-color:#ffffed}#details .details__colorbox._color-azito ._02{background-color:#a6d1db}#details .details__colorbox._color-azito ._03{background-color:#505096}#details .details__colorbox._color-azito ._04{background-color:#353545}#details .details__color{width:20%;align-items:center;margin:0 auto}#details .details__color__name{font-family:"neue-haas-grotesk-display",sans-serif;font-size:16px;margin:0 auto}#details .details__color__circle{width:66px;height:66px;border-radius:50px;border:#fff solid 1px;margin:12px auto}#details .details__linkscontainer{display:flex;flex-direction:column;width:80vw;max-width:1300px;margin:0 auto 72px;margin-left:auto}@media screen and (min-width: 1024px){#details .details__linkscontainer{margin:0 auto 64px}}#details .details__pdf{margin-left:auto}#details .details__site{margin-left:auto}#details .details__link{display:block;padding:10px;font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;letter-spacing:.1em;color:#fff;transition:.4s;text-decoration:none}#details .details__link:hover{transform:scale(1.2);color:#a74848}#details .details__scroll{display:block;margin:0 auto 80px;aspect-ratio:1246/745;width:90vw;max-width:1300px;height:auto;max-height:745px;overflow-y:scroll}@media screen and (min-width: 1024px){#details .details__scroll{margin-bottom:96px}}#details .details__scrollpic{width:100%}#details .details__scrollimg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#details .pagination{display:block;width:80vw;max-width:1300px;margin:0 auto 72px}@media screen and (min-width: 1024px){#details .pagination{margin:0 auto 64px}}#details .pagination__box{display:flex;justify-content:space-between}#details .pagination__list{border-bottom:1px solid #2e2e2e}#details .pagination__txt{font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;letter-spacing:.1em;color:#2e2e2e;padding-bottom:8px;line-height:100%}#details .pagination__prevarrow{position:relative;width:15px;height:15px;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;transform:rotate(-180deg);transition:.4s}#details .pagination__prevarrow::before{content:"";background-color:#2e2e2e;display:block;width:20px;height:1px}#details .pagination__prevarrow::after{content:"";position:absolute;width:16px;height:16px;border-top:1px solid #2e2e2e;border-right:1px solid #2e2e2e;transform:rotate(45deg)}#details .pagination__backarrow{position:relative;width:15px;height:15px;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;transform:rotate(-135deg);transition:.4s}#details .pagination__backarrow::before{content:"";background-color:#2e2e2e;display:block;width:20px;height:1px}#details .pagination__backarrow::after{content:"";position:absolute;width:16px;height:16px;border-top:1px solid #2e2e2e;border-right:1px solid #2e2e2e;transform:rotate(45deg)}#details .pagination__nextarrow{position:relative;width:15px;height:15px;display:flex;align-items:center;justify-content:flex-end;width:-moz-fit-content;width:fit-content;transition:.4s}#details .pagination__nextarrow::before{content:"";background-color:#2e2e2e;display:block;width:20px;height:1px}#details .pagination__nextarrow::after{content:"";position:absolute;width:16px;height:16px;border-top:1px solid #2e2e2e;border-right:1px solid #2e2e2e;transform:rotate(45deg)}#details .pagination__link{display:flex;justify-content:center;gap:10px;text-decoration:none;color:#2e2e2e;transition:.3s}#details .pagination__link:hover{color:#4e4e4e}@media screen and (min-width: 1024px){#details .pagination__space{display:none}}#details .totop{display:block;width:90%;margin:0 auto 80px;text-align:right;text-decoration:none}@media screen and (min-width: 1024px){#details .totop{margin:0 auto 96px}}#details .totop:hover{scale:1.2}#details .totop__circle{width:98px;border:1px solid #2e2e2e;border-radius:50%;aspect-ratio:1/1;margin-left:auto}#details .totop__link{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:100%;height:100%;text-decoration:none;margin-left:auto;font-family:"neue-haas-grotesk-display",sans-serif;font-size:18px;color:#2e2e2e;line-height:1;transition:.4s}#details .totop__link:hover{transform:translateY(-10px);transform-origin:center}#details .totop__arrow{content:"";display:block;width:23px;aspect-ratio:1/1;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(45deg);transition:.4s}#contact{background:#2e2e2e;padding-top:50px}#contact .contact{margin:0 auto;padding:0 5%}#contact .contact__ttl{font-size:96px;font-family:"neue-haas-grotesk-display",sans-serif;margin-bottom:30px;color:#fff;font-weight:400;letter-spacing:.08em}#contact .form{margin:0 auto}@media screen and (min-width: 1024px){#contact .form{width:840px}}#contact .form__box{margin-bottom:20px}@media screen and (min-width: 1024px){#contact .form__box{margin-bottom:32px}}#contact .form__label{display:block;color:#fff;font-size:16px;font-family:"iroha-27keyaki-stdn",sans-serif;margin-bottom:20px}#contact .form__label:after{content:"*";color:red}#contact .form__input{width:100%;padding:10px;background:#fff;border:none;border-radius:7px;font:14px;letter-spacing:.2em}#contact .form__message{width:100%;height:130px;padding:10px;background:#fff;border:none;border-radius:7px;font-size:14px;letter-spacing:.2em}#contact .form__submit{border:none;background-color:rgba(0,0,0,0);outline:none;padding:0;-moz-appearance:none;appearance:none;width:100%;padding:20px;background:#3e3e3e;color:#fff;border:none;border-radius:7px;font-size:32px;letter-spacing:.2em;cursor:pointer;-webkit-appearance:none;transition:.3s}#contact .form__submit:hover{opacity:.5}.fadeIn{opacity:0;transition:.6s}.fadeUp{position:relative;top:150px;opacity:0;transition:.6s}.fadeDown{position:relative;top:-150px;opacity:0;transition:.6s}.showElement{opacity:1;top:0}/*# sourceMappingURL=style.css.map */