@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #212121;
	z-index: 1;
}
@media (max-width: 992px){
	*{
		margin: 0;
		padding: 0;
		font-size:14px;
		font-family: 'Noto Sans JP', sans-serif;
		color: #212121;
		z-index: 1;
	}
	}

a {text-decoration: none;}
img{max-width: 100%;}
h1{
	font-size: 2.6vw;
	font-weight: 700;
	color: white;
	text-align: center;
}
h1 span{
	font-size: 1.3vw;
	font-weight: 700;
	color: white;
	text-align: center;
}
.yellow{
	font-size: 1.7vw;
	font-weight: 700;
	color: #F2DF83;
	text-align: center;
	text-transform: uppercase;
}
h2{
	font-size: 24px;
	font-weight: 700;
}
	@media (max-width: 992px){
		h2{font-size: 20px;}
	}
h4{
	font-size: 24px;
	font-weight: 700;
	color: #3FAA96;
	margin-bottom: 30px;
}
	@media (max-width: 992px){
		h4{font-size: 18px;}
	}
h5{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.8;
}
	@media (max-width: 992px){
		h5{font-size: 16px;}
		}
.bg-section-title{
	font-family: "Baskerville Old Face";
	font-size: 8.333vw;
	color: #F5F5F5;
	left: 66px;
	margin-left: 66px;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: -50px;
}
	@media (max-width: 992px){
		.bg-section-title{
			left: 10px;
			margin-left: 10px;
			margin-top: 20px;
			margin-bottom: 0;
		}
	}

#sp-only{display: none;}
@media (max-width: 1400px){
	#lg-only{display: none;}
	}
	@media (max-width: 992px){
		#pc-only{display: none;}	
		#sp-only{display: contents;}
		}	

/* Sections */
.inner{
    margin: 0 auto;
    max-width: 900px;
}
/* Background */
.bg-green{background-color: #3FAA96;}

/* Common */
.mb150{margin-bottom: 150px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb50{margin-bottom: 50px;}
.mb20{margin-bottom: 20px;}

.mt150{margin-top: 150px;}
.mt100{margin-top: 100px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}

@media (max-width: 992px){
	.mb150{margin-bottom: 50px;}
	.mb100{margin-bottom: 50px;}
	.mb80{margin-bottom: 30px;}
	.mb50{margin-bottom: 30px;}

	.mt150{margin-top: 50px;}
	.mt100{margin-top: 50px;}
	.mt50{margin-top: 30px;}
	.mt30{margin-top: 15px;}
}
.mainvisual-page{
	margin-top: 90px;
	background-size: cover;
	background-image: url("img/top/page-mainvisual.jpg");
	max-width: 100%;
	padding-top: 20%;
}
#mainvisual-titel{
	font-family: 凸版文久明朝 Pr6N;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 10vw;
}
.mainvisual-page{margin-bottom: 100px;}
	@media (max-width: 992px){
		.mainvisual-page{margin-bottom: 30px;}
		.mainvisual-page{height: 150px;}
		#mainvisual-titel{top: 90px;}
		h1{font-size: 25px;}
		h1 span{font-size: 15px;}
		.yellow{font-size: 18px;}
	}
.h-green{
	color: #3FAA96;
	font-weight: 700;
	margin-bottom: 80px;
}
	@media (max-width: 992px){
		.h-green{
			font-size: 20px;
			margin-bottom: 40px;
		}
		}
.section-box-lg{
	margin: 50px 0;
	width: 100%;
	border: #F2DF83 2px solid;
	padding: 50px 30px;
	line-height: 2;
	background-color: #fff;
}
.section-box-md{
	margin: 50px 0;
	width: 400px;
	max-width: 100%;
	border: #F2DF83 2px solid;
	padding: 50px 30px;
	background-color: #fff;
}
.green-text{
	background-color: rgba(63,170,150,.7);
	
}
button{
	background-color: #3FAA96;
	color: white;
	border: 1px solid white;
	text-align: center;
	font-size: 28px;
}
.sub-title{
	margin: 0 0 80px 0;
	line-height: 3;
}

.tec-col h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
	@media (max-width: 992px){
		.tec-col h3{font-size: 18px;}
		}	
.tec-col>.row>.col{margin-bottom: 50px;}
.img-yellow{position: relative;}		
.overlay-green{
	width: 325px;
	max-width: 100%;
	background-color: rgba(63,170,150,.7);
	color: white;
	padding: 15px;
	z-index: 999;
	position: absolute;
	top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.table-example{
	margin: 0 auto;
	margin-bottom: 50px;
}
.table-example>.col h5{
	margin-bottom: 20px;
}
.product-example {
	margin: 0 auto;
	width: 350px;
	max-width: 100%;
	line-height: 2.5;
	margin-bottom: 50px;
}
.product-example th{
	color: white;
	background-color: #3FAA96;
	width: 30%;
}
.product-example td{
	background-color: white;
	border-bottom: 1px dashed #707070;
	width: 70%;
}
.embed-responsive {
	position: relative;
	display: block;
	max-width: 699px;
	max-height: 525px;
	padding: 0px;
	overflow: hidden;
}	
	.embed-responsive-item,
	iframe,
	embed,
	object,
	video {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  height: 100%;
	  width: 100%;
	  max-height: 525px;
	  max-width: 699px;
	  border: 0;
	  padding: 0;
	  text-align: -webkit-center;
	}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3 {padding-bottom: 75%;}  

/* TOP */
.h-toppage{display: contents;}
	
.mainvisual-top img{max-width: 100%;}
#titel-top{
	position: absolute;
	font-family: '凸版文久明朝 Pr6N';
	font-size: 5vw;
	top: 12.4vw;
	left: 66px;
	text-align: left;
	line-height: 8.5vw;
}
.main-yellow{
	font-family: '凸版文久明朝 Pr6N';
	color: #F2DF83;
	font-size: 5.8vw;
}
	@media (max-width: 992px){
		#titel-top{
			margin-top: 90px;
			font-size: 7vw;
			left: 15px;
			top: 45vw;
			line-height: 1.3;
		}
		.main-yellow{font-size: 10vw;}
	}	
