@charset "utf-8";
   
 .main_wrap{
		max-width:1300px;
		margin:0 auto;
		position:relative;	
 }
  
  /*mainimg slider/*/

  #mainimgContent{
	position:relative;
	min-height:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:700px;
 	background:#fff;
}
  

 @media  (max-width: 600px) {
	
	 #mainimgContent{ min-height:550px; }
 }
   


#mainimgContent_in{
	
	margin: 0px 0;	 
   	position: absolute;	
	width:100%;
	height:100%;
	overflow: hidden;
	 
}

.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;	
	margin:0 auto;
	background:#000;
	
	}

.mainContainer_in{
	
	width:100%;
	overflow:hidden;

	
}

	 
  

/**/

  .intromain h2{
	
	text-align:left;
	font-size:50px;
	letter-spacing:-1px; 
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:20px;
	padding-top:30px;
	color:#fff;
 	

}
 .intromain h2:after{
	display:block;
	content:'';
	margin-top:15px;
	width:150px;
	height:1px;
	background: rgba(255,108,0,1);
 }
   .intromain h3{
	font-size:45px;
 
   }
   .intromain h4{
	font-size:35px;
 
   }

.intromain .ttile{
 	display:block;
	text-align:left;
	margin:10px auto 30px auto;
	font-size:18px; 
	line-height:1.2;
	letter-spacing:0px;
	color:#fff;
 	 
}


.intromain .ttile span{display:block;}

@media(max-width:1000px){
	.intromain .ttile{font-size:16px; }
	.intromain h3{font-size:40px;}
	.intromain h4{font-size:30px;}

	
}

@media(max-width:780px){

	.intromain h2{ font-size:30px;}
	.intromain h3{font-size:35px;}
	.intromain h4{font-size:27px;}
 
 }
  

@media(max-width:640px){
	
	.intromain h2{ font-size:25px;}
	.intromain h3{font-size:32px;}
	.intromain h4{font-size:25px;}

	.intromain .ttile span{ display:inline; }
  
 }	

  

 
.section { overflow:hidden;  }
.btn_top { display:none; }
 


/* section0 Visual */
 


#section0 {
	position:relative;
	overflow: hidden;
	
	}
 
	
	
/* section1 */
#section1 {
	position:relative;
	overflow: hidden;
	background: #fff;
	padding:0;
	margin:0;
	}
.section1_wrap{
	width:100%;
	height:100%;
	position:relative;
	 
		 
}

 
.proarea{
	 position: relative;
	 width:100%;
	 height:100%;
	 min-height:400px;
}

.proarea:after{
 position: relative;
 display:block;
 content:'';
 clear:both;
 }

 
