.mouse-pos-list-btn.active,
.mouse-pos-list-span.active {
    width: clamp(12.75em, 5.5vw, 5em);
    height: clamp(12.75em, 5.5vw, 5em);
    transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1)
}

.mouse-pos-list-btn.active-big,
.mouse-pos-list-span.active-big {
    width: calc(clamp(3.75em, 5.5vw, 5em) * 1.66);
    height: calc(clamp(3.75em, 5.5vw, 5em) * 1.66);
    transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1)
}

.mouse-pos-list-btn.active-big.hover,
.mouse-pos-list-span.active-big.hover {
    width: calc(clamp(3.75em, 5.5vw, 5em) * 1.45);
    height: calc(clamp(3.75em, 5.5vw, 5em) * 1.45)
}

.mouse-pos-list-btn.active.pressed,
.mouse-pos-list-span.active.pressed {
    height: calc(clamp(3.75em, 5.5vw, 8em) * 1.4);
    width: calc(clamp(3.75em, 5.5vw, 8em) * 1.4)
}

.mouse-pos-list-btn.active-big.pressed,
.mouse-pos-list-span.active-big.pressed {
    height: calc(clamp(3.75em, 5.5vw, 8em) * 2);
    width: calc(clamp(3.75em, 5.5vw, 8em) * 2)
}

.mouse-pos-list-btn,
.mouse-pos-list-span {
    z-index: 9999999
}

.mouse-pos-list-span .jt {
    margin: 0 0 0 15px;
    width: 14px;
    position: relative;
    top: -40px;
    left: 2px
}

.mouse-pos-list-span p {
    text-transform: capitalize;
    position: relative;
    left: 10px;
    top: 5px
}

.section1 .wrap {
    padding: 15vw 5.625vw 2.70833vw 4.16667vw
}

.section1 .wrap .top {
    display: flex;
    justify-content: space-between
}

.section1 .wrap .top .left {
    display: flex
}

.section1 .wrap .top .left .title {
    color: #000;
    font-size: 5vw;
    font-weight: 400;
    font-family: "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue";
    line-height: 0.9;
    font-weight: 600;
    text-transform: uppercase
}

.section1 .wrap .top .left .title span {
    position: relative
}

.section1 .wrap .top .left .title span:after {
    content: '';
    display: block;
    background: #C9FF85;
    position: absolute;
    left: 0;
    bottom: .78125vw;
    height: 40%;
    width: 16.40625vw;
    opacity: .8;
    z-index: -1
}

.section1 .wrap .top .left .circle {
    width: 17.91667vw;
    height: 17.91667vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.40625vw 0 0 9.63542vw;
    position: relative
}

.section1 .wrap .top .left .circle .small_svg {
    position: absolute;
    width: 1.25vw;
    height: 1.25vw;
    top: 50%;
    left: 49.5%;
    transform: translate(-50%, -50%) rotate(-96deg)
}

.section1 .wrap .top .left .circle .small_svg .path-loop {
    stroke-dashoffset: 157px;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    transition: 0.4s linear
}

.section1 .wrap .top .left .circle .big_svg {
    position: absolute;
    width: 122%;
    height: 122%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section1 .wrap .top .left .circle .big_svg .path-loop {
    stroke-dashoffset: 157px;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 0.1px;
    transition: 0.4s linear
}

.section1 .wrap .top .left .circle:after {
    content: '';
    position: absolute;
    width: 27.8125vw;
    height: .05208vw;
    left: -19.47917vw;
    background: #000;
    clip-path: inset(0 100% 0 0);
    transition: .6s linear
}

.section1 .wrap .top .left .circle.on:after {
    clip-path: inset(0 0 0 0)
}

.section1 .wrap .top .left .circle.on .small_svg .path-loop {
    stroke-dashoffset: 19px;
    transition-delay: 0.6s
}

.section1 .wrap .top .left .circle.on .big_svg .path-loop {
    stroke-dashoffset: 18px;
    transition-delay: 1s
}

.section1 .wrap .top .right {
    color: #000;
    text-align: right;
    font-size: 5vw;
    text-transform: capitalize;
    margin: 6.66667vw 0 0 0;
    font-family: "PingFang SC", "Calibri", "opensans", "GothicArial", "Arial", "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue";
    line-height: 0.9;
    font-weight: 600
}

.section1 .wrap .chose {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 2.1875vw 0 0 0;
    position: relative;
    z-index: 10
}

.section1 .wrap .chose .item {
    width: 25%;
    position: relative;
    margin: 0 15px;
    cursor: pointer;
    z-index: 100
}

.section1 .wrap .chose .item .d1 {
    padding: 1.2vw 25px;
    border: 1px solid #000;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: .9vw
}

.section1 .wrap .chose .item .d1 .p1 {
    color: rgba(0, 0, 0, 0.4)
}

.section1 .wrap .chose .item .d1 .p2 {
    color: #000
}

.section1 .wrap .chose .item .d1 .icon {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%)
}

