.main_con {width:100%;  margin:0 auto;   font-size:16.5px;  font-weight:300; line-height:1.4}

hr {height:100px}
h3 {font-size:2em}

section + section {margin-top:80px}

.vi {position:relative; width:100%; height:100vh}
.vi iframe {height:100%; width:100%}

.tit {text-align:center;  font-size:2em;  }
.tit b {font-weight:700}

.tit_wrap {margin-bottom:40px}
.tit_wrap span {width:12px; height:3px; background-color:var(--main_c); display:inline-block}
.tit_wrap h3 b {color:var(--main_c)}
.tit_wrap p {font-weight:300; color:#111}


@media all and (max-width:800px) {

		.main_con {font-size:15px}
		h3 {font-size:1.7em}
		.tit {font-size:1.7em}

}

.slide_wrap {position:relative; }

.business_list_wrap * {transition: all 0.5s ease-out;}
.business_list_wrap {width:100%; display:flex; gap:20px; }
.business_list_wrap .business_list_box  {width:100%; cursor:pointer; position:Relative; height:500px;  padding:0; background-color:#333; overflow:hidden}
 
.business_list_wrap .business_list_box  div {position:absolute; padding:60px 40px  30px 40px; box-sizing:border-box;  top:0; left:0; color:#fff; height:100%; display:flex; flex-direction:column; justify-content:flex-end; width:100%; }
.business_list_wrap .business_list_box span { position:relative; z-index:9; letter-spacing:0; font-size:1em; font-weight:400;  font-family: "Montserrat", sans-serif;}
.business_list_wrap .business_list_box h5 {font-size:1.7em; position:relative; z-index:9}
 
.business_list_wrap .business_list_box p  { width:100%; height:100%;  position:absolute ; left:50%; top:50%;  transform: translate(-50%, -50%);  }
.business_list_wrap .business_list_box:hover p {width:110%; }
.business_list_wrap .business_list_box  div:after {background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; content:''}

@media all and (max-width:800px) {
		.business_list_wrap {flex-wrap:wrap; gap:0 }
		.business_list_wrap .business_list_box  {width:50%; height:200px}
		.business_list_wrap .business_list_box div {padding:30px 20px}
		.business_list_wrap .business_list_box h5 {font-size:1.3em;  }

}
ul.main_product_list {display:flex;   box-sizing:border-box; gap:2.6%; }
ul.main_product_list li {width:23%; background-color:#fff;  border:1px solid #D0D0D0; box-sizing:border-box;  overflow:hidden;  position:relative; padding:20px; padding-bottom:30px; transition: all 0.3s ease-out; border-radius:5px}
ul.main_product_list li:hover {border:1px solid var(--main_c)}
ul.main_product_list li img {width:100%}
ul.main_product_list li h4 {font-size:1.3em; color:#000; font-weight:600; margin:15px 0 10px 0}
ul.main_product_list li p {color:#333;  font-size:1em; font-weight:300;  line-height:1.4;}
 

@media all and (max-width:800px) {
		ul.main_product_list {flex-wrap:wrap; gap:15px 0; justify-content:space-between}
		ul.main_product_list li {width:48%}
		ul.main_product_list li p {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden }

}
 
ul.photo_gall {display:flex; width:100%; box-sizing:border-box; gap:3% }
ul.photo_gall li { width:23%;}
ul.photo_gall li .photo {width:100%; padding-bottom:100%; position:relative; display:inline-block;  transition: all 0.3s ease-out}

ul.photo_gall li .photo {background-size:100% !important}
ul.photo_gall li p {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%; overflow: hidden; color:#333;  font-size:1em; font-weight:300; line-height:1.4; margin:10px 0;  }
ul.photo_gall li h4 {font-size:1.2em; color:#000; font-weight:600;  margin:15px 0 10px 0}
ul.photo_gall li:hover .photo {background-size:110% !important}

@media all and (max-width:800px) {
		ul.photo_gall {flex-wrap:wrap; gap:15px 0; justify-content:space-between}
		ul.photo_gall li {width:48%}
}
 

.news ul  {width:100%;  margin-top:40px; margin-left:auto;  display:flex; flex-wrap:wrap; box-sizing:border-box; gap:2%;  }
.news ul li { width:32%; padding:35px 25px 35px 25px; box-sizing:border-box;   position:relative; cursor:pointer; border:1px solid #ddd; border-radius:5px;  }
 
.news ul li b {font-size:1.2em; font-weight:600; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%; overflow: hidden; color:#000;}
.news ul li p {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap: break-word; width: 100%; overflow: hidden; color:#333;  font-size:1em; font-weight:300; line-height:1.4; margin:10px 0;  }
.news ul li span {color:#888; font-weight:200; font-size:.9em} 
 
@media all and (max-width:800px) {
		.news ul {gap:15px 0}
		.news ul li {width:100% }

}
 




.slide_button_wrap {width:1460px; margin-left:-30px;  position:absolute; top:calc(50% - 50px); left:0}
.swiper-button-next, .swiper-button-prev { position: absolute;  background-color:#fff;  box-shadow:2px 2px 10px rgba(0,0,0,.13); border-radius:50%; width:50px; height:50px; }
.swiper-button-next::after, .swiper-button-prev::after { position: absolute; content: ''; width: 27%;  height: 27%; border-top: 2px solid #555; border-right: 2px solid #555; } 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:1}


.swiper-button-prev { left:0;  }
.swiper-button-next { right:0; }
.swiper-button-prev::after { transform: rotate(225deg); left: 39%; }
.swiper-button-next::after { transform: rotate(45deg);  right: 39%; }

footer {border-top:none}




.customer_wrap {background:url('/common/img/main_bottom.png') no-repeat center; margin-top:120px;  background-size:cover}
.customer { width:100%;   padding:100px 0;  color:#fff;  }
.customer .in {position:relative;  z-index:99; }
.customer p {font-size:1.3em;  font-weight:300; margin-top:15px}
.customer  button { box-shadow: inset 0 0 0 2px #fff; color: #fff;}

@media all and (max-width:800px) {

}