/* CSS Document */

.contact1{ padding:0 0 80px;}
.contact1 .txt{ line-height:2.25; color:#333; font-size:16px; overflow:hidden; background:#f6f6f6; padding:1.75em 3em 3em; margin:40px 0 0;}
.contact1 .txt h4{ display:block; line-height:2.5; font-size:1.625em;}

.contact2{ background:#f8f8f8;}
.contact2 form{ display:flex; flex-wrap:wrap; justify-content:space-between; color:#333; font-size:15px; overflow:hidden; padding:40px 0 60px; margin:0 auto;}
.contact2 form p{ display:block; width:48%; overflow:hidden; position:relative; padding:0 0 24px;}
.contact2 form p.long{ width:100%;}
.contact2 form p input.text{ display:block; width:100%; height:42px; line-height:40px; color:#333; font-size:inherit; background:#fff; padding:0 12px; border:1px solid #fff; box-sizing:border-box; float:left;}
.contact2 form p ::placeholder{ color:#999;}
.contact2 form p input.short{ width:calc(100% - 11em); margin-right:1em;}
.contact2 form p a.refresh{ display:block; width:1.2em; height:42px; background:url(../image/refresh.png) center no-repeat; background-size:100% auto; float:left; cursor:pointer; margin-left:0.8em;}

.contact2 form p img{ display:block; height:42px; width:8em; cursor:pointer; float:left;}
.contact2 form p textarea{ display:block; width:100%; height:160px; line-height:24px; color:#333; font-size:inherit; background:#fff; padding:8px 12px; border:1px solid #fff; box-sizing:border-box; float:left; resize:none;}
.contact2 form input.btn{ display:block; width:100%; height:42px; color:#fff; font-size:inherit; background:#000; border:none; margin:16px auto; cursor:pointer;}


@media only screen and (max-width:768px){

.contact1{ padding:0 0 40px;}
.contact1 .txt{ font-size:14px; padding:1em 1.25em; margin:34px 0 0;}
.contact1 .txt h4{ font-size:1.25em;}

.contact2 form{ padding:34px 0 30px; font-size:14px;}
.contact2 form p{ padding:0 0 12px; width:100%;}
.contact2 form p textarea{ height:120px;}
.contact2 form p input.short{ width:calc(100% - 7.2em); width:calc(100% - 11em);}

}