@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  .container .main-visual {
    width: var(--eye-catch-width);
    height: var(--eye-catch-height);

    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
  }


  .container .main-visual .page-title-container {
    position: absolute;
    top: 65vh;
    padding-left: calc(var(--width-of-header) + 1.5rem);
    padding-right: 1.5rem;
  }

  .container .main-visual .page-title-container h1 {
    font-size: var(--font-size-medium);
    margin-bottom: 0.85rem;
  }

  .container .main-visual .page-title-container p {
    font-size: var(--font-size-normal);
  }


  section .section-header {
    margin-bottom: 1.15rem;
  }

  section .section-header p.title-label {
    color: var(--main-color-code);
  }

  section .section-header h2.title {
    padding-bottom: 0.15rem;
  }


  section.first-view .section-header h2.title {
    font-size: var(--font-size-large);
    color: #000000;
  }

  section.first-view .section-content p {
    white-space: pre-line;
  }

  section.our-mission .text-content {
    margin-bottom: 1.55rem;
  }


  section.our-business ul.services-list {
  }

  section.our-business ul.services-list li {
    display: flex;
    align-items: center;
  }

  section.our-business ul.services-list li .icon {
    width: 125px;
    aspect-ratio: 1 / 1;

    flex-shrink: 0;

    margin-right: 2.5rem;
  }

  section.our-business ul.services-list li .information {
  }

  section.our-business ul.services-list li .title {
    margin-bottom: 0.35rem;
  }

  section.our-business ul.services-list li .title h3 {
  }

  section.our-business ul.services-list li .overview {
    margin-bottom: 0.75rem;
  }

  section.recruitment .recruitment-statement {
    margin-bottom: 1.875rem;
  }

  section.recruitment .recruitment-statement h3 {
    font-size: var(--font-size-mid-normal);
    margin-bottom: 0.55rem;
  }

  section.recruitment .recruitment-button {
    width: 300px;

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

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


  .blog__article-list {
    width: 100%;

    display: flex;
    align-items: stretch;

    grid-column-gap: 1.5rem;

    overflow-x: scroll;
    flex-wrap: nowrap;
  }
  .blog__article-list::-webkit-scrollbar {
    display: none;
  }

  .blog__article-list__item {
    width: 245px;
    flex-shrink: 0;
  }

  section .view-more-button {
    width: 300px;
    height: 45px;

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

    margin-top: 1.75rem;
    margin-right: auto;
    margin-left: auto;

    transition-duration: var(--animation-duration-primary);
  }

  section .view-more-button:hover {
    opacity: 0.75;
  }


}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  .container .main-visual {
    width: var(--eye-catch-width);
    height: var(--eye-catch-height);

    margin-left: auto;
  }

  .container .main-visual .page-title-container {
    position: absolute;
    top: 25.5vh;
    left: calc(var(--width-of-header) + var(--primary-horizontal-padding));
  }

  .container .main-visual .page-title-container h1 {
    font-size: var(--font-size-medium);
    margin-bottom: 0.685rem;
  }

  .container .main-visual .page-title-container p {
    font-size: var(--font-size-normal);
  }


  section .section-header {
    margin-bottom: 0.875rem;
  }

  section .section-header p.title-label {
    color: var(--main-color-code);
  }

  section .section-header h2.title {
  }


  section.first-view .section-header h2.title {
    font-size: var(--font-size-mid-normal);
    color: #000000;
  }

  section.first-view .section-content p {
    white-space: pre-line;
  }

  section.our-mission .text-content {
    margin-bottom: 1.05rem;
  }


  section.our-business ul.services-list {
  }

  section.our-business ul.services-list li {
    display: flex;
    align-items: center;
  }

  section.our-business ul.services-list li .icon {
    width: 3.375rem;
    aspect-ratio: 1 / 1;

    flex-shrink: 0;

    margin-right: 0.725rem;
  }

  section.our-business ul.services-list li .information {
  }

  section.our-business ul.services-list li .title {
    margin-bottom: 0.25rem;
  }

  section.our-business ul.services-list li .title h3 {
  }

  section.our-business ul.services-list li .overview {
    margin-bottom: 0.75rem;
  }

  section.recruitment .recruitment-statement {
    margin-bottom: 1.25rem;
  }

  section.recruitment .recruitment-statement h3 {
    margin-bottom: 0.55rem;
  }

  section.recruitment .recruitment-button {
    width: 175px;

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

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


  .blog__article-list {
    width: 100%;

    display: flex;
    align-items: stretch;

    grid-column-gap: 1.5rem;
    padding-bottom: 1rem;

    overflow-x: scroll;
    flex-wrap: nowrap;
  }


  .blog__article-list__item {
    width: 200px;
    flex-shrink: 0;
  }

  section .view-more-button {
    width: 175px;

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

    margin-top: 1.75rem;
    margin-right: auto;
    margin-left: auto;

    transition-duration: var(--animation-duration-primary);
  }

  section .view-more-button:hover {
    opacity: 0.75;
  }


}