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

}

#contents .box_1 p{
	padding:0;
	margin: 0;
	text-align: center;

}

#contents .box_1 img {

}


#contents .box_1 {
	width: 100%;
	
}

#contents .block1 {
	width: 15%;
	display: inline-block;
	float: left;
	text-align: center;
	margin-top: 18px;
	
}

#contents .block2 {
	width: 80%;
	display: inline-block;
	float: left;
	line-height: 20px;
	padding-left: 20px;
	text-align: justify;
	font-size: 14px;
	margin: 20px 0 ;
}


#contents .block_1 {
	width: 15%;
	display: inline-block;
	float: left;
	text-align: center;
	margin-top: 18px;
	
}

#contents .block_2 {
	width: 80%;
	display: inline-block;
	float: left;
	line-height: 22px;
	padding-left: 20px;
	text-align: justify;
	font-size: 14px;
	margin: 20px 0 ;
}

.col1 {color:#8b9b81;}
.col2 {color:#87adc1;}
.col3 {color:#997d8f;}
.col4 {color:#a195b3;}
.col5 {font-weight: 700;} 





@media all and (min-width: 638px) and (max-width: 750px) { 
	#contents {width:95%}
	
}


@media all and (min-width: 361px) and (max-width: 637px) { 
 	#contents {width:95%}
	#contents .block1 {width:100%; margin-top:50px; }
	#contents .block2 {width: 100%; padding-left:0;  margin:0;}
    #contents .block_1 {width:100%; margin-top:50px; }
	#contents .block_2 {width: 100%; padding-left:0;  margin:30px 0 100px;}    
}


@media all and (min-width: 280px) and (max-width: 361px) { 
 	#contents {width:95%}
	#contents .block1 {width:100%; margin:30px 0; }
	#contents .block2 {width: 100%; padding-left:0;  margin:0;}
    #contents .block_1 {width:100%; margin:30px 0; }
	#contents .block_2 {width: 100%; padding-left:0;  margin:0 0 100px;}   
	
}