
 #contents {
	margin: 0 auto;
	background-size:98.7%;

}
#contents .part1, #contents .part2 {
  text-align: center;
}


#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 {
}
 #contents .part1 {height:auto; }
 #contents .part2 {height:auto; }

}


@media all and (min-width: 361px) and (max-width: 637px) {
  #contents {
}
  #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 {
}
  #contents .part1 {height:auto; }
  #contents .part2 {height:auto; }
  #contents .title h3 {font-size: 15px;}
  #contents h3 {font-size: 15px;}


}
