*,*: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: #000;--c-gray: #e5e5e5;--c-blue: #2b00ff;--c-shadow: #999;--fs-text: 12px;--fs-large-text: 14px}@media(min-width: 640px){:root{--fs-text: 14px;--fs-large-text: 18px}}@font-face{font-family:"Grandeur";font-weight:400;font-display:swap;src:url("../font/Tan-Grandeur.woff2") format("woff2")}@font-face{font-family:"PPNeueMachina";font-weight:500;font-display:swap;src:url("../font/PPNeueMachina-PlainMedium.woff2") format("woff2")}body{background-color:var(--c-gray);color:var(--c-blue);font-family:dnp-shuei-gothic-kin-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}@media(min-width: 960px){body{background-color:var(--c-blue)}}.f-en{font-family:"PPNeueMachina";font-weight:500}.f-digit{font-family:"Grandeur";font-weight:400}::selection{background-color:var(--c-blue);color:#fff}.show-pc{display:none}@media(min-width: 960px){.show-pc{display:block}}@media(min-width: 960px){.show-sp{display:none}}.copyright{position:fixed;z-index:2;left:20px;bottom:20px;font-size:12px;line-height:1.1;transform-origin:0% 100%;transform:translateX(26px) rotate(-90deg);-webkit-user-select:none;user-select:none}@media not all and (min-width: 640px){.copyright{display:none}}@media(min-width: 960px){.copyright{left:40px;bottom:40px}}#PageWrapper{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0}@media(min-width: 960px){#PageWrapper{left:20px;right:20px;top:20px;bottom:20px;filter:drop-shadow(0 0 20px rgba(0, 0, 0, 0.5))}}#PageWrapper .page{position:absolute;left:0;top:0;background-color:var(--c-gray);border-radius:4px 32px 4px 32px;opacity:0}#PageWrapper .page:not([data-page-namespace=gallery]){width:100%;height:100%;padding:0 20px;overflow:hidden}#PageWrapper .page[data-page-namespace=gallery]{width:100%;height:100%;overflow:hidden}.siteMenu{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background-color:var(--c-blue);color:var(--c-gray)}.siteMenu_list{display:flex;flex-direction:column;font-size:15vw;row-gap:.5em;padding:150px 20px 0}.siteMenu_copyright{position:absolute;left:20px;bottom:20px;font-size:12px;line-height:1.2}.siteHeader{position:fixed;z-index:11;left:20px;top:20px;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 40px);-webkit-user-select:none;user-select:none}@media(min-width: 960px){.siteHeader{left:40px;top:40px;width:calc(100% - 80px)}}.siteHeader_logo{height:32px}.siteHeader_logo a,.siteHeader_logo svg{width:auto;height:100%}.siteHeader_pages{display:flex;column-gap:1em}@media not all and (min-width: 640px){.siteHeader_pages{display:none}}.siteHeader_page{border-radius:14px;border:1px solid var(--c-blue);transition-property:color, background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1);backdrop-filter:blur(4px)}@media(hover: hover){.siteHeader_page:hover{background-color:var(--c-blue);color:var(--c-gray)}}.siteHeader_page a{display:block;padding:8px 20px 6px}.siteHeader_menuBtn{display:flex;justify-content:center;align-items:center;column-gap:10px;height:38px;padding:0 20px;border-radius:19px;border:1px solid var(--c-blue);background-color:var(--c-blue);color:var(--c-gray);filter:drop-shadow(0 0 8px var(--c-shadow));transition-property:color, background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}@media(min-width: 640px){.siteHeader_menuBtn{display:none}}.siteHeader_menuBtn .text{transform:translateY(1px)}.siteHeader_menuBtn .icon{position:relative;width:14px;height:14px}.siteHeader_menuBtn .icon::before,.siteHeader_menuBtn .icon::after{content:"";display:block;position:absolute;left:50%;top:50%;width:100%;height:1px;background-color:currentColor}.siteHeader_menuBtn .icon::before{transform:translate(-50%, -50%)}.siteHeader_menuBtn .icon::after{transform:translate(-50%, -50%) rotate(90deg);transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}.siteHeader_menuBtn.is-open{background-color:var(--c-gray);color:var(--c-blue)}.siteHeader_menuBtn.is-open .icon::after{opacity:0}.grid{position:fixed;z-index:9999;left:0;right:0;top:0;bottom:0;pointer-events:none}.grid.off{visibility:hidden}.grid_column{position:absolute;top:0;width:var(--column);height:100%;background-color:rgba(255,0,0,.25)}.grid_column-1{left:var(--margin)}.grid_column-2{left:calc(var(--margin) + var(--column) + var(--gutter))}.grid_column-3{left:calc(var(--margin) + var(--column)*2 + var(--gutter)*2)}.grid_column-4{left:calc(var(--margin) + var(--column)*3 + var(--gutter)*3)}.grid_column-5{left:calc(var(--margin) + var(--column)*4 + var(--gutter)*4)}.grid_column-6{left:calc(var(--margin) + var(--column)*5 + var(--gutter)*5)}.grid_column-7{left:calc(var(--margin) + var(--column)*6 + var(--gutter)*6)}.grid_column-8{left:calc(var(--margin) + var(--column)*7 + var(--gutter)*7)}.grid_column-9{left:calc(var(--margin) + var(--column)*8 + var(--gutter)*8)}.grid_column-10{left:calc(var(--margin) + var(--column)*9 + var(--gutter)*9)}.grid_column-11{left:calc(var(--margin) + var(--column)*10 + var(--gutter)*10)}.grid_column-12{right:var(--margin)}.top{position:relative;padding:125px 0 25px;-webkit-user-select:none;user-select:none}@media(min-width: 640px){.top{padding:125px calc(var(--column) + var(--gutter)) 25px}}.top_title{height:118px}@media(min-width: 640px){.top_title{height:240px}}.top_title svg{width:auto;height:100%;fill:var(--c-blue)}.top::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor}@media(min-width: 640px){.top::after{left:calc(var(--column) + var(--gutter))}}.works{padding:25px 0;-webkit-user-select:none;user-select:none}.works_title{display:flex;align-items:baseline;column-gap:1rem}@media(min-width: 640px){.works_title{padding-left:calc(var(--column)*3 + var(--gutter)*3)}}.works_title .main{height:33px}@media(min-width: 640px){.works_title .main{height:66px}}.works_title .main svg{width:auto;height:100%;fill:var(--c-blue)}.works_list{display:flex;flex-direction:column;row-gap:50px;margin-top:50px}@media(min-width: 640px){.works_list{display:grid;grid-template-columns:repeat(2, 1fr);gap:150px var(--gutter);margin-top:100px;padding:0 calc(var(--column) + var(--gutter)) calc(var(--column)*2.5 + var(--gutter)*2)}}@media(min-width: 640px){.works_item:nth-child(2n){transform:translateY(calc(var(--column) * 2.5 + var(--gutter) * 2))}}.works_item a{display:block}.works_item a>*{pointer-events:none}.works_item .wrap{position:relative;aspect-ratio:1}.works_item .bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%}.works_item .index{position:absolute;left:0;top:.22em;display:flex;justify-content:center;align-items:center;width:20%;aspect-ratio:1;font-size:5vw}@media(min-width: 640px){.works_item .index{font-size:2.5vw}}.works_item .date{position:absolute;right:1em;bottom:1em}.works_item .images{position:relative;width:100%;height:100%}.works_item .images img{position:absolute;left:50%;top:50%;width:75%;height:75%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 8px var(--c-shadow));transition-property:transform;transition-duration:.45s;transition-timing-function:cubic-bezier(0.3, 0.1, 0.1, 1)}.works_item .images img[data-index="0"]{z-index:3;transform:translate(-50%, -50%) rotate(3deg)}@media not all and (min-width: 640px){.works_item .images img[data-index="0"]{transform:translate(-50%, -50%)}}.works_item .images img[data-index="1"]{z-index:2;transform:translate(-70%, -40%) scale(0.8) rotate(-8deg)}@media not all and (min-width: 640px){.works_item .images img[data-index="1"]{display:none}}.works_item .images img[data-index="2"]{z-index:1;transform:translate(-30%, -60%) scale(0.8) rotate(12deg)}@media not all and (min-width: 640px){.works_item .images img[data-index="2"]{display:none}}.works_item .title{margin-top:1rem;line-height:1.4}@media(hover: hover){.works_item a:hover img[data-index="0"]{transform:translate(-50%, -50%) scale(1.05) rotate(3deg)}.works_item a:hover img[data-index="1"]{transform:translate(-70%, -30%) scale(0.8) rotate(-8deg)}.works_item a:hover img[data-index="2"]{transform:translate(-30%, -70%) scale(0.8) rotate(12deg)}}@media(min-width: 640px){.aboutSec{padding-left:calc(var(--column)*1 + var(--gutter)*1)}}@media(min-width: 960px){.aboutSec{padding-left:calc(var(--column)*2 + var(--gutter)*2)}}.aboutSec_title{height:33px}@media(min-width: 640px){.aboutSec_title{height:66px}}.aboutSec_title svg{width:auto;height:100%;fill:var(--c-blue)}.about{position:relative;padding-top:125px;padding-bottom:50px}.about_profile{margin-top:2rem}.about_profile p{line-height:1.6}.about_sns{display:flex;column-gap:1em;margin-top:2rem;font-size:var(--fs-large-text)}.about::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor}@media(min-width: 640px){.about::after{left:calc(var(--column)*1 + var(--gutter)*1)}}@media(min-width: 960px){.about::after{left:calc(var(--column)*2 + var(--gutter)*2)}}.contact{position:relative;padding-top:50px;padding-bottom:50px}.contact_text{margin-top:2rem;line-height:1.6;white-space:pre-line}.contact::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor}@media(min-width: 640px){.contact::after{left:calc(var(--column)*1 + var(--gutter)*1)}}@media(min-width: 960px){.contact::after{left:calc(var(--column)*2 + var(--gutter)*2)}}.copyTextBtn{position:relative;white-space:nowrap;text-align:left;font-size:var(--fs-large-text);margin-top:1em;cursor:pointer}.copyTextBtn::before{content:"";display:block;position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.copyTextBtn_t2,.copyTextBtn_t3{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.archives{position:relative;padding-top:50px;padding-bottom:20px}.archives_sectionWrap{display:flex;flex-direction:column;row-gap:3rem;margin-top:calc(2rem + var(--fs-large-text)*.5)}.archives_year{font-size:var(--fs-large-text)}.archives_list{display:flex;flex-direction:column;align-items:flex-start;row-gap:1rem;margin-top:1rem}.archives_list li{position:relative;line-height:1.4;padding-left:25px}@media(min-width: 960px){.archives_list li{width:calc(var(--column)*9 + var(--gutter)*8)}}.archives_list li::before{content:"";display:inline-block;position:absolute;left:0;top:12px;vertical-align:middle;width:12px;height:1px;background-color:currentColor}.page-work{-webkit-user-select:none;user-select:none}@media(min-width: 640px){.page-work .inner{padding-left:calc(var(--column)*1 + var(--gutter)*1)}}.workInfo{position:relative;padding-top:125px;padding-bottom:50px;border-bottom:1px solid currentColor}.workInfo_title{font-size:24px;line-height:1.4}@media(min-width: 960px){.workInfo_title{max-width:calc(var(--column)*8 + var(--gutter)*7)}}.workInfo_description{margin-top:50px;line-height:1.6;white-space:pre-line}@media(min-width: 640px){.workInfo_description{width:calc(var(--column)*4 + var(--gutter)*4)}}.workInfo_videoLink{margin-top:50px}.workInfo_videoLink a{display:inline-flex;align-items:center;column-gap:10px}.workInfo_videoLink .icon{width:24px;transform:translateY(-8%)}.workInfo_videoLink .icon svg{width:100%;height:auto}.workInfo_videoLink .text{font-size:24px}.workGallery{position:relative}@media(min-width: 960px){.workGallery{min-height:calc(var(--vh)*100 - 40px)}}@media not all and (min-width: 960px){.workGallery_content{display:flex;flex-direction:column;row-gap:25px;padding:25px 0}}@media(min-width: 960px){.workGallery_content{position:absolute;left:0;top:0;width:100%;height:calc(var(--vh)*100 - 40px)}}.workGallery_bg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}@media not all and (min-width: 960px){.workGallery_bg{display:none}}.workGallery_item{position:relative}@media(min-width: 960px){.workGallery_item{position:absolute;left:0;top:0;width:100%;height:100%}}.workGallery_item img{pointer-events:none}@media not all and (min-width: 960px){.workGallery_item img{width:100%;height:auto;filter:drop-shadow(0 0 6px var(--c-shadow))}}@media(min-width: 960px){.workGallery_item img{width:100%;height:100%;padding:5%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 12px var(--c-shadow))}}.workFooter{padding-top:125px;padding-bottom:125px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}@media(min-width: 960px){.workFooter{padding-left:calc(var(--column)*5 + var(--gutter)*5)}}.workFooter_list{display:flex;flex-direction:column;row-gap:2rem}.workFooter_item .name{margin-top:.5rem;font-size:var(--fs-large-text);line-height:1.5}.nextWork{position:relative}@media not all and (min-width: 960px){.nextWork{padding-bottom:20px}}@media(min-width: 960px){.nextWork{height:calc(var(--vh)*100 - 40px)}}.nextWork_bg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}@media not all and (min-width: 960px){.nextWork_bg{display:none}}.nextWork_wrap{position:relative;display:block}@media(min-width: 960px){.nextWork_wrap{width:100%;height:100%}}.nextWork_text{padding:20px 0}@media(min-width: 960px){.nextWork_text{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);max-width:calc(var(--column)*4 + var(--gutter)*3);padding:10px;background-color:var(--c-blue);color:#fff}}.nextWork_text .title{margin-top:.25rem;line-height:1.4}.nextWork_image{pointer-events:none}@media not all and (min-width: 960px){.nextWork_image{width:100%;height:auto;filter:drop-shadow(0 0 6px var(--c-shadow))}}@media(min-width: 960px){.nextWork_image{width:100%;height:100%;padding:5% 5% 5% calc(var(--column)*4 + var(--gutter)*4);object-fit:contain;object-position:right center;filter:drop-shadow(0 0 12px var(--c-shadow));transform:translateY(calc(var(--d) * 50vh)) rotate(calc(3deg - var(--d) * 3deg))}}.gallery{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}@media(min-width: 960px){.gallery{width:calc(var(--vw)*100 - 40px);height:calc(var(--vh)*100 - 40px)}}.gallery_list{display:grid;grid-template-columns:repeat(2, 1fr);padding:150px 0;row-gap:100px}@media(min-width: 960px){.gallery_list{padding:150px calc(var(--column)*1 + var(--gutter)*2);column-gap:var(--gutter)}}@media(min-width: 640px){.gallery_list{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 960px){.gallery_list{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1280px){.gallery_list{grid-template-columns:repeat(5, 1fr)}}.gallery_item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.gallery_item>*{pointer-events:none}.gallery_item .iconWrap{filter:drop-shadow(6px 6px 0 var(--c-shadow))}.gallery_item .icon{position:relative;width:80px;height:100px;border:1px solid var(--c-blue);clip-path:polygon(0px 0px, 70px 0px, 80px 10px, 80px 100px, 0px 100px);background-color:var(--c-gray)}.gallery_item .icon::after{content:"";position:absolute;right:0;top:0;display:block;width:10px;height:10px;background-color:var(--c-blue)}.gallery_item .icon video{width:100%;height:100%;object-fit:cover}.gallery_item .title{margin-top:1.5em}.videoArea{position:absolute;left:0;top:0;touch-action:none}.videoArea_window{position:absolute;z-index:1;left:0;top:0;border:2px solid var(--c-blue);border-radius:4px;overflow:hidden;filter:drop-shadow(4px 4px 8px var(--c-shadow));cursor:grab}.videoArea_window.off{visibility:hidden;pointer-events:none}.videoArea_window .header{display:flex;justify-content:space-between;align-items:center;height:25px;background-color:var(--c-blue);color:#fff}.videoArea_window .header .t,.videoArea_window .header .c{display:flex;align-items:center;height:100%}.videoArea_window .header .t{padding-left:10px}.videoArea_window .header .c{padding-right:10px;cursor:pointer}.videoArea_window video{object-fit:contain;object-position:center;background-color:#000}@media(orientation: landscape){.videoArea_window video{width:calc(var(--vh)*80 - 40px);height:calc(var(--vh)*80 - 40px)}}@media(orientation: portrait){.videoArea_window video{width:calc(var(--vw)*80);height:calc(var(--vw)*80)}}.comingsoon{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-user-select:none;user-select:none}@media(min-width: 960px){.comingsoon{width:calc(var(--vw)*100 - 40px);height:calc(var(--vh)*100 - 40px)}}#LottieContainer{max-width:640px}
/*# sourceMappingURL=style.css.map */