.section1 .wrap .chose .item .d2 {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    font-size: .8vw
}

.section1 .wrap .chose .item .d2 p {
    padding: 15px;
    background-color: #000;
    color: white;
    transition: all 600ms
}

.section1 .wrap .chose .item .d2 p:hover {
    background-color: #fff;
    color: #000
}

.section2 {
    overflow: hidden
}

.section2 .content .item {
    border-bottom: .05208vw solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    padding: 4.16667vw 0 4.16667vw 4.47917vw;
    position: relative;
    transition: all 600ms
}

.section2 .content .item .position_img {
    position: absolute;
    height: 100%;
    width: 25.78125vw;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .7s
}

.section2 .content .item .position_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section2 .content .item:first-child {
    border-top: .05208vw solid rgba(0, 0, 0, 0.2)
}

.section2 .content .item .date {
    color: #000;
    font-size: 1.04167vw;
    font-weight: 300;
    margin: 0 10.15625vw 0 0;
    transition: .6s
}

.section2 .content .item .text {
    width: 45.57292vw
}

.section2 .content .item .text h1 {
    color: #000;
    font-size: 1.875vw;
    font-weight: 600;
    margin: 0 0 .98958vw;
    transition: .6s
}

.section2 .content .item .text p {
    color: #000;
    font-size: .9375vw;
    font-weight: 300;
    transition: .6s
}

.section2 .content .item .position_circle {
    width: 17.29167vw;
    height: 17.29167vw;
    border-radius: 50%;
    background: #C9FF85;
    padding: 8.64583vw 5.88542vw 0 4.73958vw;
    position: absolute;
    right: 21.875vw;
    top: -.41667vw;
    text-align: center;
    opacity: 0;
    transition: .7s;
    display: none
}

.section2 .content .item .position_circle p {
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    text-transform: capitalize
}

.section2 .content .item .position_circle img {
    position: absolute;
    width: .78125vw;
    top: 5vw;
    right: 4.375vw
}

.section2 .content .item:hover .position_circle {
    opacity: 1
}

.section2 .content .item:hover .position_img {
    opacity: 1
}