.sec-01{margin-bottom: 100px;}
.link-images{
	width: 100%;
	padding: 0;
	margin: 0;
	flex-wrap: nowrap;
}
.link-images>.col{padding: 0; margin: 0;}

.link-images img{
	margin-bottom: 50px;
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	filter: brightness(100%);
}
.link-images .col:hover{
	-webkit-filter: brightness(40%);
	-moz-filter: brightness(40%);
	-o-filter: brightness(40%);
	-ms-filter: brightness(40%);
	filter: brightness(40%);
}

.link-img-left>.caption{
	color: white;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin-top: 60px;
	margin-left: 35px;
	position:absolute;
	z-index: 999;
}
.link-img-left>.caption span{
	color: white;
	font-size: 20px;
}
.link-img-right{
text-align: right;
}
.link-img-right>.caption{
	color: white;
	display: inline-table;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin-top: 260px;
	margin-left: 250px;
	position:absolute;
	z-index: 999;
}
.link-img-right>.caption span{
	color: white;
	font-size: 20px;
}
	@media (max-width: 1200px){
		.link-img-left>.caption{
			font-size: 25px;
			margin-top: 60px;
			line-height: 1.5;
			margin-left: 35px;
			position:absolute;
			z-index: 999;
		}
		.link-img-left>.caption span{font-size: 16px;}
		.link-img-right>.caption{
			font-size: 25px;
			line-height: 1.5;
			margin-top: 230px;
			margin-left: 190px;
			position:absolute;
			z-index: 999;
		}
		.link-img-right>.caption span{font-size: 16px;}
	}
		@media (max-width: 992px){
			.link-img-left{
				margin: 0 auto;
				width: 450px;
				max-width: 100%;
			}
			.link-img-left>.caption{
				font-size: 20px;
				margin-top: 60px;
				line-height: 1.5;
				margin-left: 35px;
				position:absolute;
				z-index: 999;
			}
			.link-img-left>.caption span{font-size: 14px;}
			.link-img-right{
				margin: 0 auto;
				width: 450px;
				max-width: 100%;
			}
			.link-img-right>.caption{
				font-size: 20px;
				line-height: 1.5;
				margin-top: 230px;
				margin-left: 230px;
				position:absolute;
				z-index: 999;
			}
			.link-img-right>.caption span{font-size: 14px;}
		}
			@media (max-width: 480px){
				.link-img-left>.caption{
					font-size: 16px;
					margin-left: 0px;
					left: 50%;
					transform: translate(-50%);
					
				}
				.link-img-right>.caption{
					font-size: 16px;
					margin-left: 0px;
					margin-top: 60px;
					left: 50%;
					transform: translate(-50%);
				}
			}

