/* NEWS: shared by the top page section and news.html. */
.news-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line,#d8ded7)}
.news-item{border-bottom:1px solid var(--line,#d8ded7)}
.news-item>a,.news-item>div{display:grid;grid-template-columns:8.5em 7.5em minmax(0,1fr) auto;gap:8px 24px;align-items:baseline;padding:24px 4px;color:inherit;text-decoration:none}
.news-item>a:hover .news-title{color:var(--green-deep,#326c3e);text-decoration:underline;text-underline-offset:4px}
.news-date{font:700 15px/1.6 Arial,sans-serif;letter-spacing:.04em;color:var(--muted,#526057);white-space:nowrap}
.news-tag{justify-self:start;padding:2px 12px;border:1px solid var(--green-deep,#326c3e);border-radius:999px;color:var(--green-deep,#326c3e);font-size:12px;font-weight:700;line-height:1.7;white-space:nowrap}
.news-title{font-size:17px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.news-arrow{color:var(--green-deep,#326c3e);font-weight:700}
.news-body{grid-column:3/-1;margin:0;color:var(--muted,#526057);font-size:15px;line-height:1.9}

/* Top page section */
.news-section{padding-block:96px 104px;background:#f6f8f4}
.news-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;margin:28px 0 36px}
.news-head h2{margin:0;font-family:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1.3}
.news-head-chunk{display:inline-block}
.news-more{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--green-deep,#326c3e);color:var(--green-deep,#326c3e);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.news-more:hover{background:#edf6e8}
.news-section .news-list{background:#fff}
.news-section .news-item>a{padding-inline:20px}

/* news.html */
.news-page .news-list{margin-top:56px}
.news-page .news-item{scroll-margin-top:110px}

@media(max-width:800px){
  .news-section{padding-block:67px 76px}
  .news-item>a,.news-item>div{grid-template-columns:auto 1fr auto;gap:6px 12px;padding:18px 4px}
  .news-section .news-item>a{padding-inline:16px}
  .news-title{grid-column:1/-1;grid-row:2;font-size:16px}
  .news-arrow{grid-column:3;grid-row:1}
  .news-body{grid-column:1/-1;font-size:14px}
  .news-date{font-size:14px}
}