@charset "UTF-8";
/* form
----------------------------------------------- */
.formbox {margin: 0 auto; }
.formbox table {width: 100%;}
.formbox .mailformproTable th{display: block;width: 100%;font-size: 3.6vw;padding: 0;margin: 6% 0 4%;}
.formbox .mailformproTable td{display: block;width: 100%;padding: 0;font-size: 3.4vw;}
#mfp_buttons{width: 100%!important;}
.formbox textarea.w100 {width:100% !important;height: 150px !important;border: 1px solid #ddd;}
input[type="submit"] {background:none;border:none;font-size: 4vw;color: #fff;line-height: 2.4;font-weight: bold;font-style: normal;}
form#mailformpro input.time-box { margin-bottom:2%; width: 49% !important;vertical-align: middle;}

.formbox ul.select li {width: 100%;}
.formbox ul.select li:first-child { margin-bottom: 2%;}

.formbox .contact-att {font-size: 88%;background: #f5f5f5;padding: 4%;width: 100%;}
.formbox .contact-att span.bold { display: block; font-weight: bold; }
.formbox .contact-att span.red {font-weight: bold;padding: 1px 2px;}
.formbox .contact-att-voice{margin-top: 3%;}
.privacy-in{padding: 0;border: 1px solid #eee;border-radius:5px;margin: 10px auto;}
.privacy-in iframe { width:100%;}

.submit {margin: 10% auto;color: #fff;display: block;position: relative;width: 100%;text-align: center;height: 64px;padding: 1px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;font-size: 4vw;font-feature-settings: "palt";letter-spacing: .04em;font-weight: 600;background: #000;}
.submit:after {content: "\f105";font-family: 'icon';color: #fff;position: absolute;right: 16px;top: calc(50% - 20px);font-size: 5vw;line-height: 1.8;}
form#mailformpro .submit input{font-size: 4vw;cursor: pointer;}
form#mailformpro .submit:hover{opacity: 0.8;}
.formbox td.checkbox-items li{width:100%;margin-bottom: 2vw;}
form#mailformpro td.checkbox-items li input{display:inline-block;width: 20px;margin-bottom: 4px;}
.formbox .more{text-decoration:underline;font-weight:bold;}

@media screen and (min-width: 736px) {
.formbox { margin-top: 50px;}
.formbox .mailformproTable th,.formbox .mailformproTable td{display: table-cell;padding: 14px;font-size: 14px;}
.formbox .mailformproTable th{width: 28%;font-size: 15px;}
.formbox ul.select {display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.formbox ul.select li {list-style: none;width: 49%;}
.formbox ul.select li:first-child { margin-bottom:0;}
input[type="submit"] { font-size:16px; }
.formbox .mailformproTable td.flex{ display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.formbox .contact-att {padding: 16px;}
.formbox .contact-att-voice{margin-top: 12px;}
.submit {width: 400px;font-size: 17px;margin: 30px auto 20px;}
.submit:after {font-size: 20px;}
form#mailformpro .submit input{font-size: 16px;}
.mailformproTable input{width:100%;}
.formbox td.checkbox-items li{display:inline-block;width: auto;margin: 0 20px 0 0;}
}