@media (min-width:1024px){
#home-swiper .banner-animate{width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;color: #fff;max-width: 1600px;padding: 0 70px;text-align: center;}
#home-swiper .banner-animate .p1{font-size:3vw;font-weight:bold;-webkit-line-clamp:initial;line-height:1}
#home-swiper .banner-animate .p2{font-size:1.5vw;font-weight:bold;margin-top: 20px;-webkit-line-clamp:initial}
#home-swiper .banner-animate.ban1{left: 0;transform: translateY(-50%);text-align: left;width: 37%;padding-right: 0;color: #fff;}
}
@media (min-width:1024px){
#banner-pc .swiper-slide>a>img{aspect-ratio: 316/135;}

#banner-pc .banner-animate{width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;color: #fff;max-width: 1600px;padding: 0 70px;text-align: center;}
#banner-pc .banner-animate .p1{font-size: var(--fontsize36,36px);-webkit-line-clamp:initial;line-height:1}
#banner-pc .banner-animate .p2{font-size: var(--fontsize24,24px);margin-top: 20px;-webkit-line-clamp:initial}
#banner-pc .banner-animate.ban1{left: 0;transform: translateY(-50%);text-align: left;width: 37%;padding-right: 0;color: #fff;}
}
@media (max-width:1024px) {
#banner-pc .banner-animate{display: none;}
}
@media (max-width:1024px) {
#home-swiper .banner-animate{display: none;}
}

.swiper-slide-active .banner-animate{animation: wkbanner .5s forwards;animation-delay: .7s;}
@keyframes wkbanner{
0%   {margin-top: 50px;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
@-webkit-keyframes wkbanner {
0%   {margin-top: 50px;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}