@charset "utf-8";
/*********************************************************************
 *
 *  </css/page/contact.css>
 *
*********************************************************************/
.pageContact {
	margin-top: 100px;
}

.pageContact h2 {
	font-weight: 100;
	text-align: center;
}

.pagePolicy {
	margin: 15px;
	margin-top: 100px;
	text-align: justify;
}
.pagePolicy h2 {
	font-weight: 100;
	text-align: center;
}

section {
	margin: 0 auto;
	margin-bottom: 60px;
	width: 899px;
	max-height: 999999px;/* android chrome フォントサイズバグ回避 */
}

.contact-exp {
	margin: 50px 0;
	text-align: center;

}

.contact_send_btn {
	margin: 10px;
	padding: 1em 1em;
	font-size: 1em;
	text-decoration: none;
	color: #4a82af;
	background-color: #ffffff;
	border: solid 1px #4a82af;
	transition: .4s;
	width: 300px;
}
.contact_send_btn:hover {
	background: #4a82af;
	color: white;
}

.poclicy_close_btn {
	margin: 10px;
	padding: 1em 1em;
	font-size: 1em;
	text-decoration: none;
	color: #4a82af;
	background-color: #ffffff;
	border: solid 1px #4a82af;
	transition: .4s;
	width: 300px;
}
.poclicy_close_btn:hover {
	background: #4a82af;
	color: white;
}

.borderDotBlack {
	background: url(../img/common/border_dot_black.png) left top repeat-x;
	height: 1px;
}

.hr-contact {
	display: inline-block;
	width: 100%;
	margin: 20px 10px;
	border-top: 1px dotted #333333;
}



table.contact-form {
	margin: 10px;
	text-align: left;
}
table.contact-form th {
	padding: 10px;
	text-align: left;
}
table.contact-form th em {
	padding: 0 0 0 8px;
	color: #003f71;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
}

.check-policy {
	margin: 20px 10px;
	padding: 20px;
	text-align: center;
	background-color: #e5e5e5;
}

/* formInput */
.pageContact #formInput th {
	font-weight: bold;
	padding: 29px 15px 0;
	width: 310px;
	vertical-align: top;
}
.pageContact #formInput th em {
	padding: 0 0 0 8px;
	color: #4a82af;
	font-weight: bold;
}
.pageContact #formInput td {
	padding: 15px 0;
}
.pageContact #formInput td em {
	display: inline-block;
	width: 31px;
	text-align: center;
}
.pageContact #formInput td p {
	color: #e00000;
}
.pageContact #formInput input[type=text] {
	padding: 14px;
	color: #FFF;
	background-color: #4a82af;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}
.pageContact #formInput input[type=text].w5 {
	width: 500px
}
.pageContact #formInput input[type=text].w4 {
	width: 621px
}
.pageContact #formInput input[type=text].w3 {
	width: 281px
}
.pageContact #formInput input[type=text].w2 {
	width: 196px
}
.pageContact #formInput input[type=text].w1 {
	width: 111px
}
::-webkit-input-placeholder {
color: #FFF;
}
::-moz-placeholder {
color: #FFF;
}
:-moz-placeholder {
color: #FFF;
}
:-ms-input-placeholder {
color: #FFF;
}
.pageContact #formInput td li {
	padding: 0 0 8px;
}
.pageContact #formInput input[type=radio] {
	margin: 0 5px 0 0;
}
.pageContact #formInput input[type=checkbox] {
	margin: 0 5px 0 0;
}
.pageContact #formInput textarea {
	width: 621px;
	padding: 14px;
	color: #FFF;
	background-color: #4a82af;
	border: none;
	-webkit-appearance: none;
	border-radius: 0;
}
/* formCheck */
.pageContact #formCheck table {
	width: 643px;
	margin: 0 0 0 173px;
}
.pageContact #formCheck th {
	font-weight: bold;
	padding: 0 20px 20px 0;
	width: 204px;
	vertical-align: top;
}
.pageContact #formCheck td {
	padding: 0 0 20px 0;
	color: #4a82af;
}
/* formComp */
.pageContact #formComp {
	min-height: 450px;
}

/* スマートフォン
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

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

	section {
		margin: 0 auto;
		margin-bottom: 60px;
		width: 100%;
		max-height: 999999px; /* android chrome フォントサイズバグ回避 */
	}

	.contact-exp {
		margin: 30px 15px;
		text-align: left;
	}
	.contact-form td,th {
		display: block;
	}
	.pageContact #formInput th {
		display: block;
		font-weight: bold;
		padding: 20px 0px 0;
		width: 100%;
		vertical-align: top;
	}
	.pageContact #formInput td {
		display: block;
		width: 100%;
	}

	.pageContact #formInput td em {
		display: inline-block;
		width: 24px;
		text-align: center;
	}

	.pageContact #formInput input[type=text].w1 {
		width: 60px;
	}
	.pageContact #formInput input[type=text].w2 {
		width: 60px;
	}
	.pageContact #formInput input[type=text].w3 {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.pageContact #formInput input[type=text].w4 {
		width: 100%;
		box-sizing: border-box;
	}

	.pageContact #formInput textarea {
		padding: 14px;
		width: 100%;
		box-sizing: border-box;
	}

	/* formCheck */
	.pageContact #formCheck table {
		width: 100%;
		margin: 10px;
	}

}