/* inquiry */

.wpcf7 {
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 40px;
}

input {
    display: inherit;
}

.reservation-form-list__title--required::after,
.reservation-form-list__title--any::after {
    position: inherit;
    margin-left: 1em;
}

.reservation-form-list__input-area,
.reservation-form-list__textarea {
    padding: 0.7rem;
}

.reservation-form-list__input-area[name="full-name"],
.reservation-form-list__input-area[name="tel"] {
    width: 70%;
}

.reservation-submit-btn {
    max-width: 300px;
    margin: 0 auto;
    padding: 1rem 0;
}

/* inquiry-thanks */
.page-inquiry-thanks {

    .contents {
        padding-top: 56px;
        padding-bottom: 48px;
    }

    .section-inner {
        max-width: 800px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 0 20px;
    }

    h1 {
        font-size: 28px;
        font-weight: 700;
        text-align: center;
    }

    .text-area p {
        font-size: 16px;
        line-height: 1.6;
    }

    .text-area p+p {
        margin-top: 0.5em;
    }

    .button-area {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex-direction: column;
    }

    .button-area-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 30px;
        border: 2px solid #333;
        text-decoration: none;
        border-radius: 100vw;
        font-size: 16px;
        line-height: 2;
        font-weight: 700;

        &.--home::before {
            content: "←";
            margin-right: 20px;
        }

        &.--line {
            color: #00C300;
            border-color: #00C300;
        }

        &.--line::before {
            content: "";
            display: inline-block;
            width: 30px;
            height: 30px;
            margin-right: 20px;
            background-image: url("../images/fixed/line.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}

@media screen and (min-width: 700px) {

    /* inquiry */
    .reservation-form-list__input-area,
    .reservation-form-list__textarea {
        font-size: 18px;
        height: auto;
    }


    /* inquiry-thanks */
    .page-inquiry-thanks {

        .contents {
            padding-top: 64px;
            padding-bottom: 160px;
        }

        h1 br {
            display: none;
        }

        .text-area p {
            text-align: center;
            line-height: 2;
        }

        .button-area {
            flex-direction: row;
            gap: 40px;
        }

    }
}