.hpower-news { text-align: left; }
/* 記事固有の旧2カラム用CSSより優先し、固定ページと同じ本文幅にする。 */
section#main.hpower-news { float: none; width: 931px; max-width: 97%; padding: 17px 0 0; margin: 0 auto; }
.hpower-news-top { margin: 24px 0; }
.hpower-news-top > .post { padding: 0 20px 16px; }
.hpower-news .hpower-news-list { margin: 0; padding: 0; }
.hpower-news .hpower-news-row { display: flex; gap: 24px; padding: 16px 0; border-bottom: 1px solid #e5e5e5; }
.hpower-news .hpower-news-row dt { flex: 0 0 100px; margin: 0; padding: 0; font-weight: normal; color: #666; }
.hpower-news .hpower-news-row dd { flex: 1; min-width: 0; margin: 0; padding: 0; overflow-wrap: anywhere; }
.hpower-news .hpower-news-date { color: #666; text-align: right; margin-bottom: 20px; }
.hpower-news-more { text-align: right; margin-top: 20px; }
.hpower-news-back { text-align: center; border-top: 1px solid #e5e5e5; margin-top: 32px; padding-top: 24px; }
.hpower-news .pagination { margin-top: 24px; text-align: center; }
.hpower-news .page-numbers { display: inline-block; padding: 6px 10px; }
.hpower-news .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media screen and (max-width: 640px) {
    .hpower-news .hpower-news-row { display: block; padding: 12px 0; }
    .hpower-news .hpower-news-row dt { margin-bottom: 4px; }
}