﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-laster{padding:2% 0 3%}
.home-laster .list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.home-laster .list li{width:100%;margin-right:0;display:flex;flex-direction:column;align-items:center}
.home-laster .list li .img-box{margin-bottom:20px}
.home-laster .list li span{text-align:center}
@media (max-width:1440px){.home-laster{padding-top:0;}}
@media (max-width:768px){.home-laster .list{grid-template-columns:repeat(2,1fr)}} 
#appli img{width: 100%;margin-top: 3%;}
#appli{ padding-top: 4%;}
#contact{background: var(--color);}
#contact .foot-contact{background: var(--fontcolor);}
#contact .foot-contact:hover{background: #fff;color:var(--fontcolor)}
#ind .l-wrap{flex:inherit;display:flex;flex-direction:row-reverse}
#ind .l-wrap>div{flex:1}
#ind .ind-r{margin:0;top:0}
#ind .ind-r img{width:100%;height:100%;display:block;object-fit:cover}
#ind .ind-wrap{padding:30px 40px 20px}
#ind .ind-l h3{line-height:1.3}
#ind{padding-bottom:0}
#about .l-wrap{flex-direction:row-reverse}
#about .about-con{padding:0 80px 0 0}
@media (max-width:1470px){#about .about-con{padding:0 50px 0 0}}
@media (max-width:768px){#ind .l-wrap{flex-direction:column-reverse}
#ind .ind-wrap{padding:30px 15px 20px}
#ind .l-wrap>div{flex:initial;width:100%;}
#about .about-con{padding:0 0 0 0}}
.advan .advan-list{margin:0;}
.advan .advan-list>li{width:19%;padding:0;margin-right:1.25%}
.advan .advan-list>li:last-child{margin-right:0;}
.advan .advan-icon{margin-bottom:15px}
.advan .advan-list>li:last-child .advan-icon i{background:none;}
.advan .advan-list>li:last-child .advan-item:hover .advan-icon img{filter:brightness(6)}
@media (max-width:1080px){.advan .advan-list>li{width:32%;margin-right:2%;margin-bottom:20px}
.advan .advan-list>li:nth-child(3n){margin-right:0;}}
@media (max-width:768px){.advan .advan-list>li{width:48%;margin-right:4%;}
.advan .advan-list>li:nth-child(3n){margin-right:4%;}
.advan .advan-list>li:nth-child(2n){margin-right:0;}}

#about .about-con .con p{display: flex;}
#about .about-con .con p em{margin-right: 10px;}
#ind .ind-l{background:#EFF0F2}
#ind .adv-icon .icon-img img{filter: brightness(0) invert(1);}
@media (min-width:769px){#ind{padding-top:50px;}
#about,.advan,#new{padding:50px 0}
#product{margin-bottom:50px}
#appli{padding-top:50px}
.advan .title{margin:0 0 30px;}}

.wmpage212-page2{background:url(https://img01.v15cdn.com/singletem/wmpage212/wmpage212-page2-img2.webp) no-repeat;background-size:cover}
.wmpage212-page2 .wmpage212-page2-top{text-align:center}
.wmpage212-page2 .wmpage212-page2-text{text-transform:uppercase;color:var(--color);font-size:var(--wmpage-font17);font-weight:var(--fontbold6);padding-left:45px;position:relative;display:inline-block}
.wmpage212-page2 .wmpage212-page2-text::before{position:absolute;content:'';width:20px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage212-page2 .wmpage212-page2-text::after{position:absolute;content:'';width:13px;height:2px;background:var(--color);left:25px;top:50%;transform:translateY(-50%)}
.wmpage212-page2 .wmpage-title{color:var(--wmpage-color22)}
.wmpage212-page2 .wmpage-title span{color:var(--color)}
.wmpage212-page2 .wmpage212-page2-line{display:inline-block;position:relative;width:90px;height:5px;border-radius:20px;background:#000}
.wmpage212-page2 .wmpage212-page2-line::after{position:absolute;content:'';width:11px;height:11px;border-radius:50%;background:var(--color);top:50%;transform:translateY(-50%);left:0;animation:page1 3s infinite linear}
.wmpage212-page2 .wmpage212-page2-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-left{width:29%}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img{width:40%;height:auto}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img img{position:relative;width:100%;height:100%;object-fit:cover;transform:scale(.8)}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-right{width:29%}
.wmpage212-page2 .wmpage212-page2-item{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage212-page2 .wmpage212-page2-item:not(:first-child),.wmpage212-page2 .wmpage212-page2-item:not(:nth-child(4)){margin-top:60px}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 90px;height: 90px;background: linear-gradient(-60deg, var(--color) 0, var(--wmpage-color0) 100%);border-radius: 50%;}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon::after{position:absolute;content:'';width:115px;height:115px;border-radius:50%;border:1px solid #ddd;z-index:1}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-icon em{color:#fff;font-size:var(--wmpage-font36)}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-num{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;position:absolute;right:-15px;top:-5px;background:var(--color);box-shadow:#ccc 0 0 10px;color:#fff;font-weight:var(--fontbold6);transition:all .3s linear;z-index:2}
.wmpage212-page2 .wmpage212-page2-item:hover .wmpage212-page2-num{transform:scale(1.08)}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-info{width:62%;margin-left:40px;flex:1}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-bottom:10px;-webkit-text-fill-color:transparent;transition:.5s;background:linear-gradient(to right,#f16722,#f16722,50%,#232323 50%) 100% center/200% 100% text;background-position:100% center}
.wmpage212-page2 .wmpage212-page2-item:hover .wmpage212-page2-title{background-position:0 center}
.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-desc{color:var(--wmpage-color8)}
@media screen and (max-width:1024px) {.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-left {width: 100%;}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img {width: 100%;}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-right {width: 100%;}}
#about{padding: 0;}
 #ind .ind-l .con,#ind .adv-icon .text{color:#fff}
#about .l-wrap{background:#EFF0F2;padding-top:50px;padding-bottom: 50px;}
 #about .about-bottom{width:100%}
#about .about-con .con p{color:#111}
#about .about-bottom p{margin:1% 0}
#about .l-wrap{flex-wrap:wrap}
#ind .ind-l h3,#ind .ind-l .con,#ind .adv-icon .text,#ind .adv-icon .num{color:var(--fontcolor)}
#ind .adv-icon .icon-img img{filter:brightness(0) saturate(100%)}
#ind .ind-l .con {text-align: justify;}
#about .about-con .con p {text-align: justify;}
@media (min-width:769px){#ind .adv-icon>li:nth-child(n+3){margin-bottom:0;}
#about .about-img{padding-top:0}}
#about .about-img img{width:100%;}
#about .about-con .con,.about-bottom p{font-size:18px;}
@media (min-width:1025px) and (max-width:1366px){.wmpage212-page2 .wmpage212-page2-item .wmpage212-page2-desc{min-height:76px;}}

#ind .ind-l .con {font-size:var(--fontsize20)}
#ind .adv-icon .icon-item{padding:0 20px}
#ind .adv-icon .icon-img img{width:50px;height:50px;object-fit:contain}
#about .about-con{padding:0 40px}
#about .about-con .con{color:var(--fontcolor)}
@media (max-width:1470px){#ind .ind-l .con{margin-bottom:25px;font-size:var(--fontsize18)}
#about .about-con .con *{font-size:var(--fontsize18)!important}}
@media (max-width:1080px){#ind .l-wrap>div{flex:initial}
#ind .l-wrap{flex-direction:column}
#ind .ind-wrap{padding:20px}
#ind .ind-r iframe{aspect-ratio:16/9}
#about .l-wrap{flex-direction:column-reverse}
#about .about-img{width:100%;padding:0;margin:0 0 20px}
#about .about-con{width:100%;padding:0 20px}}
.home-laster{padding-top:30px}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img img{max-width:300px}
.wmpage212-page2 .wmpage212-page2-bottom .wmpage212-page2-img{display:flex;align-items:center;justify-content:center}
#new .new-img img{aspect-ratio:4/3;object-fit:cover}