@charset "UTF-8";


h3{
	margin-top: 150px;
}

p{
	text-align: center;
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: 1px;
	margin: 30px 0;
}
p.blue{
	font-size: 2.3rem;
	margin-bottom: 10px;
}

.blue_bg{
	background-color: #eaf6fd;
	padding: 30px 0 20px;
	margin: 80px 0 110px;
}
.blue_bg p{
	margin-top: 10px;
}

h4{
	text-align: center;
	margin: 110px 0 30px;
}
h4 span{
	display: block;
	font-size: 3rem;
	color: #fff;
	background-color: #005bab;
	padding: 10px 0;
	margin: 30px 0 0;
}

.tel{
	font-size: 2.3rem;
}

p.contact_p{
	font-size: 2.9rem;
}
html.sp .contact_p{
	font-size: 2.2rem;
}

table.contact{
	/* border-collapse: collapse; */
	border-spacing: 0 8px;
	width: 100%;;
}
table.contact th,
table.contact td{
	vertical-align: top;
	text-align: left;
	font-weight: 500;
	padding: 20px;
}
html.sp table.contact th,
html.sp table.contact td{
	padding: 10px;
}
table.contact th{
	background-color: #eaf6fd;
}
html.sp table.contact th{
	min-width: 100px;
}
table.contact td{
	font-size: 1.3rem;
	background-color: #f4f4f4;
}
table.contact th.hissu:before{
	content: "必須";
	display: block;
	float: right;
	font-size: 1.2rem;
	padding: 1px 5px;
	color: #fff;
	background-color: #eb613b;
}

input[type="text"],
input[type="email"],
textarea{
	text-align: left;
	font-size: 17px;
	box-sizing: border-box;
	width: 60%;
	padding: 5px;
	margin: 8px 0;
	border: 1px solid #c3c3c3;
	border-radius: 0;
	outline: none;
	box-shadow: none;
}
html.sp input[type="text"],
html.sp input[type="email"]{
	width: 80%;
}

textarea{
	height: 200px;
	width: 100%;
}

input[type="text"][readonly],
input[type="email"][readonly],
textarea[readonly]{
	background-color: transparent !important;
	border: 0;
}

input[name="郵便番号"],
html.sp input[name="郵便番号"]{
	width: 150px;
}

select {
    font-size: 14px;
    line-height: 2;
    color: #32373c;
    border-color: #c3c3c3;
	outline: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}

input[type="submit"],
input[type="reset"],
div.mfp_buttons button#mfp_button_send,
div.mfp_buttons button#mfp_button_cancel{
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	background: #37bef0;
	width: 100px;
	padding: 8px 0;
	margin: 0 10px;
	transition: 0.2s ease-in-out;
	border-radius: 0;
	border: 0;
	outline: none;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
}
input[type="reset"],
div.mfp_buttons button#mfp_button_cancel{
	background: #9fa0a0;
}
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity: 0.7;
}

.submit_area{
	text-align: center;
	margin: 60px 0 50px;
}
.submit_area p{
	font-size: 1.6rem;
	letter-spacing: 0;
	margin: 20px 0;
}
form#mailformpro .submit_area .privacy{
	font-size: 2rem;
	margin: 0 0 25px;
}
form#mailformpro .submit_area .privacy a{
	display: inline-block;
	letter-spacing: 2px;
	padding: 3px 0;
	color: #666464;
	border-bottom: 1px solid #666464;
}
form#mailformpro .submit_area .privacy a:hover{
	text-decoration: none;
}
form#mailformpro .submit_area .privacy .mfp_err{
	margin: 0 0 0 320px;
}
html.sp form#mailformpro .submit_area .privacy .mfp_err{
	margin: 0 0 0 70px;
}

#mfp_overlay_inner h4{
	font-size: 1.8rem;
	margin: 30px 0;
}

.thanks h1{
	text-align: center;
	margin: 150px 0;
}
html.sp .thanks h1{
	margin: 150px 0;
}