.about_park {
    padding: 0 !important;
}

.block_nav {
}

.page-container {
    width: 83.33vw;
    margin: 0 auto;
    min-height: 600px;
    background: #fff;
}

.top_banner {
}

.top_banner .banner_title {
    position: absolute;
    top: 16vw;
    left: 13vw;
}

.top_banner .banner_title .big_title {
    font-size: 3.91vw;
    font-weight: bold;
    letter-spacing: 1vw;
}

.top_banner .banner_title .small_title {
    font-size: 1.3vw;
    line-height: 2em;
    letter-spacing: 0.5vw;
}

.top_banner .banner_title_mobile {
    position: absolute;
    top: 16vw;
    left: 6vw;
}

.top_banner .banner_title_mobile .big_title {
    font-size: 8vw;
    font-weight: bold;
    letter-spacing: 1vw;
    position: relative;
}

.top_banner .banner_title_mobile .small_title {
    font-size: 3vw;
    line-height: 2.2em;
    letter-spacing: 0.5vw;
}

.sale-list {

}

.sale-list li {
    margin-bottom: 9.3vw;
}

.sale-list img {
    width: 100%;
}

.sale-list .sale-info {
    border-right: 1px solid #bec2c4;
    border-bottom: 1px solid #bec2c4;
    border-left: 1px solid #bec2c4;
    background: white;
    padding: 5.58vw;
    box-sizing: border-box;
}


.sale-list h1 {
    font-size: var(--font-size-16);
    font-weight: bold;
}

.sale-list .sale-status {
    display: flex;
    justify-content: space-between;
    padding-top: 2vw;
    font-size: var(--font-size-13);
}

.project-status {
    width: 18vw;
    height: 7vw;
    line-height: 7vw;
    border-radius: 5.8vw;
    font-size: var(--font-size-14);
    text-align: center;
    color: white;
    font-weight: bold;
}

.status-doing {
    background: #d52738;
}

.status-close {
    background: #bec2c4;
}

.sale-list a:active .sale-info,
.sale-list a:hover .sale-info {
    cursor: pointer;
    background: var(--danger-color);
    color: white;
}

.sale-list a:active .project-status,
.sale-list a:hover .project-status {
    background: white !important;
    color: var(--danger-color) !important;
}

@media (min-width: 992px) {
    .page-container {
        padding: 0;
    }

    .sale-list {
        width: 75vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .sale-list > li {
        width: 36vw;
        margin-bottom: 2.67vw;
    }

    .sale-list .sale-info {
        padding: 2vw;
    }

    .sale-list h1 {
        font-size: var(--font-size-22);
    }

    .sale-list .sale-status {
        font-size: var(--font-size-16);
    }

    .project-status {
        width: 6.6vw;
        height: 2.6vw;
        line-height: 2.6vw;
        border-radius: 2.6vw;
    }

    .through-cut-line {
        width: 75vw;
        margin: 3vw auto 0 auto;
    }

    .pagination {
        margin-bottom: 6vw;
    }
}