.rolling-container{position:relative}.rolling-container .title-wrapper{width:100%;background:#fff;flex-direction:column}.rolling-container .title-wrapper br{display:none}.rolling-container .title-wrapper .subtitle{width:100%;padding:20px 0 0;font-size:16px;line-height:24px;color:var(--theme-color);font-family:var(--regular-font)}.rolling-container .main-wrapper{position:relative;z-index:1;padding:0 10.416666666666668vw}.rolling-container-swiper-wrapper{padding:0;box-sizing:border-box}.rolling-container .rolling-container-nav{display:grid;grid-template-columns:repeat(5,auto);grid-column-gap:34px;justify-content:center;position:sticky;top:96px;background:#fff;z-index:2;transition:grid-column-gap .5s ease-out}.rolling-container .rolling-container-nav .icon-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;transition:.2s cubic-bezier(.25,.46,.45,.94)}.rolling-container .rolling-container-nav .icon-wrapper p.icon-tip-text{padding:20px 0 0;font-size:16px;line-height:19px;color:var(--theme-color);text-align:center}.rolling-container .rolling-container-nav.beyond .icon-wrapper.is-active p.icon-tip-text{text-decoration:underline}.rolling-container .rolling-container-nav .img-wrapper{width:168px;font-size:0;overflow:hidden;transition:width .5s ease}.rolling-container .rolling-container-nav .img-wrapper img{width:100%;height:auto;object-fit:cover}.rolling-container-swiper-wrapper .swiper-wrapper{margin:96px 0 0;display:grid;grid-template-columns:100%;grid-row-gap:var(--space-pc)}.rolling-container-swiper-wrapper .swiper-slide{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:var(--space)}.rolling-container-swiper-wrapper .swiper-slide:last-of-type{padding-bottom:0}.rolling-container .rolling-container-nav img,.rolling-container-swiper-wrapper .swiper-slide img{width:100%;height:auto;object-fit:cover}.rolling-container-swiper-wrapper .text-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.rolling-container-swiper-wrapper .text-wrapper:nth-child(2n){padding-left:2.5vw;box-sizing:border-box}.rolling-container-swiper-wrapper .text-wrapper .title{margin:0;font-size:1.045vw;line-height:1.045vw;font-weight:400;font-family:var(--regular-font)}.rolling-container-swiper-wrapper .swiper-slide img,.rolling-container-swiper-wrapper .text-wrapper p{animation-fill-mode:forwards;opacity:0;min-height:0}.rolling-container-swiper-wrapper .text-wrapper .p-one{padding:24px 0 16px;font-size:1.4583333333333333vw;line-height:1;font-family:var(--bold-font);font-weight:700;width:100%}.rolling-container-swiper-wrapper .text-wrapper .p-three{display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:52px;padding:0}.rolling-container-swiper-wrapper .text-wrapper .p-two{font-size:.7291666666666666vw;line-height:1.25vw;font-family:var(--regular-font);font-weight:400;display:flex;flex-direction:column}.rolling-container-swiper-wrapper .text-wrapper .p-two br{display:none}.rolling-container-swiper-wrapper .text-wrapper .p-two .title{padding:16px 0 0;font-size:1.25vw;line-height:1}.rolling-container-swiper-wrapper .swiper-slide:nth-of-type(1) .text-wrapper .p-three{grid-template-columns:repeat(3,auto);box-sizing:border-box;grid-column-gap:52px;padding-bottom:0}.rolling-container-swiper-wrapper .text-wrapper .detail-icon{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rolling-container-swiper-wrapper .text-wrapper .detail-icon .iconfont{font-size:42px;line-height:42px;color:var(--theme-color)}.rolling-container-swiper-wrapper .text-wrapper .detail-icon .iconfont.icon-ShapeRetention1{font-size:38px;line-height:42px}.rolling-container-swiper-wrapper .text-wrapper .detail-icon i{font-style:normal;font-family:var(--medium-font);font-weight:500;line-height:12px;font-size:12px;min-height:0;padding:0;text-align:center}.rolling-container-swiper-wrapper .text-wrapper .detail-icon i.text{padding:8px 0 0;line-height:14px}.rolling-container-swiper-wrapper .text-wrapper .button{background:var(--theme-color);color:#fff;font-size:14px;line-height:42px;display:inline;font-family:var(--regular-font);font-weight:400;min-height:0;min-width:0;padding:0;margin:2.3958333333333335vw 0 0;text-align:center;min-width:205px;height:42px}.rolling-container .rolling-container-nav.beyond{padding:20px 0;grid-template-columns:repeat(5,auto);grid-column-gap:56px;top:calc(var(--header-height) - 32px)!important;background:#f8f8f8;border-bottom:1px solid #EBECED;justify-content:center}.rolling-container .rolling-container-nav.beyond:after{content:"";display:block;height:1px;width:100vw;position:absolute;bottom:0;left:0;background:#f0f0f1}.rolling-container .rolling-container-nav.beyond .img-wrapper{width:64px;display:flex;justify-content:center;align-items:center;transition:width .5s ease}.rolling-container .rolling-container-nav.beyond .img-wrapper.is-active:after{content:"";display:block;width:64px;height:64px;border-radius:50%;border:1px solid var(--theme-color);position:absolute}.rolling-container .rolling-container-nav.beyond .img-wrapper.is-active img{transform:scale(.8125)}.rolling-container .rolling-container-nav.beyond .icon-wrapper p.icon-tip-text{font-size:14px;line-height:16px;padding:12px 0 0;font-family:var(--regular-font)}.rolling-container-swiper-wrapper .swiper-slide .image-wrapper{position:relative;overflow:hidden;font-size:0}.rolling-container-swiper-wrapper .swiper-slide .image-wrapper img{transition:transform var(--duration-long) ease}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper{position:absolute;left:0;bottom:0;width:100%;height:100%;text-align:center;box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p{display:flex;flex-direction:column;align-items:center;width:100%}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p span{font-size:.938vw;line-height:.938vw;font-family:var(--bold-font);font-weight:700;text-transform:uppercase;color:#fff;padding:.938vw 0 0}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p span:nth-of-type(1){padding:0}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper a{padding:12px 33px;background:#fff;font-size:12px;font-family:var(--regular-font);font-weight:400;color:var(--theme-color);text-decoration:none;line-height:12px;min-height:0;min-width:0;border-color:#fff;position:absolute;bottom:1.667vw;text-align:center}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper a:hover{background:transparent;opacity:1;border:1px solid #fff;color:#fff}.m-br{display:none}.rolling-container-swiper-wrapper .text-wrapper{padding-right:3.3333333333333335vw}.rolling-container-swiper-wrapper .text-wrapper:nth-child(2n){padding-left:3.3333333333333335vw;padding-right:0}@media screen and (min-width: 750px) and (max-width: 1440px){.rolling-container-swiper-wrapper{padding:0;box-sizing:border-box}.rolling-container .main-wrapper{padding:0 48px}.rolling-container-swiper-wrapper .text-wrapper .title{font-size:1.6666666666666667vw;line-height:2.083333333333333vw}.rolling-container-swiper-wrapper .text-wrapper .p-one{font-size:1.6666666666666667vw;line-height:2.083333333333333vw;padding:1.25vw 0 .8333333333333334vw}.rolling-container-swiper-wrapper .text-wrapper .p-one br,.rolling-container-swiper-wrapper .text-wrapper .p-two br{display:none!important}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p span{font-size:1.25vw;line-height:1.25vw;padding:1.67vw 0 0}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p{padding:0 0 52px}.rolling-container .rolling-container-nav{grid-template-columns:repeat(5,auto)}.rolling-container .rolling-container-nav .img-wrapper{width:126px}.rolling-container-swiper-wrapper .text-wrapper .p-two{font-size:12px;line-height:20px;padding:0 0 1.25vw}.rolling-container-swiper-wrapper .text-wrapper .p-two .title{padding:.8333333333333334vw 0 0;font-size:1.6666666666666667vw;line-height:1}}@media screen and (min-width: 750px){.rolling-container-swiper-wrapper .text-wrapper .button:hover{background:transparent;color:var(--theme-color);opacity:1}.rolling-container .rolling-container-nav .icon-wrapper:hover{transform:translateY(-10px)}.rolling-container .rolling-container-nav.beyond .icon-wrapper:hover{transform:translateY(0)}}@media screen and (min-width: 750px) and (max-width: 1028px){.rolling-container .rolling-container-nav.beyond{top:calc(var(--header-height) - 23px)!important}}@media screen and (min-width: 750px) and (max-width: 996px){.rolling-container-swiper-wrapper .swiper-wrapper{margin:var(--space-ipad) 0 0;grid-row-gap:var(--space-ipad)}.rolling-container-swiper-wrapper .text-wrapper .p-one{padding:8px 0 20px}.rolling-container-swiper-wrapper .text-wrapper .p-two{grid-column-gap:32px}.rolling-container-swiper-wrapper .text-wrapper .p-three{font-size:12px;line-height:22px}.rolling-container-swiper-wrapper .swiper-slide{grid-template-columns:100%;grid-column-gap:0;grid-template-areas:"image" "text"}.rolling-container-swiper-wrapper .swiper-slide .image-wrapper{grid-area:image}.rolling-container-swiper-wrapper .text-wrapper{padding-left:0!important;padding-right:0!important;padding-top:24px}.rolling-container-swiper-wrapper .text-wrapper .p-two{font-size:14px;line-height:24px;width:100%}.rolling-container-swiper-wrapper .text-wrapper .p-one{font-size:24px;line-height:32px;padding:8px 0}.rolling-container-swiper-wrapper .text-wrapper .p-two .title,.rolling-container-swiper-wrapper .text-wrapper .title{font-size:18px;line-height:1}.rolling-container-swiper-wrapper .text-wrapper .p-two .title{padding:20px 0 0}}@media screen and (min-width: 750px) and (max-width: 1024px){.rolling-container .rolling-container-nav{grid-template-columns:repeat(5,auto);padding:0 48px}.rolling-container .rolling-container-nav .img-wrapper{width:8.7890625vw}}@media screen and (max-width: 749px){.m-br{display:block}.pc-br{display:none}.rolling-container .main-wrapper{padding:0 1.5rem}.rolling-container-swiper-wrapper{padding:0;box-sizing:border-box}.rolling-container .title-wrapper{align-items:center!important}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .image-pc{display:none!important}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .image-m{display:block!important}.rolling-container-swiper-wrapper .swiper-wrapper{grid-row-gap:var(--space-m);margin:32px 0 0}.rolling-container-swiper-wrapper .swiper-slide{grid-template-columns:100%;grid-column-gap:0;grid-template-areas:"image" "text"}.rolling-container-swiper-wrapper .swiper-slide .text-wrapper{grid-area:text;padding:5.333333333333334vw 0 0;align-items:flex-start}.rolling-container-swiper-wrapper .swiper-slide .img-wrapper{grid-area:image}.rolling-container-swiper-wrapper .swiper-slide .text-wrapper .title{font-size:4.8vw;line-height:1}.rolling-container-swiper-wrapper .swiper-slide .text-wrapper .p-two .title{font-size:4.266666666666667vw;line-height:1;padding:6.933333333333333vw 0 0}.rolling-container-swiper-wrapper .text-wrapper .p-one{text-align:center;font-size:5.333333333333334vw;line-height:6.4vw;padding:3.2vw 0 2.1333333333333333vw;text-align:left;letter-spacing:0}.rolling-container-swiper-wrapper .text-wrapper .button,.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper a{min-width:44.4vw;height:9.6vw;line-height:9.6vw;font-size:3.2vw}.rolling-container-swiper-wrapper .text-wrapper .button{margin:6.68vw 0 0}.rolling-container .title-wrapper{margin-bottom:32px!important}.rolling-container .rolling-container-nav{display:grid;grid-template-columns:repeat(5,auto);grid-column-gap:4.266666666666667vw;justify-content:flex-start;position:sticky;top:86px;background:#fff;z-index:2;padding:0 var(--m);flex-wrap:inherit;overflow:auto hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.rolling-container .rolling-container-nav .icon-wrapper,.rolling-container .rolling-container-nav .icon-wrapper .img-wrapper{width:100%}.rolling-container .rolling-container-nav .icon-wrapper .img-wrapper{width:22.400000000000002vw}.rolling-container .rolling-container-nav .icon-wrapper p.icon-tip-text{font-size:3.2vw;line-height:1;padding:4.266666666666667vw 0 0;white-space:nowrap}.rolling-container .rolling-container-nav.beyond .icon-wrapper p.icon-tip-text br{display:block!important}.rolling-container .rolling-container-nav.beyond .icon-wrapper p.icon-tip-text{font-size:2.933333333333333vw;line-height:1}.rolling-container .title-wrapper br{display:block}.rolling-container .title-wrapper .title{text-align:center;font-size:4.8vw!important;line-height:4.8vw}.rolling-container .title-wrapper .subtitle{font-size:2.94vw;line-height:2.94vw}.rolling-container .rolling-container-nav.beyond{grid-template-columns:repeat(5,auto);padding:4.266666666666667vw 16px;grid-column-gap:6.4vw;top:var(--header-height)!important}.rolling-container .rolling-container-nav.beyond .img-wrapper{width:9.6vw;height:auto}.rolling-container .rolling-container-nav.beyond .img-wrapper.is-active:after{width:9.6vw;height:9.6vw}.rolling-container .rolling-container-nav.beyond .icon-wrapper.is-active p.icon-tip-text{color:#414141;text-decoration:underline}.rolling-container .rolling-container-nav .icon-wrapper:hover{transform:translateY(0)}.rolling-container-swiper-wrapper .text-wrapper p{text-align:left}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper p span{font-size:4vw;line-height:4vw;padding:12px 0 0}.rolling-container .main-wrapper .rolling-container-swiper-wrapper .img-text-wrapper a{bottom:7.34vw}.rolling-container-swiper-wrapper .text-wrapper .p-two{font-size:3.2vw;line-height:4.266666666666667vw;padding:0 0 3.2vw}.rolling-container-swiper-wrapper .text-wrapper .detail-icon i.text{font-size:3.2vw;line-height:1;padding:2.1333333333333333vw 0 0}.rolling-container-swiper-wrapper .text-wrapper .detail-icon .iconfont{font-size:8.533333333333333vw;line-height:8.533333333333333vw}.rolling-container .rolling-container-nav.beyond .img-wrapper.is-active img{transform:scale(.83)}.rolling-container-swiper-wrapper .swiper-slide .image-wrapper{padding-bottom:var(--img-padding-m);height:0}.rolling-container-swiper-wrapper .text-wrapper .p-two br{display:none!important}}@media screen and (max-width: 480px){.rolling-container-swiper-wrapper .text-wrapper .p-two{width:100%;grid-column-gap:24px}.rolling-container-swiper-wrapper .swiper-slide:nth-of-type(1) .text-wrapper .p-two{grid-template-columns:1fr 48px 1fr}.rolling-container-swiper-wrapper .swiper-slide:nth-of-type(2) .text-wrapper .p-two{grid-template-columns:1fr 68px 1fr}.rolling-container-swiper-wrapper .swiper-slide:nth-of-type(3) .text-wrapper .p-two{grid-template-columns:1fr 66px 1fr}.rolling-container-swiper-wrapper .swiper-slide:nth-of-type(4) .text-wrapper .p-two{grid-template-columns:1fr 70px 1fr}}.rolling-container-swiper-wrapper .swiper-slide .image-wrapper:hover img{transform:scale(1.03)}
/*# sourceMappingURL=/cdn/shop/t/220/assets/section-rolling-container.css.map?enable_css_minification=1 */