.tab-image-text{width:100%;box-sizing:border-box}.tab-image-text-inner{width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box}@media(min-width:769px){.tab-image-text-inner{padding:0 var(--gutter)}}.tab-image-text-section-title{margin:0 0 12px;text-align:center;font-weight:600;line-height:1.2}.tab-image-text-copy{position:relative;text-align:center}.tab-image-text-copy-item{display:none}.tab-image-text-copy-item.is-active{display:block}.tab-image-text-title{margin:0;font-weight:600;line-height:1.2}.tab-image-text-desc{margin:12px auto 0;font-weight:400;line-height:1.2}.tab-image-text-tabs-wrap{display:flex;justify-content:center;margin-top:20px}.tab-image-text-desc-below{margin-top:20px;text-align:center}.tab-image-text-desc-below-item{display:none;margin:0 auto;font-weight:400;line-height:1.2}.tab-image-text-desc-below-item.is-active{display:block}.tab-image-text-tabs{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;height:44px;margin:0 auto;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:32px;background:#f0f1f3;border-radius:100px}.tab-image-text-tabs::-webkit-scrollbar{display:none}.tab-image-text-tab{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:44px;margin:0;padding:0;border:none;border-radius:100px;background:transparent;color:#474747;font-size:20px;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .2s ease,background .2s ease,font-weight .2s ease}.tab-image-text-tabs .tab-image-text-tab:first-child:not(.is-active){padding-left:32px}.tab-image-text-tabs .tab-image-text-tab:last-child:not(.is-active){padding-right:32px}.tab-image-text-tab.is-active{padding:0 40px;color:#fff;font-size:20px;font-weight:500;line-height:1.2;background:linear-gradient(to right,var(--tit-tab-active-first, #148bf9),var(--tit-tab-active-last, #36efce))}.tab-image-text-tab-label{white-space:nowrap}.tab-image-text-media{position:relative;margin-top:40px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.tab-image-text-info{padding-top:20px;text-align:center}.tab-image-text-info-item{display:none;margin:0;color:#2f2f2f;font-size:12px;font-weight:400;line-height:1.2}.tab-image-text-info-item.is-active{display:block}.tab-image-text-stage{position:relative;width:100%;margin:0 auto;aspect-ratio:var(--tit-aspect-ratio-pc, 1280 / 530);border-radius:12px;overflow:hidden;background:#d9d9d9}.tab-image-text-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.tab-image-text-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(0);z-index:0}.tab-image-text-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);z-index:1}.tab-image-text-slide.is-animating{transition:transform .45s ease,opacity .45s ease,visibility .45s ease}.tab-image-text-slide.is-enter-from-right{opacity:1;visibility:visible;transform:translate(100%);z-index:2}.tab-image-text-slide.is-enter-from-left{opacity:1;visibility:visible;transform:translate(-100%);z-index:2}.tab-image-text-slide.is-exit-to-left{opacity:1;visibility:visible;transform:translate(-100%);z-index:1}.tab-image-text-slide.is-exit-to-right{opacity:1;visibility:visible;transform:translate(100%);z-index:1}.tab-image-text-slide picture,.tab-image-text-slide img,.tab-image-text-media-el,.tab-image-text-video,.tab-image-text-placeholder{display:block;width:100%;height:100%}.tab-image-text-slide img,.tab-image-text-video{object-fit:cover;object-position:center center}.tab-image-text-media-el{position:absolute;top:0;right:0;bottom:0;left:0}.tab-image-text-media-el--mobile{display:none}.tab-image-text-placeholder{background:#d9d9d9}.tab-image-text-nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:50%;background:#f0f1f3eb;color:#8a8a8a;cursor:pointer;-webkit-appearance:none;appearance:none;transform:translateY(-50%);transition:background .2s ease,color .2s ease}.tab-image-text-nav:hover{background:#e6e7ea;color:#474747}.tab-image-text-nav--prev{left:-50px}.tab-image-text-nav--next{right:-50px}.tab-image-text-nav svg{display:block;width:18px;height:18px}.tab-image-text-mobile-nav{display:none}.tab-image-text-mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:#f0f0f0;color:#282828;cursor:pointer;-webkit-appearance:none;appearance:none;flex-shrink:0}.tab-image-text-mobile-nav-btn svg{display:block;width:24px;height:24px}.tab-image-text-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:0;list-style:none}.tab-image-text-dots li{flex:0 0 auto}.tab-image-text-dot{position:relative;display:block;width:20px;height:2px;margin:0;padding:0;border:0;border-radius:1px;background:#28282833;cursor:pointer;-webkit-appearance:none;appearance:none;overflow:hidden}.tab-image-text-dot.is-active:after{content:"";position:absolute;left:0;top:0;height:100%;background:#282828;border-radius:1px;z-index:1}@keyframes tit-active-dot{0%{width:0}to{width:100%}}.tab-image-text.is-autoplay-active .tab-image-text-dot.is-active:after{width:0;animation:tit-active-dot var(--tit-autoplay-duration, 5s) linear forwards}.tab-image-text:not(.is-autoplay-active) .tab-image-text-dot.is-active:after{width:100%;animation:none}@media(max-width:768px){.tab-image-text-section-title{margin-bottom:8px}.tab-image-text-title{font-weight:600}.tab-image-text-desc{margin-top:8px;max-width:100%;line-height:1.2}.tab-image-text-tabs-wrap{margin-top:20px}.tab-image-text-desc-below{margin-top:10px}.tab-image-text-desc-below-item{max-width:100%;line-height:1.2}.tab-image-text-tabs{justify-content:flex-start;width:100%;max-width:100%;height:25px;gap:20px}.tab-image-text-tabs .tab-image-text-tab:first-child:not(.is-active){padding-left:20px}.tab-image-text-tabs .tab-image-text-tab:last-child:not(.is-active){padding-right:20px}.tab-image-text-tab{flex:1;flex-shrink:0;height:25px;font-size:12px;line-height:1.2}.tab-image-text-tab.is-active{padding:0 20px;font-size:12px;font-weight:500;line-height:1.2}.tab-image-text-media{margin-top:20px;max-width:none;padding:0}.tab-image-text-info{padding-top:10px}.tab-image-text-info-item{font-size:10px}.tab-image-text-stage{aspect-ratio:var(--tit-aspect-ratio-mobile, 355 / 200);border-radius:6px}.tab-image-text-media-el--pc{display:none}.tab-image-text-media-el--mobile{display:block}.tab-image-text-nav--pc{display:none}.tab-image-text-mobile-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.tab-image-text-info+.tab-image-text-mobile-nav{margin-top:10px}}@media(min-width:769px){.tab-image-text-mobile-nav{display:none!important}}@media(prefers-reduced-motion:reduce){.tab-image-text-slide.is-animating{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tab-image-text.css.map */