@charset "UTF-8";
/* ===============================
  お知らせ
=============================== */
/*------------------------------
カテゴリーメニュー
------------------------------*/
.category-filter__list {
  width: 100%;
  margin: 0 auto;
  background: #F6F6F6;
  padding: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap)) clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  display: flex;
  flex-wrap: wrap;
  gap: 0 clamp(0px, 60 * var(--rate-vw), 60px * var(--cap));
  margin-top: clamp(0px, 70 * var(--rate-vw), 70px * var(--cap));
}
@media (max-width: 767px) {
  .category-filter__list {
    gap: 0 clamp(0px, 30 * var(--rate-vw), 30px * var(--cap));
  }
}

.category-filter__item a {
  display: inline-block;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 400;
  line-height: 2.25;
  letter-spacing: 0.05em;
  color: #00C65C;
  text-decoration: underline;
  position: relative;
  padding-right: 1.1em;
}
.category-filter__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../img/icon_nav-arrwo.png) no-repeat center center/contain;
  width: 0.7em;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .category-filter__item a {
    font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  }
}

/*------------------------------
ページネーション
------------------------------*/
.pagination {
  margin-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
  display: flex;
  gap: 0 clamp(0px, 40 * var(--rate-vw), 40px * var(--cap));
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
}

.page-numbers {
  font-size: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  font-weight: 500;
  line-height: 1;
  font-family: "Figtree", sans-serif;
}
.page-numbers.current {
  color: #00C65C;
  position: relative;
}
.page-numbers.current::before {
  content: "";
  position: absolute;
  background: #00C65C;
  transform: translate(-50%, 0%);
  width: 0.5em;
  height: 1px;
  left: 50%;
  top: 100%;
}
.page-numbers.dots {
  pointer-events: none;
  border: none;
  background: none;
  color: #A7A7A7;
}
.page-numbers.prev {
  transform: scale(-1, 1);
}
.page-numbers img {
  width: 0.65em;
  vertical-align: baseline;
}
@media (max-width: 767px) {
  .page-numbers {
    font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  }
}

/*------------------------------
お知らせ一覧
------------------------------*/
.news-archive__content {
  padding-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
}
@media (max-width: 767px) {
  .news-archive__content {
    padding-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
  }
}

.news__list {
  max-width: clamp(0px, 1300 * var(--rate-vw), 1300px * var(--cap));
  margin: 0 auto;
}

/*------------------------------
topics一覧
------------------------------*/
.topics-archive__content {
  padding-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
}
@media (max-width: 767px) {
  .topics-archive__content {
    padding-top: clamp(0px, 80 * var(--rate-vw), 80px * var(--cap));
  }
}

/*------------------------------
記事ページ
------------------------------*/
.news-article__container {
  margin-top: clamp(0px, 50 * var(--rate-vw), 50px * var(--cap));
  min-height: 50vh;
}

/* 記事本文エリア全体のスタイル */
.post-style {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 400;
  line-height: 2.1;
}

/* 記事内の見出し */
.post-style h1, .post-style h2, .post-style h3, .post-style h4, .post-style h5, .post-style h6, .post-style strong {
  font-weight: bold;
  margin: 1em 0;
}
.post-style h2 {
  font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
}
.post-style h3 {
  font-size: clamp(0px, 24 * var(--rate-fz), 24px * var(--cap));
}
.post-style h4 {
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
}
.post-style h5 {
  font-size: clamp(0px, 18 * var(--rate-fz), 18px * var(--cap));
}
.post-style h6 {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
}

/* 画像・リンク */
.post-style figure {
  width: 100%;
  margin: clamp(0px, 64 * var(--rate-vw), 64px * var(--cap)) 0;
}

/* テキスト */
.post-style p {
  margin: 2em 0;
}

/* リンク */
.post-style a {
  color: #2271b1;
  text-decoration: underline;
}

/* リスト */
.post-style ol {
  counter-reset: count 0;
}
.post-style ol li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ol li::before {
  content: counter(count) ".";
  counter-increment: count 1;
}
.post-style ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.post-style ul li::before {
  content: "・";
}
/*# sourceMappingURL=post.css.map */