body{
	padding:0;
	margin:0;
}
#wrap{
		text-align:center;
	padding:0;
	margin:0 auto 0 auto;
	position:relative;
}
/*---------------------------------------------------------------------------*/
@media screen and (max-width:1100px){
	#main{
		width:100%;
	}
}
@media screen and (min-width:1100px){
	#main{
		width:1100px;
	}
}
@media screen and (max-width:767px){
	#wrap{

	}
}
/*---------------------------------------------------------------------------*/

.text{
text-align:left;
}
@media screen and (min-width: 1400px){
	#top{
		position:absoulute;
		background-size:100% auto;
		background-image:url(../images/top_safety.png);
		height:413px;
		width:100%;
		background-repeat:no-repeat;
		background-position:center 0;
		text-align:center;
	}
}
@media screen and (max-width: 1400px){
	#top{
		position:absoulute;
		background-size:1400px auto;
		background-image:url(../images/top_safety.png);
		height:413px;
		background-repeat:no-repeat;
		background-position:center 0;
		text-align:center;
	}
}
#top p{
	position:relative;
	color:white;
	top:138px;
	margin:auto;
	font-size:38px;
	font-family:"Yu Mincho Demibold","YuMincho Demibold",serif;
	color:white;
	line-height:138px;
	background-color:rgba(0,0,0,0.6);
	width:398px;
	height:142px;
}
#main{
	padding:0;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
/*-----------------------------------------------------------------*/
@media screen and (max-width:398px){
	#top p{
		width:100%;
	}
}

@media screen and (min-width:767px){
	#main{
		width:1100px;
		height:2300px;
	}
}
@media screen and (max-width:767px){
	#main{
		width:100%;
	}
}
@media screen and (max-width:767px){
	h2{
		text-align:center;
	}
}
/*-----------------------------------------------------------------*/
h2{
	font-size:34px;
	font-family:"Yu Mincho Demibold","YuMincho Demibold",serif;
}
h3{
	text-align:center;
	font-size:28px;
	font-family:"Yu Gothic Medium",sans-serif;
}

#main p{
	font-size:19px;
	font-family:"Yu Gothic Medium",sans-serif;
}

@media screen and (max-width:776px){

	#title .line{ 
		position:relative;
		padding:0;
		margin:0 auto 0 auto;
		top:-30px;
	}
	#title p{
		position:relative;
	}

	#contents1{
		display: inline-block;
		position:relative;
		top:40px;
	}

	#contents1 .line{
		position:relative;
		margin:0;
		padding:0;
		top:-25px;
	}
	#contents1 .text{
		float:left;
		position:relative;	
	}
	#contents1 .pic1{
		position:relative;	
		top:-20px;
	}

	#contents2{
		display:inline-block;
		width:100%;
		position:relative;
		top:120px;
	}
	#contents2 h3{
		position:relative;
		top:-600px;	
	}

	#contents2 .text{
		position:relative;
		top:0px;
	}
	#contents2 .pic2{
		margin:0;
		position:relative;
		top:90px;
	}
	#contents2 .line{
		position:relative;
		top:-630px
	}

	#contents3 h3{
		position:relative;
		text-align:center;
	}
	#contents3{
		position:relative;
		display:inline-block;
		width:100%;
		top:70px;
	}
	#contents3 .pic3{
		position:relative;
		top:60px;
	}
	#contents3 .text{
		float:left;
	}
	#contents3 .line{
		position:relative;
		top:0px;
	}
	#contents5{
		position:relative;
		top:200px;
		width:100%;
		display:inline-block;
	}
	#contents5 .text{
		position:relative;
		top:-100px;
	}
	#contents5 h3{
		position:relative;
		top:-550px;
	}
	#contents5 .pic4{
		position:relative;
		margin:0;
		top:33px;
	}
	#contents5 .line{
		position:relative;
		top:-580px;
	}
}

@media screen and (min-width:776px){
.right{
	position:relative;
	float:left;
	left:2px;
}

#title h2{
	position:relative;
	top:16px;
}

#title .line{ 
	position:relative;
	padding:auto;
	margin:0 auto;
	text-align:center;
	top:-18px;
}
#title p{
	position:relative;
	top:16px;
}
#contents1{
	display: inline-block;
	width:1100px;
	position:relative;
	top:57px;
}

#contents1 h3{
float:left;
	position:relative;
}
#contents1 .line{
	position:absolute;
	float:left;
	top:120px;
	left:0px;
}
#contents1 .text{
	float:left;
	position:relative;
	top:4px;	
}
#contents1 .pic1{
	position:relative;
	float:right;
	top:20px;
}

#contents2{
	display:inline-block;
	width:1100px;
	position:relative;
	top:178px;
}
#contents2 h3{
	position:relative;
	top:-30px;
	left:-150px;
	
}
#contents2 .text{
	position:relative;
	top:0;
	float:right;
	width:600px;
	top:-76px;
}
#contents2 .pic2{
	float:left;
	margin:0;
	position:relative;
	top:-10px;
}
#contents2 .line{
	position:relative;
	top:-60px;
	left:-150px;
}

