.present_flows{
    & .vk_flow_frame_text_content{
        color: var(--vk-color-text-body);
        &:empty {
            display: none;
        }
    }
    & .vk_flow_frame{
        align-items: center;
        background: #fff;
    }
    & .vk_flow_frame_text{
        margin-bottom: 0;
    }
    & .vk_flow_frame_text_title{
        border-bottom: none;
        padding-bottom: 0;
        text-align: left;
    }
    & .vk_flow_frame_image{
        background: #e5e5e5;
    }
}

.form_dl,.cf7_has_defaultget {
    display: grid;
    grid-template-columns: minmax(9em, 25%) 1fr;
    gap: 1px 0;
@media (max-width: 782px){
    grid-template-columns: 1fr;
}
    > dt, > dd {
        border-top: solid 1px #e5e5e5;
        padding: .5rem;
    }

    > dt {
        margin-bottom: 0;
        display: grid;
        place-items: center;
        background: #e5e5e5;
    }
}
.form_dl{
    & textarea[name="address"]{
        height: 4rem;
    }
    & .wpcf7-form-control-wrap{
        &:last-child{
            & .wpcf7-form-control {
                margin-bottom: 0;
            }
        }
    }
    >dd:has(.wpcf7-validates-as-required){
        &:before{
            content: "【必須】";
            display: block;
            color: #c00;
            font-size: .8rem;
        }
    }
    & .note{
        font-size: .85rem;
    }
}

.wpcf7{
    & .button_area{
        display: flex;
        justify-content: center;
        gap: .5rem;
        flex-wrap: wrap;
        position: relative;
        & .wpcf7-form-control{
            padding-left: 3em;
            padding-right: 3em;
            min-width: 33.33%;
        }
        & .wpcf7-spinner{
            position: absolute;
            right: 0;
            top: 0;
        }
    }
}
.wpcf7-not-valid-tip{
    font-weight: bold;
}

.wpcf7-form{
    position: relative;
    &.sent{
        & .form_dl{
            /*display: none;*/
        }
        & .wpcf7-response-output{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            min-height: 100%;
            display: grid;
            place-items: center;
            background: rgba(240,240,240, 0.95);
            padding-top: 1rem;
            padding-bottom: 1rem;
            margin: 0;
        }
    }
}
.cf7_showroom_schedule{
    display: none;
}
.cf7_has_defaultget{
    grid-column: 1/-1;
    &:has(input[value=""]),&:has(textarea:placeholder-shown){
        display: none !important;
    }
    input[type="text"]{
        border: none;
        pointer-events: none;
    }
    textarea{
        field-sizing: content;
        border: none;
        pointer-events: none;
        line-height: 1.4;
    }
}
.cf7_turnstile_area{
    margin-top: 2rem;
    text-align: center;
}