*,*:before,*:after{box-sizing:inherit;-webkit-user-select:inherit;user-select:inherit;-webkit-user-drag:inherit;-webkit-tap-highlight-color:inherit;backface-visibility:inherit}*{margin:0;padding:0}html{box-sizing:border-box;line-height:1;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}main,canvas{display:block}img,svg,video{display:block;width:100%}svg{-webkit-user-select:none;user-select:none;pointer-events:none}h1,h2,h3,h4,h5,h6{font:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}input,button,select,textarea{appearance:none;border:none;border-radius:0;background:none;outline:none;color:inherit;font:inherit}:root{--c-black: #222;--c-bg: #fff;--c-light-gray: hsl(0, 0%, 80%);--fs-text: 12px;--fs-heading: 18px}@media(min-width: 800px){:root{--fs-text: 14px;--fs-heading: 24px}}@font-face{font-family:"Basel Grotesk";font-weight:400;font-display:swap;src:url("../font/Basel-Grotesk-Regular.woff2") format("woff2")}@font-face{font-family:"Basel Grotesk";font-weight:600;font-display:swap;src:url("../font/Basel-Grotesk-Medium.woff2") format("woff2")}body{background-color:var(--c-bg);color:var(--c-black);font-family:dnp-shuei-gothic-gin-std,sans-serif;font-weight:600;font-size:var(--fs-text);font-feature-settings:"palt";font-synthesis:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.f-en{font-family:"Basel Grotesk";font-weight:400}.text-btn{transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media(hover: hover){.text-btn:hover{opacity:0}}.f-jp{font-family:sans-serif}.gl-image{visibility:hidden}#PageWrapper{position:fixed;z-index:2;top:0;height:100%;overflow:hidden}@media not all and (min-width: 800px){#PageWrapper{left:0;width:100%}}@media(min-width: 800px){#PageWrapper{left:var(--headerWidth);width:calc(100% - var(--headerWidth))}}#PageWrapper .page{position:absolute;left:0;top:0;width:100%}.cover{position:fixed;z-index:12;left:0;top:0;width:100%;height:100%;background-color:#fff;overflow:hidden}.cover_title{position:absolute;bottom:10px;opacity:0;transform-origin:left top}@media not all and (min-width: 800px){.cover_title{left:var(--margin);width:calc(var(--column)*8 + var(--gutter)*7)}}@media(min-width: 800px){.cover_title{left:calc(var(--headerWidth) + var(--margin));width:calc(var(--column)*5 + var(--gutter)*4)}}#Background{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}#Background .content{position:absolute;top:0}@media not all and (min-width: 800px){#Background .content{left:0;width:100%}}@media(min-width: 800px){#Background .content{left:var(--headerWidth);width:calc(100% - var(--headerWidth))}}#Background .gl-image{position:absolute;width:100%;height:auto}#Background .img1{aspect-ratio:.75;left:calc(var(--margin) + var(--column)*8 + var(--gutter)*8);top:50px;width:calc(var(--column)*4 + var(--gutter)*3)}@media(min-width: 480px){#Background .img1{width:calc(var(--column)*3 + var(--gutter)*2)}}@media(min-width: 800px){#Background .img1{left:calc(var(--margin) + var(--column)*3 + var(--gutter)*3);top:0;width:calc(var(--column)*2.5 + var(--gutter)*1)}}@media(min-width: 1280px){#Background .img1{width:calc(var(--column)*2 + var(--gutter)*1)}}#Background .img2{aspect-ratio:.75;left:var(--margin);top:calc(var(--vh)*25);width:calc(var(--column)*4 + var(--gutter)*3)}@media(min-width: 480px){#Background .img2{width:calc(var(--column)*3 + var(--gutter)*2)}}@media(min-width: 800px){#Background .img2{width:calc(var(--column)*2.5 + var(--gutter)*1)}}@media(min-width: 1280px){#Background .img2{width:calc(var(--column)*2 + var(--gutter)*1)}}#Background .img3{aspect-ratio:.75;right:var(--margin);top:calc(var(--vh)*45);width:calc(var(--column)*3 + var(--gutter)*2)}@media(min-width: 480px){#Background .img3{width:calc(var(--column)*2.5 + var(--gutter)*1)}}@media(min-width: 800px){#Background .img3{top:calc(var(--vh)*25);width:calc(var(--column)*2 + var(--gutter)*1)}}@media(min-width: 1280px){#Background .img3{width:calc(var(--column)*1.5 + var(--gutter)*1)}}#Background .img4{aspect-ratio:1.7778;right:var(--margin);top:calc(var(--vh)*100 - 10px);width:calc(var(--column)*7 + var(--gutter)*6);transform:translateY(-100%)}@media(min-width: 480px){#Background .img4{width:calc(var(--column)*6 + var(--gutter)*4)}}@media(min-width: 800px){#Background .img4{width:calc(var(--column)*5 + var(--gutter)*4)}}@media(min-width: 1280px){#Background .img4{width:calc(var(--column)*4 + var(--gutter)*3)}}#Background .img5{aspect-ratio:.75;left:calc(var(--margin) + var(--column)*2 + var(--gutter)*1);top:calc(var(--vh)*110);width:calc(var(--column)*5 + var(--gutter)*4)}@media(min-width: 480px){#Background .img5{width:calc(var(--column)*4 + var(--gutter)*3)}}@media(min-width: 800px){#Background .img5{left:calc(var(--margin) + var(--column)*1 + var(--gutter)*1);width:calc(var(--column)*3 + var(--gutter)*2)}}@media(min-width: 1280px){#Background .img5{width:calc(var(--column)*2.5 + var(--gutter)*1)}}.siteHeader{position:fixed;z-index:11;left:0;top:0;background-color:#fff}@media not all and (min-width: 800px){.siteHeader{width:100%;height:50px;border-bottom:1px solid var(--c-light-gray)}}@media(min-width: 800px){.siteHeader{width:var(--headerWidth);height:100%;border-right:1px solid var(--c-light-gray)}}.siteHeader_layout{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;cursor:pointer}@media not all and (min-width: 800px){.siteHeader_layout{flex-direction:row-reverse;padding-left:var(--margin)}}@media(min-width: 800px){.siteHeader_layout{flex-direction:column;padding:var(--margin) 0}}@media(min-width: 800px){.siteHeader_title{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-90deg)}}.siteHeader_title svg{width:auto;height:18px}.siteHeader_btn{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:3px;height:50px}@media not all and (min-width: 800px){.siteHeader_btn{width:32px}}@media(min-width: 800px){.siteHeader_btn{width:50px}}.siteHeader_btn .dot{width:4px;height:4px;border-radius:50%;background-color:currentColor}.siteHeader_text{writing-mode:vertical-rl;transform:rotate(-180deg);line-height:1.2}@media not all and (min-width: 800px){.siteHeader_text{display:none}}.siteMenu{position:fixed;z-index:10}@media not all and (min-width: 800px){.siteMenu{left:0;top:50px;width:100%;height:calc(100% - 50px)}}@media(min-width: 800px){.siteMenu{left:var(--headerWidth);top:0;width:calc(100% - var(--headerWidth));height:100%}}.siteMenu_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);cursor:pointer}.siteMenu_pages{position:relative;display:flex;flex-direction:column;height:100%;background-color:#fff}@media not all and (min-width: 800px){.siteMenu_pages{width:calc(var(--margin) + var(--column)*8 + var(--gutter)*7)}}@media(min-width: 800px){.siteMenu_pages{width:calc(var(--margin) + var(--column)*5 + var(--gutter)*4)}}.siteMenu_page{display:flex;align-items:center;padding:0 var(--margin);border-bottom:1px solid var(--c-light-gray);cursor:pointer;transition-property:background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media not all and (min-width: 800px){.siteMenu_page{height:60px;font-size:18px}}@media(min-width: 800px){.siteMenu_page{height:6vw;font-size:3vw}}@media(hover: hover){.siteMenu_page:hover{background-color:#f9f9f9}}.siteMenu_cr{position:absolute;left:var(--margin);bottom:var(--margin);white-space:nowrap}.grid{position:fixed;z-index:9999;top:0;height:100%;display:flex;column-gap:var(--gutter);padding:0 var(--margin);pointer-events:none}@media not all and (min-width: 800px){.grid{left:0;width:100%}}@media(min-width: 800px){.grid{left:var(--headerWidth);width:calc(100% - var(--headerWidth))}}.grid.off{visibility:hidden}.grid_column{width:var(--column);height:100%;background-color:rgba(0,255,255,.25)}.kv{position:relative;height:calc(var(--vh, vh)*100);overflow:hidden}@media not all and (min-width: 800px){.kv{padding-top:50px}}.kv_header{position:relative;padding:10px var(--margin) 0}@media(min-width: 800px){.kv_header{display:flex;justify-content:flex-start;align-items:flex-start;column-gap:var(--gutter)}}.kv_text{flex:0 0 calc(var(--column)*7 + var(--gutter)*6);font-size:24px}.kv_services{flex:0 0 calc(var(--column)*4 + var(--gutter)*3)}@media not all and (min-width: 800px){.kv_services{margin-top:25px}}.kv_services .heading{font-weight:600}.kv_services .text{margin-top:1em;line-height:1.2}.kv_scroll{position:absolute;right:var(--margin);top:var(--margin);font-weight:600;text-align:right;writing-mode:vertical-rl}@media not all and (min-width: 800px){.kv_scroll{display:none}}.kv_title{position:absolute;left:var(--margin);bottom:10px}@media not all and (min-width: 800px){.kv_title{width:calc(var(--column)*8 + var(--gutter)*7)}}@media(min-width: 800px){.kv_title{width:calc(var(--column)*5 + var(--gutter)*4)}}.about{position:relative;padding:0 var(--margin)}@media not all and (min-width: 800px){.about{margin-top:500px}}@media(min-width: 800px){.about{display:flex;justify-content:flex-start;align-items:center;height:calc(var(--vh)*100);margin-top:15vw;padding-left:calc(var(--margin) + var(--column)*4 + var(--gutter)*3)}}@media(min-width: 1280px){.about{padding-left:calc(var(--margin) + var(--column)*5 + var(--gutter)*5)}}@media(min-width: 1280px){.about_textWrap{display:flex;justify-content:flex-start;align-items:flex-start}}.about_heading{font-size:var(--fs-heading);line-height:1.5}@media(min-width: 1280px){.about_heading{flex:0 0 calc(var(--column)*2 + var(--gutter)*2)}}@media not all and (min-width: 1280px){.about_text{margin-top:25px}}@media(min-width: 1280px){.about_text{flex:0 0 auto}}.about_text h3{margin-left:-0.04em;font-weight:500;font-size:var(--fs-heading);line-height:1.5}.about_text p{margin-top:1em;line-height:2}@media(min-width: 480px){.about_text p{max-width:32em}}@media(min-width: 800px){.about_text p{width:32em}}@media not all and (min-width: 800px){.services{margin-top:200px}}.services_heading{font-size:var(--fs-heading);padding-left:var(--margin)}.services_body{position:relative}@media(min-width: 800px){.services_body{min-height:calc(var(--vh)*100)}}@media not all and (min-width: 800px){.services_content{display:flex;flex-direction:column;row-gap:100px;padding:var(--margin)}}@media(min-width: 800px){.services_content{position:absolute;left:0;top:0;width:100%;height:calc(var(--vh)*100)}}@media(min-width: 800px){.services_item{position:absolute;left:0;top:0;display:flex;width:100%;height:100%;padding:var(--margin)}}@media(min-width: 800px){.services_image{width:calc(var(--column)*5 + var(--gutter)*5);height:calc(var(--vh)*100 - var(--margin)*2);overflow:hidden}}@media not all and (min-width: 800px){.services_image .imgWrap{aspect-ratio:.75}}@media(min-width: 800px){.services_image .imgWrap{width:100%;height:100%}}.services_image .imgWrap img,.services_image .imgWrap video{width:100%;height:100%;object-fit:cover;object-position:center}@media not all and (min-width: 800px){.services_textWrap{margin-top:25px}}@media(min-width: 800px){.services_textWrap{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--column)*7 + var(--gutter)*6);height:calc(var(--vh)*100);padding-left:calc(var(--column)*1 + var(--gutter)*1)}}.services_textWrap h3{margin-top:1em;margin-left:-0.04em;font-weight:500;font-size:var(--fs-heading);line-height:1.5;white-space:nowrap}.services_textWrap p{margin-top:1em;width:32em;line-height:2}.clients{display:flex;justify-content:space-between;padding:0 var(--margin)}@media not all and (min-width: 800px){.clients{margin-top:100px}}@media(min-width: 800px){.clients{margin-top:15vw}}.clients_heading{font-size:var(--fs-heading)}.clients_list{width:calc(var(--column)*8 + var(--gutter)*7);border-bottom:1px solid var(--c-light-gray)}.clients_item{position:relative;display:flex;align-items:center;height:150px;padding:10px 0;border-top:1px solid var(--c-light-gray);transition-property:background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media(hover: hover){.clients_item:hover{background-color:#f9f9f9}}.clients_item img{width:auto;height:100%}.clients_item::after{content:"↗";position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;font-family:"Basel Grotesk";font-weight:400;font-size:24px}.gallery{position:relative}@media not all and (min-width: 800px){.gallery{margin-top:100px}}@media(min-width: 800px){.gallery{margin-top:15vw}}.gallery_heading{padding-left:var(--margin);margin-left:-0.04em;font-size:var(--fs-heading)}.gallery_imageContent{position:relative}@media(min-width: 800px){.gallery_imageContent{min-height:calc(var(--vh)*100)}}.gallery_imageWrap{position:relative;width:100%}@media(min-width: 800px){.gallery_imageWrap{height:calc(var(--vh)*100)}}@media not all and (min-width: 800px){.gallery_images{display:flex;flex-direction:column;row-gap:10px;padding:var(--margin);margin-top:var(--margin)}}@media(min-width: 800px){.gallery_images{position:absolute;left:0;top:0;display:flex;align-items:center;column-gap:var(--gutter);flex-wrap:nowrap;height:calc(var(--vh)*100);padding:0 var(--margin)}}@media(min-width: 800px){.gallery_image{width:calc(var(--vh)*133.3335);height:calc(var(--vh)*75);flex:0 0 calc(var(--vh)*133.3335)}}.gallery_image .gl-image{aspect-ratio:1.77778;width:100%;height:auto}.gallery_nav{position:absolute;top:0;right:var(--margin);height:calc(var(--vh)*100)}@media not all and (min-width: 800px){.gallery_nav{display:none}}.gallery_nav .btn{position:absolute;right:0;display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--c-light-gray);font-size:24px;-webkit-user-select:none;user-select:none;padding-bottom:2px;cursor:pointer;transition-property:background-color, color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media(hover: hover){.gallery_nav .btn:hover{background-color:var(--c-black);color:#fff}}.gallery_nav .btn-up{top:var(--margin)}.gallery_nav .btn-down{bottom:var(--margin)}.contact{display:flex;justify-content:center}@media not all and (min-width: 800px){.contact{margin-top:100px}}@media(min-width: 800px){.contact{margin-top:15vw}}.contact_link{display:flex;justify-content:center;align-items:center;border:1px solid currentColor;font-size:18px;transition-property:color, background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media not all and (min-width: 800px){.contact_link{width:320px;height:80px;border-radius:40px}}@media(min-width: 800px){.contact_link{width:360px;height:90px;border-radius:45px}}@media(hover: hover){.contact_link:hover{color:#fff;background-color:var(--c-black)}}@media not all and (min-width: 800px){.team{margin-top:100px}}@media(min-width: 800px){.team{margin-top:15vw}}.team_heading{padding-left:var(--margin);padding-bottom:var(--margin);border-bottom:1px solid var(--c-light-gray);margin-left:-0.04em;font-size:var(--fs-heading)}@media(min-width: 800px){.team_companies{display:flex}}.team_companies .link{display:flex;align-items:center;padding-left:var(--margin);transition-property:background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media not all and (min-width: 800px){.team_companies .link{height:120px}}@media(min-width: 800px){.team_companies .link{width:50%;height:180px}}@media(hover: hover){.team_companies .link:hover{background-color:#f9f9f9}}.team_companies .link svg{width:auto}@media not all and (min-width: 800px){.team_companies .link svg{height:30px}}@media(min-width: 800px){.team_companies .link svg{height:45px}}@media not all and (min-width: 800px){.team_companies .link-2{border-top:1px solid var(--c-light-gray)}}@media(min-width: 800px){.team_companies .link-2{border-left:1px solid var(--c-light-gray)}}
/*# sourceMappingURL=style.css.map */