#contact { padding: 50px 0 20px; }
#contact article { margin: 14px 0 40px; }
#content-main .titleBox h2 { color: #707070; margin-bottom: 0px; font-weight: initial; border-bottom: 2px #e4e4e4 solid; height: 60px; font-size: 26px; }
article{color: #696969;margin: 10px 0 40px;}

/* form1 */
#form1 { font-size: 0; }
#form1 p { margin: 10px 20px; width: calc(100% - 40px); display: inline-block; vertical-align: text-bottom; }
#form1 p.col-2 { width: calc(50% - 40px); }
#form1 p.col-3 { width: calc((100% / 3) - 40px); }
#form1 p.col-4 { width: calc(25% - 40px); }
#form1 p label {margin-bottom: 5px;display: block;color: #9c7556;}
#form1 p label b { margin-left: 5px; color: #ff575f; }
#form1 p input , #form1 select , #form1 textarea {padding: 5px 15px;width: calc(100% - 34px);border: 1px #c4aa8e solid;display: block;}
#form1 p select { padding: 10px 15px; width: 100%; }
#form1 p input#Checknum { margin-right: 10px; width: 60px; display: inline-block; }
#form1 p.send { text-align: right; }
#form1 p.send a#btnOK {position: relative;padding: 10px 50px;border-radius: 5px;background: #c4aa8e;display: inline-block;text-align: center;}
#form1 p.send a#btnOK font {position: relative;font-size: 16px;color: #ffffff;z-index: 2;-webkit-transition-duration: .3s;transition-duration: .3s;}

@media screen and (max-width: 1280px) {
	#contact { padding-left: 0; }
}
@media screen and (max-width: 768px) {
	.contact-form { padding: 20px 30px; }
}
@media screen and (max-width: 640px) {
	.contact-form fieldset >div { width: calc(100% - 40px); }
	.contact-form fieldset >div:last-child p { width:100%; }
	.contact-form fieldset >div:last-child p.send { text-align:left; margin-top: 10px; }
}
@media screen and (max-width: 480px) {
	.contact-form fieldset >div input, .contact-form fieldset >div textarea { display: block; width: 100%; }
	.contact-form fieldset >div p { display: block; width: 100%; }
}