.main-img img {
      width: 100%;
  }

  .intro {
      text-align: center;
  }

  .intro-hand {
      font-family: "Monsieur La Doulaise", serif !important;
      color: #bc0e0e !important;
      font-size: 58px;
      line-height: 0.9;
      letter-spacing: 0.06em;
  }

  .intro h2 {
      font-size: 56px;
      letter-spacing: 0.04em;
      font-family: "EB Garamond", serif;
      color: #000000 !important;
      font-weight: 100;
      margin-top: 5px;
      margin-bottom: 30px;
  }

  .intro span {
      display: block;
      font-size: 18px;
  }

  .intro-ja {
      text-align: center;
      margin-top: 40px;
      line-height: 2.2;
      font-size: 20px;
      font-family: "Noto Serif JP", serif;
      color: #2b2b2b;
  }

  .sp {
      display: none;
  }

  #contents-header-box {
      display: none;
  }

  @media only screen and (max-width: 768px) {
      .sp {
          display: block;
      }

      .intro-hand {
          font-size: 48px;
      }

      .intro h2 {
          font-size: clamp(31px, 20.115px + 3.11vw, 44px);
          margin-bottom: 20px;
      }

      .intro-ja {
          font-size: 17px;
          margin-top: 20px;
      }
  }