.subpage {
    .inquiry_thx {
        &_text {
            @include mq() {
                width: 90%;
                margin: auto;
                text-align: justify !important;
            }
            strong {
                font-size: $font-size-default * 1.35;
                font-weight: normal;
                line-height: 2.4;

                @include mq() {
                    display: block;
                    margin-bottom: .5em;
                    line-height: 1.75;
                    text-align: center;
                }
            }
        }
    }
    .inquiry_form {
        width: 90%;
        max-width: 560px;
        margin-top: $margin-default * 1.5;
        margin-right: auto;
        margin-left: auto;

        & > div {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            & + div {
                margin-top: $margin-default * .5;
            }
            .form_half {
                width: 49%;
            }
            &._required, .form_half._required, .tel_input {
                &._error {
                    position: relative;
                    select, input[type='text'], input[type='email'], textarea {
                        border: 2px solid $color-red-error;
                    }
                    &::after {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        font-size: $font-size-default * .75;
                        content: attr(data-error);
                        transform: translateY(100%);
                        color: $color-red-error;
                    }
                    input[type='checkbox'] {
                        border-color: $color-red-error !important;
                    }
                }
            }
            .tel_input {
                &._error {
                    ~ p {
                        display: none;
                        width: 100%;
                        margin: 0;
                        &::after {
                            font-size: $font-size-default * .75;
                            content: attr(data-error);
                            color: $color-red-error;
                        }
                    }
                }
                &.tel1._error {
                    ~ .tel_error1 {
                        display: block;
                    }
                }
                &.tel2._error {
                    ~ .tel_error2 {
                        display: block;
                    }
                }
                &.tel3._error {
                    ~ .tel_error3 {
                        display: block;
                    }
                }
            }

            &.form_policy._error::after {
                display: block;
                width: 100%;
                text-align: center;
            }
        }
        label {
            width: 100%;
            margin-bottom: .75em;
            font-weight: $font-weight-bold;
            line-height: 1;
        }
        ._required > label {
            &::after {
                margin-left: .75em;
                padding: 0 .25em;
                font-size: $font-size-default * .75;
                font-weight: normal;
                content: '必須';
                color: var(--main-color);
                border: 1px solid;
            }
        }
        select, input[type='text'], input[type='email'], textarea {
            box-sizing: border-box;
            width: 100%;
            padding: .75em 1.25em;
            font-size: $font-size-default;
            //transition: $transition-default;
            border: 2px solid $color-grey-light;
            border-radius: 5px;
            background-color: $color-grey-light;
            &::placeholder {
                color: #b3b3b3;
            }
            &:focus {
                border: 2px solid #ccc;
            }
        }
        .form_genre {
            .genre_wrapper {
                position: relative;
                display: block;
                width: 100%;
                &::after {
                    position: absolute;
                    top: 3px;
                    right: 1em;
                    bottom: 0;
                    display: block;
                    width: 0;
                    height: 0;
                    margin: auto;
                    content: '';
                    border: 5px solid transparent;
                    border-top-color: #101010;
                }
            }
        }
        .form_name, .form_kana {
            input {
                width: 100%;
            }
        }
        .form_tel {
            align-items: center;
            justify-content: flex-start;
            span {
                position: relative;
                display: flex;
                align-items: center;
                width: 24%;

                @include mq() {
                    width: 30%;
                }
                &:last-of-type::after {
                    content: none;
                }
            }
            div {
                width: 16px;
                height: 1px;
                margin: 0 8px;
                content: '';
                background-color: $color-black;
            }
            input {
                text-align: center;
            }
        }
        .form_mail {
            span {
                display: block;
                margin-top: $margin-default * .5;
                margin-bottom: 1em;
                font-size: $font-size-small;
                line-height: 1;
            }
        }
        .form_content {
            textarea {
                height: 250px;
            }
        }
        .form_policy {
            .div_policy {
                display: block;
                overflow-y: scroll;
                width: 100%;
                height: 330px;
                padding: 0 2em;
                font-size: $font-size-small;
                border: 1px solid #999;
                p {
                    @include mq() {
                        font-size: 3.5vw;
                    }
                }
            }
            .policy_check {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                width: 100%;
                margin-top: $margin-default * .5;
                span {
                    display: block;
                    width: 100%;
                    margin-bottom: $margin-default * .5;
                    text-align: center;
                }
                input[type='checkbox'] {
                    display: flex;
                    align-items: center;
                    width: 1em;
                    height: 1em;
                    border: 2px solid #999;
                    &:checked::before {
                        content: '✔';
                    }
                }
                label {
                    width: auto;
                }
            }
        }
        .form_confirm {
            display: flex;
            justify-content: center;
            margin-bottom: $margin-default;
            .confirm_button {
                color: inherit;
            }
            &.form_conversion {
                justify-content: space-between;
                width: 80%;
                margin-right: auto;
                margin-left: auto;

                @include mq() {
                    align-items: center;
                    flex-direction: column;
                }
                ._button-main {
                    width: 45%;

                    @include mq() {
                        width: 70%;
                    }
                }
                ._button-return {
                    flex-direction: row-reverse;
                    justify-content: flex-end;
                    background: #999;
                    &::before {
                        right: auto;
                        left: 2.5em;
                        transform: rotate(135deg);
                    }
                    &:hover {
                        background: #b9b9b9;
                    }
                }
            }
        }
    }
}

.thx_form {
    .more_button {
        position: relative;
        right: auto;
        bottom: auto;
        transform: none;

        @include mq() {
            width: 60%;
        }
    }
}

#Sections_0__Fields_2_error{
    bottom: 0;
    left: 51%;
    position: static;
}

#Sections_0__Fields_4_error{
    bottom: 0;
    left: 51%;
    position: static;

}

#Sections_0__Fields_1_error, #Sections_0__Fields_3_error{
    width: 51%;
}

#Sections_0__Fields_2_error, #Sections_0__Fields_4_error{
    width: 49%;
}



#Sections_0__Fields_7_error,
#Sections_0__Fields_8_error,
#Sections_0__Fields_9_error {
    width: 100%;
}
#Sections_0__Fields_10_error {
    margin-top: 4px;
}