.newsContainer .newsSwitchArea .newsCategory .newsCategoryContainer .newsCategoryList li.active a {
    background-color: #c80c47;
    color: #fff;
}

a.external::after {
  content: url(/assets/img/externallink.png);
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.newsItemCategory.external::after {
    content: url(/assets/img/externallink.png);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-left: 5px; }

.newsDetailMain .unit1,
.newsDetailMain .unit2 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  gap: 20px;
}

.newsDetailMain .unit3 {
  margin-bottom: 20px;
}

.newsDetailMain .unit3 img {
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;
}

.newsDetailMain .unit3::after {
  clear: both;
  content: "";
  display: block;
}

.newsDetailMain .article-body {
  margin-bottom: 20px;
}

.newsDetailMain .notice {
  margin-bottom: 20px;
  font-size: smaller;
}

.newsDetailContainer .related-links {
  margin-top: 36px;
}

.newsDetailContainer .related-links h3 {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px;
}

.newsDetailContainer .related-links ul li {
  line-height: 1.5em;
}

@media (max-width: 600px) {
  .newsDetailMain .unit1,
  .newsDetailMain .unit2 {
    flex-direction: column;
  }

  .newsDetailMain .unit1 img,
  .newsDetailMain .unit2 img {
    flex: none;
    width: 100%;
  }

  .newsDetailMain .unit3 img {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
  }
}