#indexbanner .banner-animote{text-align:left;position:absolute;top:50%;left:14vw;transform:translate(0,-50%);width:100%;max-width:45%;color:#fff;opacity:0;box-sizing:border-box}
#indexbanner .banner-animote .p1{font-size:68px;font-weight:var(--fontbold6);margin-bottom:20px;letter-spacing:2px;line-height:1.2;text-align:left}
#indexbanner .banner-animote.bannertxt2 .p1,#indexbanner .banner-animote.bannertxt3 .p1{letter-spacing:-2px}
#indexbanner .banner-animote .p2{font-size:25px;line-height:1.3}
#indexbanner .banner-animote .p2 span{font-size:34px;display:inline-block;margin-top:10px}
#indexbanner .banner-animote .p3{display:flex;margin-top:35px}
#indexbanner .banner-animote .p3 a{height:45px;padding:0 20px;font-size:18px;background:var(--color);border-radius:40px;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
#indexbanner .banner-animote .p3 a:hover{opacity:.9}
#indexbanner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0}
}@media (max-width:1200px){#indexbanner .banner-animote{left:12vw}
#indexbanner .banner-animote .p1{font-size:46px;margin-bottom:10px}
#indexbanner .banner-animote .p2{font-size:19px}
#indexbanner .banner-animote .p2 span{font-size:26px}
#indexbanner .banner-animote .p3{margin-top:25px}
#indexbanner .banner-animote .p3 a{height:40px;padding:0 20px;font-size:16px}
}@media (max-width:1080px){#indexbanner .banner-animote{left:11vw;max-width:36%}
#indexbanner .banner-animote .p1{font-size:35px}
#indexbanner .banner-animote .p2{font-size:16px}
#indexbanner .banner-animote .p2 br{display:none}
#indexbanner .banner-animote .p2 span{display:block;font-size:22px}
#indexbanner .banner-animote .p3{margin-top:20px}
#indexbanner .banner-animote .p3 a{height:40px;padding:0 15px;font-size:14px}
}@media (max-width:768px){#indexbanner .banner-animote{left:55px;max-width:38%}
#indexbanner .banner-animote .p1{font-size:30px}
#indexbanner .banner-animote .p2{display:none}
#indexbanner .banner-animote .p2 span{display:block;font-size:22px}
}@media (max-width:560px){#indexbanner .banner-animote .p1{font-size:18px}
#indexbanner .banner-animote.bannertxt2 .p1,#indexbanner .banner-animote.bannertxt3 .p1{letter-spacing:-1px}
#indexbanner .banner-animote .p3{margin-top:10px}
#indexbanner .banner-animote .p3 a{height:25px;padding:0 10px;font-size:12px}
}