.news-banner__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.news-banner__image-container:before {
  content: "";
  display: block;
  padding-top: 42.7397260274%;
}
.news-banner__image-container .ratio-item {
  object-fit: cover;
}

.news-detail-content__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.news-detail-content__image-container:before {
  content: "";
  display: block;
  padding-top: 52.3880597015%;
}
.news-detail-content__image-container .ratio-item {
  object-fit: cover;
}
.news-detail-content__body {
  padding: 1.7808219178vw 4.9315068493vw;
}
@media screen and (max-width: 1024px) {
  .news-detail-content__body {
    padding: 2.5390625vw 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__body {
    padding: 3.3898305085vw 9.3872229465vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__body {
    padding: 4.0625vw 11.25vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__body {
    padding: 5.4166666667vw 15vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__body {
    padding: 6.6666666667vw 18.4615384615vw;
  }
}

.news-list__image-container {
  position: relative;
  width: 100%;
  display: block;
}
.news-list__image-container:before {
  content: "";
  display: block;
  padding-top: 59.509202454%;
}
.news-list__image-container .ratio-item {
  object-fit: cover;
}
.news-list__nav {
  display: inline-flex;
  justify-content: center;
  border: 1px solid #000000;
  border-radius: 8px;
  margin-bottom: 3.2876712329vw;
}
@media screen and (max-width: 1024px) {
  .news-list__nav {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__nav {
    margin-bottom: 6.258148631vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__nav {
    margin-bottom: 7.5vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__nav {
    margin-bottom: 10vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__nav {
    margin-bottom: 12.3076923077vw;
  }
}
@media (max-width: 575px) {
  .news-list__nav-item {
    flex: 0 0 50%;
  }
}
.news-list__nav-link {
  color: #000000;
  border-radius: 8px;
  font-size: 1.3698630137vw;
  padding: 0.8219178082vw 2.8767123288vw;
  transition: 0.5s;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .news-list__nav-link {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__nav-link {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__nav-link {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__nav-link {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__nav-link {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 1024px) {
  .news-list__nav-link {
    padding: 1.171875vw 4.1015625vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__nav-link {
    padding: 1.5645371578vw 5.4758800522vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__nav-link {
    padding: 1.875vw 6.5625vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__nav-link {
    padding: 2.5vw 8.75vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__nav-link {
    padding: 3.0769230769vw 10.7692307692vw;
  }
}
.news-list__nav-link:hover {
  color: #000000;
  opacity: 0.6;
}
.news-list__nav-link.active {
  background-color: #000000;
  color: #ffffff;
}
.news-list__nav-link.active:hover {
  opacity: 1;
  cursor: auto;
}
.news-list__tab-pane:focus-visible {
  outline: none;
}
.news-list__item {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  border: 1px solid #000000;
}
.news-list__item:hover .news-list__image {
  transform: scale(1.1);
}
.news-list__image-container {
  overflow: hidden;
}
.news-list__image {
  transition: 0.5s;
}
.news-list__body {
  padding: 1.7123287671vw 2.397260274vw;
}
@media screen and (max-width: 1024px) {
  .news-list__body {
    padding: 2.44140625vw 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__body {
    padding: 3.259452412vw 4.5632333768vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__body {
    padding: 3.90625vw 5.46875vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__body {
    padding: 5.2083333333vw 7.2916666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__body {
    padding: 6.4102564103vw 8.9743589744vw;
  }
}
.news-list__date {
  display: inline-block;
  font-size: 1.2328767123vw;
  line-height: 2.602739726vw;
  font-family: "FZLanTingHeiS Light";
}
@media screen and (max-width: 1024px) {
  .news-list__date {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__date {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__date {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__date {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__date {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .news-list__date {
    line-height: 3.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__date {
    line-height: 4.9543676662vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__date {
    line-height: 5.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__date {
    line-height: 7.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__date {
    line-height: 9.7435897436vw;
  }
}
.news-list__title, .news-list__description > p {
  font-size: 1.3698630137vw;
  line-height: 2.602739726vw;
}
@media screen and (max-width: 1024px) {
  .news-list__title, .news-list__description > p {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__title, .news-list__description > p {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__title, .news-list__description > p {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__title, .news-list__description > p {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__title, .news-list__description > p {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 1024px) {
  .news-list__title, .news-list__description > p {
    line-height: 3.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__title, .news-list__description > p {
    line-height: 4.9543676662vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__title, .news-list__description > p {
    line-height: 5.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__title, .news-list__description > p {
    line-height: 7.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__title, .news-list__description > p {
    line-height: 9.7435897436vw;
  }
}
.news-list__title {
  margin: 0.5479452055vw 0vw;
  font-family: "FZLanTingHeiS Bold";
}
@media screen and (max-width: 1024px) {
  .news-list__title {
    margin: 0.78125vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__title {
    margin: 1.0430247718vw 0vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__title {
    margin: 1.25vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__title {
    margin: 1.6666666667vw 0vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__title {
    margin: 2.0512820513vw 0vw;
  }
}
.news-list__description p:last-child {
  margin-bottom: 0;
}
.news-list__footer {
  padding: 0vw 2.397260274vw 2.397260274vw;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .news-list__footer {
    padding: 0vw 3.41796875vw 3.41796875vw;
  }
}
@media screen and (max-width: 767px) {
  .news-list__footer {
    padding: 0vw 4.5632333768vw 4.5632333768vw;
  }
}
@media screen and (max-width: 640px) {
  .news-list__footer {
    padding: 0vw 5.46875vw 5.46875vw;
  }
}
@media screen and (max-width: 480px) {
  .news-list__footer {
    padding: 0vw 7.2916666667vw 7.2916666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-list__footer {
    padding: 0vw 8.9743589744vw 8.9743589744vw;
  }
}
.news-list__button {
  font-family: "FZLanTingHeiS Light";
  background-color: #D9D9D9;
  border: none;
  color: #000000;
}

.news-detail-content__date {
  display: inline-block;
  font-size: 1.2328767123vw;
  line-height: 2.602739726vw;
  font-family: "FZLanTingHeiS Light";
}
@media screen and (max-width: 1024px) {
  .news-detail-content__date {
    font-size: 1.7578125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__date {
    font-size: 2.3468057366vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__date {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__date {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__date {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 1024px) {
  .news-detail-content__date {
    line-height: 3.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__date {
    line-height: 4.9543676662vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__date {
    line-height: 5.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__date {
    line-height: 7.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__date {
    line-height: 9.7435897436vw;
  }
}
.news-detail-content__title, .news-detail-content__description > p {
  font-size: 1.3698630137vw;
  line-height: 2.602739726vw;
}
@media screen and (max-width: 1024px) {
  .news-detail-content__title, .news-detail-content__description > p {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__title, .news-detail-content__description > p {
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__title, .news-detail-content__description > p {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__title, .news-detail-content__description > p {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__title, .news-detail-content__description > p {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 1024px) {
  .news-detail-content__title, .news-detail-content__description > p {
    line-height: 3.7109375vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__title, .news-detail-content__description > p {
    line-height: 4.9543676662vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__title, .news-detail-content__description > p {
    line-height: 5.9375vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__title, .news-detail-content__description > p {
    line-height: 7.9166666667vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__title, .news-detail-content__description > p {
    line-height: 9.7435897436vw;
  }
}
.news-detail-content__title {
  margin: 0.5479452055vw 0vw 1.6438356164vw;
  font-family: "FZLanTingHeiS Bold";
}
@media screen and (max-width: 1024px) {
  .news-detail-content__title {
    margin: 0.78125vw 0vw 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .news-detail-content__title {
    margin: 1.0430247718vw 0vw 3.1290743155vw;
  }
}
@media screen and (max-width: 640px) {
  .news-detail-content__title {
    margin: 1.25vw 0vw 3.75vw;
  }
}
@media screen and (max-width: 480px) {
  .news-detail-content__title {
    margin: 1.6666666667vw 0vw 5vw;
  }
}
@media screen and (max-width: 390px) {
  .news-detail-content__title {
    margin: 2.0512820513vw 0vw 6.1538461538vw;
  }
}
.news-detail-content__description p:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=news.css.map */