.banner-wrap>td {
    position: relative;
}

.of_site,
.om_site {
    display: block;
    position: absolute;
    z-index: 2;
    height: 12%;
    top: 42%;
}
.of_site {
    width: 46%;
    right: 12%;
}
.om_site {
    width: 40%;
    right: 14%;
}

.of_Document,
.om_Document {
    display: block;
    position: absolute;
    z-index: 2;
    height: 18%;
    bottom: 21%;
    width: 46%;
    right: 11%;
}

.pr_banner {
    width: 840px;
}

@media screen and (max-width: 960px) {
    .pr_banner {
        width: 100%;
    }
    .pr_banner tr {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
    }
    .pr_banner td {
        flex-basis: 100%;
    }
    .pr_banner td:not(:last-child) {
        margin-bottom: 10px;
    }
    .pr_banner td img {
        max-width: 100%;
    }
}