.main-keyvisual{--margin-kv-box: 341px;height:1000px}@media (max-width: 1024px){.main-keyvisual{--margin-kv-box: 190px;height:640px}}@media (max-width: 720px){.main-keyvisual{--margin-kv-box: 80px;height:166.667vw;max-height:calc(100vh - 60px)}}.main-keyvisual__swiper{height:100%}.main-keyvisual__swiper--right .page-width{justify-content:flex-end}.main-keyvisual__swiper--right .text-box{text-align:right}@media (max-width: 720px){.main-keyvisual__swiper--right .text-box{padding-right:0!important;padding-left:var(--page-mobile-padding)}}.main-keyvisual__swiper--right .swiper-controls__inner{justify-content:flex-end}.main-keyvisual__swiper--white .swiper-button-prev path,.main-keyvisual__swiper--white .swiper-button-next path{stroke:var(--white)}.main-keyvisual__swiper--white .swiper-controls .swiper-pagination-fraction{color:var(--white)}.main-keyvisual__swiper--white .swiper-controls .swiper-pagination-fraction__total{color:#ffffff80}.main-keyvisual__swiper--white .swiper-controls .swiper-progressbar{background:#ffffff4d}.main-keyvisual__swiper--white .swiper-controls .swiper-progressbar-fill{background:var(--white)}.main-keyvisual__swiper--white .swiper-controls .swiper-auto-play-button{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5431%) hue-rotate(278deg) brightness(113%) contrast(98%)}.main-keyvisual__item{display:block;width:100%;height:100%}.main-keyvisual .img-box{height:100%}.main-keyvisual .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.main-keyvisual .page-width{display:flex;position:absolute;top:0;left:0;right:0;height:100%;z-index:2}@media (max-width: 1700px){.main-keyvisual .page-width{padding-inline:96px}}@media (max-width: 1024px){.main-keyvisual .page-width{padding-inline:80px}}@media (max-width: 720px){.main-keyvisual .page-width{padding:0 var(--page-mobile-padding);box-sizing:border-box}}.main-keyvisual .swiper-slide-active .text-box strong{animation:kv-fade-up-head 1s cubic-bezier(.33,1,.68,1) both;animation-delay:.2s}.main-keyvisual .swiper-slide-active .text-box p{animation:kv-fade-up-body 1.2s cubic-bezier(.33,1,.68,1) both;animation-delay:.6s}@keyframes kv-fade-up-head{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes kv-fade-up-body{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.main-keyvisual .text-box{position:absolute;top:var(--margin-kv-box);margin-bottom:0}@media (max-width: 720px){.main-keyvisual .text-box{top:auto;bottom:86px;margin-bottom:0;padding-right:var(--page-mobile-padding)}}.main-keyvisual .text-box strong{display:block;font-weight:700;opacity:0;transform:translateY(30px)}.main-keyvisual .text-box p{opacity:0;transform:translateY(40px)}@media (max-width: 720px){.main-keyvisual .text-box p{font-size:var(--body01-font-size);line-height:var(--body01-line-height)}}.main-keyvisual .swiper-controls{bottom:var(--margin-kv-box)}@media (max-width: 1700px){.main-keyvisual .swiper-controls__wrap{padding-inline:96px}}@media (max-width: 1024px){.main-keyvisual .swiper-controls__wrap{padding-inline:80px}}@media (max-width: 720px){.main-keyvisual .swiper-controls__wrap{padding:0 var(--page-mobile-padding)}}@media (max-width: 1024px){.main-keyvisual .swiper-controls{bottom:var(--margin-kv-box)}}@media (max-width: 720px){.main-keyvisual .swiper-controls{bottom:calc(var(--margin-kv-box) / 2)}}.main-keyvisual .swiper-button-prev{left:80px}@media (max-width: 1728px){.main-keyvisual .swiper-button-prev{left:0}}.main-keyvisual .swiper-button-next{right:80px}@media (max-width: 1728px){.main-keyvisual .swiper-button-next{right:0}}@media (max-width: 720px){.main-keyvisual .swiper-button-prev,.main-keyvisual .swiper-button-next{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/main-keyvisual.scss.css.map */