@charset "UTF-8";
body .news {
  margin: 0 auto;
}
@media screen and (min-width: 791px) {
  body .news {
    margin-inline: auto;
    padding-bottom: clamp(0px, 5.2083333333vw, 100px);
    width: clamp(0px, 62.5vw, 1200px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-inner {
    padding-inline: 5.1282051282vw;
    margin-bottom: 15.3846153846vw;
  }
}
body .news .category-filter {
  display: flex;
}
@media screen and (min-width: 791px) {
  body .news .category-filter {
    flex-flow: row wrap;
    margin: clamp(0px, 3.125vw, 60px) auto;
    width: clamp(0px, 40.625vw, 780px);
    gap: clamp(0px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 790px) {
  body .news .category-filter {
    height: 9.7435897436vw;
    margin: 7.6923076923vw auto;
    width: 100vw;
    margin-inline: calc(-1 * 5.1282051282vw);
    padding-inline: 5.1282051282vw;
    overflow-x: scroll;
    gap: 3.0769230769vw;
    z-index: 1;
    position: relative;
  }
}
body .news .category-filter > li a {
  background-color: #F7FBFA;
  border: 1px solid #166457;
  border-radius: 50px;
  color: #166457;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #166457;
}
@media screen and (min-width: 791px) {
  body .news .category-filter > li a {
    width: clamp(0px, 9.375vw, 180px);
    height: clamp(0px, 2.0833333333vw, 40px);
  }
}
@media screen and (max-width: 790px) {
  body .news .category-filter > li a {
    width: 37.6923076923vw;
    height: 9.2307692308vw;
  }
}
body .news .category-filter > li a.is-active {
  background-color: #166457;
  color: #fff;
  pointer-events: none;
  cursor: default;
}
body .news .news-list {
  /* ★ カテゴリ部分 */
}
@media screen and (min-width: 791px) {
  body .news .news-list {
    width: 100%;
    margin-block: clamp(0px, 1.0416666667vw, 20px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list {
    margin-bottom: 10.2564102564vw;
  }
}
body .news .news-list .news-item {
  border-bottom: 1px solid #166457;
  display: flex;
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-item {
    padding: clamp(0px, 1.1458333333vw, 22px) clamp(0px, 0.4166666667vw, 8px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-item {
    flex-flow: row wrap;
    padding: 5.1282051282vw;
    gap: 2.5641025641vw 2.0512820513vw;
  }
}
body .news .news-list .news-date {
  color: #166457;
  font-family: Roboto;
  font-weight: 400;
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-date {
    width: clamp(0px, 5.2083333333vw, 100px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-date {
    display: block;
  }
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-category {
    text-align: left;
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-category {
    font-size: 2.8205128205vw;
    margin-bottom: 1.5384615385vw;
  }
}
body .news .news-list .news-category > span {
  display: inline-block;
  line-height: 1;
  background-color: #E6E6E6;
  border-radius: 50px;
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-category > span {
    padding: clamp(0px, 0.1041666667vw, 2px) clamp(0px, 1.0416666667vw, 20px);
    font-size: clamp(0px, 0.6770833333vw, 13px);
    margin-right: 0.5em;
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-category > span {
    padding: 0.2564102564vw 5.1282051282vw;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-text {
    flex: 1;
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-text {
    width: 100%;
    line-height: 2;
  }
}
body .news .news-list .news-text > * {
  position: relative;
  display: inline-block;
  /* PDFアイコン */
  /* 外部リンクアイコン */
}
body .news .news-list .news-text > *::before, body .news .news-list .news-text > *::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-text > *.icon-pdf {
    padding-left: clamp(0px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-text > *.icon-pdf {
    padding-left: 8.7179487179vw;
  }
}
body .news .news-list .news-text > *.icon-pdf::before {
  left: 0;
  background: url("/assets/images/common/icon-pdf.svg") no-repeat center/100%;
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-text > *.icon-pdf::before {
    width: clamp(0px, 1.3020833333vw, 25px);
    height: clamp(0px, 1.3020833333vw, 25px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-text > *.icon-pdf::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    left: 0;
  }
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-text > *.icon-ExternalLink {
    padding-right: clamp(0px, 1.4583333333vw, 28px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-text > *.icon-ExternalLink {
    padding-right: 6.1538461538vw;
  }
}
body .news .news-list .news-text > *.icon-ExternalLink::after {
  right: 0;
  background: url("/assets/images/common/icon-ExternalLink.svg") no-repeat center/100%;
}
@media screen and (min-width: 791px) {
  body .news .news-list .news-text > *.icon-ExternalLink::after {
    width: clamp(0px, 1.25vw, 24px);
    height: clamp(0px, 1.25vw, 24px);
  }
}
@media screen and (max-width: 790px) {
  body .news .news-list .news-text > *.icon-ExternalLink::after {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    right: 0;
  }
}
@media screen and (min-width: 791px) {
  body .archive-pagination {
    margin-top: clamp(0px, 3.125vw, 60px);
  }
}
@media screen and (max-width: 790px) {
  body .archive-pagination {
    margin-block: 15.3846153846vw;
  }
}
body .archive-pagination .page-numbers {
  list-style: none;
  display: flex;
  justify-content: center;
  font-family: Roboto;
  font-weight: 700;
}
@media screen and (min-width: 791px) {
  body .archive-pagination .page-numbers {
    gap: clamp(0px, 0.2604166667vw, 5px);
    font-size: clamp(0px, 0.9375vw, 18px);
  }
}
@media screen and (max-width: 790px) {
  body .archive-pagination .page-numbers {
    font-size: 4.6153846154vw;
  }
}
body .archive-pagination .page-numbers > li > * {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 791px) {
  body .archive-pagination .page-numbers > li > * {
    width: clamp(0px, 1.5625vw, 30px);
    height: clamp(0px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 790px) {
  body .archive-pagination .page-numbers > li > * {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
body .archive-pagination .page-numbers > li > *.current {
  border-bottom: 1px solid #166457;
  color: #166457;
}
body .archive-pagination .page-numbers .prev,
body .archive-pagination .page-numbers .next {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
body .archive-pagination .page-numbers .prev::after,
body .archive-pagination .page-numbers .next::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/assets/images/common/link-more.svg");
  position: absolute;
  margin: auto;
}
@media screen and (min-width: 791px) {
  body .archive-pagination .page-numbers .prev::after,
  body .archive-pagination .page-numbers .next::after {
    width: clamp(0px, 0.8333333333vw, 16px);
    height: clamp(0px, 0.8333333333vw, 16px);
  }
}
@media screen and (max-width: 790px) {
  body .archive-pagination .page-numbers .prev::after,
  body .archive-pagination .page-numbers .next::after {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
body .archive-pagination .page-numbers .prev::after {
  transform: scale(-1, 1);
}