@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 767px) {
  /* -------------------- 全体 */
  * {
    letter-spacing: 0.02em;
  }
  body {
    font-size: 1.5em;
  }
  /* -------------------- sp */
  .pc {}
  .sp {
    display: block;
  }
  /* -------------------- btn */
  /*normal*/
  #container a.btn {
    min-width: auto;
    max-width: 400px;
    /*margin: 10px 0;*/
    font-size: 1.4rem;
  }
  /* -------------------- header */
  #header {
    height: 64px;
    padding: 0 20px;
  }
  #header .header_logo .logo {
    width: 240px;
  }
  /* -------------------- toggle */
  nav .toggle {
    top: 18px;
    right: 16px;
  }
  nav .toggle::before {
    width: 64px;
    height: 64px;
  }
  /* -------------------- main */
  #main {
    padding: 32px 0 96px 0;
  }
  /*-------------------- common */
  .inner_common {
    padding: 0 20px;
  }
  .inner_common .block_common {
    padding: 24px 16px;
  }
  /* -------------------- footer */
  #footer .inner_common {
    padding: 0 20px;
  }
  #footer .content {
    flex-direction: column;
  }
  /* -------------------- pagetop */
}