.yt-video{
	margin: 0 auto;
}

.contact-box{
	background-image: url('img/top/footer-banner.jpg');
	background-repeat: no-repeat;
	margin-top: 150px;
}
	@media (max-width: 992px){
			.contact-box{margin-top: 80px;}
	}
.contact-box button{
	background-color: rgba(63,170,150,.7);
	height: 100px;
	width: 320px;
	margin: 90px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.contact-box button span img{padding-right: 20px;}
.contact-box>.row{width: 100%;}
.contact-box>.row>.text-center{
	padding: 0;
	max-width: 100%;}
	.contact-box button:hover{background-color: rgba(0,0,0,.8);}
	@media (max-width: 992px){
		.contact-box>.row{display: block;}
		.contact-box button{
			width: 230px;
			height: 70px;
			margin: 30px 0;
			font-size: 18px;
		}
		.contact-box button span img{
			height: 35px;}
		}	
#nc-logo {width: 180px;}

/* Parts */
.parts-text{
	width: 684px;
	max-width: 100%;
	margin-bottom: 50px;
	line-height: 2;
}
.figure img{max-width: 100%;}
.figure figcaption{line-height: 1.7;}
#parts img{
	max-width: 100%;
	margin-bottom: 50px;}
#parts h3{
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	margin-top: 80px;
}
#parts .section-box-lg{
	line-height: 2;
	text-align: center;
}
#parts .section-box-lg ul{
	display: inline-block; 
	text-align: left; 
}
#parts .section-box-lg li::marker{
	color: #3FAA96;
}
#parts .emidas-button button{
	font-size: 20px;
	padding: 20px 25px;
}
	#parts .emidas-button button:hover{background-color: rgba(0,0,0,.7);}

@media (max-width: 992px){
	#parts .row{
		flex: none;
		display: block;
		text-align: center;
	}
	#parts .emidas-button button{
		font-size: 18px;
		padding: 10px;
	}
}

/* Battery */
.middle{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.battery-top{
	width: 420px;
	max-width: 100%;
	line-height: 2;
}
.battery-top2{
	width: 420px;
	max-width: 100%;
	line-height: 2;
}
	@media (max-width: 992px){
		.middle{
			margin: 0 auto;
			transform: translate(0%);	
			text-align: center;
		}
		.middle-img{
			margin: 0 auto;
			transform: translate(0%);	
			text-align: center;
		}
		.battery-top{
			padding: 30px 0;
		}
		.battery-top2{
			padding-bottom: 30px;
		}
	}
.battery-top p span, .battery-top2 p span{
	font-size: 24px;
	font-weight: 700;
	color: #3FAA96;
	margin-bottom: 30px;
}

.battery-link-img img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 992px){
	.battery-link-img img{
		transform: translate(0%);
		padding-bottom: 30px;
	}
}
.flexbox{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1200px;
	max-width: 100%;
	text-align: center;
}
.flexbox img{padding: 10px 25px 80px 25px;}
	@media (max-width: 770px){
		.flexbox{width: 500px;}
		.flexbox img{padding: 10px 15px 80px 15px;}	
	}
		@media (max-width: 770px){
			.flexbox{width: 250px;}
		}
.h-link{
	color: #3FAA96;
	font: 18px;
	font-weight: 700;
	line-height: 3;
}
.battery-link-text{text-align: center;}
.battery-link-text p{text-align: left;}
.battery-link-text ol{text-align: left;}
.battery-link-text ul{
	padding: 0;
	text-align: left;
	list-style-type: none;
}
.li-orange{
	color: #FF8B26;
	font-weight: 700;
}
	@media (max-width: 992px){
		.battery-link-text{
			text-align: center;
			margin: 0 auto;
		}
		.battery-link-text p{text-align: center;}
		.battery-link-text ul{display: inline-block;}
		.battery-link-text ol{display: inline-block;}
	}

