﻿.index-main{top:74px}
@media (max-width:1024px){.index-main{top:54px}}
@media (max-width:769px){.index-main{top:55px}
.index-main .swiper-container{margin-top: 0;}}

#indexbanner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;}
#indexbanner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#indexbanner .more a{color: #fff;background: #000;display: inline-block;padding: .7vw .8vw;font-size: 1.3vw;line-height: 1;border-radius: 1.5vw;}

#indexbanner .banner-animote .p1{display: block;}

#indexbanner .ban1{top: 45%}
#indexbanner .ban1 .p1{font-size: 3.3vw;font-weight: var(--fontbold6);line-height: 1.2;}
#indexbanner .ban1 .p2{font-size: 4vw;font-weight: var(--fontbold6);line-height: 1.2;}
#indexbanner .ban1 .p3{margin-top: .5vw;font-size: 2vw;font-style: italic;line-height: 1.2;}
#indexbanner .ban1 .more{margin-top: 8vw;}

#indexbanner .ban2{top: 54%;color: #fff;}
#indexbanner .ban2 .p1{font-size: 4vw;font-weight: var(--fontbold6);line-height: 1.2;}
#indexbanner .ban2 .p2{margin: 1vw 0 4vw;font-size: 2vw;line-height: 1.2;}
#indexbanner .ban2 .p3{font-size:1.8vw;margin-bottom: 2vw;line-height: 1.2;}

#indexbanner .ban3{top: 35%;display: flex;}
#indexbanner .ban3 .num{color: #eebd6d;font-size: 15vw;font-weight: var(--fontbold6);line-height: 1;letter-spacing: -20px;}
#indexbanner .ban3 .info{margin-left: 2vw;margin-top: 1vw;}
#indexbanner .ban3 .p1{padding-left: .5vw;font-size: 3vw;font-weight: var(--fontbold6);line-height: 1.1;}
#indexbanner .ban3 .p2{margin-top: .5vw;font-size: 1.5vw;line-height: 1.2;font-style: italic;}
#indexbanner .ban3 .more{margin-top: 1vw;}
#indexbanner .ban3 .p1 ,#indexbanner .ban3 .p2{color: #eebd6d;}