﻿@media (min-width:1025px) {.home-banner .banner-animote .p2{font-size: 2vw;}}
.home-banner{position:relative}
.home-banner iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:inherit;}
.home-banner:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0 0 0 / 20%)}
.bannertxt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;color:#fff;opacity:0;width:70%;}
.bannertxt{animation:bannerani .5s forwards;animation-delay:1s}
.bannertxt .tit{font-weight:bold;font-size:4.2vw;line-height:1.3;margin-bottom:.5vw}
.bannertxt p{margin:.2vw 0;font-size:1.5vw;line-height:1.5}
.bannertxt .btn{display:flex;justify-content:center;margin-top:2vw;}
.bannertxt .btn a{line-height:1.2;font-size:1.2vw;border-radius:60px;margin:0 1vw;border:2px solid #fff;padding:.8vw 2vw;transition:.3s}
.bannertxt .btn a:first-child{background:var(--color);border-color:var(--color)}
.bannertxt .btn a:first-child:hover{color:var(--color);border-color:#fff;background:#fff}
.bannertxt .btn a:nth-child(2):hover{background:var(--color);border-color:var(--color)}
.bannertxt .btn a em{font-size:inherit}
@media (max-width:1024px){.bannertxt{top:50%;width:80%}}
@media (max-width:768px){.bannertxt{width:94%}
.bannertxt .tit{font-size:4.5vw;}
.bannertxt p{font-size:1.8vw;}

.bannertxt .btn a{font-size:1.5vw;padding:1vw 2vw}}
@media (max-width:500px){.bannertxt .tit{font-size:4.8vw;margin-bottom:1vw}
.bannertxt p{font-size:2.3vw;}
.bannertxt .btn{margin-top:3vw}
.bannertxt .btn a{font-size:2vw;}}
.home-banner .swiper-slide>a::after{ display: none;}