.scroll-manager {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    overflow: hidden;
}

.history-wrapper {
    width: 100%;
    overflow: hidden;
    cursor: grab;
}

.history-wrapper:active {
    cursor: grabbing;
}

.history-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 60px;
    will-change: transform;
    padding: 20px 0  20px 0;
    box-sizing: border-box;
    transition: transform 0.2s ease-out;
}
.history-item {
    flex: 0 0 auto;
    /*width: 59.375vw;*/
    width: 100vw;
    max-width: 96%;
    padding: 0 20.3125vw;
    scroll-snap-align: start;
}

.history-item .flex-col {
   justify-content: center;
}
.about-doc {
    flex-wrap: wrap;
}
.about-doc .program {
    width: calc(50% - 0.8333vw); /* 16px -> 16/1920*100 */
}
.about-main-image {
    width: 100%;
    max-width: 100%;
    height: 31.25vw; /* 600px -> 600/1920*100 */
    margin-top: -5.2083vw; /* -100px -> -100/1920*100 */
}
.about-ttl {
    z-index: 3;
}
.video-about {
    padding: 3.4115vw 6.6406vw; /* 65.5px 127.5px */
    margin: 6.25vw 0; /* 120px 0 */
}
.video-about .video__element {
    margin: 0;
}
.text1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    font-width: 500;
}
.text1 span {
    color: var(--orange);
}
.text2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}
.history {
    gap: 4.1667vw; /* 80px -> 80/1920*100 */
}
.history-title {
    margin: 1.25vw 0 4.1667vw; /* 24px 0 80px */
}

.priz_desc {
    width: 100%;
}
.priz-item {
    width: 50%;
}
.priz_desc:nth-child(2) {
    justify-content: flex-end;
}
.org-content {
    line-height: 140%;
}
.info-row {
    gap: 2.5vw 1.25vw;
}
.gap20 {
    gap: 1.0417vw;
}
@media (max-width: 1100px) {
    .history-item {
     padding: 0 2.9091vw;
    }
}
@media (max-width: 680px) {
     .about-row {
         width:100%
     }
    .history-title {
        margin: 20px 0 40px;
     }
    .orange.winner  {
      margin-bottom: 16px;
    }
    .history .content, .priz-item .content {
        font-size: 18px;  /*4vw */
    }
   
    .info-row {
        gap: 48px 24px;
    }
    .gap20 {
        gap: 20px;
    }
    .about-main-image {
        height: 250px;
    }
    .video-about {
        padding: 4vw;
        margin: 10vw 0;
    }
    .text1, .text2 {
        position: relative;
        width: 80%;
    }
    .text2 {
        text-align: right;
        float: right;
    }
    .h4 {
        letter-spacing: -0.156vw;
    }
    .video-about .video__element {
        margin: -6vw 0;
    }
    .history, .priz-item .gap24 {
        flex-direction: column;
    }
    .priz-item {
        width: 100%;
    }
    .priz-item img {
        width: 100%;
        height: auto;
    }
    .about-doc {
        gap: 4vw;
    }
    .about-doc .program {
        width: 100%;
    }
    .column br {
        display: none;
    }
}