/* お知らせ/コラム styles */
.np-list { display: flex; flex-direction: column; gap: 14px; max-width: 800px; }
.np { padding: 0; overflow: hidden; }
.np-head {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  width: 100%; text-align: left; background: none; border: none; cursor: pointer;
  padding: 20px 24px; position: relative;
}
.np-head:hover { background: var(--peach-2); }
.np-meta { display: flex; align-items: center; gap: 10px; }
.np-tag {
  font-family: var(--jp); font-weight: 800; font-size: 11px;
  color: var(--brown); background: var(--peach-2); border-radius: var(--r-pill); padding: .3em 1em;
}
.np-tag.col { color: #3f74a6; background: #e6eef6; }
.np-date { font-family: var(--en); font-size: 12px; color: var(--muted); font-weight: 600; }
.np-title { font-family: var(--jp); font-weight: 800; font-size: 16.5px; color: var(--ink); line-height: 1.6; padding-right: 30px; }
.np-tri { position: absolute; right: 22px; top: 50%; transform: translateY(-50%); color: var(--camel); font-size: 14px; }
.np-body { padding: 4px 24px 26px; border-top: 1.5px dashed var(--line); margin: 0 0; }
.np-h { font-family: var(--jp); font-weight: 800; font-size: 15px; color: var(--ink); margin: 20px 0 8px; }
.np-p { font-size: 14px; color: var(--ink-2); line-height: 2; margin: 12px 0 0; }