@charset "UTF-8";

.contact .content {width: 1200px;background-color: #f4f4f4; padding: 60px; border: 1px solid #c2c2c2;}
.contact .content * {color: #656565;}
.contact .content h1 {font-size: 30px; margin-bottom: 50px;}
.contact .content .message {margin-bottom: 20px;}
.contact .content .message p {color: #d9a743; }
.contact .content .boxl {float: left; width: 58%;}
.contact .content .boxl form .error ul li {color: #850000; display: block !important; float: none !important; padding: 0 !important; width: 100% !important;}
.contact .content .boxl form ul {margin-bottom: 25px;}
.contact .content .boxl form ul li {float: left; line-height: 30px;}
.contact .content .boxl form ul li:first-child {width: 20%; margin-right: 2%;}
.contact .content .boxl form ul li:last-child {width: 78%;}
.contact .content .boxl input{border: none; line-height: 30px; width: 420px;}
.contact .content .boxl textarea{border: none; line-height: 30px; width: 420px; font-size: 13px;}
.contact .content .boxl select{border: none; height: 30px; width: 420px;}
.contact .content .boxl input[type="submit"] {background-color: #6abd45; font-size: 16px; font-weight: bold; padding: 10px 50px; color: #fff; box-sizing: border-box; cursor: pointer;}
.contact .content .boxl input[type="submit"]:hover {opacity: 0.8;}
.contact .content .boxr {float: right; width: 42%; line-height: 2; letter-spacing: 2px;}
.contact .content .boxr a {color: #234590;}
.contact .content .boxr a:hover {text-decoration: underline;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1200px){
	.contact .content {width: 100%;}
}
@media only screen and (max-width:768px){
	.contact .content {width: 100%;}
	.contact .content .boxl {float: none; width: 100%; margin-bottom: 30px;}
	.contact .content .boxr {float: none; width: 100%;}
}
@media only screen and (max-width:640px){
	.contact .content {padding: 60px 40px;}	
}
@media only screen and (max-width:480px){
	.contact .content {padding: 60px 30px;}	
	.contact .content .boxl form ul li {float: none;}
	.contact .content .boxl form ul li:first-child {width: 100%; margin-right: 0; margin-bottom: 5px;}
	.contact .content .boxl form ul li:last-child {width: 100%;}
	.contact .content .boxl input{width: 100%; max-width: 420px;}
	.contact .content .boxl select{width: 100%; max-width: 420px;}
}