.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner_area {
    position: relative;
}

.banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url('../images/banner_BG_bottom.gif') center bottom no-repeat,
                url('../images/banner_BG_top.gif') center top no-repeat; */
    background-size: 100% auto;
}

.title {
    width: 35%;
    margin-bottom: 50px;
}

.banner_left {
    position: absolute;
    top: 10%;
    left: 0;
    width: 25%; 
}

.banner_right {
    position: absolute;
    bottom: 22%;
    right: 0;
    width: 25%;
}

@media screen and (max-width: 1024px) {
    .banner_area {
        width: 160%;
        margin: 0 -30%;
    }

    .title {
        width: 40%;
        margin-bottom: 10px;
    }

    .banner_left {
        left: 12.5%;
        width: 20%;
    }
    
    .banner_right {
        right: 12.5%;
        width: 20%;
    }
}