:root{--font-color: #292929;--bg-color: #ebebeb;--pc-width: calc(1348 / 1440 * 100%);--sp-width: calc(350 / 390 * 100%);--margin1em: 1em;--back-top: 24px;--back-lh: 1.3;--back-ls: 0.02em;--back-font: clamp(1.3rem, 3vw, 1.4rem)}.header__inner--backBtn{display:block}.header__logo img{opacity:0;animation-name:fade-in;animation-duration:1s;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}95%{opacity:.8}100%{opacity:1}}.pageWorksWrapper{width:89.7435897436%;margin:0 auto}@media screen and (min-width: 835px){.pageWorksWrapper{width:85.6944444444%}}.paginationCustom-mouse{display:none;mix-blend-mode:difference}@media screen and (min-width: 835px){.paginationCustom-mouse{display:block;position:fixed;top:10px;left:0;z-index:220;width:130px;transform:translate(0, 0);transition:transform .2s;transition-timing-function:ease-out}}.paginationCustom-mouse p{display:flex;flex-direction:row;align-items:center}.paginationCustom-mouse p,.paginationCustom-mouse span{font-size:1.5rem;line-height:2;color:#fff}.count-mouse{margin-left:10px}.border{margin:0 5px}.border::after{content:"";display:block;width:6px;height:1px;background-color:var(--font-color)}@media screen and (min-width: 835px){.border::after{background-color:#fff}}.grid__Works-container{display:grid;padding:clamp(210px,20vw,288px) 0 clamp(160px,22vw,314px);row-gap:clamp(53px,13vw,160px);grid-template-columns:repeat(4, 14.2857142857%);justify-content:space-between;align-items:center}@media screen and (min-width: 835px){.grid__Works-container{grid-template-columns:repeat(5, 7.6175040519%)}}.grid__Works-container img{-o-object-fit:contain;object-fit:contain}.grid__Works__item{cursor:pointer}.Works-container__modal{opacity:0;position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:9;background-color:var(--bg-color);visibility:hidden}.Works-container__modal.is-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .3s .3s}.Works-container__modal.btn-anime{transition:all 1s .3s}.Works-container__modal .thumbnailSwiper{padding-top:15vh}.Works-container__modal.hide-thumbnail .mainSwiper .swiper-button-next,.Works-container__modal.hide-thumbnail .mainSwiper .swiper-button-prev{pointer-events:auto}@media screen and (min-width: 835px){.Works-container__modal.hide-thumbnail .mainSwiper{height:calc(100vh - 136px);width:42.3611111111vw}}.Works-container__modal.hide-thumbnail .tapArea{display:block;width:100%;height:10%;position:fixed;bottom:0;z-index:30}@media screen and (min-width: 835px){.Works-container__modal.hide-thumbnail .tapArea{display:none}}.Works-container__modal.hide-thumbnail .thumbnailSwiper{opacity:0;pointer-events:none;transform:translateX(5vw);z-index:20}@media screen and (min-width: 835px){.Works-container__modal.hide-thumbnail .thumbnailSwiper{pointer-events:auto;transform:translateX(10vw);opacity:0;z-index:300;width:100%;transition:all .7s ease}}.Works-container__modal.hide-thumbnail .slider-thumbnail__parts{opacity:1}@media screen and (min-width: 835px){.Works-container__modal{display:block}}.modal__content{position:relative;width:100%}.modal__close-btn{font-size:var(--back-font);color:#797979;line-height:var(--back-lh);letter-spacing:var(--back-ls);position:absolute;top:24px;right:5.1282051282%;cursor:pointer;z-index:100}@media screen and (min-width: 835px){.modal__close-btn{top:36px;right:3.2986111111%}}.mainSwiper{position:relative;z-index:200;margin-top:130px}@media screen and (min-width: 835px){.mainSwiper{transform-origin:center;transition:all .8s ease;height:calc(100vh - 280px);width:33.8888888889vw;margin:68px auto 0}}.mainSwiper .swiper{width:79.4871794872%;margin:0 auto}@media screen and (min-width: 835px){.mainSwiper .swiper{width:auto;height:100%}}.mainSwiper .swiper-wrapper{align-items:center}.mainSwiper .swiper-wrapper img{-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 835px){.mainSwiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}.mainSwiper .clickArea{z-index:60;width:100%;height:75%;position:fixed;top:15%;left:0}@media screen and (min-width: 835px){.mainSwiper .clickArea{width:100%;height:60%;position:fixed;top:70px}}.mainSwiper .swiper-button-next,.mainSwiper .swiper-button-prev{width:50%;height:100%;top:0;right:0;margin-top:0;opacity:0;pointer-events:none}@media screen and (min-width: 835px){.mainSwiper .swiper-button-next,.mainSwiper .swiper-button-prev{pointer-events:visible}}.thumbnailSwiper{width:89.7435897436%;transition:all 1s ease;left:0}@media screen and (min-width: 835px){.thumbnailSwiper{width:100%;margin:0 auto;transition:all 2s ease}}@media screen and (min-width: 835px){.thumbnailSwiper .swiper{width:var(--pc-width)}}.thumbnailSwiper .swiper .swiper-slide{width:clamp(50px,12vw,94px);cursor:pointer}.thumbnailSwiper .swiper .swiper-slide.swiper-slide-thumb-active{opacity:1}.thumbnailSwiper .swiper .swiper-wrapper{align-items:center}.thumbnailSwiper:hover{z-index:300}.thumbnailSwiper,.slider-thumbnail__parts{position:fixed;bottom:1.7rem;left:20px}@media screen and (min-width: 835px){.thumbnailSwiper,.slider-thumbnail__parts{left:0;bottom:36px}}.slider-thumbnail__parts{display:flex;align-items:center;justify-content:space-between;width:var(--sp-width);margin:0 auto;opacity:0;pointer-events:none}.slider-thumbnail__parts img{width:30px;height:30px}@media screen and (min-width: 835px){.slider-thumbnail__parts{display:none;pointer-events:auto}}.paginationCustom p{display:flex;align-items:center}.paginationCustom p,.paginationCustom span{font-size:1.3rem;line-height:2}.paginationCustom .count-mouse{margin-left:8px}