@charset "utf-8";


.contactUs {
	display: block; width: 100%;
}
.contactUs > .page {
	 display: inline-block; text-align: left; vertical-align: top; width: 28%; padding: 10px 1% 40px 1%; font-size: 1.2em; line-height: 1.5em; box-sizing: border-box;
}
.contactUs > .form {
	 display: inline-block; text-align: left; vertical-align: top; width: 58%; padding: 10px 1% 40px 1%; font-size: 1.2em; line-height: 1.5em; box-sizing: border-box;
}


.contactUsForm {
    list-style-type:none; overflow:hidden; padding:0; margin:0 0 0 0; font-size:1em; width:100%; max-width: 800px; text-align: left;
}
.contactUsForm > li {
    float: none;
}
.contactUsForm > .label {
	float:none; margin:20px 0 5px 20px;
}
.contactUsForm > .field {
	margin:0 0 0 20px;
}
.contactUsForm > .field input {
	width:90%; font-size:1.2em;
}
.contactUsForm > .field textarea {
	width:90%; height:80px; font-size:1.2em;
}
.contactUsForm > .field > .disabled {
	background:#CCC;
}
.contactUsForm > .field > .option {
	width:auto; padding: 0 20px 0 0; display: inline-block;
}
.contactUsForm > .required {
	float:none; margin:20px 0 5px 20px; color:#F00;
}
.contactUsForm > .error {
	float:none; margin:0 0 0 20px; background:#FCC; color:#F00; padding:10px; width:90%;
}
.contactUsForm > .remark {
	float:none; margin:5px 0 0 20px; font-size:0.9em;
}
.contactUsForm > .button {
	float:none; display: block; margin: 20px 0 0 30px; text-align: center;
}

@media only screen and (max-width:840px) {
	.contactUs > .page {
		 display: block; width: 100%;
	}
	.contactUs > .form {
		 display: block; width: 100%;
	}
}