/*	MAILFORM PRO
================================================== */

.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev{
	border-radius: 0;
	padding: 0;
	border: 0;
	text-shadow: 0 0 0 transparent;
	}

/*	MAILFORM PRO RESET
================================================== */

input,select,textarea{
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	}
form button{
	border-radius: 3px !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow: none !important;
	}
form button:hover{
	box-shadow: none !important;
	background: #e9e9e9 !important;
	}
form dt{
	border-top: 0 !important;
	background: transparent !important;
	font-size: inherit !important;
	}
form dd{
	border-top: 0 !important;
	background: transparent !important;
	font-size: inherit !important;
	}
form .must {
	display: block;
	float: left;
	margin: -2px 1em 0 0;
	padding: 4px 5px 3px;
	border: 0;
	color: #fff;
	background-color: #a00;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	}

form * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

form#mailformpro label,
form#mailformpro label.mfp_not_checked{
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color:transparent !important;
	box-shadow: none !important;
	}

div.mfp_ok{
	width:4%;
	float:left;
	text-align:center;
	border-radius:3px !important;
	background-color: #222 !important;
	border:0 !important;
	line-height: 1em !important;
	padding: 0.5em !important;
	margin: 0.5em 0 0 1% !important;
	font-size: 10px !important;
	color: #FFF !important;
	background-image:none !important;
	
	display: none !important;
	}

div.mfp_err{
	margin: 0 !important;
	padding: 0.5em 0 0 !important;
	font-size:inherit !important;
	background-image:none !important;
	}

/*	CUSTOMIZE
================================================== */

input[type="text"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="file"],
select{
	width:100% !important;
	max-width: 100% !important;
	height:2.8em !important;
	padding:0 0.5em !important;
	font-size:100% !important;
	border:1px solid #999 !important;
	-webkit-appearance: none;
	}

	input.short {
	width:49% !important;
	max-width:49% !important;
	}

	input.short+input.short,
	input.short+div+input.short {
	float:right;
	}

	input.short+input.short:after,
	input.short+div+input.short:after {
	content:"";
	clear:both;
	}

input[type="radio"],
input[type="checkbox"]{
	height:2.8em !important;
	margin:0 0.5em !important;
	vertical-align: middle !important;
	}

label{
	display:inline-block;
	height:2.8em !important;
	line-height:2.8em !important;
	vertical-align: middle !important;
	}

textarea{
	width:100% !important;
	height:auto !important;
	max-width: 100% !important;
	padding:0.5em !important;
	font-size:100% !important;
	border:1px solid #999 !important;
	-webkit-appearance: none;
	}

.mfp_buttons{
	clear:both;
	padding: 0 !important;
	width: 40%;
	margin: 2em auto;
	}

.mfp_buttons button{
	height:3.6em !important;
	line-height:3.4em !important;
	font-size:120% !important;
	width:100% !important;
	max-width:100% !important;
	cursor:pointer !important;
	border-radius: 3px;
	}

.mfp_buttons button[type="submit"],
.mfp_buttons button#mfp_button_send{
	background:#222 !important;
	color:#fff !important;
	}

.mfp_buttons button[type="reset"],
.mfp_buttons button#mfp_button_cancel{
	background:#aaa !important;
	color:#fff !important;
	display: block;
	}

.mfp_buttons button:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}

form p{
	line-height:1.5;
	}

form dl{
	width:100% !important;
	margin:0 auto !important;
	overflow:hidden !important;
	}

form dt{
	clear:both;
	float:left !important;
	width:25% !important;
	padding:1em 0 0 1em !important;
	text-align:left !important;
	position:relative !important;
	}

	dt span{
	font-size:0.9em;
	color:#999;
	}

form dd{
	float:right !important;
	width:70% !important;
	margin:0 0 2em !important;
	padding:0 !important;
	text-align:left !important;
	}

form dd dt{
	width:15% !important;
	}

form dd dd{
	width:80% !important;
	}

form dd dd:last-child{
	margin:0 0 0 !important;
	}

form .guideline_box{
	clear:both;
	float:none !important;
	width:100% !important;
	}

form dt.guideline_box{
	margin:0 0 1em !important;
	}

form .guideline{
	width:100%;
	height:13em;
	padding:1em;
	border:1px solid #999;
	line-height:1.5;
	overflow:auto !important;
	background:#fff;
	}

form .guideline dl dt{
	width:100% !important;
	float:none !important;
	margin:0 0 1em !important;
	padding:0 !important;
	font-weight:bold;
	}

form .guideline dl dd{
	width:100% !important;
	float:none !important;
	margin:0 0 1em !important;
	padding:0 !important;
	}

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

	input.short {
	width:100% !important;
	max-width:100% !important;
	}

	input.short+input.short,
	input.short+div+input.short {
	float:none;
	margin:0.5em 0 0 !important;
	}

	.mfp_buttons button{
	height:3.5em !important;
	line-height:3.3em !important;
	font-size:1.1em !important;
	width:100% !important;
	max-width: 100% !important;
	display: block;
	margin:0 auto;
	}

	form dt{
	float:none !important;
	width:100% !important;
	margin:0 0 0.7em !important;
	padding:0 !important;
	}

	form dd{
	float:none !important;
	width:100% !important;
	margin:0 0 2em !important;
	padding:0 !important;
	}

	form dd dl{
	padding-top:1em;
	}

	form dd dt{
	width:100% !important;
	}

	form dd dd{
	width:100% !important;
	}

}

/*	THANKS PAGE
================================================== */

/* PC */
@media screen and (min-width: 769px) {

div#mfp_phase_confirm h4{
	font-size: 2rem;
	margin: 0 0 1em;
	}
table#mfp_confirm_table{
	width: 100%;
	margin: 2em auto !important;
	color: #111;
	}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{
	font-size: inherit;
	padding: 1em;
	}
table#mfp_confirm_table tr.mfp_colored{
	background-color: #f9f9f9;
	}

}

/* SP */
@media screen and (max-width: 768px) {

	div#mfp_phase_confirm h4{
	font-size: 1.6rem;
	margin: 0 0 1em;
	}
	table#mfp_confirm_table{
	width: 100%;
	margin: 0 auto 2em;
	color: #111;
	}
	table#mfp_confirm_table tr th,
	table#mfp_confirm_table tr td{
	font-size: inherit;
	padding: 1em;
	display:block;
	width: 100%;
	box-sizing: border-box;
	}
	table#mfp_confirm_table tr td{
	padding-top: 0;
	border-top:0;
	}
	table#mfp_confirm_table tr.mfp_colored{
	background-color: #f9f9f9;
	}

}