@layer page {
  .notfound {
    padding: 5rem 0 3.75rem 0;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .notfound {
      padding: 20vw 0 5vw 0;
    }
  }
  .notfound__ttl {
    font-weight: 700;
    font-size: 1.5rem;
  }
  .notfound__ttl span {
    font-family: var(--en-sans);
    color: var(--accent);
    font-size: 6.25rem;
    display: block;
  }
  @media screen and (max-width: 1200px) {
    .notfound__ttl {
      font-size: 1.25rem;
    }
    .notfound__ttl span {
      font-size: 3.75rem;
    }
  }
  @media screen and (max-width: 767px) {
    .notfound__ttl {
      font-size: 4.5vw;
    }
    .notfound__ttl span {
      font-size: 10.5vw;
    }
  }
  .notfound__text {
    margin-top: 2.5rem;
    font-size: 1.125rem;
  }
  @media screen and (max-width: 1200px) {
    .notfound__text {
      font-size: 1rem;
    }
  }
  @media screen and (max-width: 767px) {
    .notfound__text {
      font-size: 4vw;
    }
  }
}