#news {
    padding: 13em 0 7em;
}

.newslist-box {
    width: 85%;
    margin: 50px auto 0;
    padding: 0px 10px 0;
}
.news-item {
    border-bottom: 1px solid #d9d9d9;
    list-style-type: none;
}
/* 投稿一覧の最後だけ線を消す */
.news-list:last-of-type .news-item {
    border-bottom: none;
}
.news-link {
    display: flex;
    align-items: center;
    padding: 10px 5px;
    gap: 50px;
    margin: 0;
}
.news-date {
    font-size: 16px;
    font-weight: 700;
}
.news-text {
    font-size: 16px;
    flex: 1;
    line-height: 22px;
}

.news-contents {
    padding: 0 5px;
}
.news-contents h2{
    font-size: 24px;
    margin: 30px 0;
}
.news-contents p {
    margin: 15px 0;
}

/* --- 個別ページ専用：Back to List エリア --- */
.back-to-list-container {
    margin-top: 50px;      /* 線の上側の余白 */
    padding: 0;     /* 線の下側の余白 */
    border-top: 1px solid #bbb; /* 区切り線 */
}

/* TOPページの View more スタイルを反映 */
.back-to-list-container .viewmore {
    text-align: right;     /* 右寄せ */
    margin: 10px 0;
}

.back-to-list-container .viewmore a {
    border-bottom: 4px solid #004EA2; /* 青い太下線 */
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    padding-bottom: 8px;
    color: #707070;
}

.back-to-list-container .viewmore span {
    padding: 0px 5px 0px 10px; /* 矢印との間隔 */
}

.back-to-list-container .viewmore span img {
    /* 矢印の高さ微調整 */
    margin-bottom: -4px;
}
/*
.arrow {
    margin-top: 10px;
}
*/
.pagination{
    text-align: center;
    margin-top: 50px;
    padding: 50px 0 0;
    border-top: 1px solid #bbb;
    display: flex;
    gap: 50px;
    justify-content: center;
}
.no-posts {
    text-align: center;
    margin: 60px 0 10px;
}



@media (max-width: 768px) {
    #news {
        padding: 9em 0 7em;
    }
    .news-link {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .news-link {
        display: inline-block;
        margin: 10px 0;
    }
    .newslist-box {
        width: 100%;
        margin: 0 auto 0;
        /* 内側の「上」だけを 0 にし、「下」は余白を残す */
        padding: 0 0 30px;
    }
    #news {
        /* 上の 9em は維持しつつ、下の 7em を 3em 程度まで削ります */
        padding: 9em 0 3em; /* 7em から 3em に変更して下の隙間を解消 */
    }
}