#contents {
	width:760px; 
	height:1200px; 
	margin: 0 auto;
	background-size:98.7%;  

}


#contents h3 {
	line-height: 26px;
	text-align: left;
	padding: 35px 0;
	font-size: 18px;
}



#contents .in {
	width: 85%;
	margin: 0 auto;
	text-align: left;
	padding: 50px 60px;
	
}


#contents .in2 {
	width: 85%;
	margin: 0 auto;
	text-align: left;
	padding: 0 60px;
	
}


#contents .part1 {
	width: 100%;
	margin:0 auto; 
	height: 100%;
		
}

#contents .part1 h1 {
	padding-bottom: 30px;
	
}

#contents .part1 p {
	font-size: 18px;
	
}



#contents .part2 {
	height: 100%;
}


#contents .part2 h1 {
	padding-bottom: 10px;
	
}

#contents .part2 h2 {
	color: #92a15a;
	text-decoration: underline;
	text-align: center;
	padding: 60px 0 15px;
}

#contents .part2 p {
	font-size: 18px;

}



#contents .part3 h3 {
	padding: 10px 0;
}


#contents .block1 {padding:30px 60px 0;
	
}

#contents .block2 {padding:8px 0 0 60px;
	
}

#contents .title h3 {text-align:center; padding: 60px 0 30px;}





@media all and (min-width: 638px) and (max-width: 750px) { 
 #contents {
	 width:95%;}
 #contents .part1 {height:auto; }
 #contents .part2 {height:auto; }	

}


@media all and (min-width: 361px) and (max-width: 637px) { 
  #contents {
	 width:95%;}	
  #contents .part1 {height:auto; }
  #contents .part2 {height:auto; } 
  #contents .title h3 {font-size: 15px;}
  #contents h3 {font-size: 15px;}	
 	

  	
}


@media all and (min-width: 280px) and (max-width: 361px) { 
  #contents {
	 width:95%;}	
  #contents .part1 {height:auto; }
  #contents .part2 {height:auto; }
  #contents .title h3 {font-size: 15px;}
  #contents h3 {font-size: 15px;}	

	
}