/* ------------------------------------------------- *
 *        Contact
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height: 223px;
	background: #E9EDF3;
}

.con1_d {
	width: 800px;
	margin-right:auto;
	margin-left:auto;
	padding: 40px 0 70px;
}

.cap_red {
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
	color: #992330;
	margin-bottom: 25px;
	text-indent: -1em;
	padding-left: 1em;
}

table {
	width: 800px;
	margin-bottom: 60px;
	padding: 0;
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
	color: #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

tr {
	padding: 0;
	width: 100%;
}
th {
	width: 200px;
	padding: 10px 0;
	font-weight: normal;
	text-align: left;
	color: #333;
  vertical-align: top;
}
td {
	width: 600px;
	padding: 7px 0;
	text-align: left;
	color: #333;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.input-txt {
	font-size: 18px;
	line-height: 1.8;
	padding: 5px;
	border: 1px solid #cfcfcf;
  border-radius: 0;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none
}
.input-txt.w-long {
  width: 99%
}

textarea {
	resize: none;
	height: 170px;
}

.btn {
	text-align: center;
}
.btn li {
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
}

.btn_kakunin {
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	border-style: none;
	padding: 0;
	width: 354px;
	height: 74px;
	background: url(../../common/img/btn_kakunin.png) left top no-repeat;
	background-size: cover; 
}

.btn_back {
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	border-style: none;
	padding:0;
	width: 354px;
	height: 74px;
	background: url(../../common/img/btn_back.png) left top no-repeat;
	background-size: cover; 
}

.btn_send {
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	border-style: none;
	padding:0;
	width: 354px;
	height: 74px;
	background: url(../../common/img/btn_send.png) left top no-repeat;
	background-size: cover; 
}

.btn_kakunin:hover, .btn_back:hover, .btn_send:hover {
	cursor: pointer;
	opacity: 0.5;
}


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

	#mainArea {
		position: relative;
		width: 100%;
		height: 120px;
		background: #E9EDF3;
	}

	.contact h2.pTitle {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		padding-top: 70px;
		padding-bottom: 10px;
	}

	.con1_d {
		width: 100%;
		margin-right:auto;
		margin-left:auto;
		padding: 20px 0 40px;
	}
	
	.cap_red {
		margin-bottom: 15px;
	}
	
	table {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
		font-size: 18px;
		line-height: 1.8;
		text-align: left;
		color: #333;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	tr {
		padding: 0;
		width: 100%;
	}
	th {
		width: 100%;
		display: block;
		padding: 10px 0 0;
		font-weight: bold;
	}
	td {
		width: 100%;
		padding: 7px 0 14px;
		display: block;
	}
	
	textarea {
		resize: none;
		height: 170px;
	}

	.btn {
		text-align: center;
	}
	.btn li {
		display: inline-block;
		padding: 5px 0;
	}

	.btn_kakunin {
		cursor: pointer;
		font-size: 0;
		line-height: 0;
		border-style: none;
		padding: 0;
		width: 250px;
		height: 52px;
		background: url(../../common/img/btn_kakunin.png) left top no-repeat;
		background-size: cover; 
	}

	.btn_back {
		cursor: pointer;
		font-size: 0;
		line-height: 0;
		border-style: none;
		padding:0;
		width: 250px;
		height: 52px;
		background: url(../../common/img/btn_back.png) left top no-repeat;
		background-size: cover; 
	}

	.btn_send {
		cursor: pointer;
		font-size: 0;
		line-height: 0;
		border-style: none;
		padding:0;
		width: 250px;
		height: 52px;
		background: url(../../common/img/btn_send.png) left top no-repeat;
		background-size: cover; 
	}
	
}