.proarea_in {
	display: block;
	list-style-type: none;
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

.proarea_in .imgbox {
				float:left;
				 height: 100%;
				 width:50%;
				 position:relative;
				 overflow:hidden;

 
			}
			.proarea_in .imgarea{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s}

			#panel-1 .imgarea {
				position:relative;
				background:url(../image/back_pr02.jpg) no-repeat center 0;
			}
			 
			#panel-2 .imgarea{
				background:url(../image/back_pr01.jpg) no-repeat center 0;
			}
			.imgbox:hover .imgarea{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.proarea_in .imgbox .imgarea { position:relative; width:100%; height:100%;}
.proarea_in .imgbox .imgarea:after { content:""; display:block; padding-bottom:100vh; }
.proarea_in .imgbox .imgarea img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover; transition:all .4s ease-in-out; }
.proarea_in .imgbox  .imgarea:before{content:''; display:block; width:100%; height:100%; position:absolute;  right:0; background-color:#939290; z-index:2; bottom:0;}
 
.fp-viewing-product .proarea_in .imgbox:nth-child(1) .imgarea:before{ height:0; transition:height 1.9s; }
.fp-viewing-product .proarea_in .imgbox:nth-child(2) .imgarea:before{ height:0; transition:height 2.6s; }

 .proarea_in .imgbox .contetnt_txt{ opacity:0; text-align:center; position:absolute; left:0; top:30%; width:100%; transform:translateY(-50%); z-index:1; }
.fp-viewing-product  .proarea_in .imgbox:nth-child(1) .contetnt_txt { animation:txtUp_1 1.0s 0.3s; animation-fill-mode:both; }
.fp-viewing-product  .proarea_in .imgbox:nth-child(2) .contetnt_txt { animation:txtUp_1 1.0s 0.6s; animation-fill-mode:both; }

 .proarea_in h3{
	color:#f77f1e;
	letter-spacing:-2px;
	font-weight:900;
 }
  .proarea_in h4{
	color:#e8e8e8;
 }
  .proarea_in .prolist{
		margin-top:30px;
   }
  .proarea_in .prolist li a{
		color:#fff;
   }
 .proarea_in  .prolist li a:after{
	content:'';
	display:block;
	position:absolute;
	top:20px;
	left:5px;
	width:15px;
	height:2px;
	background:#fff;
 }
  .proarea_in  .prolist li a{
	display:block;
	position:relative;
	transition:all .4s ease;
	background:rgba(255,255,255,.1);
	color:#fff;
	width:250px;
	margin:10px auto;
	padding:10px 0px 10px 25px;
	border: 1px solid #bdbdbd;
	text-align:left;
  }

 .prolist li a:hover{
	 background-color:#2b3b95;
	 border: 1px solid #2b3b95;
  }

@media(max-width:1000px){
		.proarea_in .imgbox:nth-child(1) .imgarea:before{ height:0; transition:height 1.9s; }
		.proarea_in .imgbox:nth-child(2) .imgarea:before{ height:0; transition:height 2.6s; }

		 .proarea_in .imgbox .contetnt_txt{top:30px;}
		.proarea_in .imgbox:nth-child(1) .contetnt_txt { animation:txtUp_1 1.0s 0.3s; animation-fill-mode:both; }
		.proarea_in .imgbox:nth-child(2) .contetnt_txt { animation:txtUp_1 1.0s 0.6s; animation-fill-mode:both; }


 }


 @media(max-width:640px){
	.proarea_in { position: relative;height:auto;}
	.proarea_in .imgbox {float:none;width:100%;max-height:300px;}

	#panel-1 .imgarea {
				position:relative;
				background:url(../image/back_pr02.jpg) no-repeat center 30%;
			}
			 
			#panel-2 .imgarea{
				background:url(../image/back_pr01.jpg) no-repeat center 30%;
			}

 }
 
/* section2 */
#section2 {
	position:relative;
	overflow: hidden;
	background: url(../image/back_equ.jpg) no-repeat 0 0;
	background-size:cover;
}

.section2_wrap  {
			width:100%;
			min-height:450px;
			padding:0 2%;
			margin: 0 auto;
			position:relative;
			 
			
}

.equbox{
	position:absolute;
	top:35%;
	background: rgba(255,255,255,.9);
	left:50%;
	padding:50px;
}

.equbox_con{
	max-width:550px;
}
.equbox_con h3{letter-spacing:-2px;margin-bottom:30px;}
.equbox_con h3 strong{font-weight:700}
.equbox_con ul li{font-size:17px;margin-bottom:5px;}

#section2 a.linkbox:after{
	content:'';
	display:block;
	position:absolute;
	top:13px;
	left:5px;
	width:15px;
	height:2px;
	background:#fff;
 }
  #section2 a.linkbox{
	display:block;
	position:relative;
	transition:all .4s ease;
	background:#2b3b95;
	
	 color:#fff;
	width:120px;
	margin:30px 0 0 0;
	padding:7px 0px 7px 30px;
	border: 1px solid #bdbdbd;
	text-align:left;
	font-size:14px;
  }

#section2 a.linkbox:hover{
	 background-color:#fff;
	 border: 1px solid #fff;
	color:#000;
  }

