@charset "UTF-8";

/* ==============================================================================

  "ZAISAN" Common SP Style

============================================================================== */
body { min-width: initial; }
.inner { width: calc(640 / 780 * 100%); }
.sp { display: inherit; }
.pc { display: none; }

/*
  Header
============================================================================== */
.l-header { padding: calc(50 / 780 * 100%) 0 calc(30 / 780 * 100%) calc(40 / 780 * 100%); }
.l-header h1 { width: calc(228 / 780 * 100%); }

/* Menu Trigger
------------------------------------------------------------------------------ */
.menu-trigger {
  top: calc(50 / 780 * 100vw);
  right: calc(30 / 780 * 100vw);
}

@media screen and (max-width:480px) {
  .menu-trigger > div span {
    width: calc(2px * .7);
    height: calc(45px * .7);
    margin: 0 calc(4px * .7);
  }
  .menu-trigger.is-toggled > div span:first-of-type { transform: translateX(calc((45px * .7) / 4 * -1) ) rotate(45deg); }
  .menu-trigger.is-toggled > div span:last-of-type { transform: translateX(calc((45px * .7) / 4)) rotate(-45deg); }
  .menu-trigger::after { margin: .35em 0 0; }
}

/* Toggle Menu
------------------------------------------------------------------------------ */
.toggle-menu-unit { height: auto; }
.toggle-menu-unit .inner { padding: calc(230 / 780 * 100%) 0 calc(240 / 780 * 100%); }

/* Global Navi */
.gnav li { margin: 0 0 calc(60 / 780 * 100%); }
.gnav li a { font-size: calc(20 / 780 * 100vw); }
.gnav li a span { font-size: calc(36 / 780 * 100vw); }

/* Inquiry Button */
.gnav + button a {
  font-size: calc(24 / 780 * 100vw);
  line-height: 1.0;
  padding: 20px 0;
}
@media screen and (max-width:480px) {
  .gnav + button { width: 100%; }
  .gnav + button a {
    text-align: center;
    text-indent: 0;
  }
  .gnav + button a::after {
    right: 15px;
    transform: translate(-50%, -50%) scale(.85);
    transform-origin: 50% 50%;
  }
}

/*
  Footer
============================================================================== */
.l-footer { padding: calc(40 / 780 * 100%) 0; }
.copy { font-size: calc(20 / 780 * 100vw); }