.swiper-blog-banner-wrapper{width:100%;height:var(--image-height-pc);overflow:hidden;background:#dcdcdc;position:relative}.swiper-blog-banner-wrapper .title .word{opacity:0;animation-fill-mode:forwards}.swiper-blog-banner-wrapper .main-wrapper,.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner{width:100%;height:100%;display:block;position:relative}.swiper-blog-banner-wrapper .image-wrapper{width:100%;height:100%;font-size:0}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide img,.swiper-blog-banner-wrapper .image-wrapper img{width:100%;height:100%;object-fit:cover}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide{font-size:0;display:none}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide.pc-show{display:block}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner .text-wrapper{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:2}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner .text-wrapper .title{margin:0;color:var(--text-color);font-size:4.5vw;font-family:var(--bold-font);font-weight:700;text-align:center}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"text img"}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .swiper-blog-banner-wrapper{width:100%;grid-area:img}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper{width:100%;grid-area:text;display:flex;flex-direction:column;padding-left:18.75%;padding-right:15.937499999999998%}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper h1,.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p{width:100%;text-align:left;min-height:0px;opacity:1;transform:translateZ(0);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.89,0,.2,1);transition-duration:1.4s}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper h1{transition-delay:1s}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p{transition-delay:1.4s}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p:last-of-type{transition-delay:1.8s}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p a{color:#fff}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper h1{font-size:3.18vw}.swiper-blog-banner-wrapper .tip-wrapper{display:flex;flex-direction:column;color:#fff;width:100%}.swiper-blog-banner-wrapper .tip-wrapper .iconfont{font-size:24px;line-height:24px;color:#fff;padding-right:12px}.swiper-blog-banner-wrapper .tip-wrapper p.tip{font-size:.84vw;line-height:.84vw;font-family:Roboto-Regular,sans-serif;font-weight:400;padding:.83vw 0 0}.swiper-blog-banner-wrapper .tip-wrapper p.tip:first-of-type{padding:0}.swiper-blog-banner-wrapper .text-wrapper>p{font-size:.84vw;line-height:1.3vw;padding:1.4vw 0 0;font-family:Roboto-Regular,sans-serif;font-weight:400}.swiper-blog-banner-wrapper .tip-wrapper{padding:2.71vw 0 0}.swiper-blog-banner-wrapper .button{margin:2.71vw 0 0;font-size:14px;line-height:14px;font-family:Roboto-Regular,sans-serif;font-weight:400;padding:12px 40px;text-align:center;min-width:0px;border-width:1px;border-style:solid;align-self:flex-start;width:170px;height:42px}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .blog-banner-wrapper{grid-area:img}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p.tip:nth-of-type(1){padding:0!important}@media screen and (min-width: 750px) and (max-width: 1440px){.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper{padding-left:48px;padding-right:24px}.swiper-blog-banner-wrapper .tip-wrapper .iconfont{font-size:18px;line-height:18px}.swiper-blog-banner-wrapper .button{min-height:36px;padding:11px 35px;font-size:12px}}@media screen and (max-width: 749px){.swiper-blog-banner-wrapper .button{width:138px;height:36px}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide img.image-m,.swiper-blog-banner-wrapper .image-m{display:block!important}.swiper-blog-banner-wrapper{width:100%;height:var(--image-height-m)}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide .image-pc,.m-swiper .blog-banner-wrapper .image-wrapper,.swiper-blog-banner-wrapper .image-wrapper .image-pc{display:none}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide{display:block}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner .text-wrapper .title{margin:0;font-size:8.6vw;text-align:center}.swiper-blog-banner-wrapper .main-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right{display:block}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper{position:absolute;bottom:9.6vw;top:0;width:100%;height:100%;background:none!important;padding:0 20vw 9.6vw 24px;justify-content:flex-end}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper h1{font-size:7.4vw;line-height:9vw}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper>p{font-size:3vw;line-height:4vw}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p.tip{font-size:3vw;line-height:4vw;padding:2vw 0 0!important}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p.tip:nth-of-type(1){padding:0!important}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper p.tip .iconfont{font-size:3.8vw;line-height:3.8vw}.swiper-blog-banner-wrapper .tip-wrapper{padding:20px 0 0}.swiper-blog-banner-wrapper .main-wrapper .swiper-blog-banner.right .text-wrapper>p{padding:2.4vw 0 0!important}.swiper-blog-banner-wrapper .button{min-height:36px;padding:11px 35px;font-size:12px}}swiper-blog-banner .text-wrapper .button:hover{color:var(--button-text-hover)!important;background:var(--button-hover-color)!important;border-color:var(--button-border-hover)!important;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/220/assets/swiper-blog-banner.css.map?enable_css_minification=1 */