﻿#home-swiper .swiper-slide img{filter:brightness(.55)}
#home-swiper .banner-animote{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:65%;color:var(--headercolor);opacity:0;text-align:center}
#home-swiper .banner-animote .p1{font-size:3vw;font-weight:bold;text-align:center;line-height:1.2;text-shadow:1px 2px 3px #000;}
#home-swiper .banner-animote .p2{font-size:1.4vw;margin:1.5vw 0 0;line-height:1.4;text-shadow:1px 2px 3px #000;}
#home-swiper .banner-animote.bannertxt1 ul{display:flex;justify-content:space-evenly;margin-top:1.5vw}
#home-swiper .banner-animote.bannertxt1 ul li{text-align:left;max-width:32%;font-size:1.5vw;position:relative;list-style:disc;margin-left:1.5vw;line-height:1.4;text-shadow:1px 2px 3px #000;}
#home-swiper .banner-animote.bannertxt3 ul{display:flex;justify-content:space-between;margin-top:1.5vw;flex-wrap:wrap;padding-left:1.5vw}
#home-swiper .banner-animote.bannertxt3 ul li{width:31%;font-size:1.5vw;position:relative;list-style:disc;text-align:left;line-height:1.4;margin-bottom:.5vw;text-shadow:1px 2px 3px #000;}
#home-swiper .banner-animote.bannertxt3 ul li:last-child{width:65.5%}
#home-swiper .banner-animote.bannertxt3 .p2{font-size:2.2vw}
#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}}
@media (max-width:1024px){#home-swiper .banner-animote{width:80%}
#home-swiper .banner-animote .p2{font-size:16px}
#home-swiper .banner-animote.bannertxt1 ul li,#home-swiper .banner-animote.bannertxt3 ul li{font-size:1.7vw}}
@media (max-width:768px){#home-swiper .banner-animote{width:90%}
#home-swiper .banner-animote .p1{font-size:20px}
#home-swiper .banner-animote .p2{font-size:14px}
#home-swiper .banner-animote.bannertxt1 ul{flex-wrap:wrap;justify-content:space-between}
#home-swiper .banner-animote.bannertxt1 ul li{font-size:14px;max-width:inherit;margin-top:5px;margin-left:18px}
#home-swiper .banner-animote.bannertxt3 ul{display:none}
#home-swiper .banner-animote.bannertxt3 .p2{font-size:14px}}
@media (max-width:550px){#home-swiper .banner-animote .p1{font-size:16px}
#home-swiper .banner-animote .p2{font-size:12px;margin-top:8px}
#home-swiper .banner-animote.bannertxt1 ul{flex-wrap:wrap;margin-top:8px}
#home-swiper .banner-animote.bannertxt1 ul li{font-size:12px;margin:0 0 6px 18px}
#home-swiper .banner-animote.bannertxt3 ul{display:none}
#home-swiper .banner-animote.bannertxt3 .p2{font-size:12px}}
  #home-swiper .banner-animote.bannertxt1{position:absolute;width:100%;height:100%;left:0;top:0;transform:unset}
#home-swiper .banner-animote.bannertxt1 .p1{position:absolute;max-width:60%;top:10%;left:5%}
#home-swiper .banner-animote.bannertxt1 ul{position:absolute;max-width:50%;top:25%;left:5%}
#home-swiper .banner-animote.bannertxt1 .p2{position:absolute;right:5%;bottom:5%;z-index:999}
#home-swiper .banner-animote.bannertxt3{width:100%;height:100%;left:0;top:0;transform:unset}
#home-swiper .banner-animote.bannertxt3  .title{text-align:left;position:absolute;left:2%;top:10%;font-size:1.2vw;line-height:1.4;text-shadow:1px 2px 3px #000}
#home-swiper .banner-animote.bannertxt3 .p2{position:absolute;left:2%;bottom:6%}
#home-swiper .banner-animote.bannertxt4{width:100%;height:100%;left:0;top:0;transform:unset}
#home-swiper .banner-animote.bannertxt4 .p1{position:absolute;left:50%;top:5%;transform:translate(-50%,0)}
@media (min-width:1024px){#home-swiper .banner-animote.bannertxt2{top:15%}}
  @media (max-width:550px){#home-swiper .banner-animote .p1{font-size:3vw}
#home-swiper .banner-animote .p2{font-size:1.4vw}
}@media (max-width:768px){#home-swiper .banner-animote .p2{font-size:1.4vw}
#home-swiper .banner-animote .p1{font-size:3vw}
#home-swiper .banner-animote.bannertxt1 ul li{font-size:1.7vw}
}

#ind>div{width: 50%;}
#ind .ind-r{position: static;margin-left: 0;}
#ind .ind-l{background: #fff;}
#ind .ind-r iframe{height: 100%;width: 100%;}
#ind .ind-l h3{color: #000;}
#ind .ind-l .con{color: #000;}
#ind .adv-icon .icon-item{color: #000;}
#ind .adv-icon .text{color: #000;}
#ind .ind-wrap{padding-top: 0;padding-bottom: 0;}
#contact{padding: 10px 0;background: var(--color);border: 1px #000 solid;}

.sol-top{background: initial;}
.sol-top h3{background: var(--color);padding:15px 0}
 #product .pro-list .pro-name{ min-height: 58px;}
#home-swiper .swiper-slide img{ filter: unset;}
.main-title span{color:Var(--color)}
#about .about-con ul:before, #about .about-con ul:after{display:none}
#ind{display:block;padding-top:20px;}
#ind .l-wrap{width:100%;display:flex;align-items:center;flex-wrap:wrap;}
#ind .ind-l{width:50%;padding-right:100px;}
#ind .ind-r{width:50%;}
#ind .ind-l .con{font-size:var(--fontsize20);line-height:2;margin:0;}
#ind .ind-r lite-youtube{aspect-ratio:807/544;}
@media (max-width:1470px){#ind .ind-l{padding-right:50px;}
#ind .ind-l .con{font-size:var(--fontsize18);}}
@media (max-width:1279px){#ind .l-wrap{width:auto}
#ind .ind-l .con{font-size:var(--fontsize16);line-height:1.8}}
@media (max-width:768px){#ind .l-wrap{flex-direction:column-reverse}
#ind .ind-l{width:100%;padding:20px 0 0;}
#ind .ind-r{width:100%;}
#ind .ind-l h3{font-size:var(--fontsize20);margin-bottom:10px}}

#ind{padding:0;}
#ind .l-wrap{flex-direction:row-reverse;}
#ind #about{padding-top:20px}
#ind #about .about-img{padding:0}
#ind #about .about-con{padding:0 100px 0 0;}
#ind #about .about-img lite-youtube{max-width:100%;aspect-ratio:807/544;}
@media (max-width:1470px){#ind #about .about-con{padding:0 50px 0 0}}
@media (max-width:1024px){#about .l-wrap{flex-wrap:wrap}
#about .about-img, #about .about-con{width:100%}
#about .about-con{padding:40px 0 0}
#ind #about .about-con{padding:20px 0 0}
#ind #about .about-con ul{margin-bottom:0}}
@media (max-width:768px){#about .about-con{padding:20px 0 0}
#about .about-con .title{display:none}
#ind #about .about-img{margin-bottom:0}
#about .about-con ul{padding-left:25px;margin-top:15px}
#ind #about .about-con ul{margin-top:0}
#about .about-con h3{margin-bottom:10px}}