.news-item {
  padding-top: calc(var(--vw) * 99);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px calc(var(--vw) * 15) calc(var(--vw) * 80);
  @media screen and (min-width: 769px) {
    padding: 224px 0 calc(var(--vw) * 128);
    max-width: calc(var(--vw) * 900);
    margin: 0 auto;
    width: 100%;
  }
}
:where(.news-item) {
  .news-item__title {
    font-weight: 400;
    font-size: calc(var(--rem) * 20);
    margin-bottom: calc(var(--vw) * 20);
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 25);
      margin-bottom: calc(var(--vw) * 37);
    }
  }
  .news-item__inner {
    width: 100%;
  }
  .news-item__thumbnail {
    margin-bottom: calc(var(--vw) * 20);
    @media screen and (min-width: 769px) {
      width: calc(var(--vw) * 900);
      height: calc(var(--vw) * 510);
      margin-bottom: calc(var(--vw) * 59);
    }
    img {
      height: 100%;
      object-fit: cover;
    }
  }
  .news-item__content {
    font-weight: 500;
    font-size: calc(var(--rem) * 15);
    line-height: 25px;
    margin-bottom: calc(var(--vw) * 40);
    @media screen and (min-width: 769px) {
      line-height: 30px;
      margin-bottom: calc(var(--vw) * 70);
    }
    a {
      border-bottom: 1px solid #FFF;
    }
  }
  .news-item__back-to-list {
    border: 1px solid #FFF;
    transition: opacity 0.2s linear;
    font-size: calc(var(--rem) * 15);
    letter-spacing: 1px;
    padding: calc(var(--vw) * 10) calc(var(--vw) * 20);
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 20);
      letter-spacing: 1px;
      padding: calc(var(--vw) * 15) calc(var(--vw) * 100);
    }
    &:hover {
      opacity: 0.6;
    }
  }
}