@charset "UTF-8";
/* ---------------------------------------------------------------
	Inquiry.css
--------------------------------------------------------------- */
/* ---------------------------------------------------
	共通
------------------------------------------------------ */
@media screen and (max-width:1100px) {
	#inquiry #contents{ padding: 0 1%; box-sizing: border-box;}
	#inquiry section  { width: 98% !important;}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/* ご注文フォーム
------------------------------------------------------ */
@media screen and (max-width:1100px) {
	#inquiry #contents{ padding: 0 1%; box-sizing: border-box;}
	#inquiry section,
	#inquiry #contents h3{ width: 98%;}
	#inquiry.index #form{ padding: 20px 3%;}
}
@media screen and (max-width:768px) {
	#inquiry.index #form dt,
	#inquiry.index #form dd{
		clear: both;
		width: 100% !important;
		float: none !important;
		box-sizing: border-box;
	}
	#inquiry.index #form dt{ margin: 0 0 10px;}
	#inquiry.index #form ul li{ display: block; padding: 0; width: 100%;}
	#inquiry.index #form li span{ display: block; margin: 0 0 5px;}
	#inquiry.index #form form#mailformpro label{ white-space: normal;}
}
@media screen and (max-width:640px) {
	#inquiry.index section dt{ margin: 0 0 15px;}
	#inquiry.index #sec1 dt { margin: 0 0 15px; width: 100%; float: none;}
	#inquiry.index #sec1 dt span { display: block; width: 100%; }
	#inquiry.index #sec1 dd { margin: 0; float: none;}
	#inquiry.index #sec1 dd { margin: 10px 0 0;}
	#inquiry.index #sec1 dt span { width: 100%; text-align: left;}
}
@media screen and (max-width:480px) {
	#inquiry.index #form .number span{ display: block;}
}