@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansJP-Black.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSerifJP-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSerifJP-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NotoSerifJP-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSerifJP-Black.woff") format("woff");
  font-display: swap;
}
#news .page__title {
  background: url(../images/news/img_news_title_01@2x.png) center/auto 205px no-repeat;
}
@media screen and (max-width: 1050px) {
  #news .page__title {
    background-size: auto 19.4603381014vw;
  }
}
@media screen and (max-width: 768px) {
  #news .page__title {
    background-size: auto 21.3333333333vw;
  }
}

.news__list {
  margin: -60px 0 0;
}
@media screen and (max-width: 1050px) {
  .news__list {
    margin: -5.6957087126vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .news__list {
    margin: -8.5333333333vw 0 0;
  }
}
.news__list .sec__inner > ul {
  display: flex;
  gap: 40px 13px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1050px) {
  .news__list .sec__inner > ul {
    gap: 3.7971391417vw 1.2340702211vw;
  }
}
@media screen and (max-width: 768px) {
  .news__list .sec__inner > ul {
    gap: 6.4vw 2.1333333333vw;
  }
}
.news__list .sec__inner > ul > li {
  width: 240px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  transition: 0.4s ease;
}
@media screen and (max-width: 1050px) {
  .news__list .sec__inner > ul > li {
    width: 22.7828348505vw;
    padding: 0.9492847854vw;
    border-radius: 0.9492847854vw;
    box-shadow: 0 0 0.9492847854vw rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 768px) {
  .news__list .sec__inner > ul > li {
    width: 43.4666666667vw;
    padding: 2.1333333333vw;
    border-radius: 2.6666666667vw;
    box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 769px) {
  .news__list .sec__inner > ul > li:hover {
    scale: 0.97;
  }
}
.news__list .sec__inner > ul > li a {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news__list .sec__inner > ul > li a img {
  width: 100%;
}

.news__date {
  font-size: 10px;
  text-align: right;
  letter-spacing: 0;
  margin: 8px 0 12px;
}
@media screen and (max-width: 1050px) {
  .news__date {
    font-size: 0.9492847854vw;
    margin: 0.7594278283vw 0 1.1391417425vw;
  }
}
@media screen and (max-width: 768px) {
  .news__date {
    font-size: 2.6666666667vw;
    margin: 2.1333333333vw 0;
  }
}

.news__title {
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0 0 12px;
  flex: 1;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 1050px) {
  .news__title {
    font-size: 1.2340702211vw;
    line-height: 2.278283485vw;
    margin: 0 0 1.1391417425vw;
  }
}
@media screen and (max-width: 768px) {
  .news__title {
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    margin: 0 0 3.2vw;
  }
}

.news__category {
  display: flex;
}
.news__category li {
  font-size: 10px;
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  background: #d6d6d6;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  padding: 0 16px;
}
@media screen and (max-width: 1050px) {
  .news__category li {
    font-size: 0.9492847854vw;
    height: 2.1833550065vw;
    border-radius: 2.1833550065vw;
    padding: 0 1.5188556567vw;
  }
}
@media screen and (max-width: 768px) {
  .news__category li {
    font-size: 2.6666666667vw;
    height: 6.1333333333vw;
    border-radius: 6.1333333333vw;
    padding: 0 4.2666666667vw;
  }
}

#news .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
  margin: 80px auto 0;
}
@media screen and (max-width: 1050px) {
  #news .wp-pagenavi {
    gap: 0 1.5188556567vw;
    margin: 7.5942782835vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  #news .wp-pagenavi {
    gap: 0 2.1333333333vw;
    margin: 10.6666666667vw auto 0;
  }
}
#news .wp-pagenavi .previouspostslink {
  font-size: 0;
  width: 37px;
  height: 37px;
  background: url(../images/common/icon_pager_prev_01.svg) center/contain no-repeat;
}
@media screen and (max-width: 1050px) {
  #news .wp-pagenavi .previouspostslink {
    width: 3.5123537061vw;
    height: 3.5123537061vw;
  }
}
@media screen and (max-width: 768px) {
  #news .wp-pagenavi .previouspostslink {
    width: 8vw;
    height: 8vw;
  }
}
#news .wp-pagenavi .nextpostslink {
  font-size: 0;
  width: 37px;
  height: 37px;
  background: url(../images/common/icon_pager_next_01.svg) center/contain no-repeat;
}
@media screen and (max-width: 1050px) {
  #news .wp-pagenavi .nextpostslink {
    width: 3.5123537061vw;
    height: 3.5123537061vw;
  }
}
@media screen and (max-width: 768px) {
  #news .wp-pagenavi .nextpostslink {
    width: 8vw;
    height: 8vw;
  }
}
#news .page,
#news .current,
#news .first,
#news .last {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #6f6f6f;
  width: 37px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
}
@media screen and (max-width: 1050px) {
  #news .page,
#news .current,
#news .first,
#news .last {
    font-size: 1.7087126138vw;
    width: 3.5123537061vw;
    height: 3.5123537061vw;
    border-width: 0.0949284785vw;
  }
}
@media screen and (max-width: 1050px) {
  #news .page,
#news .current,
#news .first,
#news .last {
    font-size: 3.2vw;
    width: 8vw;
    height: 8vw;
    border-width: 0.2666666667vw;
  }
}
#news .current {
  background: #898989;
  color: #fff;
  border: unset;
}
#news .extend {
  font-size: 0;
  width: 46px;
  height: 10px;
  background: url(../images/common/icon_pager_dots_01.svg) center/contain no-repeat;
}
@media screen and (max-width: 1050px) {
  #news .extend {
    width: 4.366710013vw;
    height: 0.9492847854vw;
  }
}
@media screen and (max-width: 768px) {
  #news .extend {
    width: 4.2666666667vw;
    height: 0.8vw;
  }
}
/*# sourceMappingURL=news.css.map */