@media(max-width:1000px){
	.equbox{
			top:15%;
			padding:10px;
	}
	.equbox_con h3 {font-size:200%;}

}

@media(max-width:640px){
	.equbox{left:20%;width:60%;}
	.equbox_con h3{font-size:170%;margin-bottom:10px;}
	.equbox_con ul li{margin-bottom:0px;}


}

@media(max-width:420px){
	.equbox{left:10%;width:80%;}



}

 
/* section3 */
#section3 {
	width:100%;
	padding:0 0;
	margin: 0 auto;
	position:relative; 
	 
}
#section3 .section3_wrap{
	width:100%;
	height:100%;
	padding:0 0;
	margin: 0 auto;
	position:relative; 
	min-height:400px;
}
 

 #section3 .customer_halfcontents{
		 width:50%; 
		 float:left;
		 height:100%; 
		 left:0;
		 top:0;
		 position:relative;
		 
	}
#section3 .customer_halfcontents h3{
	color:#f7f7f7;
	text-align:left;
	font-weight:900;
	letter-spacing:-2px;
}
#section3 .customer_halfcontents .ttile{
	color:#d7d7d7; 
	text-align:left;
	letter-spacing:-1px;
	max-width:300px;
	margin:10px 0 0 0;
	 
}
#section3 .customer_halfcontents  .cus_contents{
	
	margin:0;
}
 
	/*.fp-viewing-pr  .leftcontents {border-left:10px solid #fff;	}*/
.fp-viewing-pr  .leftcontents .cus_contents_in,
.fp-viewing-bottom  .leftcontents .cus_contents_in{
		
		background: url(../image/back_rnd.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:170px; 
		padding-left:60px;
		width:100%;
		height:100%;
		animation:fadeInin 1.8s 0.3s; 
 		animation-fill-mode:both;
 		-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s
 		   
	}

	.leftcontents .cus_contents_in:hover{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}


	.halfcontents_row.row_top{
		height:70%;
		 
	}
	.halfcontents_row.row_bottom{
		height:30%;
		 
	}

 	/*.fp-viewing-pr .halfcontents_row.row_top{border-bottom:10px solid #fff;}*/
	.fp-viewing-pr .halfcontents_row.row_top .cus_contents_box .cus_contents_in,
	.fp-viewing-bottom  .halfcontents_row.row_top .cus_contents_box .cus_contents_in{
		background: url(../image/back_com.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:170px; 
		padding-left:60px;
		width:100%;
		height:100%;
		animation:fadeInin 1.3s 0.5s; 

		 animation-fill-mode:both;
		
		-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s

	}
	.halfcontents_row.row_top .cus_contents_box .cus_contents_in:hover{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}


 

	.fp-viewing-pr .halfcontents_row.row_bottom .cus_contents_box .cus_contents_in,
	.fp-viewing-bottom .halfcontents_row.row_bottom .cus_contents_box .cus_contents_in{
		background: url(../image/back_quality.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:10%; 
		padding-left:60px;
		width:100%;
		height:100%;
		 
		animation:fadeInin 1.8s 0.5s; 

		 animation-fill-mode:both;
	 
		-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s
	}
	.halfcontents_row.row_bottom .cus_contents_box .cus_contents_in:hover{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
 
 
 
		
 
 
 

 #section3 a.linkbox:after{
	content:'';
	display:block;
	position:absolute;
	top:13px;
	left:5px;
	width:15px;
	height:2px;
	background:#fff;
 }
  #section3 a.linkbox{
	display:block;
	position:relative;
	transition:all .4s ease;
	background:rgba(255,255,255,.0);
	color:#fff;
	width:120px;
	margin:20px 0 0 0;
	padding:5px 0px 5px 25px;
	border: 0px solid #bdbdbd;
	text-align:left;
	font-size:14px;
  }

#section3 a.linkbox:hover{
	 background-color:#2b3b95;
	 border: 0px solid #2b3b95;
  }

 
.cus_contents_box{position:relative;overflow:hidden;width:100%; height:100%;;}
.cus_contents_box:after{content:"";background-color:#0066b3;transform:translateX(-100%);transition:all 1.2s ease .5s}
.cus_contents_box .cus_contents,
.cus_contents_box:after{position:absolute;top:0;left:0;width:100%;height:100%;}
.cus_contents_box .cus_contents{opacity:1;transition:all .5s ease 1s;background-size:cover;background-position:50%;background-repeat:no-repeat; }

.fp-viewing-bottom .row_top .cus_contents_box:after,
.fp-viewing-pr .row_top .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.2s ease .5s}

.fp-viewing-bottom .row_bottom .cus_contents_box:after,
.fp-viewing-pr .row_bottom .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.8s ease .5s}
.fp-viewing-bottom .about_con .cus_contents_box:after,
.fp-viewing-pr .about_con .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.8s ease .5s}




