.image-banner-v3-container{display:flex}.image-banner-v3-container.page-width{max-width:var(--max-width)}.image-banner-v3-container video,.image-banner-v3-container img{width:100%;height:auto;display:block}.image-banner-v3-section:not(.image-banner-v3-media-full) .image-banner-v3-container video{border-radius:16px}.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-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:.6s;visibility:hidden}.image-banner-v3__cont-item.selected{opacity:1;position:static;visibility:visible}.image-banner-v3__media.selected{opacity:1;visibility:visible;position:static}.image-banner-v3-media-full .image-banner-v3__media.selected{position:absolute!important}.image-banner-v3-media-full .image-banner-v3__media img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:769px){.image-banner-v3-right{order:var(--media-sort)}.image-banner-v3-media-full .image-banner-v3-right{padding-bottom:var(--pc-aspect-ratio);width:100%}}@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__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}}@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-media-full .image-banner-v3-right{padding-bottom:var(--mb-aspect-ratio);width:100%}}.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{margin-bottom:10px}.image-banner-v3__heading,.image-banner-v3__heading *{font-size:4rem;font-weight:600;color:var(--text-color);line-height:1.35}.image-banner-v3__heading *{margin:0;padding:0}.image-banner-v3__subheading,.image-banner-v3__richtext{font-size:20px;margin-bottom:10px;line-height:1.3em;color:var(--text-color)}.image-banner-v3__richtext *{margin:0;padding:0;font-size:inherit;line-height:1.3em;color:inherit}.image-banner-v3__richtext ul{padding-left:1.2em}.image-banner-v3__button-tabs{position:relative;display:flex;background:var(--tabs-bg-color);width:fit-content;border-radius:5rem;padding:.6rem .8rem;margin:0 0 4%}.image-banner-v3__button-tabs .image-banner-v3__button-tab{color:var(--tab-text-color);cursor:pointer;border-radius:5rem;padding:.45em 1.6em;font-size:1.5rem;line-height:1.4;font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:0;transition:.4s}.image-banner-v3__button-tabs .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;pointer-events:none}.image-banner-v3__tabs-content.selected{opacity:1;position:static;pointer-events:auto;transition:opacity .6s}.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:600;font-size:3.8rem;letter-spacing:0}.image-banner-v3__tabs-content-title *{color:inherit;margin:0;line-height:1.2}.image-banner-v3__tabs-content-richtext{margin-top:1rem}.image-banner-v3__tabs-content-richtext *{margin:0;padding:0;font-size:var(--tab-content-size);line-height:1.35;color:var(--text-color)}.image-banner-v3__tabs-content-richtext ul{list-style:none;gap:.5rem}.image-banner-v3__tabs-content-richtext ol{padding-left:2em;gap:.5rem}.image-banner-v3__tabs-content-richtext ul li{margin:1rem 0}.image-banner-v3__tabs-content-richtext ul 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}.image-banner-v3__tabs-content-icon{width:60%;height:180px}.image-banner-v3__tabs-content-icon img{width:auto;height:100%}.image-banner-v3__progress-card{--progress-gradient-start: #acd8ff;--progress-gradient-middle: #72a8ff;--progress-gradient-end: #2161e8;--progress-ring-track: #e7edf8;--progress-divider-color: rgba(255, 255, 255, .17);display:flex;margin-top:2rem;overflow:hidden}.image-banner-v3__progress-card *,.image-banner-v3__progress-card *:before,.image-banner-v3__progress-card *:after{box-sizing:border-box}.image-banner-v3__progress-circle{position:relative;width:300px;aspect-ratio:1}.image-banner-v3__progress-ring{display:block;width:100%;height:100%;overflow:visible}.image-banner-v3__progress-track,.image-banner-v3__progress-value-ring{fill:none;stroke-width:19}.image-banner-v3__progress-track{stroke:var(--progress-ring-track)}.image-banner-v3__progress-value-ring{stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:50% 50%}.image-banner-v3__progress-card.is-progress-animated .image-banner-v3__progress-value-ring{stroke-dashoffset:calc(100 - var(--progress-percent));transition:stroke-dashoffset 2s cubic-bezier(.22,1,.36,1)}.image-banner-v3__progress-content{position:absolute;top:13%;right:13%;bottom:13%;left:13%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);text-align:center}.image-banner-v3__progress-value{margin-bottom:10px;font-size:clamp(38px,10vw,60px);font-weight:600;line-height:.9;letter-spacing:-.055em}.image-banner-v3__progress-title{font-size:16px;font-weight:700;line-height:1.14}.image-banner-v3__progress-divider{display:block;width:58%;height:1px;margin:clamp(8px,6%,10px) 0 clamp(7px,4%,10px);background:var(--progress-divider-color)}.image-banner-v3__progress-text{color:inherit;font-size:12px;font-weight:600;line-height:1.25;opacity:.75;letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){.image-banner-v3__progress-value-ring{stroke-dashoffset:calc(100 - var(--progress-percent))}.image-banner-v3__progress-card.is-progress-animated .image-banner-v3__progress-value-ring{transition:none}}@media screen and (min-width:769px){.image-banner-v3__button-tab{white-space:nowrap}}@media screen and (max-width:768px){.image-banner-v3__progress-circle{width:55vw}.image-banner-v3__progress-title{font-size:11px}.image-banner-v3__progress-text{font-size:10px}.image-banner-v3__progress-card{justify-content:center;margin-top:1rem}.image-banner-v3__tab-container{padding:1.5rem}.image-banner-v3__tabs-content-richtext *{font-size:var(--mb-tab-content-size)}.image-banner-v3__heading,.image-banner-v3__heading *{font-size:24px}.image-banner-v3__subheading,.image-banner-v3__richtext *{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-tabs .image-banner-v3__button-tab{font-size:1.2rem;width:48%;white-space:wrap;padding:.45em .1em;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-icon{width:100%;height:105px}}.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;z-index:2}}@media screen and (max-width:768px){.image-banner-v3-media-full .image-banner-v3__left{position:absolute;z-index:9}.image-banner-v3-media-full .image-banner-v3__tab-container{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/dc-ultra-image-banner-v3.css.map */