@charset "utf-8";

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

#wrapper{
	min-width: 100%;
	display: block;
	background: url("../img/header_bg.png") no-repeat center top;
	background-size: 100% auto;
}
	
	
	
/**************************************************
 header
**************************************************/
header{height: 120px;}
header h1 img{width: 200px;}



/**************************************************
 main
**************************************************/
main{
	width: 100%;
	margin:  0 auto 60px auto;
	padding: 0 20px;
}

article h2{
	font-size: 2.2rem;
	letter-spacing: 2px;
	margin: 50px 0 0 0;
	padding: 0 0 25px 0;
}
article h2:before{
	width: 70px;
	left:calc(50% - 35px);
	background: url("../img/h2_obj.png") no-repeat left top;
	background-size: 70px 5px;
}

/*article h3{
	font-size: 1.8rem;
	margin: 35px 0 0 0;
}
article h3:before{top: 8px;}*/

article p{
	font-size: 1.5rem;
	padding: 20px 0 0 0;
}
/*article p.style1{
	font-size: 1.7rem;
	padding: 15px 0 0 0;
}*/
	
.btn{margin-top: 50px;}
.btn a{font-size: 1.4rem;}



/**************************************************
 footer
**************************************************/
/*footer{padding-bottom: 61px;}*/
	
footer p{
	padding: 30px 10px 0 10px;
	font-size: 1.5rem;
}
footer p img{
	margin: 0 auto 20px auto;
	width: 200px;
}

.goals{
	width: 90%;
	margin: 30px auto 30px auto;
}
.goals img{width: 200px;}

#copyRight{font-size: 1.1rem;}
	
	
}