@import"https://fonts.googleapis.com/css2?family=EB+Garamond&family=Noto+Serif+JP&display=swap";html{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}*,::before,::after{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:rgba(0,0,0,0);text-decoration:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;vertical-align:bottom}button,input,optgroup,select,textarea{font:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}ul{list-style-type:none}:root{--main-bg-color: #535252;--main-txt-color: #B8B8B8;--sub-txt-color: #9d9d9d;--info-bg-color: #000000}@view-transition{navigation:auto}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;background-color:var(--main-bg-color);min-height:100dvh}body{font-family:"EB Garamond","Noto Serif JP",serif;-webkit-tap-highlight-color:rgba(0,0,0,0);font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--main-txt-color)}body.index{overflow:hidden}body.index.active{overflow:auto}body.index.active .covers{z-index:40}@media screen and (min-width: 1024px){body.index.active .covers .cover .img-wrapper{-webkit-transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease;transition:transform .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease}body.index.active .covers .cover .img-wrapper:hover{-webkit-transform:scale(1.03) translateZ(0);transform:scale(1.03) translateZ(0);-webkit-filter:drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.85));filter:drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.85))}}@media screen and (min-width: 1024px){body.index.active:has(.covers>.cover>.img-wrapper:hover) .backdrop{opacity:.5}body.index.active:has(.covers>.cover>.img-wrapper:hover) #information,body.index.active:has(.covers>.cover>.img-wrapper:hover) #pager{z-index:20}}main.info{min-height:100dvh;background-color:#000}@media screen and (min-width: 1024px){main.index{min-height:720px;height:100%}}#loading-screen{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background-color:var(--main-bg-color);color:var(--main-txt-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-variant-numeric:tabular-nums;font-size:2rem}#opening-images{position:fixed;top:0;left:0;width:100%;height:100%}#opening-images .img{position:absolute;display:block;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;height:calc(280*.25641026vw)}@media screen and (min-width: 1024px){#opening-images .img{height:47.857dvh}}#title{position:fixed;z-index:10;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:top 1.4s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:top 1.4s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1),top 1.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1),top 1.4s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 1.4s cubic-bezier(0.645, 0.045, 0.355, 1)}#title.active{top:calc(60*.25641026vw);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}@media screen and (min-width: 1024px){#title.active{top:80px}}#title #title-logo{display:block;width:calc(320*.25641026vw);opacity:0;margin-bottom:6px}@media screen and (min-width: 1024px){#title #title-logo{width:auto;height:11.857dvh}}#title #title-name #text{display:block;width:calc(186.06*.25641026vw)}#title #title-name .st0{fill:none;stroke:#fff;stroke-width:2}#title #title-name .st1{fill:#b8b8b8;stroke:none}@media screen and (min-width: 1024px){#title #title-name #text{width:auto;height:6dvh}}#pager,#subject,#information{position:fixed;z-index:50;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);color:var(--main-txt-color);-webkit-transition:opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .8s cubic-bezier(0.215, 0.61, 0.355, 1)}#pager.active,#subject.active,#information.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}#pager{left:calc(30*.25641026vw);bottom:calc(24*.25641026vw);font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-delay:1s;transition-delay:1s}@media screen and (min-width: 1024px){#pager{left:28px;bottom:22px}}#subject{z-index:50;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:calc(60*.25641026vw);left:0;font-size:3.6rem;-webkit-transition-delay:1.1s;transition-delay:1.1s}@media screen and (min-width: 1024px){#subject{bottom:22px}}#information{right:calc(30*.25641026vw);bottom:calc(24*.25641026vw);font-size:2rem;-webkit-transition-delay:1.2s;transition-delay:1.2s}@media screen and (min-width: 1024px){#information{right:28px;bottom:22px}}#information a{color:var(--main-txt-color);-webkit-transition:color .5s ease;transition:color .5s ease}#information a:hover{color:#000}.covers{position:relative;display:none;z-index:1}.covers.open{display:block}.covers .cover{height:100dvh;padding-top:calc(20*.25641026vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.covers .cover.open .img-wrapper:after{height:0 !important}.covers .cover:first-child .img-wrapper:after{content:"";position:absolute;-webkit-transition:height 1.4s cubic-bezier(0.76, 0, 0.24, 1);transition:height 1.4s cubic-bezier(0.76, 0, 0.24, 1);z-index:2;width:calc(100% + 2px);height:calc(280*.25641026vw);background-color:var(--main-bg-color);top:0;left:-1px}@media screen and (min-width: 1024px){.covers .cover{padding-top:36dvh;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.covers .cover:first-child .img-wrapper:after{height:47.857dvh}}.covers .cover .img-wrapper{position:relative;display:block;height:calc(280*.25641026vw);outline:none}.covers .cover .img-wrapper img{position:relative;z-index:1;display:block;height:100%;-o-object-fit:cover;object-fit:cover;contain:paint}@media screen and (min-width: 1024px){.covers .cover .img-wrapper{height:47.857dvh}}.backdrop{position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;-webkit-transition:opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);background-color:var(--main-bg-color)}section.info-header{padding:60px 35px 120px 35px}section.info-header img{display:block;width:100%}@media screen and (min-width: 1024px){section.info-header{padding:80px 0 160px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.info-header img{width:720px}}section.info-body .img-wrapper{padding-bottom:72px}section.info-body .img-wrapper img{width:100%}section.info-body .profile{font-size:1.6rem;line-height:2;padding:0 30px}section.info-body .profile .p .history li{display:-webkit-box;display:-ms-flexbox;display:flex}section.info-body .profile .p .history li span{-ms-flex-negative:0;flex-shrink:0;width:41px}section.info-body .profile .p .history li p{-webkit-box-flex:1;-ms-flex:1;flex:1}section.info-body .profile .p+.p{padding-top:33px}section.info-body .contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:120px 0 110px 0}section.info-body .contacts ul{width:232px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem}section.info-body .contacts ul li{padding:20px 0}section.info-body .contacts ul li a{color:var(--main-txt-color)}@media screen and (min-width: 1024px){section.info-body .wrapper{margin:0 auto 112px auto;max-width:1280px;width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}section.info-body .wrapper .img-wrapper{width:400px;margin-right:50px;-ms-flex-negative:0;flex-shrink:0}section.info-body .wrapper .profile{-webkit-box-flex:1;-ms-flex:1;flex:1}section.info-body .wrapper .contacts{position:absolute;left:0;top:327px;padding:0}section.info-body .wrapper .contacts ul{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}section.info-body .wrapper .contacts ul a{-webkit-transition:color .5s ease;transition:color .5s ease}section.info-body .wrapper .contacts ul a:hover{color:#333}}section.info-footer,section.work-footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 30px 24px 30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2rem;line-height:1.3;color:var(--main-txt-color)}section.info-footer a,section.work-footer a{-webkit-transition:color .5s ease;transition:color .5s ease;color:var(--main-txt-color)}@media screen and (min-width: 1024px){section.info-footer,section.work-footer{padding:0 28px 22px 28px}}@media screen and (min-width: 1024px){section.info-footer a:hover{color:#333}}@media screen and (min-width: 1024px){section.work-footer a:hover{color:#000}}section.work-header .cover{display:block;width:100%;contain:paint}section.work-header .content{padding:30px 40px 160px 40px}section.work-header h1{font-size:3.6rem;line-height:1}section.work-header p.spec{padding-top:16px;font-size:1.6rem;line-height:1.4}section.work-header p.desc{padding-top:64px;font-size:2rem;line-height:1.5}@media screen and (min-width: 1024px){section.work-header .cover{width:auto;height:100dvh;margin:0 auto}section.work-header .content{padding:76px 40px 156px 40px}section.work-header p.desc{width:620px}}section.work-body .details li{padding:0 40px;margin-bottom:80px}section.work-body .details li img{display:block;width:100%}section.work-body .details li.vertical{padding:0}section.work-body .details li.both img+img{margin-top:80px}section.work-body .details li.youtube iframe{width:100%;display:block;aspect-ratio:16/9}@media screen and (min-width: 1024px){section.work-body .details li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:400px}section.work-body .details li.left img,section.work-body .details li.right img,section.work-body .details li.both img{width:45.8%;-ms-flex-negative:0;flex-shrink:0}section.work-body .details li.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}section.work-body .details li.horizontal{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.work-body .details li.horizontal img{width:auto;height:627px}section.work-body .details li.vertical{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section.work-body .details li.vertical img{width:auto;height:100dvh}section.work-body .details li.both{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}section.work-body .details li.both img+img{margin-top:0}}section.work-nav{padding:0 40px 110px 40px}section.work-nav img{display:block;width:100%;margin-bottom:80px}section.work-nav .works li{padding:10px 0;text-align:center;font-size:2rem;line-height:1}section.work-nav .works li.active a{color:#000;pointer-events:none}section.work-nav .works li a{color:var(--sub-txt-color)}@media screen and (min-width: 1024px){section.work-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.work-nav img{width:720px;margin-bottom:120px}section.work-nav .works li{padding:18px 0;font-size:3.6rem}section.work-nav .works li a{-webkit-transition:color .5s ease;transition:color .5s ease}section.work-nav .works li a:hover{color:#000}}.js-fade-in{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease}.js-fade-in.is-show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}