@charset "UTF-8";

/* =========================
   Mobile (Education)
========================= */
@media (max-width: 768px) {

  /* =========================
     Hero
  ========================= */
  .education-hero {
    padding: 72px 0 64px;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,0.92) 0%,
        rgba(255,255,255,0.76) 34%,
        rgba(255,255,255,0.42) 66%,
        rgba(255,255,255,0.18) 100%
      ),
      url("../img/砂浜と本s.jpg") center / cover no-repeat;
  }

  .education-hero .hero-copy {
    max-width: 100%;
  }

  .education-hero .title {
    font-size: 32px;
    line-height: 1.4;
  }

  .education-hero .text {
    font-size: 14px;
    line-height: 1.9;
  }

  /* =========================
     Concept
  ========================= */
  .concept-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .concept-image {
    transform: none;
  }

  .concept-text .lead {
    font-size: 16px;
    line-height: 1.8;
  }

  .concept-text .text p,
  .feature-list li {
    font-size: 14px;
    line-height: 1.9;
  }

  /* =========================
     Results
  ========================= */
  .results-text {
    font-size: 14px;
    line-height: 1.9;
  }

  .results-stats {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .results-number {
    font-size: 28px;
  }

  /* =========================
     Menu
  ========================= */
  .menu-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .menu-body {
    padding: 18px 18px 20px;
  }

  .menu-body h3 {
    font-size: 18px;
  }

  .menu-body p {
    font-size: 13px;
    line-height: 1.8;
  }

  /* =========================
     CTA
  ========================= */
  .education-cta .cta-box {
    padding: 36px 20px;
  }

  .education-cta .cta-box h2 {
    font-size: 26px;
    line-height: 1.45;
  }

  .education-cta .cta-box p {
    font-size: 14px;
  }

  .education-cta .btn {
    width: 100%;
    max-width: 320px;
  }

}