@charset "utf-8";

/* -----------------------------------------
responsive style
-------------------------------------------*/
@media screen and (max-width: 700px) {
  .main {
    padding-bottom: 0;
  }
  /* -----------------------
  header
  ----------------------- */
  #header {
    width: 100vw;
    height: 50vh;
    top: 0;
    padding: 1rem 0.5rem;
  }
  .mainvisual img {
    height: 100vh;
  }
  /* -----------------------
  main
  ----------------------- */
  #calendar {
    .blank {
      display: block;
    }
    .calendar {
      & span {
        margin-left: 0;
      }
    }
  }
  .menu {
    .title-container {
      flex-direction: column;
      gap: 0;
    }
    .list {
      grid-template-columns: 1fr;
    }
  }
  #access {
    .container {
      grid-template-columns: 1fr;
    }
    .map iframe {
      width: 100%;
    }
    & dt,
    & dl + p {
      padding: 0;
    }
    & dd {
      padding-left: 1rem;
    }
  }
  #form {
    .grid {
      grid-template-columns: 1fr;
      gap: 0.2rem;
    }
    & input {
      margin-bottom: 0.5rem;
    }
    .privacy-policy {
      width: 100%;
      font-size: 0.9rem;
    }
  }
  /* -------------------------
  footer
  ------------------------- */
  #footer {
    .container {
      flex-direction: column;
    }
    .logo {
      margin-bottom: 1rem;
    }
    .footer-navigation {
      flex-direction: column;
      gap: 0.5rem;
    }
  }
  #thanks-page {
    .blank {
      display: block;
    }
  }
  /* デモサイトであることの明記 */
  #front-page::before {
    left: 10%;
    top: 43%;
  }
  #footer::before {
    left: 10%;
  }
}