@charset "UTF-8";
/* CSS Document */

#contents{
	margin:40px 0 0;	
}

#contents .main-col{
	font-size:14px;
	padding:5px 0 50px;	
}

#intro{
	line-height:2.2;	
}

#intro .image{
	margin:0 0 24px;
}

#contents table{
	margin:30px 0 0;
}

#contents td,
#contents th{
	padding:10px 2px;
}

#contents th{
	font-weight:bold;
	white-space:nowrap;
	background-color:#EFEFF0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-right:20px;
	padding-left:10px;
}

#contents td{
	padding-left:20px;
	font-size:13px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.main-col .ttl01{
	text-align:left;
	font-weight:bold;
	font-size:18px;
	margin-top:15px;
	color:#F39800;
	border-bottom:1px solid #ccc;
	background-image:url(../img/contact_check.png);background-repeat: no-repeat; background-position: left center; padding:5px 0 2px 25px;
}

.main-col .ttl02{
	text-align:left;
	padding:5px 5px 5px 0;
	font-weight:bold;
	font-size:16px;
}


/* All SP & Tablet */
@media screen and (max-width:1039px){
	#contents{
		margin:4% 0 0;	
	}
	
	#contents .main-col{
		font-size:inherit;
		padding:0 0 17%;	
	}
	
	#intro{
		line-height:2;	
	}
	
	#intro .image{
		margin:0 0 2.4%;
	}
	
	#contents table{
		margin:7.4% 0 0;
	}
	
	#contents td,
	#contents th{
		padding:10px 2px;
	}
	
	#contents th{
		padding-right:16px;
	}
	
	#contents td{
		padding-left:16px;
		font-size:inherit;
	}

}

/* All SP */
@media screen and (max-width:639px){
	#contents{
		margin:6% 0 0;	
	}
	
	#contents .main-col{
		padding:0 0 25%;	
	}
	
	#intro{
		line-height:inherit;	
	}
	
	#intro .image{
		margin:0 0 3.6%;
	}
	
	#contents table{
		font-size:11px;
		margin:11% 0 0;
	}
	
	#contents td,
	#contents th{
		padding:8px 2px;
	}
	
	#contents th{
		padding-right:14px;
	}
	
	#contents td{
		padding-left:14px;
	}

}

/* Portrait */
@media screen and (max-width:479px){

}

/* Landscape*/
@media screen and (min-width:480px) and (max-width:639px){

}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1039px){

}