#banner-pc .banner-animote{position:absolute;top:10%;left:40.5%;color:#fff;font-weight:700;transform:translateY(20px);opacity:0}
#banner-pc .banner-animote .p1{font-size:76px;line-height:1.1}
#banner-pc .banner-animote .p2{margin:5px 0 60px;font-size:44px;line-height:1.1}
#banner-pc .banner-animote .more{position:relative;display:inline-block;padding:4px 25px;color:#fff;font-size:22px;font-weight:700;background:#e95515;border-radius:6px}
#banner-pc .banner-animote .more::before{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 7px);height:calc(100% + 7px);background:linear-gradient(to bottom,#fff 20%,#000);border-radius:6px;z-index:-1}
#banner-pc .swiper-slide-active .banner-animote{animation:bannerup 1s forwards}
@keyframes bannerup{0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@media (max-width:1920px){#banner-pc .banner-animote{top:8%}
#banner-pc .banner-animote .p1{font-size:4vw}
#banner-pc .banner-animote .p2{font-size:2.5vw;margin:5px 0 3.5vw}
#banner-pc .banner-animote .more{padding:.2vw 1.2vw;font-size:1.2vw}}
@media (max-width:768px){#banner-pc .banner-animote .p2{margin-bottom:2vw}
#banner-pc .banner-animote .more{border-radius:3px}
#banner-pc .banner-animote .more::before{top:-1px;left:-1px;width:calc(100% + 3px);height:calc(100% + 3px);border-radius:3px}}
@media (max-width:500px){#banner-pc .banner-animote{top:6%}}

.home-banner .banner-animote{transform:none;left:40%;top:4%;width:55%;}
.home-banner .banner-animote .p1{font-family:impact;font-weight:500;line-height:1.1;font-size:4.8vw;}
.home-banner .banner-animote .p2{font-size:3.4vw;font-family:impact;line-height:1.1;margin:.2vw 0 0;}
.home-banner .banner-animote .more{font-weight:bold;font-size:1.8vw;line-height:1.2;border-radius:4px;margin-top:3vw;display:inline-block;background:linear-gradient(#fff,#000);padding:.2vw}
.home-banner .banner-animote .more span{background:var(--color);padding:.3vw 1.5vw;display:inline-block;}
@media (max-width:768px){.home-banner .banner-animote .more{padding:2px;font-size:14px}
.home-banner .banner-animote .more span{padding:4px 12px}}
@media (max-width:768px){.home-banner .banner-animote .more{;font-size:12px;transform:scale(.85);transform-origin:left top}
.home-banner .banner-animote .more span{padding:2px 8px}}