﻿.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0}
.home-banner .banner-animote .p1{font-size:var(--fontsize48);font-weight:var(--fontbold6);line-height:1.4;margin:10px 0 10px;text-align:center}
.home-banner .banner-animote .p2{font-style:italic;font-weight:400;margin-bottom:50px;text-align:center;padding-top:10px;border-top:1px solid #FFFFFF;font-size: 16px;}
.home-banner .banner-animote .p3{display:flex;justify-content:center}
.home-banner .banner-animote .p3 a{border:1px solid #FFFFFF;display:inline-block;padding:6px 20px;transition:all 0.2s linear;border-radius:30px}
.home-banner .banner-animote .p3 a:hover{border-color:var(--color);background-color:var(--color)}
@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:var(--fontsize36)}}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize30)}
.home-banner iframe{width: 100%;height: calc(100vh - 60px);}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:var(--fontsize22)}
.home-banner .banner-animote .p2{margin:0;font-size:var(--fontsize16)}
.home-banner video{height: auto}
.home-banner iframe{width: 100%;height: auto;}
.home-banner .banner-animote .p3{display:none}}
@media (max-width:500px){.home-banner .swiper-slide img{min-height:240px}
.home-banner .banner-animote .p2{display:none}}