@charset "UTF-8";

.formbox { width:100%; margin-bottom: 10vw; }
.formintor { margin: 0 auto 5vw; text-align:justify; text-justify:inter-ideograph; }
.formintor p { margin: 0 auto 3vw; }

/* form
----------------------------------------------- */
form#mailformpro .form-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
form#mailformpro .form-flex li { width: 49%; margin: 0 0 2%; }
form#mailformpro .form-flex li:nth-child(3) { width: 100%; }
form#mailformpro .form-flex li.address-detail { width: 100%; }

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {

/* form
----------------------------------------------- */
.formbox { margin: 0 auto 30px; }
.formintor { margin: 0px auto 80px; }
.formintor p { margin: 0 auto 10px; font-size: 15px; }
form#mailformpro .form-flex li,form#mailformpro .form-flex li:nth-child(3),form#mailformpro .form-flex .list-other { width: calc(100% / 3 - 5px); }
form#mailformpro .mailadd .form-flex { justify-content: flex-start; -webkit-justify-content: flex-start; gap: 0 10px; }
form#mailformpro .mailadd .form-flex li { width: 49%; }
form#mailformpro .mailadd .form-flex li input,form#mailformpro .mailadd .form-flex li select { width: 100%; }

/* thanks
----------------------------------------------- */
.thanks-btn { margin: 0; }
}

@media screen and (min-width: 900px) {
form#mailformpro dl dt { width: 26%; display: inline-block; }
form#mailformpro dl dd { width: 68%; display: inline-block; }
}