#contents3{
	position:relative;
	display:inline-block;
	width:1100px;
	top:160px;
}
#contents3 h3{
	position:relative;
	float:left;
}
#contents3 img{
	float:right;
}
#contents3 .text{
	position:relative;
	float:left;
	width:600px;
}
#contents3 .line{
	position:relative;
	float:left;
	top:65px;
	left:-110px;
	display:inline;
}

#contents5{
	position:relative;
	float:left;
	top:236px;
	width:1100px;
	display:inline-block;
}
#contents5 h3{
	position:relative;
}
#contents5 .line{
	position:relative;
	top:-27px;
}
#contents5 .pic4{
	position:relative;
	float:left;
	top:10px;
	margin:0;
}
#contents5 .text{
	position:relative;
	float:right;
	width:600px;
	top:-13px;
}

#contents6{
	position:relative;
	top:328px;
	
}
#contents6 .pic5{
	position:relative;
	float:right;
}
#contents6 .text{
	position:relative;
	float:left;
	width:600px;
}
	#contents6 dl{
		font-size:19px;
		font-family:"Yu Gothic Medium",sans-serif;
		position:relative;
		text-align:left;
	}
	#contents6 dl{
		position:relative;
		top:-17px;
	}
.right{
	position:relative;
	float:left;
	left:2px;
}
.left{
	position:relative;
	float:left;
}
}
#fotter{
	padding:0;
	margin-right:auto;
	margin-left:auto;
	background-image:url(fotter2.png);
	width:100%;

	height:449px;
}
header{
	padding:0;
	margin:0;
}
.fotter{
	padding:0px;
	margin:0px;
}
aside{
	padding:0px;
	margin:0px;
}


@media screen and (min-width:500px) and (max-width:767px){
	.pic1,.pic2,.pic3,.pic4,.pic5{
	width:500px;
	}
}
@media screen and (min-width:350px) and (max-width:500px){
	.pic1,.pic2,.pic3,.pic4,.pic5{
	width:350px;
	}
}
@media screen and (min-width:350px) and (max-width:500px){
	#main{
	height:3650px;
	}
	#contents1 .text{
		top:-40px;
	}
	
	#contents2 h3{
		position:relative;
		top:-370px;
	}
	#contents2 .pic2{
		margin:0;
		position:relative;
		top:0px;
	}
	#contents2 .line{
		position:relative;
		top:-405px
	}
	#contents2 .text{
	position:relative;
	top:-120px;
	}

	#contents3{
		position:relative;
		display:inline-block;
		width:100%;
		top:180px;
	}
	#contents3 h3{
		position:relative;
		text-align:center;
		top:-160px;
	}
	#contents3 .pic4{
		position:relative;
		top:-170px;
	}
	#contents3 .text{
		float:left;
		position:relative;
		top:-180px;
	}
	#contents3 .line{
		position:relative;
		top:-200px;
	}

	#contents4{
		position:relative;
		top:-40px;
	}
	#contents4 .line{
		position:relative;
		top:-37px;
	}

	#contents5{
		position:relative;
		top:150px;
		width:100%;
		display:inline-block;
	}
	#contents5 .text{
		position:relative;
		top:-90px;
	}
	#contents5 h3{
		position:relative;
		top:-100px;
	}
	#contents5 .pic4{
		position:relative;	
		margin:0;
		top:-100px;
	}
	#contents5 .line{
		position:relative;
		top:-120px;
	}
	#contents6{
		position:relative;
		top:80px;
	}
	#contents6 dl{
		font-size:19px;
		font-family:"Yu Gothic Medium",sans-serif;
		position:relative;
		text-align:left;
	}
	#contents6 dl{
		position:relative;
		top:-17px;
	}
}

@media screen and (min-width:500px) and (max-width:767px){
	#main{
	height:3700px;
	}
	#contents1 .text{
		top:-40px;
	}
	
	#contents2 h3{
		position:relative;
		top:-480px;
	}
	#contents2 .pic2{
		margin:0;
		position:relative;
		top:0px;
	}
	#contents2 .line{
		position:relative;
		top:-515px
	}
	#contents2 .text{
	position:relative;
	top:-120px;
	}

	#contents3{
		position:relative;
		display:inline-block;
		width:100%;
		top:180px;
	}
	#contents3 h3{
		position:relative;
		text-align:center;
		top:-160px;
	}
	#contents3 .pic4{
		position:relative;
		top:-170px;
	}
	#contents3 .text{
		float:left;
		position:relative;
		top:-180px;
	}
	#contents3 .line{
		position:relative;
		top:-200px;
	}

	#contents4{
		position:relative;
		top:-40px;
	}
	#contents4 .line{
		position:relative;
		top:-37px;
	}

	#contents5{
		position:relative;
		top:150px;
		width:100%;
		display:inline-block;
	}
	#contents5 .text{
		position:relative;
		top:-90px;
	}
	#contents5 h3{
		position:relative;
		top:-100px;
	}
	#contents5 .pic4{
		position:relative;	
		margin:0;
		top:-100px;
	}
	#contents5 .line{
		position:relative;
		top:-120px;
	}
	#contents6{
		position:relative;
		top:80px;
	}
	#contents6 dl{
		font-size:19px;
		font-family:"Yu Gothic Medium",sans-serif;
		position:relative;
		text-align:left;
	}
	#contents6 dl{
		position:relative;
		top:-17px;
	}
}