/* お知らせ欄全体のレイアウト */
.news-group { margin-bottom: 40px; }
.news-group-title { font-size: 1.1rem; color: #555; margin-bottom: 15px; border-left: 5px solid var(--primary-color); padding-left: 10px; }

/* イベントアイテム（画像付き） */
.event-item { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #eee; list-style: none; }
.event-thumb { width: 100px; height: auto; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.event-info { flex: 1; }

/* ニュースアイテム（リスト形式） */
.news-list { list-style: none; padding: 0; }
.news-item { display: flex; padding: 15px 0; border-bottom: 1px solid #eee; align-items: flex-start; }
.news-date { width: 120px; font-size: 0.85rem; color: #777; flex-shrink: 0; }
.news-text { font-size: 0.9rem; line-height: 1.6; }
.news-text a { color: inherit; text-decoration: none; }
.news-text a:hover { color: var(--primary-color); text-decoration: underline; }

/* 受賞情報などのタグ */
.news-tag { color: white; padding: 2px 8px; border-radius: 3px; font-size: 0.75rem; margin-right: 10px; font-weight: bold; }
.tag-default { background: #82C98C; }
.tag-note { background: #41C9B4; } /* note専用カラー */

/* 「もっと見る」ボタンの配置 */
.news-more-btn-wrap { text-align: center; margin-top: 30px; }
.news-more-btn { border: 1.5px solid #333; padding: 6px 40px; border-radius: 20px; font-size: 0.8rem; font-weight: bold; display: inline-block; }
.news-more-btn:hover { background: #333; color: #fff; }