﻿
#home-swiper .banner-animote{position:absolute;left:50%;transform:translateX(-50%);width:100%;color:#FFFFFF;opacity:0}
#home-swiper .banner-animote .p1{line-height:1.4;margin-bottom:2vw;color: #1860bd;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px  1px 0 white,1px  1px 0 white;font-weight: bold;line-height: 1;font-size: 3vw;font-style: italic;max-width: 65vw;padding-left: 12vw;}
#home-swiper .banner-animote .line{width: 23vw;height: 2px;margin: 1.5vw;margin-left: 10vw}
#home-swiper .banner-animote .p2{font-size:1vw;margin-bottom:5vw;color:#fff;padding-left: 9vw;}
#home-swiper .banner-animote .p3{margin-top: 1vw;padding-left: 11vw;}
#home-swiper .banner-animote .p3 .box{margin-bottom: 1vw;color: #1860bd;font-size: 1vw;}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}


#home-swiper .banner-animote.ban1{top:9%;}
#home-swiper .banner-animote.ban1 .p3{margin-top: 4.5vw;padding-left: 9vw;}
#home-swiper .banner-animote.ban1 .p3 .box:nth-child(2){padding-left: 1vw;margin-top: 5.7vw;}
#home-swiper .banner-animote.ban1 .p3 .box:nth-child(3){padding-left: 5vw;margin-top: 5.4vw;padding-top: 0.5vw;}
#home-swiper .banner-animote.ban2{top:11%;}
#home-swiper .banner-animote.ban2 .p3{margin-top: 1vw;padding-left: 11vw;}
#home-swiper .banner-animote.ban2 .p3 .box:nth-child(2){padding-left: 5vw;margin-top: 5vw;padding-top: 0.5vw;}

@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}}
@media (max-width:768px) {#home-swiper .banner-animote{display: none;}}