/*
 .cus_contents_box .over { opacity:0; text-align:center; position:absolute; left:0; top:35%; width:100%; transform:translateY(-50%); z-index:3; }
 .cus_contents_box .over a { position:relative; position:relative; margin:65px 0 0 0; font-size:14px; font-weight:400; color: #fff; letter-spacing:-0.025em; padding-right:35px; display:inline-block; }
 .cus_contents_box  .over a:before { content:''; display:block; width:25px; height:16px; position:absolute; top:0; right:0; background:url(/img/main/btn_more.png) left center no-repeat; }
 .cus_contents_box:hover .bg { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-color:rgba(243,115,33,0.85); animation:info_over 0.3s ease-in-out;  }
 .cus_contents_box:hover .over {  animation:ani_3 1.0s 0.3s; animation-fill-mode:both; margin-top:75px; }


*/


@media(max-width:1000px){
   
    #section3 .customer_halfcontents{
		width:100%;
		 float:none;
	}

    .leftcontents .cus_contents_in,
    .fp-viewing-pr  .leftcontents .cus_contents_in,
	.fp-viewing-bottom  .leftcontents .cus_contents_in{
		
		background: url(../image/back_rnd.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:10%; 
		padding-left:60px;
		width:100%;
		height:100%;
		
	}
 
	 .halfcontents_row.row_top .cus_contents_box .cus_contents_in,
	 .fp-viewing-pr .halfcontents_row.row_top .cus_contents_box .cus_contents_in,
	 .fp-viewing-bottom  .halfcontents_row.row_top .cus_contents_box .cus_contents_in{
 
		background: url(../image/back_com.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:10%; 
		padding-left:60px;
		width:100%;
		height:100%;
		animation:fadeInin 1.3s 0.5s; 

		 animation-fill-mode:both;
		
		-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s

	}

   .halfcontents_row.row_bottom .cus_contents_box .cus_contents_in{
		background: url(../image/back_quality.jpg) no-repeat center 0;
		background-size:cover;
		padding-top:0; 
		padding-left:60px;
		width:100%;
		height:100%;
		 
		animation:fadeInin 1.8s 0.5s; 

		 animation-fill-mode:both;
	 
		-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s
	}

.cus_contents_box{min-height:300px;}

 .row_top .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.2s ease .5s}

 .row_bottom .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.8s ease .5s}
 .about_con .cus_contents_box:after{transform:translate(100%) matrix(1,0,0,1,0,0);transition:all 1.8s ease .5s}




}


 /* section5 */
#section4 {
	position:relative;
	overflow: hidden;
	}
 
 


 @keyframes info_over{
	0%{transform:scale(0); }
	100%{transform:scale(1); }
}

@-webkit-keyframes txtUp_1 {
  from {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    visibility: visible;
    opacity:0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}
 
@keyframes txtUp_1 {
  from {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    visibility: visible;
    opacity:0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}

 @-webkit-keyframes fadeInin {
  from {
   
    opacity:0;
  }
  to {
   
    opacity:1;
  }
}
@keyframes fadeInin {
  from {
   
    opacity:0;
  }
  to {
   
    opacity:1;
  }
}