@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__list {
  display: flex;
  flex-direction: column;
  margin: 0 auto 20px;
}
@media screen and (max-width: 1050px) {
  .news__list {
    margin: 0 auto 1.8985695709vw;
  }
}
@media screen and (max-width: 768px) {
  .news__list {
    margin: 0 auto 10.6666666667vw;
  }
}
.news__list > li {
  border-bottom: 1px dotted #707070;
}
.news__list > li > a {
  padding: 24px 0;
  display: block;
}
@media screen and (max-width: 1050px) {
  .news__list > li > a {
    padding: 2.278283485vw 0;
  }
}
@media screen and (max-width: 768px) {
  .news__list > li > a {
    padding: 6.4vw 0;
  }
}
@media screen and (min-width: 769px) {
  .news__list > li > a:hover .news__text {
    text-decoration: underline;
  }
}

.news__title {
  display: flex;
  gap: 0 30px;
}
@media screen and (max-width: 1050px) {
  .news__title {
    gap: 0 2.8478543563vw;
  }
}
@media screen and (max-width: 768px) {
  .news__title {
    flex-direction: column;
    gap: 0;
  }
}

.news__date {
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
@media screen and (max-width: 1050px) {
  .news__date {
    font-size: 1.3289986996vw;
    line-height: 2.8478543563vw;
  }
}
@media screen and (max-width: 768px) {
  .news__date {
    font-size: 3.7333333333vw;
    line-height: 3.7333333333vw;
    margin: 0 0 2.1333333333vw;
  }
}

.news__text {
  font-size: 16px;
  line-height: 30px;
}
@media screen and (max-width: 1050px) {
  .news__text {
    font-size: 1.5188556567vw;
    line-height: 2.8478543563vw;
  }
}
@media screen and (max-width: 768px) {
  .news__text {
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
}

#news__more.hidden {
  display: none;
}
/*# sourceMappingURL=news.css.map */