section.sus{
    display: block;
}

section{
    background: transparent;
}

.sus-inner{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    overflow: hidden;
    min-height: calc(720 * var(--rpx));
}

.sus .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.sus:nth-of-type(2n) .wrapper{
    flex-direction: row-reverse;
    justify-content: space-between;
}

.sus .pic{
    width: 50%;
    flex: 0 0 auto;
}

.sus .pic img{
    display: block;
    width: 100%;
}

.sus .info{
    width: clamp(420px, calc(12.5vw + 300px), 540px);
    flex: 0 0 auto;
}

.section-title .en{
    opacity: .8;
}

.sus.dark_back .wrapper{
    color: #fff;
}

.sus .sus-inner::after{
    content: "";
    z-index: 200;
    position: absolute;
    left: 0;
    top: 0;
    width: 67%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}

.sus:nth-of-type(2n) .sus-inner::after{
    right: 0;
    left: unset;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));
}

.sus.theme_dark .sus-inner::after{
    background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.sus:nth-of-type(2n).dark_back .sus-inner::after{
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}

.sus .desc a{
    font-size: calc(28em / 18);
}

.sus .desc a::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: calc(54em / 28);
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: url("../images/global/icon_more.svg") center/calc(16em / 28) auto no-repeat var(--theme-grass);
    margin-left: calc(18em / 28);
    margin-top: calc(-2em / 28);
}

.sus .desc a:hover{
    color: inherit;
    text-decoration: underline;
}

@media (max-width: 750px) {
    .sus .info{
        width: 100%;
    }

    section.sus:nth-of-type(2n) .wrapper{

    }

    .sus .sus-inner::after{
        width: 100%;
    }

    .sus .wrapper{
        wrapper-width: 80%;
    }
}