/* Cut */
#cut .product-example{
	margin-top: 40px;
	width: 501px;
	max-width: 100%;
}
	@media (max-width: 502px){
		#cut .product-example{
			width: 350px;
			max-width: 100%;}
	}
#cut .th-green{
	color: #3FAA96;
	font-weight: 700;}
#cut .note{
	padding-left: 20px;
	font-size: 14px;}	
#cut #sm-table{
	margin: 0 auto;
	margin-bottom: 50px;
	width: 350px;
	max-width: 100%;
}	
.handy{
	display: inline-flex;
	justify-content: space-between;
	width: 100%;}	
.trace-img img{
	width: 500px;
	max-width: 100%;
}	
	@media (max-width: 992px){
		.handy{
			display: block;
			max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.trace-img{
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
	}
#cut .overlay-green{
	padding: 15px 5px;
    top: 79%;
}
#cut .section-box-md{
	align-self: flex-end;
	width: 38vw;
	max-width: 100%;
	padding: 50px 80px;
	line-height: 2;
}
.cut-img>.col img{max-width: 100%;}
@media (max-width: 992px){
	#cut .overlay-green{max-width: 100%;}
	#cut .section-box-md{
		width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Laminate */
#laminate .section-box-md{
	width: 750px;
	max-width: 100%;
	margin: 0%;
	line-height: 2;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 90px;
	padding-bottom: 95px;
}
#laminate .section-box-md h4{
	font-size: 20px;
	font-weight: 700;
}
@media (max-width: 1399px){
	#laminate .section-box-md{
		width: 690px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
	@media (max-width: 1199px){
		#laminate .section-box-md{
			width: 550px;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 50px;
			padding-bottom: 50px;
		}
		#laminate .section-box-md .li-green{
			padding-top: 27px;
			padding-bottom: 30px;
		}
		
	}
	@media (max-width: 992px){
		#laminate .section-box-md{
			margin: 0 auto;
		}
		#laminate .section-box-md h4{font-size: 16px;}
		#laminate .section-box-md .li-green{
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.laminate-img{
			padding-top: 30px;
			width: 100%;
			margin: 0 auto;
			text-align: -webkit-center;
		}
		.laminate-img img{
			width: 300px;
			max-width: 100%;
			margin-bottom: 30px;
		}
		
	}
#laminate .section-box-md ul{
	width: 530px;
	max-width: 100%;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
#laminate .section-box-md ul li{text-align: left;}
#laminate .section-box-md ul li::marker{color: #3FAA96;}
@media (min-width: 992px){
	.laminate-img{text-align: -webkit-right;}
}
.laminate-img img{margin-bottom: 30px;}
#laminate figcaption{padding: 15px 0;}
#laminate .section-box-lg{
	padding: 0;
	line-height: 2;
	margin: 100px 0;
}
#laminate .section-box-lg h3{
	font-size: 20px;
	font-weight: bold;
	color: #3FAA96;
	padding-bottom: 15px;
	padding-top: 15px;
}
	@media (max-width: 992px){
		#laminate .section-box-lg h3{font-size: 16px;}
	}
#laminate .section-box-lg ul, #laminate .section-box-lg ol{padding: 10px 0;}

.laminate-text{
	margin-right: 10%;
	margin-left: 10%;
}
	@media (max-width: 1400px){
		.laminate-text{
			margin-left: 80px;
			margin-right: 80px;
		}
	}
.laminate-text-con{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.center{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 992px){
	#laminate col{width: 100%;}
	#laminate .section-box-lg{
		width: 563px;
		max-width: 100%;
		margin: 0 auto;
	}
	#laminate .section-box-lg{margin-bottom: 50px;}
	.laminate-text{margin: 50px 0;}
	.laminate-text-con{
		width: 563px;
		max-width: 100%;
		padding: 0 50px;
		top: 0px;
		transform: translateY(0%);
	}
	.box-3{margin: 50px 0;}
	.center{
		top: 0%;
		transform: none;}
}

