#news_list {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 2400px;
}

#news_list .ec-newRole {
    margin: 0 100px 40px 100px;
    padding: 0;
}

#news_list .ec-secHeading {
    font-family: var(--title-sans);
    color: var(--primary-color);
}

#news_list .ec-secHeading .ec-secHeading__en {
    font-size: 48px;
    letter-spacing: -1px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
}

#news_list .ec-secHeading .ec-secHeading__ja {
    font-size: 20px;
    font-weight: bold;
    font-family: var(--ui-san);
}

#news_list .ec-newsRole__news {
    margin: 20px 0 0;
    border: none;
}

#news_list .ec-newRole .ec-newsRole__newsItem {
    background-color: #fff;
    width: auto !important;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #EEEEEE;
    margin: 0 170px 13px;
    display: block;
}

#news_list .ec-newsRole__newsHeading {
    flex-direction: column;
    gap: 5px;
}

#news_list .ec-newRole .ec-newsRole__newsDate {
    color: #666666;
    font-family: var(--title-sans);
}

#news_list .ec-newRole .ec-newsRole__newsColumn {
    color: var(--text-color);
    font-weight: normal;
    font-size: var(--pc-text-size);
}

#news_list .ec-newRole .ec-newsRole__newsTitle {
    line-break: anywhere;
}

@media screen and (max-width: 1280px) and (min-width: 769px) {
    #news_list {
        padding: 0 1.563vw;
    }

    #news_list .ec-newRole {
        margin: 0 3.125vw 3.125vw 3.125vw;
    }

    #news_list .ec-secHeading .ec-secHeading__en {
        font-size: 3.75vw;
        letter-spacing: -0.078vw;
        margin-right: 1.563vw;
    }

    #news_list .ec-secHeading .ec-secHeading__ja {
        font-size: 1.563vw;
    }

    #news_list .ec-newsRole__news {
        margin: 1.563vw 0 0;
    }

    #news_list .ec-newRole .ec-newsRole__newsItem {
        padding: 1.563vw;
        border-radius: 0.781vw;
        border-width: 0.078vw;
        margin: 0 4.281vw 1.016vw;
    }

    #news_list .ec-newsRole__newsHeading {
        gap: 0.391vw;
    }

    #news_list .ec-newRole .ec-newsRole__newsColumn {
        font-size: var(--tab-text-size);
    }   
}

@media screen and (max-width: 768.9px) and (min-width: 521px) {
    #news_list {
        padding: 0 2.604vw;
    }

    #news_list .ec-newRole {
        margin: 0 2.604vw 5.208vw 2.604vw;
    }

    #news_list .ec-secHeading .ec-secHeading__en {
        font-size: 6.25vw;
        letter-spacing: -0.13vw;
        margin-right: 2.604vw;
    }

    #news_list .ec-secHeading .ec-secHeading__ja {
        font-size: 2.604vw;
    }

    #news_list .ec-newsRole__news {
        margin: 2.604vw 0 0;
        padding-left: 0; 
        padding-right: 0; 
    }

    #news_list .ec-newRole .ec-newsRole__newsItem {
        padding: 2.604vw;
        border-radius: 1.302vw;
        border-width: 0.13vw;
        margin: 0 0 1.693vw;
    }

    #news_list .ec-newsRole__newsHeading {
        gap: 0.651vw;
    }

    #news_list .ec-newRole .ec-newsRole__newsColumn {
        font-size: var(--sp-text-size);
    }
}

@media screen and (max-width: 520.9px) {
    #news_list {
        padding: 0 5.128vw;
    }

    #news_list .ec-newRole {
        margin: 0;
        margin-bottom:7.692vw;
    }

    #news_list .ec-secHeading .ec-secHeading__en {
        font-size: 9.231vw;
        letter-spacing: -0.192vw;
        margin-right: 3.846vw;
    }

    #news_list .ec-secHeading .ec-secHeading__ja {
        font-size: 3.846vw;
    }

    #news_list .ec-newsRole__news {
        margin: 3.846vw 0 0;
    }

    #news_list .ec-newRole .ec-newsRole__newsItem {
        padding: 3.846vw;
        border-radius: 1.923vw;
        border-width: 0.192vw;
        margin: 0 0 2.5vw;
    }

    #news_list .ec-newsRole__newsHeading {
        gap: 0.962vw;
    }

    #news_list .ec-newRole .ec-newsRole__newsColumn {
        font-size: var(--ssp-text-size);
    }
}