@charset "UTF-8";

.contents {
	max-width:840px;
}
#main .contents p.body {
	
}
body.confirmpage .inputOnly {
	display:none;
}
body:not(.confirmpage) .confirmOnly {
	display:none;
}
body.confirmpage #mfp_phase_confirm_inner h4 {
	display:none;
}

body.confirmpage table#mfp_confirm_table th {
	width:17em;
	vertical-align:middle;
	padding:1.5em 1em;
	background-color:#efefef;
	border:5px solid #FFFFFF;
	font-size:1.6rem;
}
body.confirmpage table#mfp_confirm_table td {
	padding:1.5em 1em;
	font-size:1.6rem;
	background-color:#f5f5f5;
	border:5px solid #FFFFFF;
}


#main .contents p.telbox {
	text-align:center;
	background-color:#efefef;
	border-radius:10px;
	padding:10px;
}
#main .contents p.telbox p {
}
.contents p .tel {
	font-family: 'Oswald', sans-serif;
	font-size:3.2rem;
	line-height:1;
	color:#277AB7;
	margin-right:30px;
	display:inline-block;
}
.contents p .tel::before {
	content:'';
	display:inline-block;
	width:1em;
	height:1em;
	background:url(../img/common/tel.png) no-repeat center center/contain;
	transform:translateY(.05em);
}
.contents table {
	border-collapse:collapse;
	margin-bottom:15px;
	width:100%;
	font-size:1.6rem;
}
.contents table th {
	width:17em;
	vertical-align:middle;
	padding:1.5em 1em;
	background-color:#efefef;
	border:5px solid #FFFFFF;
}
.contents table th.req::after {
	content:'必須';
	color:#FFFFFF;
	background-color:#FF0000;
	font-size:.8em;
	display:inline-block;
	padding:.25em .3em;;
	border-radius:4px;
	margin-left:.5em;
}
.contents table td {
	padding:1.5em 1em;
}
.contents table td input[type="text"],
.contents table td input[type="email"],
.contents table td input[type="tel"],
.contents table td textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	font-size:16px;
	box-sizing:border-box;
	padding:.75em 1em;
	border-radius:4px;
	width:100%!important;
	max-width:100%!important;
	box-shadow: none;
}
.contents table td input[type="text"],
.contents table td input[type="email"],
.contents table td input[type="tel"],
.contents table td textarea {
	box-shadow:0 0 3px rgba(0,0,0,.5) inset;
}
.contents table td input.zip[type="text"] {
	width: 7em!important;
	margin-left:.5em;
	margin-bottom:10px;
}
.contents table td textarea {
	width:100%!important;
	height:10em!important;
}
.contents table td input[type="radio"],
.contents table td input[type="checkbox"],
.contents .privacy input[type="checkbox"] {
	width:1.1em;
	height:1.1em;
	margin-right:.2em;
}
.contents .privacy {
	text-align:center;
	margin-bottom:30px;
}
form#mailformpro label.mfp_not_checked,
form#mailformpro label.mfp_checked  {
    padding: 0;
    border: none;
	background:none;
	box-shadow:none;
}

.contents table td label {
	margin-right:1em;
}

.contents .mfp_buttons button {
	border:none;
	background:#277AB7;
	box-shadow:none;
	text-shadow:none;
	color:#FFFFFF;
	padding:.5em 2em;
}
.contents div.mfp_err {
	line-height:1.3;
    background-position: 0px .25em;
}

.contents .thanks {
	background-color:#EFEFEF;
	border-radius:10px;
	padding:30px;
}
#main .contents .thanks p.body {
	text-align:center;
	font-size:1.3em;
	margin-bottom:1em;
}
#main .contents .thanks p {
	margin-bottom:0;
}

#mfp_thanks {
	display:none;
}



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

}

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


.contents table {
	font-size:1.4rem;
}
.contents table th {
	display:block;
	width:100%;
	padding:1em
}
.contents table th.req::after {
	content:'必須';
	color:#FFFFFF;
	background-color:#FF0000;
	font-size:.8em;
	display:inline-block;
	padding:.25em .3em;;
	border-radius:4px;
	margin-left:.5em;
}
.contents table td {
	padding:.5em 1em;
	display:block;
	width:100%;
}


body.confirmpage table#mfp_confirm_table th {
	width:10em;
	display: table-cell;
	padding:1em .5em;
	font-size:1.3rem;
}
body.confirmpage table#mfp_confirm_table td {
	padding:1em .5em;
	font-size:1.4rem;
    display: table-cell;
}

.contents .privacy {
	margin-bottom:15px;
	font-size:1.4rem;
}

.contents .thanks {
	padding:15px;
}
#main .contents .thanks p.body {
	text-align:center;
	font-size:1.1em;
	margin-bottom:.5em;
}
#main .contents .thanks p {
	margin-bottom:0;
}
	
}

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

}