/* Service */
#service .section-box-lg{
	line-height: 2;
	text-align: center;
}
#service .section-box-lg ul{
	display: inline-block; 
	text-align: left; 
}
#service .section-box-lg li::marker{
	color: #3FAA96;
}
.sound-sensor{
	width: 100%;
	display: inline-flex;
	margin: 0%;
	padding: 0%;
}
.sensor-img{width: 70%;
	max-width: 100%;}
	@media (max-width: 992px){
		.sound-sensor{
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.sensor-img{
			width: 100%;
			max-width: 100%;
		}
		.sensor-box{
			margin-left: auto;
			margin-right: auto;
			margin-top: 50px;
			margin-bottom: 50px;}
	}
.sensor-box{
	align-self: baseline;
	background-color: #F8EDC2;
	width: 315px;
	max-width: 100%;
	padding: 20px 10px;
	line-height: 2;
	text-align: center;
}
	.sensor-box ol{
		display: inline-block;
		text-align: left;
	}

/* Company */
.greeting{
	line-height: 2;
	width: 725px;
	max-width: 100%;
	margin: 0;
}
.greeting-img{
	width: 30%;
	text-align: -webkit-right;
}
	@media (max-width: 1200px){
		.greeting{
			width: 500px;
			max-width: 100%;
		}
		@media (max-width: 992px){
			.row{flex: none;
				display: block;
			}
			.greeting{
				width: 100%;
				max-width: 100%;
			}
			.greeting-img{
				width: 100%;
				text-align: -webkit-center;
				margin-top: 50px;
				margin-bottom: 50px;
			}
			.greeting-img img{height: 300px;}
		}	
	}
.company-table{
	width: 70%;
	max-width: 100%;
	margin: 0 auto;
	line-height: 2.5;
}
.company-table th{
	color: #3FAA96;
	padding-left: 50px;
	width: 20%;
	border-bottom: #707070 dashed 1px;
}
.company-table td{
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: #707070 dashed 1px;
}
.company-table td li::marker{
	color: #3FAA96;
}
.company-table th, .company-table td{
	padding-top: 5px;
	padding-bottom: 5px;
}
@media (max-width: 992px){
	.company-table{width: 100%;}
	.company-table th{padding-left: 10px;}
	.company-table td{
		padding-left: 20px;
		padding-right: 20px;
	}
}
#company .section-box-md{padding: 30px;}
#company .section-box-md img{margin-bottom: 15px;}
.access-car{text-align: -webkit-right;}
	@media (max-width: 992px){
		.access-train{text-align: -webkit-center;}
		.access-car{text-align: -webkit-center;}
		.access-car img{height: 35px;}
		.access-train img{height: 50px;}
		#company .section-box-md{padding: 15px 30px;}
	}

.access-car img{margin-top: 25px;}
.google-map{margin: 0 auto;} 
@media (max-width: 1200px){
	.google-map{margin-bottom: 150px;}
}
@media (max-width: 992px){
	.google-map{margin-bottom: 50px;}
}

/* Contact */
#contact img{
	height: 110px;
	margin-bottom: 30px;
}
.green-text{
	color: white;
	font-size: 22px;
	font-weight: 700;
	padding: 10px 0;
}
#contact .section-box-md{
	padding: 30px;
	margin: 0;
}
#contact .section-box-md{
	margin: 0;
}
#contact .section-box-lg{padding: 30px;}
.policy-button button{
	font-size: 20px;
	padding: 25px;
}
.contact-con{
	margin: 0;
	text-align: -webkit-center;
}
.sub-title{line-height: 2;}
@media (max-width: 992px){
	.contact-row{
		width: 100%;
		margin: 0 auto;
		text-align: center;}
	.contact-con{
		margin-bottom: 50px;
		width: 100%;
		text-align: center;
		text-align: -webkit-center;
	}
	#contact img{
		height: 80px;
		margin-bottom: 15px;
	}
	#contact .section-box-md{
		margin: 0;
	}
	.green-text{font-size: 18px;}
	.policy-button button{
		font-size: 18px;
		padding: 10px;
	}
}

