/* reset en style.css */
#contact-form {padding: 20px;}
.form-box, #contact-form {width: 100%; min-height: 350px;}
#contact-form h2 {font-size: 1.6rem; color: #009D0C; margin-bottom: 15px;}
#contact-form label {font: 1.6rem/1.8 Arial; color: #666666;}
.input01, .input02 {
	width: 100%; height: 40px; background: #F3F5F2;
	border: 1px solid #BBC9BB; padding: 5px 10px;
	margin-bottom: 7px; border-radius: 5px;
	-webkit-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
input:-moz-placeholder{color:#999;}
input:-ms-input-placeholder{color:#999;}
input:focus, textarea:focus {background: #fff; border-color: #003D2D;}
.formsec2 div {width: 48%;}
.input02 {height: 150px;}
.submit {
	width: 30%; height: 40px;
	font: bold 1.6rem/1 Arial; color: #fff;
	background: rgb(1,117,80); margin-top: 20px;
	border: 1px solid #C4C4C4;
	border-radius: 5px; cursor: pointer;
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.submit:hover {background: #0C7522;}
.msg {font-size: 1.2rem; color: #F00;}
.success {font: bold 2rem/1.3 Arial; text-align: center; padding: 20px 0; color: #76B421;}
#contact-form label.valid,
#contact-form label.error {font: bold 1.2rem Arial; right: 0; bottom: 0;}
#contact-form label.error {color: #F00;}

@media screen and (max-width: 768px) {
	.contactTop p {font-size: 1.6rem; text-align: justify;}
	.submit {height: 55px;}
	#contact-form {padding: 0;}
	.success {font: bold 1.6rem/1.3 Arial;}
	.contact-box p {display: none;}
	#contact-form {
	    background: rgba(107, 166, 48, 0.1) none repeat scroll 0% 0%;
	    border-radius: 5px; padding: 20px;
	}
	.input01, .input02 {background: #fff;}
	.formsec2 div, .submit {width: 100%;}
}
@media screen and (max-width: 480px) {
	.formsec2 div, .submit {width: 100%;}
}