*,*:before,*:after{box-sizing: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{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-white: #fff;--c-black: #000;--c-orange: #ff6f00;--c-white-param: 255, 255, 255;--c-black-param: 0, 0, 0;--fs: 13px;--vMargin: 10px;--rect-left: 4px;--rect-height: 34px;--ui-opacity: 1}@media(min-width:960px){:root{--fs: 15px;--vMargin: 16px;--rect-left: 12px;--rect-height: 36px}}@font-face{font-family:Suisse Intl;font-weight:400;src:url(/asset/font/SuisseIntl-Regular.woff2) format("woff2")}html,body{height:100%;overscroll-behavior:none}body{background-color:var(--c-white);color:var(--c-black);font-family:Suisse Intl,sans-serif;font-weight:400;font-style:normal;font-size:var(--fs);line-height:1.35;font-feature-settings:"palt";font-synthesis:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{user-select:none}button{cursor:pointer}.grid{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;pointer-events:none}.grid.off{visibility:hidden}.grid_12{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);padding:0 var(--margin)}@media(min-width:960px){.grid_12{display:none}}.grid_24{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(24,1fr);column-gap:var(--gutter);padding:0 var(--margin)}@media not all and (min-width:960px){.grid_24{display:none}}.grid_column{background-color:#ff00001a}.siteHeader{position:fixed;z-index:10;top:0;left:0;width:100%}@media not all and (min-width:960px){.siteHeader{padding:10px var(--margin)}}@media(min-width:960px){.siteHeader{padding:16px var(--margin) 20px}}.siteHeader.is-disabled{opacity:0;pointer-events:none}.siteHeader_content{display:flex;justify-content:flex-start;align-items:center;column-gap:var(--gutter);width:100%}.siteHeader_title{width:calc(var(--column) * 5 + var(--gutter) * 4)}.siteHeader_title button{display:flex;text-align:left}.siteHeader_title .fn{white-space:nowrap}@media not all and (min-width:960px){.siteHeader_title .fn{width:49px}}@media(min-width:960px){.siteHeader_title .fn{width:calc(var(--column) * 1 + var(--gutter) * 1)}}@media not all and (min-width:960px){.siteHeader_works{width:calc(var(--column) * 5 + var(--gutter) * 4)}}@media(min-width:960px){.siteHeader_works{width:calc(var(--column) * 4 + var(--gutter) * 3)}}.siteHeader_works ol{display:flex;column-gap:4px}@media not all and (min-width:960px){.siteHeader_works ol .f{display:none}}@media(min-width:960px){.siteHeader_works ol .c{display:none}}@media not all and (min-width:960px){.siteHeader_contact{display:none}}@media(min-width:960px){.siteHeader_contact{position:absolute;right:var(--margin);top:var(--vMargin);white-space:nowrap;opacity:.4}}@media(hover:hover){.siteHeader_contact:hover{opacity:1}}.siteHeader .link{opacity:.4}@media(hover:hover){.siteHeader .link:hover{opacity:1}}.siteHeader .link.is-active{opacity:1}#PageWrapper{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:hidden}#PageWrapper .page{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.rect{position:fixed;z-index:100;left:var(--rect-left);top:calc(var(--rect-height) * -.5);width:calc(100% - var(--rect-left) * 2);height:var(--rect-height);border:1px solid var(--c-orange);pointer-events:none;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.rect.is-active{opacity:var(--ui-opacity)}.film{background-color:var(--c-white);--itemHeight: 18px}@media(min-width:960px){.film{--itemHeight: 20px}}.film_imageWrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--c-black);visibility:hidden}@media not all and (min-width:960px){.film_imageWrap{width:calc(var(--column) * 8 + var(--gutter) * 7);display:flex;align-items:center}}@media(min-width:960px){.film_imageWrap{width:calc(var(--column) * 12 + var(--gutter) * 11)}}.film_imageWrap.show{visibility:visible}@media not all and (min-width:960px){.film_imageWrap img{width:100%;height:auto}}@media(min-width:960px){.film_imageWrap img{width:100%;height:100%;object-fit:cover;object-position:center}}.film_listWrap{position:absolute;left:0;top:0;width:100%;padding-top:64px;padding-bottom:var(--itemHeight);padding-left:var(--margin);padding-right:var(--margin);line-height:var(--itemHeight);color:var(--c-white);mix-blend-mode:difference}@media not all and (min-width:960px){.film_listWrap .col1{display:none}}@media(min-width:960px){.film_listWrap .col1{width:var(--column);white-space:nowrap}}@media not all and (min-width:960px){.film_listWrap .col2,.film_listWrap .col3{width:calc(var(--column) * 5 + var(--gutter) * 4)}}@media(min-width:960px){.film_listWrap .col2,.film_listWrap .col3{width:calc(var(--column) * 4 + var(--gutter) * 3)}}.film_header{display:flex;column-gap:var(--gutter);height:var(--itemHeight)}.film_header .btn{cursor:pointer;user-select:none}.film_list{margin-top:var(--itemHeight)}.film_item{display:flex;column-gap:var(--gutter);height:var(--itemHeight);cursor:pointer}.film_item>*{pointer-events:none}.film_item .client,.film_item .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.film.is-rect-active .film_item{opacity:.4}.film.is-rect-active .film_item.is-active{opacity:1}.film.is-pointer-lock{pointer-events:none;cursor:default}.project{user-select:none;background-color:#000}.project_videoWrap{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000}.project_videoWrap.is-blur{filter:blur(50px)}.project_videoWrap iframe{display:block;width:100%;height:100%;pointer-events:none}.project_thumbnail{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:var(--c-black)}.project_thumbnail.is-blur{filter:blur(50px)}@media not all and (min-width:960px){.project_thumbnail{display:flex;align-items:center}}@media not all and (min-width:960px){.project_thumbnail img{width:100%;height:auto}}@media(min-width:960px){.project_thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}}.project_ui,.project_contactBar{position:absolute;z-index:2;left:var(--rect-left);top:calc(var(--ui-center, 50vh) - var(--rect-height) * .5);width:calc(100% - var(--rect-left) * 2);height:var(--rect-height);display:flex;justify-content:flex-start;align-items:center;color:var(--c-orange);white-space:nowrap}@media not all and (min-width:960px){.project_ui,.project_contactBar{padding:0 8px}}@media(min-width:960px){.project_ui,.project_contactBar{padding:0 12px}}.project_ui{opacity:var(--ui-opacity, 1);transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.project_ui .playStateBtn{flex:0 0 auto;cursor:pointer}.project_ui .playStateBtn>*{pointer-events:none}.project_ui .playStateBtn .playBtn,.project_ui .playStateBtn .pauseBtn{display:flex;align-items:center}.project_ui .playStateBtn.is-paused .playBtn{display:flex}.project_ui .playStateBtn.is-paused .pauseBtn,.project_ui .playStateBtn.is-playing .playBtn{display:none}.project_ui .playStateBtn.is-playing .pauseBtn{display:flex}@media not all and (min-width:960px){.project_ui .playStateBtn .icon{height:18px}}@media(min-width:960px){.project_ui .playStateBtn .icon{height:20px}}.project_ui .playStateBtn .icon svg{width:auto;height:100%}@media not all and (min-width:960px){.project_ui .playStateBtn .text{display:none}}@media(min-width:960px){.project_ui .playStateBtn .text{display:flex;justify-content:center;width:43px;padding-top:1px}}.project_ui .progressBar{position:relative;flex:1 1 auto;height:100%;cursor:pointer}@media not all and (min-width:960px){.project_ui .progressBar{margin-left:8px}}@media(min-width:960px){.project_ui .progressBar{margin-left:16px}}.project_ui .progressBar:before{content:"";position:absolute;left:0;top:calc(50% - .5px);display:block;width:100%;height:1px;background-color:#ff6f004d;pointer-events:none}.project_ui .progressBar .current{position:absolute;left:0;top:calc(50% - 1px);width:100%;height:2px;background-color:var(--c-orange);transform:scaleX(0);transform-origin:left top;pointer-events:none}.project_ui .otherBtns{display:flex;flex:0 0 auto;margin-left:16px}@media not all and (min-width:960px){.project_ui .otherBtns{column-gap:8px}}@media(min-width:960px){.project_ui .otherBtns{column-gap:12px}}.project_ui .soundStateBtn{position:relative;cursor:pointer}.project_ui .soundStateBtn:before{content:"";position:absolute;left:0;top:50%;display:block;width:100%;height:1px;background-color:currentColor;pointer-events:none;transform-origin:right top;transform:scaleX(0);transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.project_ui .soundStateBtn.is-muted:before{transform-origin:left top;transform:scaleX(1)}@media not all and (min-width:960px){.project_contactBar{column-gap:4px}}@media(min-width:960px){.project_contactBar{column-gap:6px}}@media not all and (min-width:960px){.project_contactBar .lockIcon{width:14.4px}}@media(min-width:960px){.project_contactBar .lockIcon{width:16px}}.project_contactBar .lockIcon svg{fill:currentColor;width:100%;height:auto}.project_contactBar a:not(.backBtn),.project_contactBar button{text-decoration:underline}.project_contactBar .backBtn{margin-left:auto}.project_contactInfo{position:absolute;z-index:3;background-color:var(--c-orange);color:var(--c-black);padding:var(--margin)}@media not all and (min-width:960px){.project_contactInfo{left:calc(50% - 145px);top:calc(50% - 147px);width:291px;height:294px}}@media(min-width:960px){.project_contactInfo{left:calc(50% - 217px);top:calc(50% - 156px);width:434px;height:312px}}.project_contactInfo ol{margin-top:1em}.project_contactInfo ol li{display:flex;column-gap:var(--gutter)}@media not all and (min-width:960px){.project_contactInfo ol li .heading{flex:0 0 67px}}@media(min-width:960px){.project_contactInfo ol li .heading{flex:0 0 74px}}.project_contactInfo ol li .content{flex:0 0 auto;display:flex}.project_contactInfo ol li .content button{text-decoration:underline}.project_contactInfo .closeBtn{position:absolute;right:var(--margin);bottom:var(--margin)}.project_sceneWrap{position:absolute;z-index:3;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media not all and (min-width:960px){.project_sceneWrap .imageWrap{width:calc(var(--column) * 8 + var(--gutter) * 7)}}@media(min-width:960px){.project_sceneWrap .imageWrap{width:calc(var(--column) * 12 + var(--gutter) * 11)}}.project_sceneWrap .indexWrap{position:absolute;left:var(--margin);bottom:var(--margin);color:#fff}@media not all and (min-width:960px){.project_sceneWrap .indexWrap{width:calc(100% - var(--margin) * 2);display:grid;grid-template-columns:repeat(8,1fr)}}@media(min-width:960px){.project_sceneWrap .indexWrap{display:flex}}@media not all and (min-width:960px){.project_sceneWrap .indexWrap h3{display:none}}@media(min-width:960px){.project_sceneWrap .indexWrap h3{margin-right:16px}}.project_sceneWrap .indexWrap .index{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center}@media not all and (min-width:960px){.project_sceneWrap .indexWrap .index{height:18px}}@media(min-width:960px){.project_sceneWrap .indexWrap .index{width:48px;height:20px}}.project_sceneWrap .indexWrap .index .bg{--p: 0;position:absolute;z-index:1;left:0;top:0;display:block;width:100%;height:100%;background-color:#fff;transform:scaleX(var(--p));transform-origin:left top}.project_sceneWrap .indexWrap .index .text{position:relative;z-index:2;display:block;mix-blend-mode:difference}.project_header{position:absolute;z-index:4;left:var(--margin);top:var(--vMargin);color:#fff;mix-blend-mode:difference;opacity:var(--ui-opacity, 1);transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.project_header .title{white-space:nowrap}.project_header .infoText{padding:1em 0;white-space:pre-line}.project_header .infoBtn{text-decoration:underline}@media not all and (min-width:960px){.photo_content{padding:88px var(--margin) 72px}}@media(min-width:960px){.photo_content{padding:116px var(--margin) 120px}}.photo_list{display:grid;column-gap:var(--gutter)}@media not all and (min-width:960px){.photo_list{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:60px}}@media(min-width:960px){.photo_list{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:84px}}.photo_item{grid-column:span 2;width:calc(var(--column) * 4 + var(--gutter) * 3);padding:0 calc(var(--column) * 1 + var(--gutter) * 1);cursor:pointer}.photo_item>*{pointer-events:none}.photo_item img{width:100%;height:auto}@media not all and (min-width:960px){.photo_item:nth-child(5n+4){grid-column:2/span 2}.photo_item:nth-child(5n+5){grid-column:4/span 2}}@media(min-width:960px){.photo_item:nth-child(11n+7){grid-column:2/span 2}.photo_item:nth-child(11n+8){grid-column:4/span 2}.photo_item:nth-child(11n+9){grid-column:6/span 2}.photo_item:nth-child(11n+10){grid-column:8/span 2}.photo_item:nth-child(11n+11){grid-column:10/span 2}}.photo_detail{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--c-white)}.photo_detail .imageWrap{position:absolute;left:0;top:60px;width:100%;height:calc(100% - 120px);display:flex;justify-content:center}.photo_detail .imageWrap img{width:auto;height:100%;pointer-events:none}@media not all and (min-width:960px){.photo_detail .imageWrap img{width:100%;height:100%;object-fit:contain;object-position:center}}.photo_detail .imageWrap .left,.photo_detail .imageWrap .right{position:absolute;top:0;width:50%;height:100%}.photo_detail .imageWrap .left{left:0;cursor:w-resize}.photo_detail .imageWrap .right{right:0;cursor:e-resize}.photo_detail .index{position:absolute;left:calc(50% - 160px);bottom:0;width:320px;height:60px;display:flex;justify-content:center;align-items:center;column-gap:6px}.photo_detail .closeBtn{position:absolute;right:var(--margin);bottom:0;height:60px;display:flex;align-items:center}.about{user-select:none}.about_contentWrap{min-height:100%}@media not all and (min-width:960px){.about_contentWrap{margin-top:46px;padding:0 var(--margin) 60px}}@media(min-width:960px){.about_contentWrap{margin-top:56px;padding-left:calc(var(--column) * 9 + var(--gutter) * 9 + var(--margin));padding-bottom:56px;padding-right:var(--margin)}}.about_langBtns{display:flex;align-items:center;column-gap:8px;margin-bottom:20px}.about_langBtns .bar{width:16px;height:1px;background-color:var(--c-black);opacity:.4}.about_langBtns button{opacity:.4}.about_langBtns button.is-active{opacity:1}.about_langCursor{position:absolute;left:0;top:0;display:flex;align-items:center;column-gap:8px;white-space:nowrap;pointer-events:none}.about_langCursor .bar{width:16px;height:1px;background-color:var(--c-black);opacity:.4}.about_langCursor span{opacity:.4}.about_langCursor span.is-active{opacity:1}.about_section+.about_section{margin-top:20px}.about_section a{text-decoration:underline}.about_section ol li{position:relative;padding-left:10px;text-indent:-10px}.about_copyBtn{text-decoration:underline}body.is-touch-device .about_langCursor{display:none}body:not(.is-touch-device) .about_langBtns{display:none}