.introduction-slider{position:relative;padding-top:1rem!important;padding-bottom:1rem!important}@media screen and (min-width:750px){.introduction-slider{padding-top:3.6rem!important;padding-bottom:3.6rem!important}}.introduction-slider__header{margin-bottom:2rem}.introduction-slider__description-heading{font-weight:700;margin-top:2rem;margin-bottom:.75rem;margin-right:12.2rem}.introduction-slider__description-heading+.introduction-slider__description{margin-top:0}.introduction-slider__description{margin-top:1rem;margin-right:12.2rem}.introduction-slider__description p{margin:0}@media screen and (max-width:749px){.introduction-slider__header{margin-bottom:6.2rem}.introduction-slider__description-heading,.introduction-slider__description{margin-right:0}}@media screen and (max-width:374px){.introduction-slider__header{margin-bottom:5.8rem}}.introduction-slider__subheading{margin:0}.introduction-slider__subheading-header{margin-top:1rem;margin-bottom:.75rem}.introduction-slider__subheading-header+.introduction-slider__description{margin-top:.75rem}.introduction-slider__subheadings{margin-bottom:1.5rem}.introduction-slider__subheadings .introduction-slider__subheading-header:first-child{margin-top:0}.introduction-slider__slider{position:relative}.introduction-slider__slides{list-style:none;margin:0;padding:0}.introduction-slider__slide{display:flex;flex-direction:column}@media screen and (max-width:749px){.introduction-slider__slides[style*=--columns-mobile] .introduction-slider__slide.grid__item{width:calc((100% - var(--grid-mobile-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile));max-width:calc((100% - var(--grid-mobile-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile));flex-basis:calc((100% - var(--grid-mobile-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile))}.slider--tablet.grid--peek.introduction-slider__slides:not([style*=--columns-mobile]){scroll-padding-left:0}.slider--tablet.grid--peek.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item:first-of-type{margin-left:0}.slider--tablet.grid--peek.grid--1-col-tablet-down.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item{width:100%;max-width:100%}.slider--tablet.grid--peek.grid--2-col-tablet-down.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)}}@media screen and (min-width:750px)and (max-width:989px){.introduction-slider__slides[style*=--columns-mobile] .introduction-slider__slide.grid__item{width:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile));max-width:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile));flex-basis:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-mobile) - 1)) / var(--columns-mobile))}.slider--tablet.grid--peek.introduction-slider__slides:not([style*=--columns-mobile]){scroll-padding-left:0}.slider--tablet.grid--peek.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item:first-of-type{margin-left:0}.slider--tablet.grid--peek.grid--1-col-tablet-down.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item{width:100%;max-width:100%}.slider--tablet.grid--peek.grid--2-col-tablet-down.introduction-slider__slides:not([style*=--columns-mobile]) .introduction-slider__slide.grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}.introduction-slider__slide-content{display:flex;flex-direction:column;height:100%}.introduction-slider__image{border-radius:10px}.introduction-slider__image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:.5rem}.introduction-slider__slide-text{margin-top:1rem}.introduction-slider__slide-english-title{margin:0 0 .5rem;font-size:2rem}.introduction-slider__slide-japanese-title{margin:0 0 .5rem;font-size:1.4rem;color:rgba(var(--color-foreground),.8)}.introduction-slider__slide-description{margin-top:1rem;font-size:1.4rem;line-height:1.6}.introduction-slider__controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}@media screen and (min-width:750px){.introduction-slider__controls{margin-top:3rem}}.slider--buttons-sides .slider-button--side,.slider--buttons-top .slider-button--top{width:48px;height:48px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;transition:background-color .2s,opacity .2s}.slider--buttons-sides .slider-button--side:not([disabled]):hover,.slider--buttons-top .slider-button--top:not([disabled]):hover{opacity:.85}.slider--buttons-sides .slider-button--side[disabled],.slider--buttons-top .slider-button--top[disabled]{background-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.3)}.slider--buttons-sides{position:relative;padding-inline:2.6rem}@media screen and (max-width:989px){.slider--buttons-sides{padding-left:3.2rem;padding-right:0}}@media screen and (max-width:749px){.slider--buttons-sides{padding-left:0}}.slider--buttons-sides .slider-button--side{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.slider--buttons-sides .slider-button--prev.slider-button--side{left:-30px}.slider--buttons-sides .slider-button--next.slider-button--side{right:-30px}@media screen and (max-width:989px){.slider--buttons-sides .slider-button--prev.slider-button--side,.slider--buttons-sides .slider-button--next.slider-button--side{display:none}}.slider--buttons-top{position:relative}.slider--buttons-top .slider-buttons--top{position:absolute;top:-5.8rem;right:0;z-index:2;display:flex;align-items:center;gap:.5rem;margin:0}@media screen and (max-width:374px){.slider--buttons-top .slider-buttons--top{top:-5.4rem}}.introduction-slider__header-content{flex:1}.introduction-slider__header-content--no-title>*:first-child{margin-top:0}@media screen and (min-width:990px){.introduction-slider__slides[style*=--columns-desktop] .introduction-slider__slide{width:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-desktop) - 1)) / var(--columns-desktop));max-width:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-desktop) - 1)) / var(--columns-desktop));flex-basis:calc((100% - var(--grid-desktop-horizontal-spacing) * (var(--columns-desktop) - 1)) / var(--columns-desktop))}.slider--desktop.introduction-slider__slides:not([style*=--columns-desktop]){scroll-padding-left:0}.slider--desktop.introduction-slider__slides:not([style*=--columns-desktop]) .introduction-slider__slide:first-of-type{margin-left:0;scroll-margin-left:0}.slider--desktop.grid--1-col-desktop.introduction-slider__slides .introduction-slider__slide{width:100%;max-width:100%}.slider--desktop.grid--2-col-desktop.introduction-slider__slides .introduction-slider__slide{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.slider--desktop.grid--3-col-desktop.introduction-slider__slides .introduction-slider__slide{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.slider--desktop.grid--4-col-desktop.introduction-slider__slides .introduction-slider__slide{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.slider--desktop.grid--5-col-desktop.introduction-slider__slides .introduction-slider__slide{width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);max-width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)}.slider--desktop.grid--6-col-desktop.introduction-slider__slides .introduction-slider__slide{width:calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);max-width:calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)}}.introduction-slider__required-items{margin-top:3rem}@media screen and (min-width:750px){.introduction-slider__required-items{margin-top:4rem}}.introduction-slider__required-item-wrapper{margin-bottom:2rem}.introduction-slider__required-item-wrapper:last-child{margin-bottom:0}.introduction-slider__required-item{display:flex;flex-direction:column}.introduction-slider__required-item-product-name{margin:1.5rem 0 0;font-size:1.8rem;line-height:1.5}.introduction-slider__required-item-product-name+.introduction-slider__required-item-link{margin-top:1rem}.introduction-slider__required-item-link{width:100%;margin-top:1.5rem;text-align:center}@media screen and (min-width:750px){.introduction-slider__required-item-link{max-width:34rem}}.introduction-slider__required-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.introduction-slider__required-item-icon{flex-shrink:0;width:4rem;height:4rem}.introduction-slider__required-item-icon img{width:100%;height:100%;object-fit:contain;display:block}.introduction-slider__required-item-title{font-size:1.8rem;font-weight:700}.introduction-slider__required-item-content{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:750px){.introduction-slider__required-item-content{flex-direction:row;gap:2rem}}.introduction-slider__required-item-image{flex-shrink:0;width:100%;border-radius:.5rem;overflow:hidden}@media screen and (min-width:750px){.introduction-slider__required-item-image{width:40%;max-width:300px}}.introduction-slider__required-item-image img{width:100%;height:auto;display:block}.introduction-slider__required-item-description{flex:1}.introduction-slider__recommended-for{margin-top:3rem}@media screen and (min-width:750px){.introduction-slider__recommended-for{margin-top:4rem}}.introduction-slider__recommended-for-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.8rem;font-weight:700}.introduction-slider__recommended-for-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.introduction-slider__recommended-for-item{display:flex;align-items:center;gap:.75rem}.introduction-slider__recommended-for-icon{flex-shrink:0;width:2.4rem;height:2.4rem}.introduction-slider__recommended-for-icon img{width:100%;height:100%;object-fit:contain;display:block}.introduction-slider__recommended-for-item .introduction-slider__recommended-for-text{font-size:1.4rem;line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-introduction-slider.css.map */