@charset "utf-8";

/***************************************************************************
*
* contact.css
*
***************************************************************************/

#content {
    margin-bottom: 70px;
}

.area-title {
    font-size: 26px;
}

.area1 {
    padding-top: 34px;
}

.area1 .img_contact {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 72px;
}

.area1 .img_contact span {
    width: 320px;
}

.area1 .img_contact .img_left {
    float: left;
}

.area1 .img_contact .img_right {
    float: right;
}

.area2 .tbl_contact {
    width: 100%;
    margin-top: 41px;
    font-weight: bold;
    text-align: center;
}

.area2 .tbl_contact tr td {
    padding: 45px 0;
}

.area2 .tbl_contact tr td:first-child {
    width: 165px;
    padding: 25px 0;
}

.area2 .tbl_contact tr td:last-child {
    text-align: left;
}

.area2 .tbl_contact tr {
    border-top: 1px solid #000;
}

.area2 .tbl_contact tr:last-child {
    border-bottom: 1px solid #000;
}

.area2 .tbl_contact .grp_check {
    padding-bottom: 35px;
}

.area2 .tbl_contact .allField {
    display: inline-block;
    text-align: left;
}

.area2 .tbl_contact .name_field {
    display: block;
    vertical-align: middle;
    padding-top: 25px;
    line-height: 1.78;
}

.area2 .tbl_contact tr td .note {
    padding-top: 5px;
    display: block;
}

.area2 .tbl_contact .list_select {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-top: 7px;
    margin-bottom: 3px;
}

.area2 .tbl_contact .list_select li {
    display: inline-block;
}

.area2 .tbl_contact .list_select li+li {
    margin-left: 28px;
}

.area2 .tbl_contact .list_select li select {
    width: auto;
    display: inline-block;
    min-width: 58px;
}
.area2 .tbl_contact .list_select li .wpcf7-form-control-wrap {
    width: 65px;
    display: inline-block;
}
.area2 .tbl_contact .list_select li span {
    display: inline-block;
}
.area2 .tbl_contact .required_field {
    color: #db4826;
}

.area2 .tbl_contact .full_w {
    border: 1px solid #000;
    width: 100%;
    height: 28px;
    padding-left: 5px;
}

.wpcf7-form-control.wpcf7-textarea.full_w {
    height: auto; /* 高さを200pxに設定 */
    width: 100%; /* 幅を100%に設定 */
}


/*.area2 .tbl_contact .grp_check {
    padding-top: 36px;
}
*/

.area2 .tbl_contact .grp_check label {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.area2 .tbl_contact .grp_check label span {
    padding-left: 5px;
}

.area2 .tbl_contact .grp_check label:nth-child(2n) {
    width: 40%;
    margin-left: 52px;
}

.area2 .tbl_contact .row_input {
    text-align: left;
    margin-bottom: 18px;
}

.area2 .tbl_contact .row_input .name_input {
    padding-bottom: 4px;
    width: 100%;
    text-align: left;
    display: block;
}

.area2 .tbl_contact input[type="text"] {
    border: 1px solid #000;
    padding-left: 10px;
}

.area2 .tbl_contact .row_input textarea {
    resize: none;
    height: 129px;
    margin-top: 2px;
    padding-top: 5px;
    font-family: yumin;
}

.area2 .tbl_contact .space {
    margin-top: 15px;
}
.area2 .tbl_contact .errpostcode {
    padding-top: 5px;
    display: block;
}
.area2 .tbl_contact .row_input textarea.min_height {
    height: 80px;
}

.area2 .tbl_contact .verTop {
    vertical-align: top;
}

.area2 .tbl_contact .row_input select {
    display: block;
    width: auto;
    text-align: center;
    padding: 0 0 4px 18px;
    border: 1px solid #000;
    font-family: yumin;
    font-weight: bold;
}

.area2 .tbl_contact .post_code_field .name_field {
    padding-top: 20px;
}

.area2 .tbl_contact .phone_field .name_field {
    padding-top: 0;
}

.area2 .note_form {
    text-align: center;
    font-size: 18px;
    font-family: yumin;
    font-weight: bold;
    color: #db4826;
    padding-top: 15px;
}

.area2 .note_form br {
    display: none;
}

.area2 .btn_form {
    width: 100%;
    text-align: center;
    margin-top: 17px;
}

.area2 .btn_form input {
    width: 258px;
    text-align: center;
    margin: 0 auto;
    color: #323232;
    font-size: 23px;
    font-weight: bold;
    font-family: yumin;
    background: #fff;
    border: 1px solid #000;
    padding: 3px 0;
}

.area .tbl_contact .title_right {
    display: none;
}

.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

.grp_check .wpcf7-form-control {
    display: block;
}

.grp_check .wpcf7-list-item {
    width: 49%;
    margin-left: 0;
}

.grp_check .wpcf7-list-item:nth-child(2n) {
    width: 40%;
    margin-left: 52px;
}

.wpcf7-form-control span.wpcf7-list-item {
    margin-left: 0;
    width: 240px;
    margin: 2px
}

@media (max-width: 768px) {
    .area-title {
        font-size: 14px;
    }
    .area1 .img_contact span {
        width: 100%;
    }
    .area1 .img_contact span+span {
        margin-top: 15px;
    }
    .area1 .img_contact {
        width: 260px;
        margin: 20px auto 72px;
    }
    .area2 .tbl_contact {
        display: block;
    }
    .area2 .tbl_contact tbody {
        display: block;
    }
    .area2 .tbl_contact tr {
        display: block;
    }
    .area2 .tbl_contact tr td:first-child {
        display: none;
    }
    .area2 .tbl_contact tr td {
        padding: 30px 15px;
        display: block;
    }
    .area2 .tbl_contact tr td  .postal_code input {
        width: 65%;
    }
    .area2 .tbl_contact .list_select .wpcf7-form-control-wrap {
        display: inline-block;
        width:58px; 
    }
    .area2 .tbl_contact .grp_check label {
        width: 100%;
        margin: 5px 0;
    }
    .area2 .tbl_contact .grp_check label:nth-child(2n) {
        width: 100%;
        margin-left: 0;
    }
    .area2 .tbl_contact .row_input textarea {
        height: 100px;
    }
    .area2 .tbl_contact .row_input select {
        padding: 0 0 4px 10px;
    }
    .area2 .tbl_contact .space {
        margin-bottom: 15px;
    }
    .area2 .btn_form input {
        width: 70%;
    }
    .area2 .tbl_contact .list_select li+li {
        margin-left: 15px;
    }
    .area .tbl_contact .title_right {
        display: block;
        padding-bottom: 10px;
    }
    .area .tbl_contact .title_right span {
        color: #db4826;
        margin-left: 15px;
    }
    .area2 .note_form {
        padding-top: 40px;
    }
    .area2 .note_form br {
        display: block;
    }
    .grp_check .wpcf7-list-item {
        width: 100%;
    }
    .grp_check .wpcf7-list-item:nth-child(2n) {
        width: 100%;
        margin-left: 0;
    }
}
5