@charset "UTF-8";
/* =====================
  news-content
===================== */
.news-content {
  .inner-noTop {
    padding-block-start: 40rem;
  }
}
.news-list {
  > li {
    display: none;
    border-bottom: var(--border) var(--border-gray);
    &:first-child {
      border-top: var(--border) var(--border-gray);
    }
  }
}
.news-list_item {
  padding: 32rem 16rem;
  display: grid;
  grid-template-columns: 240rem 1fr;
  align-items: center;
  column-gap: 40rem;
  &:hover {
    .news-list_headline {
      > p {
        &::after {
          transform: scale(1, 1);
          transition-duration: var(--motion-default);
        }
      }
    }
  }
}

.news-list_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .en {
    font-size: 12rem;
    color: var(--color-primary);
  }
}
.news-list_kind {
  width: 120rem;
  text-align: center;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 2rem 8rem;
  font-size: 13rem;
  line-height: 1.6;
  border-radius: 2rem;
  @supports (text-box: trim-both cap alphabetic) {
    text-box: trim-both cap alphabetic;
    padding: 7rem 8rem;
  }
}
.news-list_headline {
  height: 1lh;
  > p {
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    &::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1rem;
      background-color: var(--color-text-primary);
      left: 0;
      bottom: 3rem;
      z-index: 1;
      transform-origin: left;
      transform: scale(0, 1);
    }
  }
}
.load-more-btn.hidden {
  display: none;
}

/* =====================
  news-detail
===================== */
.news-detail {
  .news-list_meta {
    justify-content: flex-start;
    column-gap: 24rem;
  }
  .news-detail-title {
    font-size: 24rem;
    margin-top: 16rem;
    padding-bottom: 32rem;
    border-bottom: var(--border) var(--border-gray);
    position: relative;
    &::after {
      content: '';
      position: absolute;
      width: 32rem;
      height: 2rem;
      background-color: var(--color-primary);
      left: 0;
      bottom: -1rem;
      z-index: 1;
    }
  }
}
.news-detail_text {
  padding-block: 64rem;
  p + p {
    margin-top: 32rem;
  }
}