@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  .section__news-item {
  }

  .section__news-item__header {
    margin-bottom: 15px;
  }

  .section__news-item__header__top {
    margin-bottom: 1.55rem;

    display: flex;
    align-items: center;
  }

  .section__news-item__header__top p.date {
    font-size: 0.9rem;
    margin-right: 12.5%;
  }

  .section__news-item__header__top p.category {
    border: 1px solid var(--secondary-base-color-code);
    border-radius: 5px;

    padding-top: 1.5px;
    padding-right: 5px;
    padding-bottom: 1.5px;
    padding-left: 5px;
  }

  .section__news-item__header__bottom h2.title {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .section__news-item__body {
    padding-top: 25px;
    padding-bottom: 55px;

    margin-bottom: 35px;

    border-bottom: 1px solid var(--main-color-code);
  }



  .section__news-item__footer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .section__news-item__footer__list-back-button {
    width: 300px;
    height: 45px;

    background-color: var(--main-color-code);
    color: #ffffff;
  }
}


@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  .section__news-item {
  }

  .section__news-item__header {
    margin-bottom: 0.75rem;
  }

  .section__news-item__header__top {
    margin-bottom: 1.15rem;

    display: flex;
    align-items: center;
  }

  .section__news-item__header__top p.date {
    font-size: 0.875rem;
    margin-right: 12.5%;
  }

  .section__news-item__header__top p.category {
    border: 1px solid var(--secondary-base-color-code);
    border-radius: 5px;
    font-size: 0.875rem;

    padding-top: 1.5px;
    padding-right: 5px;
    padding-bottom: 1.5px;
    padding-left: 5px;
  }

  .section__news-item__header__bottom h2.title {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .section__news-item__body {
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;

    margin-bottom: 1.35rem;

    border-bottom: 1px solid var(--main-color-code);
  }



  .section__news-item__footer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .section__news-item__footer__list-back-button {
    width: 175px;

    background-color: var(--main-color-code);
    color: #ffffff;
  }
}