@charset "UTF-8";
main {
  background-color: #fff100;
}

/* ページタイトルバナー */
.page-head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  padding: 20px;
  background-color: #b077b0;
}
@media screen and (max-width: 1200px) {
  .page-head {
    min-height: 10.5vw;
    padding: 1.67vw;
  }
}
@media screen and (max-width: 768px) {
  .page-head {
    min-height: 0;
    padding: 6vw 5vw;
  }
}
.page-head__title {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 33px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .page-head__title {
    font-size: 2.78vw;
  }
}
@media screen and (max-width: 768px) {
  .page-head__title {
    font-size: 6vw;
  }
}

.news {
  background-color: #fff;
  padding: 70px 0 90px;
}
@media screen and (max-width: 1200px) {
  .news {
    padding: 5.83vw 0 7.5vw;
  }
}
@media screen and (max-width: 768px) {
  .news {
    padding: 8.18vw 9.32vw 18.18vw;
  }
}
.news__inner {
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .news__inner {
    width: 62.5vw;
  }
}
@media screen and (max-width: 768px) {
  .news__inner {
    width: 100%;
  }
}
.news__title {
  margin: 0 0 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.4;
  color: #030303;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .news__title {
    margin: 0 0 2.5vw;
    font-size: 2.33vw;
  }
}
@media screen and (max-width: 768px) {
  .news__title {
    margin: 0 0 5.45vw;
    font-size: 5.23vw;
  }
}

/* お知らせリスト */
.news-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid #b077b0;
}
.news-list__item {
  border-bottom: 1px solid #ccc;
}
.news-list__link {
  display: block;
  padding: 18px 4px;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 1200px) {
  .news-list__link {
    padding: 1.5vw 0.33vw;
  }
}
@media screen and (max-width: 768px) {
  .news-list__link {
    padding: 3.18vw 0;
  }
}
.news-list__meta {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1200px) {
  .news-list__meta {
    gap: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .news-list__meta {
    gap: 2.27vw;
  }
}
.news-list__date {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .news-list__date {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .news-list__date {
    font-size: 4.09vw;
  }
}
.news-list__text {
  margin: 8px 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
}
@media screen and (max-width: 1200px) {
  .news-list__text {
    margin: 0.67vw 0 0;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .news-list__text {
    margin: 2.27vw 0 0;
    font-size: 4.09vw;
  }
}

/* カテゴリーバッジ（校了前のため一時非表示） */
.news-cat {
  display: none;
  flex-shrink: 0;
  padding: 2px 10px;
  background-color: #727272;
  border-radius: 1.5em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  .news-cat {
    padding: 0.17vw 0.83vw;
    font-size: 1.08vw;
  }
}
@media screen and (max-width: 768px) {
  .news-cat {
    padding: 0.5vw 2.5vw;
    font-size: 3.1vw;
  }
}
.news-cat--urgent {
  background-color: #DF0B0B;
}
.news-cat--important {
  background-color: #ED6C00;
}
.news-cat--application {
  background-color: #EC7AAC;
}
.news-cat--stores {
  background-color: #55B5E7;
}
.news-cat--for-stores {
  background-color: #4FB233;
}
.news-cat--other {
  background-color: #727272;
}

/* ページネーション */
.pagination {
  margin-top: 60px;
}
@media screen and (max-width: 1200px) {
  .pagination {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .pagination {
    margin-top: 8vw;
  }
}
.pagination a {
  color: #9c9c9c;
}
.pagination a.is-current {
  color: #fff;
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1200px) {
  .pagination__list {
    gap: 0.83vw;
  }
}
@media screen and (max-width: 768px) {
  .pagination__list {
    gap: 1.82vw;
  }
}
.pagination__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 2px solid #9c9c9c;
  border-radius: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #9c9c9c;
  text-decoration: none;
  transition: opacity 0.2s;
}
@media screen and (max-width: 1200px) {
  .pagination__num {
    width: 2.92vw;
    height: 2.92vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .pagination__num {
    width: 6.82vw;
    height: 6.82vw;
    font-size: 3.64vw;
  }
}
.pagination__num.is-current {
  background-color: #b077b0;
  border-color: #b077b0;
  color: #fff;
}
.pagination__ellipsis {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 35px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #9c9c9c;
}
@media screen and (max-width: 1200px) {
  .pagination__ellipsis {
    min-width: 2.92vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .pagination__ellipsis {
    min-width: 6.82vw;
    font-size: 3.64vw;
  }
}