﻿#home-swiper .banner-animote{position:absolute;opacity:0;z-index:2}
#home-swiper .banner-animote .tit{font-weight: var(--fontbold7);}
#home-swiper .swiper-slide-active img{animation:bannerimg 6s forwards}
#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:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
#home-swiper .banner-animote.ban1{top:50%;left:50%;transform: translate(0,-50%);color:#fff;}
#home-swiper .banner-animote.ban1 .tit{font-size:50px;}
@media (max-width:1700px){#home-swiper .banner-animote.ban1 .tit{font-size:2.8vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban1 .tit{font-size:20px;}}
@media (max-width:550px){#home-swiper .banner-animote.ban1 .tit{font-size:12px;}}
#home-swiper .banner-animote.ban2{top:25%;left:50%;transform: translate(-50%,0);}
#home-swiper .banner-animote.ban2 .tit{font-size:50px;}
@media (max-width:1700px){#home-swiper .banner-animote.ban2 .tit{font-size:2.8vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban2 .tit{font-size:20px;}}
@media (max-width:550px){#home-swiper .banner-animote.ban2 .tit{font-size:12px;}}
#home-swiper .banner-animote.ban3{top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;text-shadow: 1px 1px 2px var(--fontcolor);width:100%;text-align: center;}
#home-swiper .banner-animote.ban3 .tit{font-size:50px;}
@media (max-width:1700px){#home-swiper .banner-animote.ban3 .tit{font-size:2.8vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban3 .tit{font-size:20px;}}
@media (max-width:550px){#home-swiper .banner-animote.ban3 .tit{font-size:12px;}}
#home-swiper .banner-animote.ban4{top:50%;left:9%;transform: translate(0,-50%);color:#fff;}
#home-swiper .banner-animote.ban4 .tit{font-size:50px;max-width:62%}
@media (max-width:1700px){#home-swiper .banner-animote.ban4 .tit{font-size:2.8vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban4 .tit{font-size:20px;}}
@media (max-width:550px){#home-swiper .banner-animote.ban4 .tit{font-size:12px;}}
#home-swiper .banner-animote.ban5{top:14%;left:50%;transform: translate(-50%,0);color:#fff;width:100%;text-align: center;}
#home-swiper .banner-animote.ban5 .tit{font-size:50px;}
@media (max-width:1700px){#home-swiper .banner-animote.ban5 .tit{font-size:2.8vw;}}
@media (max-width:768px){#home-swiper .banner-animote.ban5 .tit{font-size:20px;}}
@media (max-width:550px){#home-swiper .banner-animote.ban5 .tit{font-size:12px;}}

@media (min-width:1025px) {
.about-con .space{height:30px}}
.sol-top{background-size: cover;}
#sol-swiper1{padding-bottom:60px}
#sol-swiper1 .swiper-slide{display:flex}
#sol-swiper1 .swiper-slide>div{flex:1}
#sol-swiper1 .sol-img img{width:100%;height:auto}
#sol-swiper1 .sol-r-wrap{padding:0px 11% 0 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
#sol-swiper1 .sol-r{background:#FFFFFF}
#sol-swiper1 .sol-title{font-size:var(--fontsize26);margin-bottom:10px;font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor)}
#sol-swiper1 .sol-con{color:var(--introcolor);line-height:1.7em;margin-bottom:30px}
#sol-swiper1 .swiper-pagination-bullet{background:var(--color)}
@media screen and (max-width:768px){#sol-swiper1 .swiper-slide{display:block}
#sol-swiper1 .sol-title{font-size:var(--fontsize18)}
#sol-swiper1 .sol-r-wrap{padding:5.3333333333vw 4vw}
#sol-swiper1 .sol-con{font-size:var(--fontsize16);margin-bottom:4vw}
}