@charset "UTF-8";
:root {
  --primary: #61C0BF;
  --secondary: #BBDED6;
  --tertiary: #FAE3D9;
  --annotations: #FFB6B9;
  --font: #333333;
}

/**
 * お知らせ一覧画面
 */
/* 表示単体 */
.news_box {
  color: var(--font);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  row-gap: 4px;
  transition: background-color 0.15s ease;
}

.news_box:hover {
  background-color: #fafafa;
}

.news_box .news_date {
  color: #999999;
  font-size: 0.85rem;
}

.news_box .news_title {
  font-weight: 600;
}

/**
 * お知らせ詳細画面
 */
/* 詳細 */
.news_detail {
  color: var(--font);
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}

/* バッジ・投稿日ヘッダー */
.news_detail_badge {
  color: #999999;
  font-size: 0.8rem;
  font-weight: 600;
}

.news_detail_date {
  color: #999999;
  font-size: 0.9rem;
}

/* タイトル */
.news_detail_title {
  border-bottom: 1px solid #e6e6e6;
  font-weight: 700;
  padding-bottom: 1rem;
}

/* お知らせ内容 */
.show_text {
  overflow-wrap: break-word;
  width: 90%;
  resize: none;
  line-height: 1.8;
}