/* Privacy */

#privacy .h-green{margin-bottom: 30px;}
#privacy p{line-height: 2;}
#privacy .section-box-lg{text-align: center;}
#privacy ul{
	display: inline-block;
	text-align: left;
}
#privacy li{margin: 0 auto;}
#privacy ul li::marker{color: #3FAA96;}




/* Background Shapes*/
.bg-img{
	z-index: -1;
	padding: 0;
	max-width: 100%;
	max-height: 100%;
}

/* Index*/
.index-bg01{
	background-image: url('img/top/index-bg-circle01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 415px;
	height: 510px;
	left: 0;
	margin-top: 55vh;
}
.index-bg02{
	background-image: url('img/top/index-bg-circle02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 355px;
	max-width: 100%;
	height: 355px;
	right: 5vw;
	margin-top: -70vh;
}
.index-bg03{
	background-image: url('img/top/index-bg-circle03.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 355px;
	height: 355px;
	left: 5vw;
	margin-top: 50vh;
}
.index-bg04{
	background-image: url('img/top/index-bg-circle04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 250px;
	max-width: 100%;
	height: 325px;	
	right: 0vw;
	margin-top: 20vh;
}
.index-bg05{
	background-image: url('img/top/index-bg-square01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 250px;
	height: 500px;
	left: 10vw;
	margin-top: 30vh;
}
.index-bg06{
	background-image: url('img/top/index-bg-square02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 350px;
	max-width: 100%;
	height: 380px;
	right: 8vw;
	margin-top: 5vh;
}
	@media (max-width: 992px){
		.index-bg01{
			margin-top: 20vh;
		}
		.index-bg02{
			right: 2vw;
			margin-top: -70vh;
		}
		.index-bg03{
			left: 2vw;
			margin-top: 65vh;
		}
		.index-bg05{
			left: 2vw;
			margin-top: 100vh;
		}
		.index-bg06{
			right: 2vw;
		}
	}

/* Parts*/
.parts-bg01{
	background-image: url('img/parts/parts-bg01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 435px;
	height: 435px;
	left: 2vw;
	margin-top: -90vh;
}
.parts-bg02{
	background-image: url('img/parts/parts-bg02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 310px;
	height: 450px;
	left: 0vw;
	margin-top: -50vh;
}
.parts-bg03{
	background-image: url('img/parts/parts-bg03.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 366px;
	height: 366px;
	right: 5vw;
	margin-top: -30vh;
}
.parts-bg04{
	background-image: url('img/parts/parts-bg04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 445px;
	height: 255px;
	right: 8vw;
	margin-top: -30vh;
}
.parts-bg05{
	background-image: url('img/parts/parts-bg05.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 420px;
	height: 385px;
	left: 5vw;
	margin-top: -40vh;
}
	@media (max-width: 992px){
		.parts-bg01{display: none;}
	}
		@media (max-width: 600px){
			.parts-bg01, .parts-bg02, .parts-bg03, .parts-bg04, .parts-bg05{display: none;}
		}
/* Battery*/
.b-bg-01{
	background-image: url('img/battery/b-bg01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 420px;
	height: 420px;
	left: 5vw;
	margin-top: 25vh;
}
.b-bg-02{
	background-image: url('img/battery/b-bg02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 420px;
	height: 420px;
	right: 0vw;
	margin-top: -20vh;
}
.b-bg-03{
	background-image: url('img/battery/b-bg03.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 380px;
	height: 330px;
	left: 8vw;
	margin-top: -30vh;
}
.b-bg-04{
	background-image: url('img/battery/b-bg04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 600px;
	height: 330px;
	right: 4vw;
	margin-top: 70vh;
}
.b-bg-05{
	background-image: url('img/battery/b-bg04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 600px;
	height: 330px;
	left: 4vw;
	margin-top: 130vh;
}
.b-bg-07{
	background-image: url('img/battery/b-bg07.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 580px;
	height: 450px;
	left: 5vw;
	margin-top: -25vh;
}
.b-bg-08{
	background-image: url('img/battery/b-bg08.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 430px;
	height: 400px;
	right: 0vw;
	margin-top: -45vh;
}
.b-bg-09{
	background-image: url('img/battery/b-bg09.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 600px;
	height: 430px;
	left: 4vw;
	margin-top: 10vh;

}
	@media (max-width: 992px){
		.b-bg-02, .b-bg-07, .b-bg-08, .b-bg-09{display: none;}
	}
		@media (max-width: 600px){
			.b-bg-01, .b-bg-02, .b-bg-03, .b-bg-04, .b-bg-05, .b-bg-06, .b-bg-07, .b-bg-08, .b-bg-09{display: none;}
		}	

/* Cut*/
.cut-bg01{
	background-image: url('img/cut/cut-bg01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 450px;
	height: 580px;
	left: 2vw;
	margin-top: 5vh;
}
.cut-bg02{
	background-image: url('img/cut/cut-bg02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 470px;
	height: 470px;
	right: 2vw;
	margin-top: -85vh;
}
.cut-bg03{
	background-image: url('img/cut/cut-bg03.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 300px;
	height: 450px;
	left: 0vw;
	margin-top: -50vh;
}
.cut-bg04{
	background-image: url('img/cut/cut-bg04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 415px;
	height: 415px;
	right: 3vw;
	margin-top: -20vh;
}
.cut-bg05{
	background-image: url('img/cut/cut-bg05.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 390px;
	height: 330px;
	left: 8vw;
	margin-top: 70vh;
}
.cut-bg06{
	background-image: url('img/cut/cut-bg05.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 390px;
	height: 330px;
	right: 8vw;
	margin-top: -70vh;
}
.cut-bg07{
	background-image: url('img/cut/cut-bg07.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 370px;
	height: 370px;
	left: 3vw;
	margin-top: 20vh;
}
.cut-bg08{
	background-image: url('img/cut/cut-bg08.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 360px;
	height: 450px;
	right: 0vw;
	margin-top: -10vh;
}
	@media (max-width: 992px){
		.cut-bg02{right: 0vh;}
		.cut-bg03, .cut-bg05, .cut-bg06, .cut-bg07, .cut-bg08{display: none;}
		.cut-bg04{right: 1vh;}
	}
		@media (max-width: 600px){
			.cut-bg01, .cut-bg02, .cut-bg04 {display: none;}
		}
/* Laminate*/
.lam-bg01{
	background-image: url('img/laminate/laminate-bg01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 445px;
	height: 585px;
	left: 0vw;
	margin-top: 0vh;
}
.lam-bg02{
	background-image: url('img/laminate/laminate-bg02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 456px;
	height: 456px;
	right: 0vw;
	margin-top: -40vh;
}
.lam-bg03{
	background-image: url('img/laminate/laminate-bg03.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 390px;
	height: 270px;
	left: 13vw;
	margin-top: 35vh;
}
.lam-bg04{
	background-image: url('img/laminate/laminate-bg04.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 390px;
	height: 270px;
	right: 5vw;
	margin-top: 0vh;
}
.lam-bg05{
	background-image: url('img/laminate/laminate-bg05.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 370px;
	height: 370px;
	left: 4vw;
	margin-top: 70vh;
}
.lam-bg06{
	background-image: url('img/laminate/laminate-bg06.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 410px;
	height: 485px;
	right: 0vw;
	margin-top: 0vh;
}
.lam-bg07{
	background-image: url('img/laminate/laminate-bg07.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 355px;
	height: 425px;
	left: 0vw;
	margin-top: 15vh;
}
.lam-bg08{
	background-image: url('img/laminate/laminate-bg08.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 370px;
	height: 380px;
	right: 2vw;
	margin-top: 22vh;
}
	@media (max-width: 992px){
		.lam-bg01{margin-top: -15vh;}
		.lam-bg02{display: none;}
		.lam-bg04{display: none;}
		.lam-bg05, .lam-bg06, .lam-bg07, .lam-bg08{display: none;}
	}
		@media (max-width: 600px){
			.lam-bg01, .lam-bg03{display: none;}
		}

/* Service*/
.s-bg-img01{
	background-image: url('img/service/s-bg-01.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 290px;
	height: 250px;
	right: 10vw;
	margin-top: 0px;
}
.s-bg-img02{
	background-image: url('img/service/s-bg-02.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 750px;
	max-width: 100%;
	height: 200px;
	left: 8vw;
	margin-top: -20vh;
}
	@media (max-width: 992px){
		.s-bg-img01{display: none;}
		.s-bg-img02{
			width: 350px;
			max-width: 100%;
			height: 200px;
			left: 2vw;
			margin-top: -20vh;
		}
	}
		@media (max-width: 600px){
			.s-bg-img02{display: none;}
		}

/* Company*/
.com-bg-img01{
	background-image: url('img/company/com-bg-01.svg');
	width: 310px;
	height: 430px;
	max-width: 100%;
	left: 0;
	margin-top: -20vh;
	position: absolute;
}
.com-bg-img02{
	background-image: url('img/company/com-bg-02.svg');
	background-repeat: no-repeat;
	position: absolute;
	max-width: 100%;
	width: 420px;
	height: 420px;
	right: 2vw;
	margin-top: -75vh;
}
.com-bg-img03{
	background-image: url('img/company/com-bg-03.svg');
	background-repeat: no-repeat;
	max-width: 100%;
	width: 430px;
	height: 440px;
	left: 5vw;
	margin-top: -20vh;
	position: absolute;
}
.com-bg-img04{
	background-image: url('img/company/com-bg-04.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 350px;
	height: 420px;
	right: 0vw;
	margin-top: -75vh;
}
	@media (max-width: 992px){
		.com-bg-img01{
			margin-top: -55vh;
		}
		.com-bg-img02{
			background-image: url('img/company/sp-com-bg-02.svg');
			width: 230px;
			height: 230px;
			right: 5vw;
			margin-top: -35vh;
		}
		.com-bg-img03{
			background-image: url('img/company/sp-com-bg-03.svg');
			width: 240px;
			height: 240px;
			left: 2vw;
			margin-top: -60vh;
		}
		.com-bg-img04{
			background-image: url('img/company/sp-com-bg-04.svg');
			width: 250px;
			height: 255px;
			margin-top: -95vh;
		}
	}
		@media (max-width: 600px){
			.com-bg-img01, .com-bg-img02,.com-bg-img03, .com-bg-img04{display: none;}
		}

/* Contact*/
.bg-img01{
	background-image: url('img/contact/circle-sm.svg');
	background-repeat: no-repeat;
	width: 550px;
	height: 460px;
	left: 13vw;
	margin-top: -15vh;
	position: absolute;
}
.bg-img02{
	background-image: url('img/contact/circle-cutoff.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 250px;
	height: 350px;
	right: 0;
}
.bg-img03{
	background-image: url('img/contact/rectangle-lg.svg');
	width: 700px;
	height: 150px;
	left: 18vw;
	margin-top: -15vh;
	position: absolute;
}
.bg-img04{
	background-image: url('img/contact/triangle.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 350px;
	height: 250px;
	left: 10vw;
	margin-top: -18vh;
}
.bg-img05{
	background-image: url('img/contact/triangle-side.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 340px;
	height: 275px;
	right: 0;
	margin-top: -25vh;
}
	@media (max-width: 992px){
		.bg-img01{
			left: 13vw;
			margin-top: -5vh;
			max-width: 100%;
			max-height: 100%;
		}
		.bg-img02{
			margin-top: -35vh;
			max-width: 100%;
			max-height: 100%;

		}
		.bg-img03{
			width: 350px;
			margin-top: -40vh;
			max-width: 100%;
			max-height: 100%;
			margin-top: -20vh;
			left: 3vw;
		}
		.bg-img04{
			background-image: url('img/contact/sp-triangle.svg');
			width: 185px;
			height: 150px;
			left: 5vw;
			margin-top: -8vh;
		}
		.bg-img05{
			background-image: url('img/contact/sp-triangle-side.svg');
			width: 135px;
			height: 135px;
			right: 0vw;
			margin-top: -20vh;
		}
	}
		@media (max-width: 600px){
			.bg-img01, .bg-img02, .bg-img03, .bg-img04, .bg-img05{display: none;}
		}