.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{max-width:var(--container-width);display:block;margin:1.5rem auto;line-height:2em;flex-grow:1}.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.reverse .text{color:#fff}.ub-banner .swiper-slide.a .content .title{font-size:1.8rem;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:.8rem}.ub-banner .swiper-slide.a .content .link{padding:0 1rem;display:inline-block;line-height:2rem;border-radius:2rem;background:var(--color-primary);font-size:var(--font-size);color:#fff;border:.1rem solid var(--color-primary);letter-spacing:.1rem;margin-bottom:.5rem}.ub-banner .swiper-slide.a .content .link.sm{font-size:var(--font-size-small);line-height:1.2rem;border-width:1px;letter-spacing:0;padding:0 .5rem;background:#fff;color:var(--color-primary)}.ub-banner .swiper-slide.a .content .text{padding-top:1rem}.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-5-2 .swiper-slide:after{margin-top:40%}.ub-banner.ratio-10-1 .swiper-slide:after{margin-top:10%}@media screen and (max-width:40rem){.ub-banner .swiper-button-next,.ub-banner .swiper-button-prev{display:none}.ub-banner .swiper-slide.a .content{padding:1rem;text-align:center}.ub-banner .swiper-slide.a .content .title{font-size:1.2rem}.ub-banner .swiper-slide.a .content .link{line-height:1.5rem;height:1.5rem}}