﻿.home-banner .banner-animote.banner-text-2{top:10%}
.home-banner .banner-animote.banner-text-2 .title{font-size:4vw;line-height:1.2;margin-bottom:3%}
.home-banner .banner-animote.banner-text-2 .text{font-size:1.5vw}

.home-banner .banner-animote.ban1{max-width: 1600px;padding: 0 70px;left: 0;bottom: auto;top: 50%;transform: translateY(-50%);}
.home-banner .swiper-slide-active .banner-animote.ban1{animation: wkbanner .5s forwards;animation-delay: .7s;}
.home-banner .banner-animote.ban1 .title{font-style: italic;font-weight:500}
.home-banner .banner-animote.ban1 strong{font-weight: bold;}
.home-banner .banner-animote.ban1 .text strong{font-size: var(--fontsize24);}

.home-banner .banner-animote.ban3{max-width: 1600px;padding: 0 70px;left: 0;bottom: auto;top: 50%;transform: translateY(-50%);}
.home-banner .swiper-slide-active .banner-animote.ban3{animation: wkbanner .5s forwards;animation-delay: .7s;}

.home-banner .banner-animote.ban3 .title{font-size:54px}
@media (max-width:1440px){.home-banner .banner-animote.ban3 .title{font-size:44px}}
@media (max-width:1024px){.home-banner .banner-animote.ban3 .title{font-size:36px}}
@media (max-width:768px){.home-banner .banner-animote.ban3 .title{font-size:22px}}
@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;}}