/*--== faq common ============-- */
:where(.news-list a) {
  text-decoration: none;
}
/*-- lab-page-header --*/
.page-header-inner {
  max-width: 615px;
  text-align: center;
  margin: 0 auto;
}
.page-header-inner h1 {
  font-size: var(--font-size-46-32);
}
.page-header-inner .page-header-comment {
  font-size: var(--font-size-16);
  font-weight: 300;
}
/*-- news-filter --*/
.news-filter {
  max-width: 1040px;
  width: 100%;
  margin-inline: auto;
}
.news-filter p {
  color: var(--color-main-green);
  font-size: var(--font-size-18);
}
.news-filter ul {
  display: flex;
  justify-content: center;
  gap: clamp(30px, calc(18.60326894502229px + 1.4858841010401187vw), 40px);
  margin-top: 48px;
}
.news-filter ul > li > a {
  color: var(--color-line-01);
  font-size: var(--font-size-18);
  font-weight: 500;
  text-decoration: none;
}
.news-filter ul > li > a.current {
  color: var(--color-main-green);
}
@media (max-width: 768px) {
  .news-filter {
    width: 63vw;
  }
}
@media (max-width: 480px) {
  .news-filter {
    width: 100%;
  }
  .news-filter p,
  .news-filter ul > li > a {
    font-size: var(--font-size-16);
  }
  .news-filter ul {
    flex-wrap: wrap;
  }
}
/*-- news-detail --*/
.news-detail {
  padding-bottom: clamp(60px, calc(37.20653789004458px + 2.9717682020802374vw), 80px);
}
.news-detail .lab-container {
  max-width: 890px;
  padding-bottom: clamp(32px, calc(0.08915304606241037px + 4.160475482912332vw), 60px);
}
.news-header .news-data-group {
  gap: 20px;
  margin-bottom: clamp(32px, calc(22.88261515601783px + 1.188707280832095vw), 35px);
}
.news-header .news-data-group .news-tag {
  display: flex;
  gap: 10px;
}
.news-header .news-data-group .news-tag li {
  color: var(--color-main-green);
  font-size: var(--font-size-14);
  text-align: center;
  padding-block: 0.2em;
  padding-inline: 0.5em;
  background-color: var(--color-light-green);
  border-radius: 4px;
}
.news-header .news-data-group .news-tag a {
  text-decoration: none;
}
.news-header h2 {
  font-size: var(--font-size-32-24);
  padding-bottom: clamp(32px, calc(16.044576523031203px + 2.080237741456166vw), 40px);
  margin-bottom: clamp(32px, calc(16.044576523031203px + 2.080237741456166vw), 40px);
  border-bottom: 1px solid var(--color-text);
}
@media (max-width: 768px) {
  .news-detail .lab-container img {
    max-width: 100%;
  }
}