.image-card-with-tab-section{position:relative}.image-card-with-tab-section__overline{color:rgb(var(--color-accent));margin:0 0 1.6rem}.image-card-with-tab-section__heading{margin:0}.image-card-with-tab-section .card-list-container{margin-top:4.8rem}.image-card-with-tab-section__layout{display:flex;align-items:center}.image-card-with-tab-section .tab-col{display:none}.image-card-with-tab-section .card-col{flex-grow:1;display:flex;align-items:center}@media screen and (min-width:990px){.image-card-with-tab-section .tab-col{display:block;width:33%;padding-right:6.4rem}}.image-card-with-tab-section .choose-reason-wrap{position:relative;cursor:pointer;border:0;border-radius:var(--border-radius-main);overflow:hidden;padding:2.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.image-card-with-tab-section .no-last-margin>:last-child,.image-card-with-tab-section .no-last-margin p{margin-bottom:0}.image-card-with-tab-section .choose-reason-wrap+.choose-reason-wrap{margin-top:.8rem}.image-card-with-tab-section .choose-reason{display:flex;margin:0}.image-card-with-tab-section .icon-wrapper-pc{padding-right:1.6rem;align-self:flex-start}.image-card-with-tab-section .choose-reason-desc .icon-wrapper-pc,.image-card-with-tab-section .hide-choose-reason-desc .icon-wrapper-pc{opacity:0}.image-card-with-tab-section .choose-reason-desc>div,.image-card-with-tab-section .hide-choose-reason-desc>div{display:flex}.image-card-with-tab-section .choose-reason-wrap.active,.image-card-with-tab-section .choose-reason-wrap.active h4,.image-card-with-tab-section .choose-reason-wrap.active p{color:rgb(var(--color-button-text))}.image-card-with-tab-section .animation-container{width:100%;position:relative;overflow:hidden;border-radius:var(--border-radius-main)}.image-card-with-tab-section .animation-slide-inner{position:relative}.image-card-with-tab-section .animation-slide img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--border-radius-main)}.image-card-with-tab-section .content-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;margin-bottom:2.4rem;padding:.8rem 1.6rem;border-radius:var(--border-radius-badge)}.image-card-with-tab-section .tab-list-container{margin-top:3.2rem}@media screen and (min-width:990px){.image-card-with-tab-section .tab-list-container{display:none}}.image-card-with-tab-section .tab-list-container__inner{display:flex;justify-content:center}.image-card-with-tab-section .tab-list{position:relative;overflow:hidden;border-radius:50rem}.image-card-with-tab-section .tab-scroll{display:flex;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border-radius:50rem}.image-card-with-tab-section .scroll-inner-content{position:relative;margin:0 auto}.image-card-with-tab-section .tab-ul{display:flex;margin:0;white-space:nowrap}.image-card-with-tab-section .tab-button{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;border-radius:50rem;color:inherit}.image-card-with-tab-section .tab-button-text{display:inline-block}.image-card-with-tab-section .swiper-desc-container{position:relative;margin-top:2.4rem}@media screen and (min-width:750px){.image-card-with-tab-section .swiper-desc-section{text-align:center}}.image-card-with-tab-section .animation-container{position:relative;overflow:hidden;--first-width: 94.6%;--scale-width: 60px}.image-card-with-tab-section .animation-container .booth-box{width:calc(var(--first-width));pointer-events:none;opacity:0;visibility:hidden}@media(max-width:1279.98px){.image-card-with-tab-section .animation-container{--first-width: calc(10 / 11 * 100%);--scale-width: 120px}}.image-card-with-tab-section .animation-container .animation-slide{position:absolute;transition:width .5s ease,left .5s ease;display:flex;align-items:center;top:50%;transform:translateY(-50%);will-change:width,left;width:calc(var(--first-width) - var(--scale-width)*2);left:calc(100% - (var(--first-width) - var(--scale-width)*2));z-index:1}.image-card-with-tab-section .animation-container .animation-slide .animation-slide-inner{--mask-opacity: 1}.image-card-with-tab-section .animation-container .animation-slide .animation-slide-inner:after{content:"";width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:inherit;pointer-events:none;z-index:3;opacity:var(--mask-opacity)}.image-card-with-tab-section .animation-container .animation-slide[data-index="0"]{transition:none;opacity:0;pointer-events:none;z-index:6;width:calc(var(--first-width) + var(--scale-width)*1);left:calc(-1*(100% - var(--first-width))/2*1 - var(--scale-width))}.image-card-with-tab-section .animation-container .animation-slide[data-index="1"]{z-index:5;width:calc(var(--first-width));left:0%}.image-card-with-tab-section .animation-container .animation-slide[data-index="1"] .animation-slide-inner{--mask-opacity: 0}.image-card-with-tab-section .animation-container .animation-slide[data-index="2"]{z-index:4;width:calc(var(--first-width) - var(--scale-width)*1);left:calc(100% - (var(--first-width) - var(--scale-width)*1) - (100% - var(--first-width))/2*1)}.image-card-with-tab-section .animation-container .animation-slide[data-index="2"] .animation-slide-inner{--mask-opacity: .4}.image-card-with-tab-section .animation-container .animation-slide[data-index="2"] .animation-slide-inner:after{transition:opacity .5s ease}.image-card-with-tab-section .animation-container .animation-slide[data-index="2"] .animation-slide-inner.hide-mask{--mask-opacity: 0}.image-card-with-tab-section .animation-container .animation-slide[data-index="2"] .animation-slide-inner.hide-mask:after{transition:none}.image-card-with-tab-section .animation-container .animation-slide[data-index="3"]{z-index:3}.image-card-with-tab-section .animation-container .animation-slide[data-index="3"] .animation-slide-inner{--mask-opacity: .6}.image-card-with-tab-section .animation-container .animation-slide[data-index="3"] .animation-slide-inner:after{transition:opacity .5s ease}.image-card-with-tab-section .animation-container .animation-slide[data-index="3"] .animation-slide-inner.hide-mask{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode{--first-width: 88.42%;--scale-width: 110px}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide{width:calc(var(--first-width) - var(--scale-width)*3);left:calc(100% - (var(--first-width) - var(--scale-width)*3));z-index:1}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="0"]{transition:none;opacity:0;pointer-events:none;z-index:6;width:calc(var(--first-width) + var(--scale-width)*1);left:calc(-1*(100% - var(--first-width))/3*2 - var(--scale-width))}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="0"] .animation-slide-inner{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="1"]{z-index:5;width:calc(var(--first-width));left:0%}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="1"] .animation-slide-inner{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="2"]{z-index:4;width:calc(var(--first-width) - var(--scale-width)*1);left:calc(100% - (var(--first-width) - var(--scale-width)*1) - (100% - var(--first-width))/3*2)}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="2"] .animation-slide-inner{--mask-opacity: .3}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="2"] .animation-slide-inner:after{transition:opacity .5s ease}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="2"] .animation-slide-inner.hide-mask{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="2"] .animation-slide-inner.hide-mask:after{transition:none}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="3"]{width:calc(var(--first-width) - var(--scale-width)*2);left:calc(100% - (var(--first-width) - var(--scale-width)*2) - (100% - var(--first-width))/3*1);z-index:3}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="3"] .animation-slide-inner{--mask-opacity: .5}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="3"] .animation-slide-inner:after{transition:opacity .5s ease}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="3"] .animation-slide-inner.hide-mask{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="3"] .animation-slide-inner.hide-mask:after{transition:none}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="4"]{z-index:2}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="4"] .animation-slide-inner{--mask-opacity: .7}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="4"] .animation-slide-inner:after{transition:opacity .5s ease}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="4"] .animation-slide-inner.hide-mask{--mask-opacity: 0}.image-card-with-tab-section .animation-container.display-four-images-card-mode .animation-slide[data-index="4"] .animation-slide-inner.hide-mask:after{transition:none}@media(min-width:1152px){.image-card-with-tab-section .tab-col{width:33%}}@media(min-width:1152px){.image-card-with-tab-section .card-col{width:67%}}@media(max-width:767.98px){.image-card-with-tab-section .animation-container{--first-width: calc(100% - 2rem) ;--scale-width: 60px}}@media(max-width:767.98px)and (max-width:576px){.image-card-with-tab-section .animation-container{--scale-width: 40px}}@media(max-width:767.98px)and (max-width:480px){.image-card-with-tab-section .animation-container{--scale-width: 20px}}.image-card-with-tab-section .content-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#c3c3c347;color:#fff}@media(max-width:1151.98px){.image-card-with-tab-section .content-wrapper{border-radius:.8rem!important}}.image-card-with-tab-section .content-wrapper .text-content{white-space:nowrap}@media(max-width:1151.98px){.image-card-with-tab-section .content-wrapper .text-content{font-size:1.4rem!important}}.image-card-with-tab-section .tab-list-container .tab-list{max-width:100%}.image-card-with-tab-section .tab-list-container .tab-list .tab-mark{background:linear-gradient(90.14deg,#fff0 .12%,#fff 75.4%);width:2.4rem;height:100%;top:0;right:0;position:absolute;z-index:1;pointer-events:none}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;position:relative}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll::-webkit-scrollbar{display:none}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll::-webkit-scrollbar-thumb{display:none}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button{padding:1.6rem}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button.active{color:#fff;background-color:rgb(var(--color-button))}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button.active.tab-light-color{color:#fff}@media(hover:hover){.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button:hover{color:#fff;background-color:rgb(var(--color-button))}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button:hover.tab-light-color{color:#fff}}.image-card-with-tab-section .tab-list-container .tab-list .tab-scroll .tab-button .tab-button-text{width:4rem}.image-card-with-tab-section .choose-reason-wrap .choose-reason{transition:opacity .6s ease,margin-bottom .6s ease,height .6s ease;margin-bottom:0}.image-card-with-tab-section .choose-reason-wrap .choose-reason-desc{transition:opacity .6s ease,height .6s ease;height:0;opacity:0}.image-card-with-tab-section .choose-reason-wrap .hide-choose-reason-desc{position:absolute;opacity:0;top:0;z-index:-1}.image-card-with-tab-section .choose-reason-wrap .icon-wrapper-pc .show-icon{display:none}.image-card-with-tab-section .choose-reason-wrap .icon-wrapper-pc .show-icon svg{width:3.5rem;height:3.5rem}.image-card-with-tab-section .choose-reason-wrap .icon-wrapper-pc .close-icon{display:inline}.image-card-with-tab-section .choose-reason-wrap .icon-wrapper-pc .close-icon svg{width:3.5rem;height:3.5rem}.image-card-with-tab-section .choose-reason-wrap.active{background-color:rgb(var(--color-button))!important;color:#fff!important}.image-card-with-tab-section .choose-reason-wrap.active .choose-reason{margin-bottom:.8rem}.image-card-with-tab-section .choose-reason-wrap.active .choose-reason-desc{opacity:1;height:6.24rem}.image-card-with-tab-section .choose-reason-wrap.active .icon-wrapper-pc .show-icon{display:inline}.image-card-with-tab-section .choose-reason-wrap.active .icon-wrapper-pc .close-icon{display:none}.image-card-with-tab-section .swiper-desc-container .swiper-desc-item{visibility:visible;transition:opacity .3s ease;opacity:0}.image-card-with-tab-section .swiper-desc-container .swiper-desc-item.active{position:relative;width:100%;opacity:1;z-index:1}.image-card-with-tab-section .swiper-desc-container .swiper-desc-item:not(.active){position:absolute;top:0;left:0;width:100%;z-index:-1}.image-card-with-tab-section .booth-box img{width:100%;height:auto;display:block}.image-card-with-tab-section .content-wrapper{max-width:calc(100% - 3.2rem);box-sizing:border-box}.image-card-with-tab-section .content-wrapper .text-content{white-space:normal;text-align:center}.image-card-with-tab-section .choose-reason-wrap .hide-choose-reason-desc{left:0;width:100%}.image-card-with-tab-section .choose-reason-wrap .block-text{flex:1;min-width:0}.image-card-with-tab-section .choose-reason-wrap .block-text p{white-space:normal;overflow-wrap:anywhere}.image-card-with-tab-section .choose-reason-wrap.active .choose-reason-desc{height:auto}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-maxis-image-card-with-tab.css.map */