@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  /* -----  ----- */
  .container .content-wrapper {
  }

  .container .content-wrapper main {
    width: 100%;
  }

  .container .content-wrapper main section {
  }

  /* ---  --- */
  section .section-title {
    margin-bottom: 25px;
  }

  section .section-title h2 {
    font-weight: 600;
  }
  
  section .section-title p {
    font-size: var(--font-size-normal);
  }

  /* ---  --- */
  section .section-content {
  }

  .section-content__main-sentence {
  }

  .section-content__main-sentence p {
  }

  /* -----  ----- */
  main section.news-archive-list {
  }

  main section.news-archive-list .section-title {
    margin-bottom: 25px;
  }

  main section.news-archive-list .section-content {
  }

  main section.news-archive-list .section-content .news-list-container {
    margin-top: 35px;
    margin-bottom: 35px;
  }


  main section.news-archive-list .section-content .more-button {
    width: 300px;
    height: 45px;

    margin-right: auto;
    margin-left: auto;

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

    border-radius: var(--cta-button-border-radius);
    transition-duration: var(--animation-duration-primary);
  }


}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  /* -----  ----- */
  .container .content-wrapper main {
    width: 100%;
  }

  .container .content-wrapper main section {
  }


  /* ---  --- */
  section .section-title {
    margin-bottom: 1.15rem;
  }

  section .section-title h2 {
    font-weight: 600;
  }
  
  section .section-title p {
    line-height: normal;
    font-size: var(--font-size-normal);
  }

  /* ---  --- */
  section .section-content {
  }

  .section-content__main-sentence {
  }

  .section-content__main-sentence p {
  }

  /* -----  ----- */
  main section.news-archive-list {
  }

  main section.news-archive-list .section-title {
    margin-bottom: 25px;
  }

  main section.news-archive-list .section-content {
  }

  main section.news-archive-list .section-content .news-list-container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }


  main section.news-archive-list .section-content .more-button {
    width: 175px;
    height: 37.5px;

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

    border-radius: var(--cta-button-border-radius);
    transition-duration: var(--animation-duration-primary);


    margin-right: auto;
    margin-left: auto;
  }

}