@charset "utf-8";
/* CSS Document */
/*===============================================
●PC用　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
/*～以下、画面の横幅が769px以上の場合のスタイル記入～*/
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	border-top: none!important;
}
table#mfp_confirm_table{border-top: solid 1px #CCC;}
table#mfp_confirm_table tr th {font-weight:bold;}
table#mfp_confirm_table tr td {border-bottom: solid 1px #CCC;}

}
/*===============================================
●タブレット用　画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
form#mailformpro dl dt {
	float: none!important;
	width: auto!important;
	clear: both;
	display:block!important;
	font-size: 1em;
	padding: 10px 0px!important;
	text-align: left!important;
	border-top: solid 1px #CCC;
	margin: 0px;
	font-weight:bold;
}
form#mailformpro dl dd {
	border-top: none!important;
	display:block!important;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 2%!important;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left!important;
}
form#mailformpro dl dd span{
	font-size:0.8em\9;
}
.must {
	float: none!important;
	display: inline!important;
}
input[type="text"]{
	width:95%!important;
	margin-bottom:2%;
}
input[type="tel"]{
	width:95%!important;
	margin-bottom:2%;
}
input[type="email"]{
	width:95%!important;
	margin-bottom:2%;
}
form#mailformpro textarea {
	width: 95%!important;
	height: 7em!important;
	margin-bottom:2%;
	resize: none;
}

div#mfp_confirm_table table{width:100%!important;}
table#mfp_confirm_table tr th {
	white-space: normal;
	width: 40%;
}
form#mailformpro dl dd ul.form-ul1 li,form#mailformpro dl dd ol li .form-ul1{
	margin: 0px 0% 0px 0px;
	padding: 0px;
	list-style: none;
	display:block;
}
form#mailformpro dl dd ul.form-ul1 li span,form#mailformpro dl dd ol li .form-ul1 span{
	margin: 0px 1% 0px 0px;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td {
	border-top: none!important;
}
table#mfp_confirm_table{border-top: solid 1px #CCC;}
table#mfp_confirm_table tr th {font-weight:bold;}
table#mfp_confirm_table tr td {border-bottom: solid 1px #CCC;}
}
/*===============================================
●スマートフォン用　画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/

input[type="text"]{
	width:90%!important;
	margin-bottom:2%;
}
input[type="tel"]{
	width:90%!important;
	margin-bottom:2%;
}
input[type="email"]{
	width:90%!important;
	margin-bottom:2%;
}
form#mailformpro textarea {
	width: 90%!important;
	height: 7em!important;
	margin-bottom:2%;
	resize: none;
}
div#mfp_confirm_table table{width:100%!important;}
table#mfp_confirm_table tr th {
	white-space: normal;
	width: 40%;
}
}
