.section {
    position: relative;
    overflow: hidden
}

.section .pc {
    display: none;
}

.section {
    background-color: #060511;
    color: #fff;
}

.section .content {
    margin-bottom: 5rem;
}

.section_video .video_area {
    padding: 0;
}

.section_video video {
    /* position: absolute; */
    width: 100%;
    /* top: 0; */
}

.overview_d5 .section_banner {
    background: linear-gradient(to bottom, #4f4f4f 10%, #ffffff 100%);
    padding: 8rem 0;
}

.overview_d5 .section_banner .case {
    width: 80%;
    margin: 0 auto;
}

.overview_d5 .section_banner .logo {
    width: 65%;
    margin: 0 auto;
}

.overview_d5 .section03 .row img {
    width: 57%;
    margin: 2rem auto;
}

.overview_d5 .section06 .btn {
    display: inline-block;
    color: #fff;
    background-color: #47438d;
    padding: 0.8rem 1.6rem;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 2rem;
    margin: 2rem 0 3rem;
}

@media (max-width: 992px) {
    .section .mobile,
    .product_spec .mobile {
        display: block;
    }
    .section .pc {
        display: none;
    }
}

@media (min-width: 992px) {
    .absolute {
        position: absolute;
    }
    .section .pc {
        display: block;
        position: relative
    }
    .section .mobile {
        display: none
    }
    .section .content {
        margin-bottom: 0
    }
    .product_overview .scroll_active .product_img {
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .section.scroll_active .logo,
    .section.scroll_active .list_title {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }
    .section.scroll_active .icon {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }
    .section .content,
    .section .pc .product_img {
        position: absolute;
    }
    .section .content,
    .section .pc .product_img,
    {
        margin-bottom: 0;
    }
    .overview_d5 .section .content .span {
        font-size: 1.5rem;
    }
    .overview_d5 .section_banner {
        padding: 0;
    }
    .overview_d5 .section_banner .case {
        width: 50%;
        left: 5%;
        bottom: 0;
    }
    .overview_d5 .section_banner .logo {
        width: 20%;
        right: 11%;
        top: 40%;
    }
    .overview_d5 .section02 .content {
        width: 35%;
        right: 11%;
        top: 40%;
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;
    }
    .overview_d5 .section03 .content {
        width: 40%;
        left: 5%;
        top: 10%;
    }
    .overview_d5 .section03 .icon,
    .overview_d5 .section04 .icon,
    .overview_d5 .section06 .fan {
        -ms-transform: translate3d(0, 80px, 0);
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
        -webkit-transition: 1.8s;
        transition: 1.8s;
    }
    .overview_d5 .scroll_active .icon,
    .overview_d5 .scroll_active .fan {
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .overview_d5 .scroll_active .icon,
    .overview_d5 .scroll_active .fan {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .overview_d5 .section03 .content img {
        width: 100%;
    }
    .overview_d5 .section03 .span {
        right: 3%;
        bottom: 2%;
        width: 28%;
        font-size: 1.5rem;
    }
    .overview_d5 .section04 {
        background: linear-gradient(to bottom, #000825 10%, #012641 100%);
    }
    .overview_d5 .section04 .case {
        top: 10%;
        right: 5%;
        width: 37%;
    }
    .overview_d5 .section04 .content {
        top: 5%;
        left: 5%;
        width: 45%;
    }
    .overview_d5 .section04 .capacity {
        width: 32%;
    }
    .overview_d5 .section05 {
        background: linear-gradient(to bottom, #012641 10%, #000825 100%);
        /* padding: 8rem 0; */
    }
    .overview_d5 .section05 .case {
        top: 10%;
        left: 2%;
        width: 57%;
    }
    .overview_d5 .section05 .content {
        top: 26%;
        right: 8%;
        width: 30%;
    }
    .overview_d5 .section06 .case {
        bottom: 0;
        right: 11%;
        width: 33%;
    }
    .overview_d5 .section06 .content {
        bottom: 0%;
        left: 8%;
        width: 41%;
    }
    .overview_d5 .section06 .fan {
        width: 30%;
        bottom: 0;
        left: 5%;
    }
    .overview_d5 .section06 .btn {
        display: inline-block;
        color: #fff;
        background-color: #47438d;
        padding: .8rem 1.6rem;
        font-weight: 500;
        letter-spacing: .5px;
        font-size: 2rem;
        margin: 0rem 0 1rem;
    }
    .overview_d5 .section06 .btn:hover {
        color: #fff;
        background-color: #333;
    }
    .overview_d5 .section07 .block_0,
    .overview_d5 .section07 .block_1,
    .overview_d5 .section07 .block_2,
    .overview_d5 .section07 .block_3 {
        position: relative;
    }
    .overview_d5 .section07 .content_title {
        right: 0;
        left: 0;
        top: 0%;
        z-index: 99;
    }
    .overview_d5 .section07 .block_0 .content,
    .overview_d5 .section07 .block_1 .content,
    .overview_d5 .section07 .block_2 .content,
    .overview_d5 .section07 .block_3 .content {
        width: 60%;
        bottom: 3%;
        right: 0;
        left: 0;
    }
}

@media (min-width: 1450px) {
    .overview_d5 .section03 .content {
        width: 40%;
        left: 5%;
        top: 19%;
    }
    .overview_d5 .section04 .content {
        top: 12%;
        left: 5%;
        width: 45%;
    }
    .overview_d5 .section05 .content {
        top: 35%;
        right: 8%;
        width: 30%;
    }
    .overview_d5 .section06 .content {
        top: 18%;
        left: 8%;
        width: 41%;
    }
    .overview_d5 .section06 .btn {
        margin: 6rem 0 2rem;
    }
    .overview_d5 .section06 .fan {
        width: 30%;
    }
}

@media (min-width: 1600px) {
    .overview_d5 .section03 .content {
        width: 40%;
        left: 5%;
        top: 21%;
    }
    .overview_d5 .section03 .span {
        right: 2%;
        bottom: 5%;
        font-size: 1.6rem;
    }
    .overview_d5 .section04 .content {
        top: 15%;
        left: 5%;
        width: 44%;
    }
    .overview_d5 .section05 .content {
        top: 35%;
        right: 8%;
        width: 30%;
    }
    .overview_d5 .section06 .content {
        top: 29%;
        left: 8%;
        width: 41%;
    }
    .overview_d5 .section06 .fan {
        width: 35%;
    }
}