/* ====top==== */
#mainBox{
	background:#FF7500 url("../images/moyou.png");
	/* padding-bottom:400px; */
}

#mainVW {
	position:relative;
	/* height:85vh; */
	height:50vh;
	width:98%;
	color:#FFF;
}

#copy{
	border-top:solid #FFF 8px;
	border-bottom:solid #FFF 8px;
  color: #fff;
	padding:40px 0px;
	position: absolute;
	top: 20%;
	left: 10%;
	width:80%;
}
#copy h2{
	font-weight:bold;
	font-size:700%;
	line-height:1.2em;
	letter-spacing:0.1em;
}
#copy p{
	font-weight:bold;
	font-size:120%;
}
/* #jpLogo{
	padding:20px 0px 0px 25px;
} */

h2.title{
	padding:40px 0px 0px 40px;
	font-size:300%;
	letter-spacing:0.1em;
}

#conceptBox{
	max-width:1006px;
  width: 100%;
	margin:0px auto 0px;
  margin-top: 16%;
  padding-bottom: 300px;
}

.secW{
	width:1000px;
	margin:0px auto 0px;
}


/*sec02*/
#sec02{
	position:relative;
	background: url("../images/back01.png") left top;
	background-size: cover;
	color:#FFF;
	padding-bottom:60px;
	margin-top:-200px;
	width:100%;
}
#sec02 h2.title{
	padding:80px 0px 80px 60px;
	font-size:300%;
}
#sec02 .contentBox{
	text-align:center;
}
#sec02 .contentBox img{
  max-width: 881px;
  margin: 0 auto;
	margin-bottom:80px;
}

/*sec03*/
#sec03{
	position:relative;
	background: url("../images/back02.png") left top;
	background-size: cover;
	color:#FFF;
	padding-bottom:60px;
	width:100%;
}
#sec03 h2.title{
	padding:80px 0px 80px 60px;
	font-size:300%;
}
#sec03 .contentBox{
	text-align:center;
}
#sec03 .contentBox img{
  max-width: 881px;
  margin: 0 auto;
	margin-bottom:80px;
}

/*sec04*/
#moyou{
	background:#000 url("../images/moyou.png");
	padding-bottom:80px;
}

#sec04{
	position:relative;
	color:#FFF;
	/* padding-bottom:60px; */
	width:100%;
}
#sec04 h2.title{
  text-align: left;
  color: #FF7500;
	padding:80px 0px 80px 60px;
	font-size:300%;
}
#sec04 .contentBox{
	text-align:center;
}
#sec04 .contentBox img{
  max-width: 881px;
  padding-top: 30px;
  margin: 0 auto;
	margin-bottom:80px;
}

/*sec05*/
#sec05{
  background: #fff;
	position:relative;
	color:#000;
	padding-bottom:60px;
	width:100%;
}
#sec05 h2.title{
  color: #FF7500;
	padding:80px 0px 80px 60px;
	font-size:300%;
}
#sec05 .contentBox{
	text-align:center;
}

/*sec05*/

#sec05 tr{
	text-align:left;
}
#sec05 th{
	padding:10px 0px 10px 40px;
}
#sec05 td{
	padding:10px 0px 10px 20px;
}




@media (max-width: 767px) {
	
	/* ====top==== */
	#mainBox{
		padding-bottom:0px;
		width:100%;
	}
	
	#mainVW {
		position:relative;
		/* height:550px; */
		height:400px;
		width:100%;
		color:#FFF;
	}
	
	#copy{
		top: 40px;
		/* left: 40px; */
		/* width:80%; */
		width:90%;
	}
	#copy h2{
		/* font-size:550%; */
		font-size:300%;
	}
	#copy p{
		/* font-size:550%; */
		font-size:14px
	}
	
	#conceptBox{
		width:100%;
		height:1100px;
    margin-top: 0;
	}
	
	.secW{
	width:100%;
	margin:0px auto 0px;
	}

	
	/*sec02*/
	#sec02{
	padding-bottom:60px;
	margin-top:-200px;
	width:100%;
	}
	#sec02 h2.title{
		padding:40px 0px 40px 20px;
	}
	#sec02 .contentBox{
		text-align:center;
	}
	#sec02 .contentBox img{
		margin:0px auto 60px;
		width:80%;
	}

	
	/*sec03*/
	#sec03{
		padding-bottom:60px;
		width:100%;
	}
	#sec03 h2.title{
		padding:40px 0px 40px 20px;
	}
	#sec03 .contentBox{
		text-align:center;
	}
	#sec03 .contentBox img{
		margin:0px auto 0px;
		width:80%;
	}
	
	/*sec04*/
	#sec04 h2.title{
		padding:40px 0px 40px 20px;
	}
	#sec04 .contentBox{
		text-align:center;
	}
	#sec04 .contentBox img{
		margin:0px auto 0px;
		width:80%;
	}
	
	/*sec05*/
	#sec05{
		position:relative;
		color:#000;
		padding-bottom:60px;
		width:90%;
	}
	#sec05 h2.title{
		padding:40px 0px 40px 20px;
		font-size:300%;
	}
	#sec05 .contentBox{
		text-align:center;
	}

	#sec05 table{
	}
	#sec05 tr{
		text-align:left;
	}
	#sec05 th{
		padding:10px 0px 10px 20px;
	}
	#sec05 td{
		padding:10px 0px 10px 20px;
	}
}