﻿#home-swiper .banner-animote{position:absolute;width:50%;color:#FFFFFF;opacity:0;transform:translateY(-50%);}
#home-swiper .banner-animote.bannertxt1{left:6.4%;top:45%}
#home-swiper .banner-animote.bannertxt2{top:47%;left:50%;transform:translate(-50%,-50%);text-align:center}
#home-swiper .banner-animote.bannertxt3{width:auto;right:6%;top:47.5%}
#home-swiper .banner-animote .p1{font-size:2.85vw;letter-spacing:.05vw;line-height:1.3;color:#D45C27;font-weight:900;text-shadow:0 -2px 0 #fff,2px -2px 0 #fff,2px 0 0 #fff,2px 2px 0 #fff,0 2px 0 #fff,-2px 2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff;margin-bottom:1.4vw}
#home-swiper .banner-animote .p2{display:flex;gap:1.6vw;margin:0;}
#home-swiper .banner-animote .p2>span:first-child{background:#D45C27;font-size:1.5vw;line-height:1.2;padding:.65vw 1.4vw;position:relative;letter-spacing:.05vw}
#home-swiper .banner-animote .p2>span:first-child:after{content:'';width:2.2vw;height:100%;background:#D45C27;position:absolute;left:100%;top:0;margin-left:-1vw;transform:skewX(-27deg)}
#home-swiper .banner-animote .p2>span:nth-child(2){width:.9vw;background:#D45C27;transform:skewX(-27deg)}
#home-swiper .banner-animote.bannertxt2 .p2>span:first-child{margin:0 auto;border-radius:.5vw;padding:.3vw 2.1vw;}
#home-swiper .banner-animote.bannertxt2 .p2>span:first-child:after{display:none}
#home-swiper .banner-animote.bannertxt3 .p1{margin-bottom:1.4vw;line-height:1.1}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@media (min-width:2561px){#home-swiper .banner-animote .p1{font-size:73px;letter-spacing:2px;margin-bottom:1.4vw}
#home-swiper .banner-animote .p2{gap:50px;}
#home-swiper .banner-animote .p2>span:first-child{font-size:40px;padding:18px 23px;letter-spacing:1.5px}
#home-swiper .banner-animote .p2>span:first-child:after{width:65px;margin-left:-20px;}
#home-swiper .banner-animote .p2>span:nth-child(2){width:25px;}
#home-swiper .banner-animote.bannertxt2 .p2>span:first-child{border-radius:10px;padding:10px 44px;}}
@media (max-width:768px){#home-swiper .banner-animote .p1{text-shadow:0 -1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff,-1px 0 0 #fff,-1px -1px 0 #fff;}}