/* ==========================================================
   本文（.c-entry）・お知らせの記事（.c-article）・ページ送り（.c-pagination）
   下層ページ本文のデザインはまだ無いので、読みやすさだけを整えた最小限の指定。
   ========================================================== */
.c-entry {
  font-size: 16px;
  line-height: 2;
}

.c-entry > * + * {
  margin-top: 1.4em;
}

.c-entry h2 {
  color: var(--color-main-dark);
  font-family: var(--font-maru);
  font-size: 26px;
  line-height: 1.5;
}

.c-entry h3 {
  color: var(--color-heading);
  font-family: var(--font-maru);
  font-size: 20px;
  line-height: 1.5;
}

.c-entry a {
  color: #51964e;
  text-decoration: underline;
}

.c-entry ul {
  padding-left: 1.4em;
  list-style: disc;
}

.c-entry ol {
  padding-left: 1.6em;
  list-style: decimal;
}

/* ---------- お知らせの記事 ---------- */
.c-article__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2ebe4;
}

.c-article__date {
  color: var(--color-main);
  font-family: var(--font-en);
  font-size: 21px;
}

.c-article__title {
  width: 100%;
  color: #51964e;
  font-family: var(--font-maru);
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: .08em;
}

.c-article__body {
  margin-top: 30px;
}

.c-article__back {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

/* ---------- ページ送り ---------- */
.c-pagination {
  margin-top: 50px;
}

.c-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.c-pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--color-main);
  color: var(--color-main);
  font-family: var(--font-en);
}

.c-pagination .page-numbers.current {
  background: var(--color-main);
  color: #fff;
}

@media (max-width: 767px) {
  .c-entry {
    font-size: 15px;
  }

  .c-entry h2 {
    font-size: 21px;
  }

  .c-article__title {
    font-size: 19px;
  }
}
