/* ************************************************************ */
/*
/*  contact.html Styles
/*  contact.html 固有スタイル
/*
/* ************************************************************ */

.contact {
	text-align: center;
	margin: 100px 0px 0px;
}

button {background:none;}

@media (max-width: 768px) {
	.contact {
		margin: 40px 0px 0px;
	}
}


.contact table {
	width: 740px;
	margin: 65px auto 0px;
}
.contact table th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 320px;
	padding: 15px 0px;
	line-height:1.5rem;
}
.contact table td {
	text-align: left;
	width: 480px;
	height: 30px;
	padding: 15px 0px;
	line-height:1.5rem;
}

input {margin:3px 0;}
.contact table td input[type="text"],
.contact table td input[type="tel"],
.contact table td input[type="email"] {
	font-size: 1.2rem;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
}
.contact table td textarea {
	font-size: 1.2rem;
	width: 100%;
	height: 120px;
	box-sizing: border-box;
}
.contact table td input[type="submit"] {
	text-align:center;
	}
	
.contact table td input.long {
	width: 450px;
}

.contact table td input.middle {
	width: 340px;
}
.contact table td input.short {
	width: 210px;
}
.contact table td label {
	padding: 0px 30px 0px 0px;
}

form span {
	font-size:0.85rem;
	color: #ff0000;
	vertical-align:bottom;
	margin-left:3px;
	}

@media (max-width: 768px) {
	.contact table {
		width: 90%;
		margin: 30px auto 0px;
	}
	.contact table caption {
		line-height: 2.4rem;
		height: auto;
		margin: 0px 0px 20px;
	}
	.contact table th {
		font-weight: bold;
		width: 100%;
		padding: 5px 0px;
		display: block;
	}
	.contact table td {
		width: 100%;
		height: auto;
		min-height: 40px;
		padding: 5px 0px;
		display: block;
	}
	.contact table td input[type="text"],
	.contact table td input[type="tel"],
	.contact table td input[type="email"] {
		height: 40px;
		border: #999999 1px solid;
	}
	.contact table td textarea {
		border: #999999 1px solid;
	}
	.contact table td input[type="submit"] {
	}
	.contact table td input.long {
	width: 90%;
}
	.contact table td input.middle {
		width: 90%;
	}
	.contact table td input.short {
		width: 90%;
	}
	.contact table td label {
		padding: 0px 10px 0px 0px;
	}
}


.contact p.texts {
	text-align: left;
	background: #e2f3fd;
	width: 800px;
	margin: 50px auto 0px;
	padding: 35px 40px 35px 60px;
	box-sizing: border-box;
}

.contact button {
	font-size: 1.6rem;
	line-height: 4.5rem;
	color: #ffffff;
	background: none;
	width: 390px;
	height: 77px;
	margin: auto;
	border: none;
	border-radius: 5px;
	display: inline-block;
	box-sizing: border-box;
}
.contact table .send_td {
	text-align: center;
}

@media (max-width: 768px) {
	.contact p.texts {
		width: 100%;
		margin: 40px auto 0px;
		padding: 15px;
	}
	
.contact  {
		width: 90%;
		margin:0px auto ;
	}
	
	
.mail_box {
	text-align:center;
	margin:auto;
	}

.send_end {
	text-align:center;
	margin:auto;
	}
	
.contactSendBtn {
	text-align:center;
	margin:auto;
	}