/*============== inner-intro ===============*/

.inner-intro.bg-img {
	background: url(../imgs/bg-contact.jpg)center bottom 60%;
	background-size: cover;
}


/*============== contact ===============*/
.contact-txt {
	max-width: 760px;
	margin: 30px auto 0;
}
#formWrap {
	max-width:700px;
	margin:70px auto 0;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	text-align: left;
}
table.formTable td input {
	border:1px solid #eee;
	margin-bottom: 0;
}
table.formTable th span.cap {
	font-size: 12px;
	color: #0070c0;
	padding-left: 10px;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	background:#f3f3f5;
	text-align:left;
}
table.formTable td textarea {
	background: #fff;
	height: 250px;
	border:1px solid #eee;
	margin-bottom: 0;
}
input[type="submit"] {
  padding: 7px 50px;
  font-size: 14px;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:767px) {
	.contact-txt {
		margin-bottom: 40px;
	}
	#formWrap {
		width:100%;
		margin:0 auto;
	}
	table.formTable th, table.formTable td {
		width:100%;
		display:block;
	}
	table.formTable th {
		border-bottom:0;
	}
	input[type="text"],input[type="tel"],input[type="email"], textarea {
		width:100%;
	}
}