@charset "utf-8";

h2 { font-size: 32px; font-size: 3.2rem; font-weight: bold; color: #ffa300; text-align: center; margin: 30px 0 10px;}
#contactForm { margin-top: 30px !important;}
#contactForm { width: 100%; margin: 25px auto 0;}
#contactForm .txt { padding: 30px; background: #fff;}
#contactForm dl { overflow:hidden; zoom:1; background-color: #f6f6f6; margin-top: 8px; font-weight: bold; border-left: 5px solid #0077c3;}
#contactForm dl dt { float: left;  width: 35%; padding: 15px; font-weight: bold;} 
#contactForm dl dt span {
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	margin-left: 20px;
	padding: 3px 8px 3px;
	background-color: #d90e44;
	color: #fff;
	vertical-align:middle;
	border-radius: 3px;
	behavior: url(/js/PIE.htc);
}
#contactForm dl dd { width: 70%; margin-left: 35%; padding: 15px;} 
#contactForm dl dd input { margin:-1px 3px 2px 0; padding:0; vertical-align:middle;}
#contactForm dl dd .size1 { font-size: 14px; font-size: 1.4rem; width: 50%; line-height:1.6; padding: 3px;}
#contactForm dl dd .size2 { font-size: 14px; font-size: 1.4rem; width: 70%; line-height:1.6; padding: 3px;}
#contactForm dl dd .size-add { font-size: 14px; font-size: 1.4rem; width: 80%; height: 100px; padding: 3px;}
#contactForm dl dd .size-question { font-size: 14px; font-size: 1.4rem; width: 80%; height: 150px; padding: 3px;}
#contactForm .btn-send {
	-webkit-appearance: none;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	padding: 20px;
	width: 40%;
	margin: 30px 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: #0077c3;
	border-radius: 5px;
	behavior: url(/js/PIE.htc);
}
#contactForm .btn-send:hover { background: #112885;}

#contactForm .message { margin-top:10px; color: #F30; padding: 30px; background: #fff;}
#contactForm .send input {
	-webkit-appearance: none;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	padding: 20px;
	width: 40%;
	margin: 20px 5px 0;
	cursor: pointer;
	border:none;
	color:#fff;
	background: #0077c3;
	border-radius: 5px;
	behavior: url(/js/PIE.htc);
}
#contactForm .send input:hover { background: #112885;}

@media screen and (min-width: 737px) and (max-width: 1000px){
}

@media screen and (max-width:736px){
h2 { font-size: 20px; font-size: 2.0rem; font-weight: bold; color: #ffa300; text-align: center; margin: 30px 0 10px;}
#contactForm { width: 100%;}
#contactForm .txt { padding: 15px; background: #fff; border-radius: 8px; behavior: url(/js/PIE.htc);}
#contactForm dl dt { float: none;  width: 100%; padding: 15px 15px 0;} 
#contactForm dl dd { width: 100%; margin-left: 0; padding: 15px;} 
#contactForm dl dd .size1 { width: 100%;}
#contactForm dl dd .size2 { width: 100%;}
#contactForm dl dd .size-add { width: 100%; height: 80px;}
#contactForm dl dd .size-question { width: 100%; height: 120px;}
#contactForm .btn-send { padding: 15px; width: 80%;}
#contactForm .message { margin-top:10px; color: #F30; padding: 10px; background: #fff;}

}