.page_contact_area .modal {
    top: -24.75rem;
    width: 58.125rem;
    height: 23.5rem;
    align-items: normal;
}

    .page_contact_area .modal dl {
        /* 追加 */
        padding: 1rem;
    }

/* 追加  */
@media screen and (max-width: 767px) {
    .page_contact_area .modal.on {
        /*display: flex; */
        flex-direction: column;
    }

    .page_contact_area .modal {
        top: auto;
        width: 100%;
        height: auto;
    }
}