.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-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,.image-banner-v3__heading *{font-size:clamp(3rem,1.667vw + 1.2rem,3.8rem);line-height:1.3em;font-weight:700;color:var(--text-color);letter-spacing:0}.image-banner-v3__heading *{margin:0;padding:0}.image-banner-v3__subheading{font-size:1.8rem;margin-top:10px;line-height:1.3em;color:var(--text-color)}.image-banner-v3__button-tabs{position:relative;display:flex;background:var(--tabs-bg-color);width:fit-content;border-radius:5rem;padding:.6rem .8rem;margin:4% 0}.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-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;pointer-events:none}.image-banner-v3__tabs-content.selected{opacity:1;position:static;pointer-events:auto}.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:clamp(2.8rem,1.667vw + 1rem,3.6rem);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:var(--tab-content-size);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}.image-banner-v3__tabs-content-icon{width:60%;height:180px}.image-banner-v3__tabs-content-icon img{width:auto;height:100%}@media screen and (max-width:1560px){.image-banner-v3__tabs-content-icon{width:60%;height:150px}}@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__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{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;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/2/assets/image-banner-v3.css.map */