#swiper-banner .swiper-slide{position:relative}
#swiper-banner .banner-animote{max-width:1000px;padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0;text-align:center}
#swiper-banner .banner-animote .p1{font-size:45px;font-weight:var(--fontbold5);line-height:1.4}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#swiper-banner .ban2{top:40%;z-index:2}
#swiper-banner .swiper-slide:has(.ban2)::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15)}
#swiper-banner .ban3{z-index:2}
#swiper-banner .swiper-slide:has(.ban3)::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.15)}
#swiper-banner .ban4{top:20%;left:35.5%;max-width:none;width:auto;text-align:left;font-size:34px;line-height:1.4}
#swiper-banner .ban5{top:73%;left:57%;max-width:none;width:auto;text-align:left;font-size:34px;line-height:1.4}
@keyframes bannerani{0%{margin-top:20px}100%{opacity:1;margin-top:0}}
@media (max-width:1920px){#swiper-banner .banner-animote .p1{font-size:2.3vw}
#swiper-banner .ban4,#swiper-banner .ban5{font-size:1.7vw}}
@media (max-width:768px){#swiper-banner .banner-animote .p1{font-size:3vw}}