.ub-banner{width:100%;overflow:hidden;background:#fff}.ub-banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-color:transparent;background-position:center;overflow:hidden;display:block}.ub-banner .swiper-slide:after{content:'';display:block;margin-top:50%}.ub-banner .swiper-slide.a{display:flex;align-content:center;align-items:center}.ub-banner .swiper-slide.a .content{width:90%;margin:1.5rem auto;line-height:2em}.ub-banner .swiper-slide.a .content.reverse .title{color:#fff}.ub-banner .swiper-slide.a .content.reverse .slogan{color:#fff}.ub-banner .swiper-slide.a .content.reverse .link{border-color:#fff;color:#fff;background:0 0}.ub-banner .swiper-slide.a .content .title{font-size:2rem;font-weight:700;color:#111;line-height:2rem}.ub-banner .swiper-slide.a .content .slogan{padding:2rem 0;color:#111}.ub-banner .swiper-slide.a .content .slogan .line{font-size:var(--font-size-large)}.ub-banner .swiper-slide.a .content .link{padding:2rem 0;display:inline-block;line-height:2rem;padding:0 1rem;border-radius:1rem;background:var(--color-primary);font-size:var(--font-size);color:#fff;border:.1rem solid var(--color-primary);letter-spacing:.3rem}.ub-banner .swiper-button-white{opacity:.5}.ub-banner .swiper-pagination-bullet{box-shadow:#666 0 0 .25rem}.ub-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{box-shadow:none}.ub-banner .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-primary)}.ub-banner.ratio-3-2 .swiper-slide:after{margin-top:66.66%}.ub-banner.ratio-4-3 .swiper-slide:after{margin-top:75%}.ub-banner.ratio-2-1 .swiper-slide:after{margin-top:50%}.ub-banner.ratio-1-1 .swiper-slide:after{margin-top:100%}.ub-banner.ratio-3-1 .swiper-slide:after{margin-top:33.33%}.ub-banner.ratio-4-1 .swiper-slide:after{margin-top:25%}.ub-banner.ratio-5-1 .swiper-slide:after{margin-top:20%}.ub-banner.ratio-10-1 .swiper-slide:after{margin-top:0}@media screen and (max-width:40rem){.ub-banner .swiper-button-next,.ub-banner .swiper-button-prev{display:none}}