@font-face{font-family:"satoshi-Regular";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Satoshi/Satoshi-Regular.woff2") format("woff2"),url("../fonts/Satoshi/Satoshi-Regular.woff") format("woff")}@font-face{font-family:"satoshi-Medium";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Satoshi/Satoshi-Medium.woff2") format("woff2"),url("../fonts/Satoshi/Satoshi-Medium.woff") format("woff")}@font-face{font-family:"satoshi-Bold";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Satoshi/Satoshi-Bold.woff2") format("woff2"),url("../fonts/Satoshi/Satoshi-Bold.woff") format("woff")}.main-works-detail{width:100%}.works-detail__list-button{position:fixed;padding:10px;top:15px;right:13px;z-index:10;outline:none}@media only screen and (min-width:768px){.works-detail__list-button{top:23px;right:27px}}.works-button__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:9px;-moz-column-gap:9px;column-gap:9px}.works-button__text{padding-top:1px;font-size:1.6rem;letter-spacing:0;line-height:1.2;font-family:"SabonNextLTPro-Regular",serif;color:#2E2E2E}@media only screen and (min-width:768px){.works-button__text{font-size:1.5rem}}.works-button__icon{padding-top:3px;width:21px}.works-button__icon svg{width:100%;height:auto;display:block}.works-button__icon svg .path-border{-webkit-transition:-webkit-transform 0.7s;transition:-webkit-transform 0.7s;transition:transform 0.7s;transition:transform 0.7s,-webkit-transform 0.7s;-webkit-transform-origin:center;transform-origin:center}.gallery-open .works-button__icon svg .path-border{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.works-detail{position:relative;width:100%;height:100%;z-index:1}.works-detail__slide{position:fixed;top:0;z-index:10;width:100%;height:100svh;background-color:#E6E6E6;-webkit-transition:-webkit-transform 0.8s 0.3s ease-in-out;transition:-webkit-transform 0.8s 0.3s ease-in-out;transition:transform 0.8s 0.3s ease-in-out;transition:transform 0.8s 0.3s ease-in-out,-webkit-transform 0.8s 0.3s ease-in-out}.works-detail__slide .swiper{width:100%;height:100%}.works-detail__slide .swiper-wrapper{width:100%;height:100%}.works-detail__slide .swiper-slide{width:100%;height:100%}.gallery-open .works-detail__slide{-webkit-transform:translateY(-52.0151133501svh);transform:translateY(-52.0151133501svh);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}@media only screen and (min-width:768px){.gallery-open .works-detail__slide{-webkit-transform:translateY(-66.0416666667vh);transform:translateY(-66.0416666667vh)}}.works-slide__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.works-swiper-button-next,.works-swiper-button-prev{display:none}@media only screen and (min-width:768px){.works-swiper-button-next,.works-swiper-button-prev{display:block;position:absolute;top:0;width:50%;height:100%;z-index:1}.gallery-open .works-swiper-button-next,.gallery-open .works-swiper-button-prev{pointer-events:none}}.works-swiper-button-prev{left:0}.works-swiper-button-next{right:0}@media (hover:hover) and (pointer:fine){.works-swiper-button-prev{-webkit-transform:rotate(180deg);transform:rotate(180deg);cursor:url("../img/works-detail/cursor_slide_left.svg"),pointer}.works-swiper-button-next{cursor:url("../img/works-detail/cursor_slide_right.svg"),pointer}}.works-detail__counter{position:absolute;right:23px;bottom:23px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px}@media only screen and (min-width:768px){.works-detail__counter{right:37px;bottom:29px}}.works-detail__counter .slide-count{display:block;font-size:1.4rem;letter-spacing:0;line-height:1.2;font-family:"SabonNextLTPro-Regular",serif;color:#2E2E2E}.works-detail__counter .slash{margin-top:-3px;display:block;width:6.8px}.works-detail__counter .slash img{width:100%;height:auto;display:block}.affordance{position:absolute;right:78px;bottom:30px;width:32px;height:3px;z-index:1}@-webkit-keyframes scaleX-scroll-line{0%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}39%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes scaleX-scroll-line{0%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}39%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}40%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}}.affordance__border{display:block;width:100%;height:1px;background-color:#2E2E2E;-webkit-animation:scaleX-scroll-line 2.2s infinite;animation:scaleX-scroll-line 2.2s infinite}.works-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;z-index:1;pointer-events:none}.gallery-open .works-background{pointer-events:all;cursor:pointer}.works-detail__meta{position:absolute;left:22px;bottom:26px;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:11px;-moz-column-gap:11px;column-gap:11px}@media only screen and (min-width:768px){.works-detail__meta{left:36px;bottom:30px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}}.works-detail__meta .number{font-size:1.2rem;letter-spacing:0.05em;line-height:1.2;font-family:"SabonNextLTPro-Regular",serif;color:#2E2E2E}@media only screen and (min-width:768px){.works-detail__meta .number{letter-spacing:0}}.works-detail__meta .size{font-size:1.2rem;letter-spacing:0.03em;line-height:1.2;font-family:"SabonNextLTPro-Regular",serif;color:#2E2E2E}.back-to-archive{position:absolute;top:0;left:0;width:54px;height:62px;z-index:1}@media only screen and (min-width:768px){.back-to-archive{width:84px;height:78px}}.back-to-archive__link{width:100%;height:100%;display:-ms-grid;display:grid;place-items:center}.back-to-archive__link img{width:8px;height:auto;display:block;-webkit-transform:translateY(2px);transform:translateY(2px)}@media only screen and (min-width:768px){.back-to-archive__link img{width:8px;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes change-position-to-relative{0%{position:fixed}to{position:relative}}@keyframes change-position-to-relative{0%{position:fixed}to{position:relative}}@-webkit-keyframes change-position-to-fixed{0%{position:relative}to{position:fixed}}@keyframes change-position-to-fixed{0%{position:relative}to{position:fixed}}.works-thumbnails{position:fixed;left:0;top:0;width:100%;height:100svh;z-index:5;overflow:hidden;background-color:#E6E6E6;-webkit-transform:translateY(100svh);transform:translateY(100svh);-webkit-transition:-webkit-transform 0.8s 0.3s ease-in-out;transition:-webkit-transform 0.8s 0.3s ease-in-out;transition:transform 0.8s 0.3s ease-in-out;transition:transform 0.8s 0.3s ease-in-out,-webkit-transform 0.8s 0.3s ease-in-out}@media only screen and (min-width:768px){.works-thumbnails{height:100vh}}@media only screen and (min-width:768px){.works-thumbnails{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.works-thumbnails:before{position:absolute;content:"";inset:0;z-index:10;background-color:#1D1D1D;pointer-events:none;opacity:0.75;-webkit-transition:opacity 0.8s 0.3s;transition:opacity 0.8s 0.3s}.gallery-open .works-thumbnails:before{opacity:0;-webkit-transition:opacity 0.8s;transition:opacity 0.8s}.gallery-open .works-thumbnails{-webkit-transform:translateY(47.9848866499svh);transform:translateY(47.9848866499svh);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}@media only screen and (min-width:768px){.gallery-open .works-thumbnails{-webkit-transform:translateY(33.9583333333vh);transform:translateY(33.9583333333vh)}}.works-thumbnails__list{position:relative;padding-block:73px;padding-inline:15.5128205128%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:calc(100svh - 73px - 73px);display:-ms-grid;display:grid;-ms-grid-columns:(37.9182156134%)[2];grid-template-columns:repeat(2,37.9182156134%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;row-gap:69px;-webkit-transform:translateX(-1.5%);transform:translateX(-1.5%);overflow-y:auto;scrollbar-color:#a2a2a2 #E6E6E6}@media only screen and (min-width:768px){.works-thumbnails__list{padding-block:160px;padding-inline:13.8888888889%;max-height:calc(100vh - 160px - 160px);-ms-grid-columns:(13.4615384615%)[4];grid-template-columns:repeat(4,13.4615384615%);row-gap:121px;-webkit-transform:translateX(0);transform:translateX(0)}}.works-thumbnails__button{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:32px 10px 1fr;grid-template-columns:32px 1fr;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;outline:none}@media only screen and (min-width:768px){.works-thumbnails__button{-webkit-column-gap:18px;-moz-column-gap:18px;column-gap:18px}}.works-thumbnails__button img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;object-fit:cover;aspect-ratio:60/71}@media only screen and (min-width:768px){.works-thumbnails__button img{aspect-ratio:90/107}}.works-thumbnails__number{margin-top:-1px;font-size:1.1rem;letter-spacing:0.05em;line-height:1.2;font-family:"SabonNextLTPro-Regular",serif;color:#2E2E2E;display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.works-thumbnails__number:after{position:absolute;content:"";left:50%;bottom:-3px;width:9px;height:1px;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);background-color:#2E2E2E}@media only screen and (min-width:768px){.works-thumbnails__number{margin-top:0px}.works-thumbnails__number:after{width:11px;-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}.works-thumbnails__button:hover .works-thumbnails__number:after{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);-webkit-transform-origin:left;transform-origin:left}}.is-current .works-thumbnails__number:after{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);-webkit-transform-origin:left;transform-origin:left}