.ecology-page {
    padding-bottom: calc(var(--ratio-size) * 150);
}

.main-content {
    width: calc(var(--ratio-size) * 1600);
    margin: 0 auto;
    margin-top: calc(var(--ratio-size) * 100);
}

.part-one {
    position: relative;
    z-index: 3;
}

.part-one img {
    width: calc(var(--ratio-size) * 1400);
    margin: 0 auto;
}

.part-two {
    position: relative;
    z-index: 2;
    margin-top: calc(var(--ratio-size) * -43);
}

.part-two .arrow-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(70%);
    width: 100%;
}

.part-two .arrow-area {
    position: relative;
    margin-top: calc(var(--ratio-size) * 30);
}

.part-two .arrow-area .arrow-pic {
    /* --offset-xPercent: -80%; */
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translateY(var(--offset-xPercent)); */
    z-index: 3;
}

.part-three {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--ratio-size) * 30);
}

.part-three .part-three-2 {
    width: calc(var(--ratio-size) * 1362);
    margin: 0 auto;
}

.part-three .part-three-4 {
    width: calc(var(--ratio-size) * 1400);
    margin: 0 auto;
    margin-top: calc(var(--ratio-size) * -40);
}

.mobile-pic {
    display: none;
}