@charset "UTF-8";
/*
  custom_history.scss
  沿革／トピックスページ用スタイル
*/
/* ページ内リンクナビゲーション */
.pageAnchorNav {
  background: var(--c-primary-weak);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
  padding: 16px;
  /* PC では非表示 */
}
@media (min-width: 968px) {
  .pageAnchorNav {
    display: none;
  }
}

.pageAnchorNav__list {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
  /* SP：1列、PC：2列 */
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .pageAnchorNav__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

.pageAnchorNav__link {
  display: block;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  color: var(--c-primary);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all 200ms ease;
}
.pageAnchorNav__link:hover {
  background: var(--c-primary);
  color: #fff;
}
.pageAnchorNav__link:focus-visible {
  outline: 3px solid rgba(var(--c-primary-rgb), 0.28);
  outline-offset: 2px;
}

/* トピックスアイテム */
.topicItem {
  margin-bottom: 24px;
}

.topicItem__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--c-text);
}