.c-kv {
  background-image: url(../img/kv/kv-news.jpg);
}
.c-kv-title {
  width: 228px;
  max-width: 30vw;
  height: max-content;
  position: absolute;
  top: 0;
  bottom: 32px;
  right: 64px;
  margin: auto;
}
.news__title {
  font-size: 2rem;
  font-weight: var(--bold);
  letter-spacing: 0.3em;
  margin-bottom: 40px;
}
.news__title span {
  display: block;
  font-size: .875rem;
  letter-spacing: 0.3em;
  margin-top: 8px;
}
.news__category-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;
  margin-bottom: 40px;
}
.news__category-list a {
  display: block;
  min-width: 120px;
  background-color: var(--white);
  color: var(--category-color);
  font-size: .875rem;
  font-weight: var(--bold);
  text-align: center;
  border: 1px solid var(--category-color);
  border-radius: 15px;
  padding: 3px 4px;
}
.news__category-list a:hover {
  background-color: var(--category-color);
  color: var(--white);
}
.news__wrap {
  max-width: var(--content-width-narrow);
  margin: auto;
}
.news__item { border-bottom: 1px solid var(--main);}
.news__item:last-of-type { border: none;}
.news__item a {
  display: flex;
  align-items: center;
  column-gap: 2em;
  padding: 16px 0;
}
.news__item a:hover {
  background-color: var(--bg);
}
.news__item:first-of-type a { margin-top: -16px;}
.news__item-meta {
  width: 30%;
  display: flex;
  align-items: center;
  column-gap: 2em;
  font-size: .875rem;
}
.news__item-category {
  min-width: 120px;
  background-color: var(--category-color);
  color: var(--white);
  font-weight: var(--bold);
  text-align: center;
  border-radius: 15px;
  padding: 4px;
}
.news__item-category.category1 { background-color: var(--main);}
.news__item-category.category2 { background-color: #4A7DB8;}
.news__item-category.category3 { background-color: #E59A2F;}
.news__item-category.category4 { background-color: #C95A4A;}
.news__item-text {
  width: calc(70% - 2em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
.news__item.key .news__item-text  { display: flex; align-items: center;}
.news__item.key .key-icon { width: 1.25rem; margin-right: 8px;}
.news__item.key span { width: calc(100% - 28px);}
.news__detail {
  border-bottom: 10px solid var(--sub);
  padding-bottom: 64px;
  margin-bottom: 64px;
}
.news__thumbnail { max-height: 600px; object-fit: contain; margin-bottom: 24px;}
.news__single-content { font-size: 1.125rem; letter-spacing: 0.1em;}
.post-relation__title {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.3em;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .news__title { font-size: 1.25rem; letter-spacing: 0.2em; padding-top: 1em;}
  .news__title span { display: inline; letter-spacing: 0.2em; margin-top: 0; margin-left: 8px;}
  .news__title span::before { content: "- ";}
  .post-relation__title { font-size: 1.25rem; letter-spacing: 0.2em; margin-bottom: 24px;}
  .news__item a { display: block;}
  .news__item-meta { width: 100%; column-gap: 8px; margin-bottom: 4px; font-size: .75rem;}
  .news__item-category { min-width: max-content; padding: 2px 16px;}
  .news__item-text { width: 100%; font-size: .875rem;}
  .news__item.key .key-icon { width: 1rem;}
  .news__detail { padding-bottom: 48px; margin-bottom: 48px;}
  .news__single-content { font-size: 1rem; letter-spacing: 0.05em;}
}