.news__contents {
    margin: 0 0 40px;
}
.news__scroll {
    overflow-y: auto;
    height: 500px;
}
.news__scroll::-webkit-scrollbar {
    width: 5px;
}
.news__scroll::-webkit-scrollbar-thumb,
.news__scroll::-webkit-scrollbar-track-piece:start,
.news__scroll::-webkit-scrollbar-track-piece:end {
    border-radius: 7px;
}
.news__scroll::-webkit-scrollbar-thumb {
    background: var(--point-color);
}
.news__scroll::-webkit-scrollbar-track-piece:start,
.news__scroll::-webkit-scrollbar-track-piece:end {
    background: #bfbfbf;
}
/* Firefox専用のスタイル */
@-moz-document url-prefix() {
    .news__scroll {
        scrollbar-color: var(--point-color) #bfbfbf;
        scrollbar-width: thin;
    }
}

.news__list {
    border-bottom: 1px solid var(--main-color);
    margin: 4px 20px 20px;
    padding: 0 0 20px;
}
.news__text a {
    color: #07519A;
    text-decoration: none;
}
.news__text a:hover {
    color: #CC0000;
    text-decoration: underline;
}
.news__date {
    margin: 0 0 8px;
}
.news__date time {
    font-size: var(--small-txt);
}
.news__text {
    font-size: var(--midium-txt);
}
.news__ttl {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
}
.news__category {
    padding: 4px 10px 0;
    min-width: 113px;
    height: 30px;
    border: 1px solid var(--main-color);
    align-items: center;
    justify-content: center;
    margin: 2px 10px 10px 10px;
    font-size: 13px;
    color: var(--main-color);
    line-height: 1;
}