@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 {
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
  padding: 24rem 8rem;
  &:hover {
    .news-list_headline {
      > p {
        &::after {
          transform: scale(1, 1);
          transition-duration: var(--motion-default);
        }
      }
    }
  }
}

.news-list_meta {
  display: flex;
  align-items: center;
  column-gap: 16rem;
  .en {
    font-size: 12rem;
    color: var(--color-primary);
  }
}
.news-list_kind {
  min-width: 76rem;
  text-align: center;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 2rem 8rem;
  font-size: 11rem;
  line-height: 1.6;
  border-radius: 2rem;
  @supports (text-box: trim-both cap alphabetic) {
    text-box: trim-both cap alphabetic;
    padding: 6rem 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: 18rem;
    margin-top: 8rem;
    padding-bottom: 24rem;
    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_wrap {
  padding-block: 32rem;
  &:has(.news-detail_img) {
    display: grid;
    grid-template-rows: repeat(2, auto);
    row-gap: 24rem;
  }
  .news-detail_img-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem;
    &:not(:first-child) {
      margin-top: 16rem;
    }
    &:not(:last-child) {
      margin-bottom: 32rem;
    }
    img {
      width: 100%;
      aspect-ratio: 5 / 3;
      object-fit: cover;
      border-radius: var(--img-round02);
    }
    figcaption {
      margin-block: 4rem;
      text-align: center;
      font-weight: var(--bold);
      letter-spacing: 0.03em;
    }
  }
}
.news-detail_img {
  width: 100%;
  grid-row: 1 / 2;
  img {
    width: 100%;
    border-radius: var(--img-round);
  }
}
.news-detail_text {
  p + p {
    margin-top: 16rem;
  }
}