@charset "UTF-8";
/* CSS Document */
#contact_content{padding:0 22px;}

#contact_box_img{width:342px; position:relative;}
#contact_box_txt{/*background:url(../../contact/images/contact_02.png) no-repeat;*/ position:absolute; left:335px; top:135px;}
#contact_box_txt #box_bg{position:relative;*width:577px; *height:267px;}
#contact_box_txt #box_bg ul{position:absolute; top:45px; left:48px;}
#contact_box_txt #box_bg ul li{font-size:15px; line-height:25px;}
#contact_box_txt #box_bg ul li.tit{font-size:20px;padding-bottom:10px;}
#contact_box_txt #box_bg ul li.color{color:#ffa200;}

/*==================== MEDIA SCREEN =========================*/
@media only screen and (min-width:1000px){
#contact_box_txt #box_bg{width:577px; height:267px;}	
}
@media only screen and (max-width:960px){
	#contact_box_img{ width:300px;}
	#contact_box_txt{width:550px; left:293px;}
	#contact_box_txt #box_bg ul{top:45px; left:40px;}
	#contact_box_txt #box_bg ul li.tit{padding-bottom:10px;}
	#contact_box_txt #box_bg ul li{font-size:14px; line-height:20px;}
}
@media only screen and (max-width:900px){

	#contact_box_txt{width:400px;}
	#contact_box_txt #box_bg ul{top:25px; left:25px;}
	#contact_box_txt #box_bg ul li.tit{padding-bottom:5px;}
	#contact_box_txt #box_bg ul li{font-size:12px; line-height:18px;}
}
@media only screen and (max-width:768px){
	
	#contact_box_img{ width:250px;}
	#contact_box_txt{width:410px; left:246px;}
	#contact_box_txt #box_bg ul{top:28px; left:40px;}
	#contact_box_txt #box_bg ul li{font-size:12px; line-height:18px;}
	#contact_box_txt #box_bg ul li.tit{font-size:15px;}
}



@media only screen and (max-width:640px){
	#contact_content{padding:0 10px;}
	
	#contact_box_img{ width:220px;}
	#contact_box_txt{width:330px; left:216px; top:100px;}
	#contact_box_txt #box_bg ul{top:10px; left:20px;}
	#contact_box_txt #box_bg ul li{font-size:11px; line-height:16px;}
	#contact_box_txt #box_bg ul li.tit{font-size:16px; line-height:22px; margin-bottom:0;}
}

@media only screen and (max-width:480px){
	#contact_box_img{ width:120px;}
	#contact_box_txt{width:300px; left:116px;top:25px;}
	
	#contact_box_txt #box_bg ul li{font-size:10px; line-height:14px;}
	#contact_box_txt #box_bg ul li.tit{font-size:14px; line-height:18px;}	
	
}

@media only screen and (max-width:320px){
	#contact_content{padding:0 5px;}
	#contact_box_img{ width:80px;}
	#contact_box_txt{width:205px; left:78px;top:20px;}
	#contact_box_txt #box_bg ul{position:absolute; top:5px; left:15px;}
	#contact_box_txt #box_bg ul li{font-size:7px; line-height:10px;}
	#contact_box_txt #box_bg ul li.tit{font-size:10px; line-height:14px;}	
	
}