.image-banner-v3-container{display:flex}.image-banner-v3-container video,.image-banner-v3-container img{width:100%;height:auto;display:block}.image-banner-v3__left{width:calc(100% - var(--media-width));box-sizing:border-box}.image-banner-v3__content{display:flex;flex-direction:column;padding:5% 0;justify-content:center;height:100%}.image-banner-v3__cont-list{position:relative}.image-banner-v3__cont-title{font-size:4rem;line-height:1.3;font-weight:700;background:var(--content-title);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.image-banner-v3__cont-desc{font-size:1.8rem;margin-top:1rem;line-height:1.3;min-height:2.6em}.image-banner-v3__tabs{width:100%;margin-top:3rem}.image-banner-v3__tab{display:flex;flex-direction:column;align-items:center;gap:1.5rem;opacity:.5;transition:opacity .4s}.image-banner-v3__tab.swiper-slide-active{opacity:1}.image-banner-v3__tab.swiper-slide-active .image-banner-v3__video-label{background:linear-gradient(90deg,#ff8f54,#ff5800 104.48%);color:#fff}.image-banner-v3__tab:not(.swiper-slide-active) .video-progress-circle{opacity:0}.image-banner-v3__video-box{border-radius:50%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding:1.8rem}.image-banner-v3__tab .image-banner-v3__video-poster{position:absolute;width:calc(100% - 36px);height:calc(100% - 36px);left:1.8rem;top:1.8rem;z-index:2;opacity:1;visibility:visible;pointer-events:none;border-radius:50%;overflow:hidden}.image-banner-v3__tab.swiper-slide-active .image-banner-v3__video-poster{opacity:0;visibility:hidden}.video-progress-circle{position:absolute;width:100%;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.image-banner-v3__video{border-radius:50%;object-fit:cover}@keyframes progressBarFill{0%{stroke-dashoffset:301.5929}to{stroke-dashoffset:0}}.progress-bar{stroke-dasharray:301.5929;stroke-dashoffset:301.5929;transform:rotate(-90deg);transform-origin:50% 50%}.progress-bar.animated{animation-name:progressBarFill;animation-timing-function:linear;animation-fill-mode:forwards}.image-banner-v3__video-label{color:#000;background:#fff;border-radius:2rem;padding:.5em 0;line-height:1;font-size:2rem;font-weight:700;-webkit-user-select:none;user-select:none;width:100%;text-align:center}.image-banner-v3-right{flex:1;position:relative}.image-banner-v3__cont-item,.image-banner-v3__media{text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s}.image-banner-v3__cont-item.selected,.image-banner-v3__media.selected{opacity:1;position:static}@media screen and (min-width:769px){.image-banner-v3-right{order:var(--media-sort)}}@media screen and (max-width:768px){.image-banner-v3-container{display:flex;flex-direction:column}.image-banner-v3__left{width:100%}.image-banner-v3__content{padding:2rem 0}.image-banner-v3__video-box{padding:1rem}.image-banner-v3__tab .image-banner-v3__video-poster{width:calc(100% - 20px);height:calc(100% - 20px);left:1rem;top:1rem}.image-banner-v3__video-label{font-size:1.4rem;padding:.5em 0;width:95%;text-align:center;margin-left:2.5%}.image-banner-v3__cont-title{font-size:6vw}.image-banner-v3__cont-desc{font-size:1.4rem}.image-banner-v3__tabs{width:100%;margin-top:2rem}.image-banner-v3__tab{gap:1.2rem}.image-banner-v3-right{order:-1}}.image-banner-v3__navi-button{display:flex;justify-content:center;align-items:center;margin-top:3rem;gap:12%}.image-banner-v3__arrow-button svg{width:44px;height:auto;display:block}.image-banner-v3__arrow-button:not(.swiper-button-disabled){color:var(--active-arrow-button-color)}@media screen and (max-width:768px){.image-banner-v3__arrow-button svg{width:30px}.image-banner-v3__navi-button{margin-top:2rem}}.image-banner-v3__tab-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem 5%;max-width:750px}.image-banner-v3__heading{font-size:4rem;line-height:1.3em;font-weight:700;color:var(--text-color)}.image-banner-v3__subheading{font-size:20px;margin-top:10px;line-height:1.3em;color:var(--text-color)}.image-banner-v3__button-tabs{position:relative;display:flex;background:#ffffffb3;width:fit-content;border-radius:5rem;padding:.8rem 1.5rem;margin:4% 0}.image-banner-v3__button-tab{color:var(--tab-text-color);cursor:pointer;border-radius:5rem;padding:.6em 1.4em;font-size:1.4rem;line-height:1.4;font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:0;transition:.4s}.image-banner-v3__button-tab.selected{background:var(--active-tab-bg-color);color:var(--active-tab-text-color);opacity:1}.image-banner-v3__tabs-contents{position:relative}.image-banner-v3__tabs-content{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s}.image-banner-v3__tabs-content.selected{opacity:1;position:static}.image-banner-v3__tabs-content-title{background:var(--content-title-color);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:3.8rem;line-height:1.2}.image-banner-v3__tabs-content-richtext{margin-top:1.5rem}.image-banner-v3__tabs-content-richtext *{margin:.5rem 0;padding:0;font-size:1.8rem;line-height:1.5;color:var(--text-color)}.image-banner-v3__tabs-content-richtext ul,.image-banner-v3__tabs-content-richtext ol{list-style:none;gap:.5rem}.image-banner-v3__tabs-content-richtext li:before{display:inline-block;vertical-align:middle;margin-right:.5rem;width:18px;height:18px;content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M9 16.5C11.071 16.5 12.9461 15.6605 14.3033 14.3033C15.6605 12.9461 16.5 11.071 16.5 9C16.5 6.92895 15.6605 5.05395 14.3033 3.6967C12.9461 2.33947 11.071 1.5 9 1.5C6.92895 1.5 5.05395 2.33947 3.6967 3.6967C2.33947 5.05395 1.5 6.92895 1.5 9C1.5 11.071 2.33947 12.9461 3.6967 14.3033C5.05395 15.6605 6.92895 16.5 9 16.5Z' fill='transparent'/><path d='M5.59082 9.40918L7.84082 11.6592L12.3408 7.15918' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;background-color:var(--li-index-tag-color,#000);border-radius:50%;overflow:hidden}@media screen and (min-width: 769px){.image-banner-v3__button-tab{white-space:nowrap}.image-banner-v3__tab-container{width:90%}}@media screen and (max-width: 768px){.image-banner-v3__tab-container{padding:2rem 1.5rem}.image-banner-v3__heading{font-size:6vw}.image-banner-v3__subheading{font-size:14px}.image-banner-v3__button-tabs{flex-wrap:wrap;justify-content:space-between;row-gap:2vw;width:100%;border-radius:1.2rem}.image-banner-v3__button-tab{font-size:1.2rem;width:48%;white-space:wrap;display:flex;justify-content:center;align-items:center;text-align:center}.image-banner-v3__tabs-content-title{font-size:5.8vw}.image-banner-v3__tabs-content-richtext{margin-top:1rem}.image-banner-v3__tabs-content-richtext *{font-size:1.4rem}}.image-banner-v3-media-full{position:relative}@media screen and (min-width:769px){.image-banner-v3-media-full .image-banner-v3__left{position:absolute;height:100%;display:flex;align-items:center;justify-content:center}}@media screen and (max-width:768px){.image-banner-v3-media-full .image-banner-v3__left{position:absolute;height:100%;z-index:9}.image-banner-v3-media-full .image-banner-v3__tab-container{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/image-banner-v3.css.map */