.section2 .pagination {
    margin: 5.41667vw 0 9.375vw 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.section2 .pagination a {
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.04167vw;
    font-weight: 300;
    transition: all 600ms;
    display: block;
    width: 40px;
    text-align: center;
    line-height: 40px
}

.section2 .pagination a:hover {
    background-color: #000;
    color: white
}

.section2 .pagination a.on {
    background-color: #000;
    color: white
}

.section2 .pagination a:not(:last-child) {
    margin: 0 2.08333vw 0 0
}

.page1 .wrap {
    padding: 16vw 0 4vw 0
}

.page1 .wrap .title {
    padding: 0 0 0 18.75vw;
    display: flex;
    justify-content: space-between;
    border-bottom: .05208vw solid #000
}

.page1 .wrap .title .l {
    width: 45.57292vw
}

.page1 .wrap .title .l h1 {
    color: #000;
    font-size: 3vw;
    font-weight: 600;
    margin: 0 0 1.35417vw
}

.page1 .wrap .title .l p {
    color: #000;
    font-size: .9375vw;
    font-weight: 300
}

.page1 .wrap .title .l .date {
    margin: 2.60417vw 0 0 0;
    color: #000;
    font-size: 1.04167vw;
    font-weight: 300
}

.page1 .wrap .title .circle {
    width: 17.91667vw;
    height: 17.91667vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.40625vw 0 0 9.63542vw;
    position: relative
}

.page1 .wrap .title .circle .small_svg {
    position: absolute;
    width: 1.25vw;
    height: 1.25vw;
    top: 50%;
    left: 49.5%;
    transform: translate(-50%, -50%) rotate(-96deg)
}

.page1 .wrap .title .circle .small_svg .path-loop {
    stroke-dashoffset: 157px;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 1px;
    transition: 0.4s linear
}

.page1 .wrap .title .circle .big_svg {
    position: absolute;
    width: 122%;
    height: 122%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page1 .wrap .title .circle .big_svg .path-loop {
    stroke-dashoffset: 157px;
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 0.1px;
    transition: 0.4s linear
}

.page1 .wrap .title .circle:after {
    content: '';
    position: absolute;
    width: 27.8125vw;
    height: 0.04167vw;
    left: -19.47917vw;
    background: #000;
    clip-path: inset(0 100% 0 0);
    transition: .6s linear
}

.page1 .wrap .title .circle.on:after {
    clip-path: inset(0 0 0 0)
}

.page1 .wrap .title .circle.on .small_svg .path-loop {
    stroke-dashoffset: 19px;
    transition-delay: 0.6s
}

.page1 .wrap .title .circle.on .big_svg .path-loop {
    stroke-dashoffset: 18px;
    transition-delay: 1s
}

.page1 .wrap .content {
    position: relative
}

.page1 .wrap .content .side {
    position: absolute;
    top: 3.125vw;
    left: 11.45833vw;
    height: 90%
}

.page1 .wrap .content .side div {
    position: sticky;
    top: 6.25vw
}

.page1 .wrap .content .side .list {
    width: 3.07292vw;
    height: 3.07292vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .7s
}

.page1 .wrap .content .side .list svg {
    height: 1.2em;
    width: 1.2em
}

.page1 .wrap .content .side .list svg path {
    fill: #000
}

.page1 .wrap .content .side .list:hover {
    background: #C9FF85
}

.page1 .wrap .content .matter {
    width: 62.5vw;
    margin: auto;
    padding: 4.0625vw 0 2.39583vw 0
}

.page1 .wrap .content .matter p {
    color: #000;
    font-size: .83333vw;
    font-weight: 300;
    line-height: 168.6%
}

.page1 .wrap .content .matter p img {
    width: 100%
}

.page1 .wrap .content .matter .back {
    display: block;
    margin: 4.73958vw auto 0;
    text-align: center;
    color: #000;
    font-size: 1.04167vw;
    font-weight: 600;
    text-transform: capitalize
}

.page1 .wrap .other .item {
    border-bottom: .05208vw solid rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    padding: 4.16667vw 0 4.16667vw 4.47917vw;
    position: relative;
    transition: all 600ms
}

.page1 .wrap .other .item .position_img {
    position: absolute;
    height: 100%;
    width: 25.78125vw;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .7s
}

.page1 .wrap .other .item .position_img img {
    width: 100%;
    height: 100%
}

.page1 .wrap .other .item:first-child {
    border-top: .05208vw solid rgba(0, 0, 0, 0.2)
}

.page1 .wrap .other .item .date {
    color: #000;
    font-size: 1.04167vw;
    font-weight: 300;
    margin: 0 10.15625vw 0 0;
    transition: .6s
}

.page1 .wrap .other .item .text {
    width: 45.57292vw
}

.page1 .wrap .other .item .text h1 {
    color: #000;
    font-size: 1.875vw;
    font-weight: 600;
    margin: 0 0 .98958vw;
    transition: .6s
}

.page1 .wrap .other .item .text p {
    color: #000;
    font-size: .9375vw;
    font-weight: 300;
    transition: .6s
}

.page1 .wrap .other .item .position_circle {
    width: 17.29167vw;
    height: 17.29167vw;
    border-radius: 50%;
    background: #C9FF85;
    padding: 8.64583vw 5.88542vw 0 4.73958vw;
    position: absolute;
    right: 21.875vw;
    top: -.41667vw;
    text-align: center;
    opacity: 0;
    transition: .7s;
    display: none
}

.page1 .wrap .other .item .position_circle p {
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    text-transform: capitalize
}

.page1 .wrap .other .item .position_circle img {
    position: absolute;
    width: .78125vw;
    top: 5vw;
    right: 4.375vw
}

.page1 .wrap .other .item:hover {
    background: #000
}

.page1 .wrap .other .item:hover .position_circle {
    opacity: 1
}

.page1 .wrap .other .item:hover .position_img {
    opacity: 1
}

.page1 .wrap .other .item:hover .date {
    color: #fff
}

.page1 .wrap .other .item:hover .text h1,
.page1 .wrap .other .item:hover .text p {
    color: #fff
}

@media screen and (max-width: 1024px) {

    .mouse-pos-list-btn,
    .mouse-pos-list-span {
        display: none
    }

    .wizardry-code.w-embed.w-script {
        display: none
    }

    .section1 .wrap .top {
        flex-direction: column
    }

    .section1 .wrap .top .left .title {
        text-transform: capitalize;
        font-size: 48px
    }

    .section1 .wrap .top .left {
        flex-direction: column
    }

    .section1 .wrap .top .left .title span:after {
        display: none
    }

    .section1 .wrap {
        padding: 37.86667vw 0 10.66667vw 5.33333vw;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .section1 .wrap .top .left .circle:after {
        width: 71.2vw;
        left: -49.73333vw
    }

    .section1 .wrap .top .left .circle .small_svg {
        width: 2.93333vw;
        height: 2.93333vw
    }

    .section1 .wrap .top .left .circle {
        margin: 2.66667vw 0 0 44vw;
        width: 45.86667vw;
        height: 45.86667vw
    }

    .section1 .wrap .top .right {
        font-size: 12.8vw;
        padding: 0 2.66667vw 0 0
    }

    .section1 .wrap .top .right br {
        display: none
    }

    .section1 .wrap .chose {
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .section1 .wrap .chose .item {
        width: 100%
    }

    .section1 .wrap .chose .item .d1 {
        padding: 2.4vw
    }

    .section1 .wrap .chose .item .d1 p {
        font-size: 16px
    }

    .section2 .content .item {
        flex-direction: column;
        align-items: unset;
        padding: 12.26667vw 4vw
    }

    .section2 .content .item .date {
        font-size: 3.73333vw;
        margin: 0 0 4.26667vw
    }

    .section2 .content .item .text h1 {
        font-size: 4.8vw;
        margin: 0 0 4.26667vw
    }

    .section2 .content .item .text p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .section2 .content .item .text {
        width: 100%
    }

    .section2 .content .item .position_img {
        display: none
    }

    .section2 .pagination {
        width: 50%;
        justify-content: space-between;
        margin: 16.8vw auto 23.46667vw
    }

    .section2 .pagination a {
        color: rgba(0, 0, 0, 0.3);
        font-size: 4.8vw;
        width: 50px;
        line-height: 50px
    }

    .section2 .pagination a.on {
        background: #000;
        color: #fff
    }

    .page1 {
        overflow: hidden
    }

    .page1 .wrap .title .circle {
        display: none
    }

    .page1 .wrap .title {
        padding: 0 4vw 14.8vw 4vw;
        padding-bottom: 20px
    }

    .page1 .wrap {
        padding: 37.86667vw 0 22.4vw 0;
        padding-top: 80px
    }

    .page1 .wrap .title .l h1 {
        font-size: 6.4vw;
        margin: 0 0 6.13333vw
    }

    .page1 .wrap .title .l p {
        width: 77.73333vw;
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .title .l .date {
        margin: 9.06667vw 0 0 0;
        font-size: 3.73333vw
    }

    .page1 .wrap .content .side {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10.66667vw 0 12.93333vw 0
    }

    .page1 .wrap .content .side div {
        position: static;
        display: flex
    }

    .page1 .wrap .content {
        display: flex;
        flex-direction: column-reverse
    }

    .page1 .wrap .content .matter {
        width: 100%;
        padding: 15.06667vw 4vw 0 4vw
    }

    .page1 .wrap .content .matter p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .content .matter p img {
        width: 100%;
        position: relative;
        max-width: unset
    }

    .page1 .wrap .content .matter .back {
        display: none
    }

    .page1 .wrap .content .side .list {
        width: unset;
        height: unset
    }

    .page1 .wrap .content .side .list:not(:last-child) {
        margin: 0 8.4vw 0 0
    }

    .page1 .wrap .content .side .list:nth-child(1) img {
        width: 4.66667vw;
        height: 4.66667vw
    }

    .page1 .wrap .content .side .list:nth-child(2) img {
        width: 2.53333vw;
        height: 4.93333vw
    }

    .page1 .wrap .content .side .list:nth-child(3) img {
        width: 5.46667vw;
        height: 4.4vw
    }

    .page1 .wrap .content .side .list:nth-child(4) img {
        width: 5.33333vw;
        height: 3.86667vw
    }

    .page1 .wrap .content .side .list:nth-child(5) img {
        width: 5.6vw;
        height: 5.6vw
    }

    .page1 .wrap .content .side .list:nth-child(6) img {
        width: 5.86667vw;
        height: 4.66667vw
    }

    .page1 .wrap .content .mobile_next {
        display: flex !important;
        justify-content: space-between;
        padding: 0 4vw;
        margin: 0 0 4.13333vw
    }

    .page1 .wrap .content .mobile_next p,
    .page1 .wrap .content .mobile_next a {
        color: #000;
        font-size: 4.26667vw;
        font-weight: 400;
        text-transform: capitalize
    }

    .page1 .wrap .other .item {
        flex-direction: column;
        align-items: unset;
        padding: 12.26667vw 4vw
    }

    .page1 .wrap .other .item .date {
        font-size: 3.73333vw;
        margin: 0 0 4.26667vw
    }

    .page1 .wrap .other .item .text h1 {
        font-size: 4.8vw;
        margin: 0 0 4.26667vw
    }

    .page1 .wrap .other .item .text p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .other .item .text {
        width: 100%
    }

    .page1 .wrap .other .item .position_img {
        display: none
    }
}

@media screen and (max-width: 700px) {

    .mouse-pos-list-btn,
    .mouse-pos-list-span {
        display: none
    }

    .wizardry-code.w-embed.w-script {
        display: none
    }

    .section1 .wrap .top {
        flex-direction: column
    }

    .section1 .wrap .top .left .title {
        text-transform: capitalize;
        font-size: 48px
    }

    .section1 .wrap .top .left {
        flex-direction: column
    }

    .section1 .wrap .top .left .title span:after {
        display: none
    }

    .section1 .wrap {
        padding: 37.86667vw 0 10.66667vw 5.33333vw;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .section1 .wrap .top .left .circle:after {
        width: 71.2vw;
        left: -49.73333vw
    }

    .section1 .wrap .top .left .circle .small_svg {
        width: 2.93333vw;
        height: 2.93333vw
    }

    .section1 .wrap .top .left .circle {
        margin: 2.66667vw 0 0 44vw;
        width: 45.86667vw;
        height: 45.86667vw
    }

    .section1 .wrap .top .right {
        font-size: 12.8vw;
        padding: 0 2.66667vw 0 0
    }

    .section1 .wrap .top .right br {
        display: none
    }

    .section1 .wrap .chose {
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: 20px
    }

    .section1 .wrap .chose .item {
        width: 100%
    }

    .section1 .wrap .chose .item .d1 {
        padding: 2.4vw
    }

    .section2 .content .item {
        flex-direction: column;
        align-items: unset;
        padding: 12.26667vw 4vw
    }

    .section2 .content .item .date {
        font-size: 3.73333vw;
        margin: 0 0 4.26667vw
    }

    .section2 .content .item .text h1 {
        font-size: 4.8vw;
        margin: 0 0 4.26667vw
    }

    .section2 .content .item .text p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .section2 .content .item .text {
        width: 100%
    }

    .section2 .content .item .position_img {
        display: none
    }

    .section2 .pagination {
        width: 64.8vw;
        justify-content: space-between;
        margin: 16.8vw auto 23.46667vw
    }

    .section2 .pagination a {
        color: rgba(0, 0, 0, 0.3);
        font-size: 4.8vw
    }

    .section2 .pagination a.on {
        background: #000;
        color: #fff
    }

    .page1 {
        overflow: hidden
    }

    .page1 .wrap .title .circle {
        display: none
    }

    .page1 .wrap .title {
        padding: 0 4vw 14.8vw 4vw;
        padding-bottom: 20px
    }

    .page1 .wrap {
        padding: 37.86667vw 0 22.4vw 0;
        padding-top: 80px
    }

    .page1 .wrap .title .l h1 {
        font-size: 6.4vw;
        margin: 0 0 6.13333vw
    }

    .page1 .wrap .title .l p {
        width: 77.73333vw;
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .title .l .date {
        margin: 9.06667vw 0 0 0;
        font-size: 3.73333vw
    }

    .page1 .wrap .content .side {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10.66667vw 0 12.93333vw 0
    }

    .page1 .wrap .content .side div {
        position: static;
        display: flex
    }

    .page1 .wrap .content {
        display: flex;
        flex-direction: column-reverse
    }

    .page1 .wrap .content .matter {
        width: 100%;
        padding: 15.06667vw 4vw 0 4vw
    }

    .page1 .wrap .content .matter p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .content .matter p img {
        width: 100%;
        position: relative;
        max-width: unset
    }

    .page1 .wrap .content .matter .back {
        display: none
    }

    .page1 .wrap .content .side .list {
        width: unset;
        height: unset
    }

    .page1 .wrap .content .side .list:not(:last-child) {
        margin: 0 8.4vw 0 0
    }

    .page1 .wrap .content .side .list:nth-child(1) img {
        width: 4.66667vw;
        height: 4.66667vw
    }

    .page1 .wrap .content .side .list:nth-child(2) img {
        width: 2.53333vw;
        height: 4.93333vw
    }

    .page1 .wrap .content .side .list:nth-child(3) img {
        width: 5.46667vw;
        height: 4.4vw
    }

    .page1 .wrap .content .side .list:nth-child(4) img {
        width: 5.33333vw;
        height: 3.86667vw
    }

    .page1 .wrap .content .side .list:nth-child(5) img {
        width: 5.6vw;
        height: 5.6vw
    }

    .page1 .wrap .content .side .list:nth-child(6) img {
        width: 5.86667vw;
        height: 4.66667vw
    }

    .page1 .wrap .content .mobile_next {
        display: flex !important;
        justify-content: space-between;
        padding: 0 4vw;
        margin: 0 0 4.13333vw
    }

    .page1 .wrap .content .mobile_next p,
    .page1 .wrap .content .mobile_next a {
        color: #000;
        font-size: 4.26667vw;
        font-weight: 400;
        text-transform: capitalize
    }

    .page1 .wrap .other .item {
        flex-direction: column;
        align-items: unset;
        padding: 12.26667vw 4vw
    }

    .page1 .wrap .other .item .date {
        font-size: 3.73333vw;
        margin: 0 0 4.26667vw
    }

    .page1 .wrap .other .item .text h1 {
        font-size: 4.8vw;
        margin: 0 0 4.26667vw
    }

    .page1 .wrap .other .item .text p {
        font-size: 3.73333vw;
        line-height: 168.6%
    }

    .page1 .wrap .other .item .text {
        width: 100%
    }

    .page1 .wrap .other .item .position_img {
        display: none
    }
}