@charset "UTF-8";
@import url(./common/common.css);
@import url(./common/base.css);


/*----- お問い合わせページ 設定 ----------------------------------------------------*/

article.mail_inquiry { width:100%; max-width:1000px; padding:30px 0 50px 0; margin:0 auto; overflow:hidden; }


/*----- メールでのお問合せ 設定 ----------------------------------------------------*/

div.form_info { width:96%; height:150px; margin:30px 2% 0 2%; background-color:#daf0ff; position:relative; border:solid 1px #aaa; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-sizing:border-box; float:left; }

div.form_info p{ width:90%; margin:20px 5% 0 5%; color:#555; overflow:hidden; }

div.form_btn { width:60%; margin:0 auto; text-align:center; position:absolute; top:80px; left:20%; }
div.form_btn a{ width:100%; padding:10px 0; color:#fff; background-color:#108ccf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.form_btn a:hover{ text-decoration:underline; background-color:#66b3cc; }



/*----- 電話・FAXでのお問合せ 設定 ----------------------------------------------------*/

div.tel_info { width:96%; padding:20px 0; margin:30px auto; background-color:#daf0ff; border:solid 1px #aaa; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden; }

div.tel_info p{ width:94%; margin:5px 3% 5px 3%; color:#555; overflow:hidden; }

div.number { width:46%; padding:10px 0; margin:20px 2%; font-size:12px; font-weight:bold; text-align:center; color:#555; background-color:#fff; float:left; }
div.number span{ font-size:24px; color:#000; }

div.number { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
div.number a{ color:#000; }

div.fax_txt { width:94%; margin:30px 3% 5px 3%; color:#555; overflow:hidden; }

div.fax_btn { width:80%; margin:0 auto; padding:10px 0 0 0; text-align:center; overflow:hidden; }
div.fax_btn a{ width:100%; padding:10px 0; color:#fff; background-color:#108ccf; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:block; }
div.fax_btn a:hover{ text-decoration:underline; background-color:#66b3cc; }

ul.fax_info { width:90%; padding:0; margin:20px 0 0 5%; float:left; }
ul.fax_info li{ font-size:12px; line-height:20px; color:#555; }


/*----- 1000px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:1000px) {

	div.form_info { width:96%; height:auto; padding:10px 0; margin:10px 2%; float:left; }
	div.form_btn { width:60%; padding:10px 0 0 0; margin:0 auto 20px auto; text-align:center; position:static; overflow:hidden; }

}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {

	div.form_info { width:100%; height:auto; padding:10px 0; margin:10px 0 0 0; float:left; }
	div.form_info { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
	div.form_info { border-left:none; border-right:none; }
	div.form_btn { width:90%; }
	
	div.number { width:96%; margin:0 2% 10px 2%; }

}