/* ==========================================================================
   坂東ゼミ LP Styles
   Sections: Base / Header / Main Visual / Stats / Hero / Features /
             Courses / Schedule / Access / Footer / Utilities
   ========================================================================== */

:root {
  --green: #00c853;
  --green-hover: #00b34a;
  --green-dark: #2e5a4d;
  --blue-heading: #1a73e8;
  --text-nav: #334155;
  --text-muted: #94a3b8;
  --text-body: #64748b;
  --icon-bg: #1e3a5f;
  --heading-navy: #1e293b;
  --course-card-bg: #eef4fb;
  --schedule-card-bg: #f0f4f8;
  --schedule-badge-bg: #d6e8f5;
  --schedule-navy: #1a202c;
  --access-bg: #f1f5f9;
  --access-icon-phone: #f97316;
  --access-icon-pin: #38bdf8;
  --line-icon-bg: #dcfce7;
  --mv-blue: #0056d2;
  --white: #ffffff;
  --header-h: 80px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --space-section-top: clamp(72px, 9vw, 116px);
  --space-section-bottom: clamp(82px, 10vw, 132px);
  --space-header-bottom: clamp(42px, 5vw, 60px);
  --space-grid-gap: clamp(18px, 2.2vw, 28px);
  --space-card-y: clamp(26px, 3vw, 34px);
  --space-card-x: clamp(20px, 2.2vw, 26px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overscroll-behavior-x: none;
  width: 100%;
}

body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: "Noto Sans JP", system-ui, sans-serif;
  font-size: 15px;
  color: #1e293b;
  background: var(--white);
  overscroll-behavior-x: none;
}

@media (max-width: 900px) {
  body {
    touch-action: pan-y pinch-zoom;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}