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

/*------------------------------------------------
#mail_form
------------------------------------------------*/
#mail_form .lead{
	margin-bottom:20px;
}
/*table*/
#mail_form table{
	margin-bottom:20px;
	font-size:94%;
	line-height:1.3em;
}
#mail_form table th{
	width:25%;
	vertical-align:middle;
}
#mail_form table td{
	width:70%;
}
#mail_form table p{
	line-height:1.8em;
}
#mail_form table li{
	line-height:1.8em;
}
#mail_form table td span{
	padding-top:5px;
	display:block;
	font-size:86%;
}
#mail_form table th em{
	color:#900;
	font-style:normal;
	font-size:86%;
	padding-left:5px;
}
#mail_form table .error{
	color:#900;
}
#name,
#kana,
#s_name{
	width:14em;
}
#zip01{width:2em;}
#zip02{width:3em;}
#address02{width:80%;}
#address03{width:80%;}
#e_mail01{width:50%;}
#e_mail02{width:50%;}
#tel01{width:2em;}
#tel02{width:2em;}
#tel03{width:2em;}
#s_number{width:7em;}
#question{
	width:100%;
	height:5em;
}
#reason{
	width:100%;
	height:8em;
}

#mail_form .btn_submit{
	text-align:center;
}
/**/
#mail_form .message{
	margin-bottom:20px;
	padding:15px;
	border:1px solid #DDDDDD;
}



/*===============================================
●tablet.css  画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){
	
	#mail_form table th em{
		display:block;
		padding-left:0;
	}
	#mail_form table th span{
		display:block;
	}
}
/*===============================================
●smart.css  画面の横幅が568px以下
===============================================*/
@media screen and (max-width:568px){
	
	#mail_form table th{
		width:auto;
		display:block;
		padding:5px 10px;
	}
	#mail_form table td{
		width:auto;
		display:block;
	}
	#mail_form table th em{
		display:inline;
		padding-left:5px;
	}
	#mail_form table th span{
		display:inline;
	}
	#e_mail{width:100%;}

}
/*===============================================
●smart.css  画面の横幅が320px以下
===============================================*/
@media screen and (max-width:320px){

}