/* CSS Document */

#content{
	width:1000px;
	margin:20px auto 0;	
}

#content img{
	width:100%;
	height:auto;	
}

#content .step{
	margin-top:40px;	
}

#content .step li{
	margin-bottom:30px;	
}

#content .inner{
	width:900px;
	margin:55px auto 0;	
	position:relative;
}

#content .inner h3{
	font-size:25px;
	color:#009944;
	border-bottom:solid 2px	#009944;
	padding-bottom:5px;
}

#content .inner h4{
	background-color: rgb(0, 153, 68);
	width: 190px;
	border-radius: 25px;
	text-align:center;
	font-size:15px;
	color:#FFF;
	padding:3px 0 2px;
	margin-top:20px;
}

#content .inner p,
#content .inner ul{
	font-size: 13px;
	color: rgb(94, 94, 94);
	line-height: 1.692;
	margin-top:12px;
	margin-bottom:10px;
}	

#content .inner ul li{
	font-size: 13px;
	color: rgb(94, 94, 94);
	line-height: 1.692;
	padding-left:2.5em;
	text-indent:-2.5em;		
}

#content .inner p span{
	 display:block;
	 font-weight:bold;
	 margin-top:13px;	
}

#content .inner p span.min{
	font-weight:normal;
	margin-top:0;
	font-size:10px;	
}

#content .inner .link01{
	width:345px;
	position:absolute;
	top:280px;
	right:10px;
}

#content .inner .link02{
	display:block;
	margin:30px auto 10px;
	width:330px;
}
	
#content a{
	color:#eb344b;
}

#content a:hover{
	text-decoration:none;	
}

#content .inner2{
	width:900px;
	margin:40px auto 0;
	background:#fff9d9;
	padding:25px;	
	box-sizing:border-box;
}

#content .inner2 h5{
	font-size:12px;
	color:#5e5e5e;	
}

#content .inner2  ul li{
	font-size: 12px;
	color: rgb(94, 94, 94);
	line-height: 1.75;
	padding-left:1em;
	text-indent:-1em;	
}

@media (max-width:1050px) {
	
	body{
		width:100%;
		overflow-x:hidden;
	}
	
	#contents{
		width:95%;
		margin:5% auto 0;
		overflow-x:hidden;
	}
	*{
		max-width:100%;	
	}
	
	
	#content img{
		width:100%;
		height:auto;	
	}
	
	#content .step{
		margin-top:8%;	
	}
	
	#content .step li{
		margin-bottom:5%;	
	}
	
	#content .inner{
		width:100%;
		margin:10% auto 0;	
		position:relative;
	}
	
	#content .inner h3{
		font-size:4.5vw;
		color:#009944;
		border-bottom:solid 2px	#009944;
		padding-bottom:0.5vw;
	}
	
	#content .inner h4{
		background-color: rgb(0, 153, 68);
		width: 45%;
		border-radius: 25px;
		text-align:center;
		font-size:3.6vw;
		color:#FFF;
		padding:0.5vw 0 0;
		margin-top:5%;
	}
	
	#content .inner p,
	#content .inner ul{
		font-size: 3.3vw;
		color: rgb(94, 94, 94);
		line-height: 1.692;
		margin-top:3%;
		margin-bottom:5%;
	}	
	
	#content .inner ul li{
		font-size: 3.3vw;
		color: rgb(94, 94, 94);
		line-height: 1.692;
		padding-left:2.5em;
		text-indent:-2.5em;		
	}
	
	#content .inner p span{
		 display:block;
		 font-weight:bold;
		 margin-top:4%;	
	}
	
	#content .inner p span.min{
		font-weight:normal;
		margin-top:0;
		font-size:3vw;	
	}
	
	#content .inner .link01{
		width:70%;
		display:block;
		margin:5% auto 2%;
		position:relative;
		top:auto;
		right:auto;
	}
	
	#content .inner .link02{
		display:block;
		margin:5% auto 2%;
		width:70%;
	}
		
	#content a{
		color:#eb344b;
	}
	
	#content a:hover{
		text-decoration:none;	
	}
	
	#content .inner2{
		width:100%;
		margin:10% auto 0;
		background:#fff9d9;
		padding:5%;	
		box-sizing:border-box;
	}
	
	#content .inner2 h5{
		font-size:3.2vw;
		color:#5e5e5e;	
	}
	
	#content .inner2  ul li{
		font-size: 3.2vw;
		color: rgb(94, 94, 94);
		line-height: 1.75;
		padding-left:1em;
		text-indent:-1em;	
	}
	
}
/**************************************************************/