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

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

section {position:relative}
section + section {margin-top:140px}

.in {  max-width:1300px; }


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

  .in {padding:0 4%; box-sizing:border-box }

}
 @media all and (max-width:900px) {
	.main_con  {font-size:15px}
 
}

.vi {position:relative; width:100%; height:100vh; margin-bottom:120px}
.vi iframe {height:100%; width:100%}
.vi * {transition: all 0.3s ease;}
.vi .in {position:Absolute;  position:absolute; left:50%; top:44%; transform: translate(-50%, -50%);  color:#111;  text-shadow:4px 4px 10px rgba(0,0,0,.1)}
.vi .in .flex {gap:20px; margin-top:20px}
.vi .in .t1 {font-weight:400; color:#fff; font-size:35px}
.vi .in .t2 {color:#fff; font-size:60px; font-weight:900; margin-top:5px;   line-height:1.3; letter-spacing:-2px}
.vi .in  a {background-color:var(--main_c);  color:#fff;  margin-top:10px;  border-radius:50px; font-size:19px;   padding:13px 50px; display:inline-block}


 @media all and (max-width:900px) {
	.vi .in .t1 {  font-size:22px}
	.vi .in .t2 {  font-size:30px;   letter-spacing:0}
	.vi .in  a {font-size:1em}

}


h3.tit {  font-size:2.8em; letter-spacing:-3px;  margin-bottom:40px; width:100%; text-align:center}
 
.main_about .flex.in {gap:50px;  }
.main_about .img_bg {position:absolute; right:60px; opacity:.2; top:-60px}
.main_about .t1 {font-size:1.5em;  font-weight:500}
.main_about .t2 {font-size:3.5em; line-height:1.3; display:block; margin-top:10px; letter-spacing:-2px}
.main_about p {line-height:1.5; font-size:19px; color:#222}

@media all and (max-width:900px) {
		h3.tit { font-size:1.8em;  margin-bottom:25px; letter-spacing:-1px; gap:5px; display:flex; align-items:center; justify-content:center }
		.main_about .flex.in {gap:20px;  }
		.main_about .img_bg {display:none}
		.main_about .t1 {font-size:1em;  }
		.main_about .t2 {font-size:2em; letter-spacing:0 }
		.main_about p {  font-size:1em;  }
		.main_about p br {display:none}

}

.logo-slider {
  margin-top:30px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #fff;
 }

.logo-track {
  display: flex;
  width: calc(280px * 27);
  animation: scroll-left 50s linear infinite;
}

.logo-slide {
  display: flex;
  gap:10px;
   

}
.logo-slide p { color:#ddd; font-size:6em; opacity:.4; font-weight:800;  box-sizing:border-box; padding:20px;  gap:10px;  display:flex;   align-items:Center; justify-content:center;   }
 
 

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


 

@media all and (max-width:900px) {
 
	.logo-track { width: calc(250px * 27); }
	.logo-slider.type2 .logo-slide div {width:250px; gap:10px}
 	.logo-slider.type2 .logo-track {width: calc(250px * 30); }

	.logo-slide p {font-size:3em  }


}

.main_product {margin-top:70px}
.main_product  * { transition: all 0.3s ease;}
.main_product ul.flex {width:100%; gap:30px}
.main_product ul.flex li {width:100%; }
.main_product ul.flex li .img {width:100%; height:300px; background-color:#fff; border:1px solid #ddd;  display:flex; align-items:center; justify-content:center}
.main_product ul.flex li img {width:100%; }
.main_product ul.flex li h5 {font-size:1.3em; text-align:center;  font-weight:500;  margin-top:15px  }

.main_product  ul li:hover h5 {text-decoration:underline}




.main_business .in {max-width:1600px}
.main_business ul.flex {width:100%; gap:30px; margin-top:30px; }
.main_business ul.flex li {width:100%;   padding:0; background-color:#fff; color:#333; }
.main_business ul.flex li img {width:100%; }
.main_business .text {font-size:18px}

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

 .main_business ul.flex {gap:20px 0; justify-content:space-between}
 .main_business ul.flex li {width:48%; }

}

.main_board ul.flex {width:100%; gap:30px}
.main_board  * { transition: all 0.3s ease;}
.main_board ul.flex li {width:100%; text-align:center }
.main_board ul.flex li div {width:100%; height:340px; border:1px solid #ddd;  box-sizing:border-box; box-sizing:border-box; padding:10px; display:flex; align-items:center; justify-content:Center; overflow:hidden}
.main_board ul.flex li img {width:100%; }
.main_board ul.flex li h5 {font-size:1.1em; font-weight:400;  margin:10px 0 5px 0 }

.main_board  ul li:hover h5 {text-decoration:underline}
 
@media all and (max-width:1300px) {
      .main_board ul.flex li div {height:22vw }

}

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

		.main_board ul.flex {gap:20px 0; justify-content:space-between}
		.main_board ul.flex li {width:48%; }
    .main_board ul.flex li div {height:61vw }

}

 

.main_customer {  width:100%;   padding:100px 0;   background:url('../img/bg.png') no-repeat bottom;   background-size:cover; color:#111; position:relative; }
.main_customer .in {position:relative;  z-index:99; max-width:1300px}
.main_customer p {font-weight:300; font-size:17px  }
.main_customer h3.tit {margin-bottom:10px} 
.main_customer .tel {font-size:40px; letter-spacing:1.5; margin-bottom:8px; width:100%; display:inline-block }


.main_customer .link_box { display:inline-flex; gap:20px; margin-top:30px}
.main_customer .link_box h3 {background-color:var(--main_c); color:#fff;    border-radius:5px;  text-align:center; box-sizing:border-box; display:flex; align-items:center; padding:0 60px; height:67px; cursor:pointer; font-weight:300; font-size:1.3em }
.main_customer .link_box div i {font-size:25px; margin-right:10px}
 
 
 

@media all and (max-width:900px) {
 .main_customer p {font-size:1em}
.main_customer .tel {font-size:25px;  }
.main_customer .link_box {gap:10px}
.main_customer .link_box h3 {font-size:1.1em;  height:55px; padding:0 10vw }


}