

/* ===== News section v2: headline list + accordion (2026-08) ===== */
.news .box { display: block; outline: none; }
.news .box h2 { width: 100%; height: auto; line-height: 1; padding: 14px 24px; font-size: 20px; text-align: left; box-sizing: border-box; }
.news .iframe { width: 100%; height: auto; }
.news .iframe_wrap { height: auto; overflow: hidden; border: 1px solid #222; border-top: 0; background: #fff; }
.news .iframe_wrap .inner { width: auto; max-width: none; margin: 0; padding: 0; }
.news .iframe_wrap .information dl { box-sizing: border-box; width: auto; display: grid; grid-template-columns: 120px 1fr; column-gap: 16px; align-items: start; margin: 0; padding: 14px 24px; border-bottom: 1px solid #e5e5e5; font-size: 15px; line-height: 1.6; }
.news .iframe_wrap .information dl:last-child { border-bottom: 0; }
.news .iframe_wrap .information dl:nth-of-type(n+6) { display: none; } /* 最新 5 件のみ表示 */
.news .iframe_wrap .information dl dt { width: auto; font-weight: bold; color: #555; font-variant-numeric: tabular-nums; padding-top: 2px; cursor: pointer; }
.news .iframe_wrap .information dl dd { width: auto; margin: 0; }
.news .iframe_wrap .information dl dd > strong { display: block; font-size: 16px; cursor: pointer; padding-right: 28px; position: relative; }
.news .iframe_wrap .information dl:not(.no-body) dd > strong::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; color: #d40000; position: absolute; right: 4px; top: 5px; transition: transform .2s; }
.news .iframe_wrap .information dl.is-open dd > strong::after { transform: rotate(180deg); }
.news .iframe_wrap .news-body { display: none; margin-top: 8px; color: #333; }
.news .iframe_wrap dl.is-open .news-body { display: block; }
.news .iframe .btn { text-align: right; padding: 10px 24px 0; }
.news .iframe .btn a { position: static; display: inline-block; font-size: 14px; }
/* Newsletter タブ: 号名のリンク一覧（dt は空なので 1 カラム） */
.news .iframe_wrap .information.newsletter dl { grid-template-columns: 1fr; padding: 10px 24px; }
.news .iframe_wrap .information.newsletter dl dd { width: auto; }
@media screen and (max-width: 1024px) {
  .news .box { width: 100%; }
  .news .iframe_wrap .information dl { grid-template-columns: 1fr; row-gap: 2px; padding: 12px 16px; font-size: 14px; }
  .news .iframe_wrap .information dl dt { font-size: 13px; }
}
