@CHARSET "UTF-8";

#contents div#wrapper_contact{
	width:-webkit-calc(100% -20px);
	width:-moz-calc(100% -20px);
	width:calc(100% -20px);
	height:100%;
	padding:10px 10px 0;
	text-align:center;
}
#contents div#wrapper_contact > h2{
	text-align:center;
	margin-bottom:1em;
}
#contents div#wrapper_contact table#contact_form{
	width:80%;
	margin:0 auto;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

#contents div#wrapper_contact table#contact_form th{
	padding: 6px 8px 5px;
	border-top: solid 1px #ffffff;
	width: 25%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #eeece4;
}

#contents div#wrapper_contact table#contact_form td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
#contents div#wrapper_contact table#contact_form td > input{
	width:-webkit-calc(100% - 24px);
	width:-moz-calc(100% - 24px);
	width:calc(100% - 24px);
}
#contents div#wrapper_contact table#contact_form td > textarea{
	width:-webkit-calc(100% - 26px);
	width:-moz-calc(100% - 26px);
	width:calc(100% - 26px);
}
#contents div#wrapper_contact button{
	margin:1em 0;
}

/* スマホ対応 */
@media (max-width: 767px){
	#contents div#wrapper_contact table#contact_form{
		width:100%;
	}
	#contents div#wrapper_contact table#contact_form th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
		border-radius: 3px;
	}
	#contents div#wrapper_contact table#contact_form td{
		display: list-item;
		width: 100%;
		border-top: none !important;
	}
}