@media screen and (min-width: 744px) {
  .child-page .main {
    padding-bottom: 12%;
  }
}
@media screen and (min-width: 1281px) {
  .child-page .main {
    padding-bottom: 160px;
  }
}

.newspage__bg {
  background-repeat: no-repeat;
  background-image: url(../images/news-bg.png);
  background-size: 100% 100%;
}
.newspage .wide--position {
  width: 86%;
}
.newspage__filter {
  display: none;
}
.newspage__filterList {
  display: flex;
}
.newspage__filterItem {
  position: relative;
  padding: 0 3% 4%;
}
.newspage__filterItem a {
  display: block;
  padding: 0 4% 3%;
  font-weight: bold;
  color: #B4B4B4;
  white-space: nowrap;
}
.newspage__filterItem.is-active a {
  color: #181818;
}
.newspage__filterItem.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #32A294;
}
.newspage__filterItem a:hover {
  color: #181818;
}
.newspage__list {
  margin-top: 16%;
}
.newspage__item {
  border-bottom: 1px solid #C4C4C4;
}
.newspage__item:first-child a {
  padding-top: 0;
}
.newspage__itemLink {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3% 2.5%;
  padding: 4.5% 0;
  color: #333;
}
.newspage__itemLink:hover .newspage__itemTitle {
  color: #32A294;
}
.newspage__itemDate {
  flex-shrink: 0;
  letter-spacing: 0.03em;
}
.newspage__itemCat {
  display: none;
}
.newspage__itemTitle {
  flex: 0 0 100%;
  min-width: 0;
  line-height: 1.6;
  transition: color 0.2s;
  margin-top: 3%;
}
.newspage__none {
  text-align: center;
  padding: 15% 0;
  color: #888;
}
.newspage__pagination {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 10%;
}
.newspage__pagination--sp {
  display: flex;
}
@media screen and (min-width: 744px) {
  .newspage__pagination--sp {
    display: none;
  }
}
.newspage__pagination--pc {
  display: none;
}
@media screen and (min-width: 744px) {
  .newspage__pagination--pc {
    display: flex;
  }
}
.newspage__pageNum {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.23255814vw;
  height: 10.23255814vw;
  background-color: #E8E8E8;
  border-radius: 4px;
  color: #444;
  font-size: 3.72093023vw;
  transition: background-color 0.2s;
}
.newspage__pageNum.is-current {
  background-color: #32A294;
  color: #fff;
}
.newspage__pageNum:hover:not(.is-current) {
  background-color: #b8deda;
}
.newspage__pageArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #32A294;
  width: 7.44186047vw;
  height: 10.23255814vw;
}
.newspage__pageArrow svg {
  width: 4vw;
  height: 6.5vw;
}
.newspage__pageDots {
  display: flex;
  align-items: flex-end;
  height: 10.23255814vw;
  color: #32A294;
  font-size: 3.72093023vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 744px) {
  .newspage__bg {
    background-image: url(../images/news-bg-pc.png);
  }
  .newspage .wide--position {
    width: 78.125%;
  }
  .newspage__filterItem {
    padding-bottom: 1%;
  }
  .newspage__filterItem a {
    font-size: 1.0516667vw;
  }
  .newspage__filterItem.is-active::after {
    height: 7px;
  }
  .newspage__list {
    margin-top: 6%;
  }
  .newspage__itemLink {
    flex-wrap: nowrap;
    align-items: center;
    padding: 1.8% 0;
    gap: 0 2.5%;
  }
  .newspage__itemDate {
    font-size: 0.9375vw;
    flex-shrink: 0;
  }
  .newspage__itemCat {
    font-size: 0.78125vw;
    padding: 0.5% 2%;
    text-align: center;
  }
  .newspage__itemTitle {
    flex: 1;
    font-size: 0.833333vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
  }
  .newspage__pagination {
    margin-top: 5%;
    gap: 8px;
  }
  .newspage__pageNum {
    width: 2.604166667vw;
    height: 2.604166667vw;
    font-size: 0.729166667vw;
    border-radius: 4px;
  }
  .newspage__pageArrow {
    width: 2vw;
    height: 2.604166667vw;
  }
  .newspage__pageArrow svg {
    width: 10px;
    height: 16px;
  }
  .newspage__pageDots {
    font-size: 0.729166667vw;
    height: 2.604166667vw;
    padding-bottom: 4px;
  }
}
@media screen and (min-width: 1281px) {
  .newspage .wide--position {
    width: 52.5%;
  }
  .newspage__filterItem a {
    font-size: 20px;
  }
  .newspage__itemDate {
    font-size: 18px;
  }
  .newspage__itemCat {
    font-size: 15px;
  }
  .newspage__itemTitle {
    font-size: 16px;
  }
}/*# sourceMappingURL=news.css.map */