form#mailformpro {
	padding: 10px 0px;
}
form#mailformpro dl dt {
	float: left;
	width: 150px;
	clear: both;
	font-size: 12px;
	padding: 10px 0px;
	text-align: right;
	margin: 0px;
}
form#mailformpro dl dd {
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 10px 5px 10px 160px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
form#mailformpro dl dd ul, form#mailformpro dl dd ol {
	margin: 0px;
	padding: 0px;
}
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


#mfp_hidden {
	display:none;
}

.must {
	display: block;
	padding: 1px 0 0 4px;
	float: left;
}

.mailformproTable {
	width:100%;
	text-align: left;
}
.mailformproTable tr {
	border-top:1px solid #CCC;
}
.mailformproTable tr:nth-child(even) {
	background: rgb(251, 249, 243);
}
.mailformproTable th {
	width: 25%;
	text-align: right;
	font-size:  12px;
	font-weight: normal;
	padding: 10px 0;
	vertical-align: middle;
}
.mailformproTable td {
	padding:10px 0 10px 10px;
	vertical-align:middle;
	font-size: 12px;
	}
.mailformproTable td li {display: inline-block;}
.mailformproTable td p,
.mailformproTable td span {font-size: 12px;}
.mailformproTable td input:focus,.mailformproTable td textarea:focus {
outline: none;
border:none;
border:solid 1px #c8b271;
background:#fffddc;
}
.mailformproTable input,.mailformproTable td textarea {
border:none;
border:solid 1px #c0c0c0;
}

.mailformproTable .mail-address input {width: 350px;}

.mailformproTable .w100p { width: 94% !important; height:120px !important; }

input#button_mfp_goconfirm {
	width: 180px;
	height: 60px;
	overflow: hidden;
	border:none;
	cursor: pointer;
}
input#button_mfp_reset {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background: url(../images/mfp_reset.png);
	border:none;
	cursor: pointer;	/*text-indent: -5000px;*/
}

input#button_mfp_reset:hover {
	width: 180px;
	height: 60px;
	overflow: hidden;
	background: url(../images/mfp_reset_over.png);
	border:none;
	cursor: pointer;	/*text-indent: -5000px;*/
}

span.must_s {background: #f00;color: #FFF;border-radius: 4px;padding: 4px 8px;margin-right: 6px;font-size: 10px;}
span.any_s {background: #4d4c4d;color: #FFF;border-radius: 4px;padding: 4px 8px;margin-right: 10px;font-size: 10px;}

.mailformproTable .submit {margin: 20px auto;color: #fff;display: block;position: relative;width: 400px;text-align: center;background: #9c8855;border-radius: 64px;height: 64px;padding: 1px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;font-feature-settings: "palt";letter-spacing: .04em;font-weight: 600;padding: 0px 0px;}
.mailformproTable .submit:hover { opacity: 0.8; }
.mailformproTable .submit:after {content: "\f105";font-family: FontAwesome;color: #9c8955;display: block;width: 40px;height: 40px;border-radius: 100%;background: #fff;background-size: 16px auto, 100%;position: absolute;right: 16px;top: calc(50% - 20px);font-size: 30px;line-height: 1.3;}
.mailformproTable .submit span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 62px;padding: 10px 56px 12px 40px;background: linear-gradient(135deg, #d8dbf1 0%, #a8c2dc 90%, #7f9ec1 100%);border-radius: 62px;}


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

.mailformproTable th {
	width: 100%;
	text-align: left;
	display: block;
	font-size: 4vw;
	font-weight: normal;
	padding: 2% 0;
	vertical-align: middle;
}
.mailformproTable td {
	width: 94%;
	display: block;
	padding: 0 2% 2%;
	vertical-align:middle;
	}
.must {margin-right: 3%;}

.mailformproTable .mail-address input {width: 90%;}
.mailformproTable td li {display: block;width: 100%;margin-bottom: 2%;font-size: 3.3vw;}
.mailformproTable td ul.trigger {font-size:0;}
.mailformproTable td ul.trigger li {display: inline-block; width: 50%;}
.mailformproTable td span {margin-right: 1%;}
}