@media screen and (min-width: 960px) {
  /* PC and Tablet */
  /* ----------  ---------- */

  section.campaign {
    background-color: var(--secondary-base-color-code);
  }

  .campaign__intro {
    margin-bottom: 2.25rem;

    --label-line-width: 1.5rem;
  }

  .campaign__intro-label span {
    position: relative;
    margin-left: var(--label-line-width);
    font-family: var(--noto-sans-jp);
  }

  .campaign__intro-label span:before, 
  .campaign__intro-label span:after {
    content: '';
    width: var(--label-line-width);
    height: 1px;
    background-color: #000000;

    position: absolute;
    top: 50%;
  }

  .campaign__intro-label span:before {
    transform: rotate(45deg);
    left: calc(var(--label-line-width) * -1);
  }

  .campaign__intro-label span:after {
    transform: rotate(-45deg);
    right: calc(var(--label-line-width) * -1);
  }

  .campaign__intro-title h3 {
    font-weight: 700;
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }

  .campaign__description {
    margin-bottom: 2.25rem;
  }

  .campaign__description p {
  }

  .campaign__contact-button-link {
    width: 300px;

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

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

}

@media screen and (max-width: 959px) {
  /* Mobile */
  /* ----------  ---------- */

  section.campaign {
    background-color: var(--secondary-base-color-code);
  }

  .campaign__intro {
    margin-bottom: 1.25rem;

    --label-line-width: 1.5rem;
  }

  .campaign__intro-label span {
    position: relative;
    margin-left: var(--label-line-width);
    font-family: var(--noto-sans-jp);
  }

  .campaign__intro-label span:before, 
  .campaign__intro-label span:after {
    content: '';
    width: var(--label-line-width);
    height: 1px;
    background-color: #000000;

    position: absolute;
    top: 50%;
  }

  .campaign__intro-label span:before {
    transform: rotate(45deg);
    left: calc(var(--label-line-width) * -1);
  }

  .campaign__intro-label span:after {
    transform: rotate(-45deg);
    right: calc(var(--label-line-width) * -1);
  }

  .campaign__intro-title h3 {
    font-weight: 700;
    font-size: calc(var(--font-size-normal) + 0.15rem);
  }

  .campaign__description {
    margin-bottom: 1.25rem;
  }

  .campaign__description p {
  }

  .campaign__contact-button-link {
    width: 300px;

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

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