.news .news-tabs {
  margin-bottom: 28px;
}
.news .news-tabs > ul {
  display: flex;
  gap: 0 20px;
}
.news .news-tabs > ul .news-tab {
  width: 170px;
  text-align: center;
  padding-bottom: 18px;
  border-bottom: 2px solid #eaeaea;
  cursor: pointer;
}
.news .news-tabs > ul .news-tab.active {
  color: #182e8a;
  border-bottom: 2px solid #182e8a;
}
.news .news-list-wrap .news-list .news-item {
  display: flex;
  align-items: center;
  padding: 28px 0;
  border-bottom: 1px solid #eaeaea;
  gap: 0 24px;
}
.news .news-list-wrap .news-list .news-item:last-child {
  border-bottom: none;
}
.news .news-list-wrap .news-list .news-item .news-item__date {
  display: flex;
  align-items: center;
  gap: 0 24px;
  flex-shrink: 0;
  font-size: 1.4rem;
  color: #6a757d;
}
.news .news-list-wrap .news-list .news-item .news-item__date > span {
  width: 97px;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  padding: 7px 0;
  text-align: center;
}
.news .news-list-wrap .news-list .news-item .news-item__date > span.news_info {
  background-color: #2ea7e0;
}
.news .news-list-wrap .news-list .news-item .news-item__date > span.news_tenjikai {
  color: #243544;
  background-color: #f1f1f1;
}
.news .news-list-wrap .news-list .news-item .news-item__date > span.news_product {
  background-color: #182e8a;
}
.news .news-list-wrap .news-list .news-item .news-item__date > span.news_media {
  background-color: #a3bee6;
}
.news .news-list-wrap .news-list .news-item .news-item__link {
  font-size: 1.4rem;
  line-height: 1.75;
}

.newsinfo {
  padding: 60px 0 120px !important;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header {
  margin-bottom: 40px;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__h2 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.43;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .article__share {
  padding: 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 20px;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .article__share .article__share-text {
  font-weight: bold;
  color: #6a757d;
  letter-spacing: normal;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .article__share > a {
  display: block;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time {
  display: flex;
  gap: 0 16px;
  align-items: center;
  margin-bottom: 16px;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > time {
  font-size: 1.4rem;
  color: #6a757d;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > span {
  width: 97px;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  padding: 7px 0;
  text-align: center;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > span.news_info {
  background-color: #2ea7e0;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > span.news_tenjikai {
  color: #243544;
  background-color: #f1f1f1;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > span.news_product {
  background-color: #182e8a;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__time > span.news_media {
  background-color: #a3bee6;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__content {
  margin-bottom: 80px;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__content p {
  line-height: 1.75;
  word-break: break-all;
}
.newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__content p > a {
  color: #182e8a !important;
}

@media screen and (max-width: 768px) {
  .news .news-list-wrap .news-list .news-item {
    flex-direction: column;
    gap: 20px 0;
    align-items: flex-start;
  }
  .newsinfo {
    padding: 24px 20px 60px !important;
  }
  .newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header {
    margin-bottom: 28px;
  }
  .newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .newsinfo-article__h2 {
    font-size: 2.2rem;
  }
  .newsinfo .newsinfo-wrap .newsinfo-article .newsinfo-article__header .article__share {
    padding: 30px 0 0;
    justify-content: flex-start;
  }
}