body { background:url(../img/quote/cover.jpg) top no-repeat;background-size:100% auto;}


.sec-txt { text-align:center;padding:60px 0px 10px 0px; }
.sec-txt > .wrapper { max-width:1000px;margin:0px auto; }
.sec-txt h2 { font-size:32px;font-weight:normal;margin:250px 0px 10px 0px; }
.sec-txt p { font-size:16px;margin:5px 0px;display:block; }


.form-area { max-width:900px;margin:40px auto;text-align:center;  }
.form-area h2 { font-size:22px;font-weight:normal;margin:30px 0px 0px 15px;text-align:center; }
.form-area h3 { font-size:18px;font-weight:bold;margin:15px 25px 10px 25px;text-align:center;border-bottom:1px #515151 solid;padding:8px 0px }
.form-area .row { overflow:auto;text-align:left; }
.form-area .row .col { float:left;box-sizing:border-box;padding:10px; }
.form-area .row .col-2 { width:50%; }
.form-area .row .col-4 { width:25%; }
.form-area .txt-input { outline:none; width:100%;background-color:#ffffff;border:1px #cccccc solid;font-size:14px;padding:12px 15px;box-sizing:border-box; }
.form-area textarea.txt-input { width:80%;margin:10px auto; }
.form-area .txt-select { width:100%;background-color:#ffffff;border:1px #cccccc solid;font-size:14px;padding:12px 15px;box-sizing:border-box; }
.form-area .txt-select > select { border:none;background-color:#ffffff;width:100%;box-sizing:border-box;font-size:14px }
.form-area .txt-center { text-align:center; }
.form-area .txt-checkbox { font-size:14px;padding:6px 15px;box-sizing:border-box;width:100%; }
.form-area .txt-checkbox .checkbox { width:30px;float:left; }
.form-area .txt-checkbox .txt { margin-left:30px;font-size:12px; }
.form-area .txt-checkbox .txt a { font-size:14px;line-height:1.3;margin-bottom:5px;display:block;font-weight:bold;color:#313131; }
.form-area .btn-area { margin-top:20px;text-align:center; }
.form-area .btn-area .btn { cursor:pointer;font-size:16px;font-weight:bold;color:#ffffff;background-color:#0daaac;border:none;display:inline-block;text-align:center;padding:8px 30px; }
.form-area .txt-input-invalid { border:1px #ff0000 solid; }


.thank-area { display:none; text-align:center;padding:100px 0px;font-size:22px;color:#515151;background-color:#ffffff; }
.thank-area .t1 { font-size:30px; }
.thank-area .fa { font-size:180px;color:#0daaac; }
.thank-area-show { display:block; }


@media screen and (max-width:1100px) {
  .sec-txt h2 { margin-top:100px; }
}

@media screen and (max-width:800px) {
  body { background-size:cover;background-position:left top; }
  .sec-txt h2 { margin-top:20px; }
  .form-area { margin:40px; }

  .thank-area { margin-top:100px; }
}

@media screen and (max-width:600px) {
  .sec-txt { padding:30px 0px }
  .form-area { margin:0px 20px 40px 20px }
  .form-area .row .col-2 { width:auto;float:none;clear:both; }
  .form-area .row .col-4 { width:50%; }
  .form-area textarea.txt-input { width:95% }

  .thank-area { font-size:14px;padding:100px 0px;margin-top:50px;  }
  .thank-area .t1 { font-size:18px; }
  .thank-area .fa { font-size:80px; }
}

@media screen and (max-width:380px) {
  .thank-area { font-size:12px; }
  .thank-area .t1 { font-size:15px; }
  .thank-area .fa { font-size:60px; }
}

@media screen and (max-width:350px) {
  .thank-area { font-size:11px;padding:70px 0px; }
  .thank-area .t1 { font-size:13px; }
  .thank-area .fa { font-size:60px; }
}