.main-component {
    background-color: #FCFCFD;
    flex: 1 1 100%;
    max-height: calc(calc(var(--vh, 1vh) * 100) - 93px);
    min-height: calc(calc(var(--vh, 1vh) * 100) - 493px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px 2.5641025641vw 80px;
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 960px) {
    .main-component {
        flex: 1 1 70%;
        max-height: calc(calc(var(--vh, 1vh) * 100) - 90px);
        min-height: calc(calc(var(--vh, 1vh) * 100) - 213px);
        padding: 80px 2.5641025641vw;
    }
}

.main-component.-progress {
    max-height: calc(calc(var(--vh, 1vh) * 100) - 153px);
    min-height: calc(calc(var(--vh, 1vh) * 100) - 553px);
}

@media screen and (min-width: 960px) {
    .main-component.-progress {
        max-height: calc(calc(var(--vh, 1vh) * 100) - 244px);
        min-height: calc(calc(var(--vh, 1vh) * 100) - 367px);
    }
}

.main-component.-bgChange {
    background: #F8F9FD;
}

.main-component>.body {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1156px;
    padding-top: 40px;
}