@charset "UTF-8";
.page-numbers {
  width: 7.2vw;
  height: 8.5333333333vw;
  font-size: 1.6rem;
  font-weight: 700;
  color: #3C3C3C;
  border: 0.2666666667vw solid #3C3C3C;
  border-radius: 0.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-numbers {
    width: 1.875vw;
    height: 2.2222222222vw;
    border-width: 0.0694444444vw;
    border-radius: 0.2083333333vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-numbers {
    width: 27px;
    height: 32px;
    border-width: 1px;
    border-radius: 3px;
  }
}
.page-numbers.current {
  color: #ffffff;
  background-color: #3C3C3C;
}
.page-numbers.next, .page-numbers.prev {
  display: none;
}
.page-numbers.dots {
  border-width: 0;
}

.archive-news {
  padding: 0 4vw;
}
@media screen and (min-width: 768px) {
  .archive-news {
    padding: 0;
  }
}
.archive-news__item a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 7.4666666667vw 3.4666666667vw 7.4666666667vw 3.4666666667vw;
  color: #3C3C3C;
  text-decoration: none;
  background-color: #ffffff;
  cursor: pointer;
  gap: 2.6666666667vw;
  margin-bottom: 5.3333333333vw;
  border-radius: 0.8vw;
  border: 0.2666666667vw solid #B2B2B2;
}
@media screen and (min-width: 768px) {
  .archive-news__item a {
    border-radius: 0.2083333333vw;
    padding: 2.7777777778vw 5.5555555556vw 2.7777777778vw 2.7777777778vw;
    gap: 0.6944444444vw;
    margin-bottom: 1.3888888889vw;
    border-width: 0.0694444444vw;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__item a {
    border-radius: 3px;
    padding: 40px 80px 40px 40px;
    gap: 40px;
    margin-bottom: 20px;
    border-width: 1px;
  }
}
.archive-news__date {
  font-size: 1.5rem;
  margin: 0 8vw 0 0;
}
@media screen and (min-width: 768px) {
  .archive-news__date {
    margin: 0;
  }
}
.archive-news__category {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #49667E;
  width: 21.3333333333vw;
  padding: 0.8vw;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .archive-news__category {
    width: 6.25vw;
    padding: 0.2083333333vw;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__category {
    width: 90px;
    padding: 3px;
  }
}
.archive-news__post {
  font-size: 1.6rem;
  width: 70%;
}
@media screen and (min-width: 768px) {
  .archive-news__post {
    width: auto;
  }
}
.archive-news__arrow {
  position: absolute;
  display: inline-block;
  margin-left: auto;
  right: 3.4666666667vw;
  width: 10.6666666667vw;
  height: 8vw;
}
@media screen and (min-width: 768px) {
  .archive-news__arrow {
    right: 2.0833333333vw;
    width: 2.0833333333vw;
    height: 1.3888888889vw;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__arrow {
    right: 30px;
    width: 10px;
    height: 20px;
  }
}
.archive-news__arrow::before, .archive-news__arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 3.7333333333vw;
  height: 0.8vw;
  border-radius: 2666.4vw;
  background-color: #000000;
  transform-origin: calc(100% - 0.2666666667vw) 50%;
}
@media screen and (min-width: 768px) {
  .archive-news__arrow::before, .archive-news__arrow::after {
    width: 0.9722222222vw;
    height: 0.2083333333vw;
    border-radius: 694.375vw;
    transform-origin: calc(100% - 0.0694444444vw) 50%;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__arrow::before, .archive-news__arrow::after {
    width: 14px;
    height: 3px;
    border-radius: 9999px;
    transform-origin: calc(100% - 1px) 50%;
  }
}
.archive-news__arrow::before {
  transform: rotate(48.35deg);
}
.archive-news__arrow::after {
  transform: rotate(-48.35deg);
}
.archive-news__select {
  margin: 0 0 7.4666666667vw;
  font-size: 1.5rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .archive-news__select {
    margin: 0 0 1.9444444444vw;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__select {
    margin: 0 0 28px;
  }
}
.archive-news__select select {
  font-size: 1.6rem;
  color: #3C3C3C;
  width: 37.3333333333vw;
  padding: 2.1333333333vw 2.6666666667vw;
  margin: 0 0 0 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .archive-news__select select {
    width: 13.8888888889vw;
    padding: 0.5555555556vw 0.6944444444vw;
    margin: 0 0 0 0.6944444444vw;
  }
}
@media screen and (min-width: 1440px) {
  .archive-news__select select {
    width: 200px;
    padding: 8px 10px;
    margin: 0 0 0 10px;
  }
}
.archive-news__select form {
  display: flex;
  align-items: center;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .nav {
    gap: 0.6944444444vw;
  }
}
@media screen and (min-width: 1440px) {
  .nav {
    gap: 10px;
  }
}