@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------
contact
-------------------------------------------------------------- */
#contact .errorbox {
	margin-top: 15px;
}

#contact .errormsg, 
#contact .red {
	color: #e44c4c;
}

#contact .req {
	font-size: 16px;
	color: #e44c4c;
}

#contact table {
	width: 100%;
	margin-top: 15px;
}

#contact table th {
	background: none;
	border: none;
	padding: 20px;
	text-align: left;
	width: 210px;
	vertical-align: top;
}

#contact table td {
	padding: 20px;
	border: none;
	vertical-align: top;
}

#contact table tr:last-child th, 
#contact table tr:last-child td {
	border-bottom: none;
}

.formTable input[type="text"], 
.formTable input[type="email"], 
.formTable input[type="tel"], 
.formTable textarea {
	border: 1px solid #ddd;
	padding: 10px;
	width: 100%;
}

.formTable #zip1 {
	width: 80px;
}

.formTable #zip2 {
	width: 160px;
}

.formTable #tel1, 
.formTable #tel2, 
.formTable #tel3 {
	width: 80px;
}

.formTable ul.btn {
	width: 340px;
	margin: 0 auto;
}

.formTable td ul li {
	float: left;
	width: 110px;
	padding-left: 0;
	position: static;
	overflow: visible;
}

.formTable td ul li:first-child {
	width: 200px;
}

.formTable td ul li::before {
	content: none;
}

.formTable ul.btn li + li {
	margin: 0 0 0 30px;
}

.formTable td p.btn {
	width: 110px;
	margin: 0 auto;
}

.formTable button {
	padding: 10px;
	cursor: pointer;
	width: 110px;
}

.formTable td ul.btn li:first-child button {
	width: 200px;
}

#formFinish {
	text-align: center;
}

#formFinish p + p {
	margin-top: 15px;
}

#formFinish p.link {
	width: 240px;
	margin: 20px auto 0;
}

#formFinish p.link a {
	border: 2px solid #146380;
	border-radius: 4px;
	color: #146380;
	text-decoration: none;
	padding: 10px;
	display: block;
}

#formFinish p.link a:hover {
	background: #e7eff2;
}


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

	#contact table th {
		display: block;
		padding: 10px 10px 0;
		width: auto;
		float: left\9;
		clear: both\9;
		width: 100%\9;
		/*border-bottom: none;*/
	}

	#contact table td {
		display: block;
		padding: 5px 10px 20px;
		width: auto;
		float: left\9;
		clear: both\9;
		width: 100%\9;
		/*border-bottom: none;*/
	}

	#contact table tr:last-child td {
		padding: 10px 10px 0;
	}

	.formTable #zip1 {
		width: 60px;
	}

	.formTable #zip2 {
		width: 124px;
	}

	.formTable #tel1, 
	.formTable #tel2, 
	.formTable #tel3 {
		width: 60px;
	}


	.formTable ul.btn {
		width: auto;
	}

	.formTable td ul li {
		float: none;
		width: 110px;
		margin: 0 auto;
	}

	.formTable ul.btn li + li {
		margin: 20px auto 0;
	}

}