/* ===== Reset & Base ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
      background: #f9f7f2;
      color: #1a1a1a;
    }

    /* ===== Color Palette (from logo) ===== */
    :root {
      --navy:    #1a2d5a;
      --gold:    #b8860b;
      --red:     #c0392b;
      --cream:   #f9f7f2;
      --white:   #ffffff;
      --gray:    #f0ede6;
      --text:    #1a1a1a;
      --muted:   #666666;
    }

    /* ===== Header / Nav ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .header-logo {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .header-logo img {
      height: 52px;
      width: auto;
    }
    .header-logo-text {
      color: var(--white);
      line-height: 1.3;
    }
    .header-logo-text .tagline {
      font-size: 10px;
      letter-spacing: 2px;
      color: #aab4cc;
      text-transform: uppercase;
    }
    .header-logo-text .name {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 1px;
    }
    nav {
      display: flex;
      gap: 28px;
    }
    nav a {
      color: #ccd4e8;
      text-decoration: none;
      font-size: 13px;
      letter-spacing: 0.5px;
      transition: color 0.2s;
    }
    nav a:hover { color: var(--white); }

    /* ===== Hero ===== */
    .hero {
      background: #0d1f45 !important;
      color: #ffffff;
      text-align: center;
      padding: 80px 40px 72px;
      position: relative;
      overflow: hidden;
    }
    .hero-bg-img {
      position: absolute;
      inset: 0;
      background-image: url('https://pfmail.aj-academy.jp/wp-content/uploads/hero_academic.jpg');
      background-size: cover;
      background-position: center 30%;
      opacity: 0.18;
    }
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 50% 0%, rgba(184,134,11,0.12) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero-inner { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; }
    .hero-badge {
      display: inline-block;
      background: rgba(184,134,11,0.3);
      border: 1px solid #f0c040;
      color: #f0c040;
      font-size: 11px;
      letter-spacing: 3px;
      padding: 5px 18px;
      border-radius: 20px;
      margin-bottom: 24px;
      text-transform: uppercase;
    }
    .hero h1 {
      font-size: clamp(26px, 4vw, 44px);
      font-weight: 900;
      line-height: 1.35;
      margin-bottom: 20px;
      letter-spacing: 1px;
      color: #ffffff;
      text-shadow: 0 2px 12px rgba(0,0,0,0.4);
    }
    .hero h1 span { color: #f0c040; }
    .hero p {
      font-size: 16px;
      color: #d0d8ee;
      max-width: 600px;
      margin: 0 auto 36px;
      line-height: 1.8;
    }
    .hero-cta {
      display: inline-block;
      background: #b8860b;
      color: #ffffff;
      padding: 14px 40px;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      letter-spacing: 1px;
      transition: background 0.2s, transform 0.2s;
      box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    }
    .hero-cta:hover { background: #9a6f00; transform: translateY(-2px); }

    /* ===== Section Titles ===== */
    .section-title {
      text-align: center;
      margin-bottom: 48px;
    }
    .section-title .en {
      display: block;
      font-size: 11px;
      letter-spacing: 4px;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .section-title h2 {
      font-size: clamp(22px, 3vw, 32px);
      font-weight: 900;
      color: var(--navy);
      line-height: 1.4;
    }
    .section-title .divider {
      width: 48px;
      height: 3px;
      background: var(--gold);
      margin: 14px auto 0;
      border-radius: 2px;
    }

    /* ===== Main Sections ===== */
    section { padding: 72px 40px; }
    section:nth-child(even):not(.hero):not(.featured):not(.cta-banner) { background: var(--gray); }

    /* ===== FEATURED: Penn Foster ===== */
    .featured {
      background: var(--navy) !important;
      color: var(--white);
      padding: 72px 40px;
    }
    .featured .section-title h2 { color: var(--white); }
    .featured-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .featured-text h3 {
      font-size: 28px;
      font-weight: 900;
      line-height: 1.4;
      margin-bottom: 16px;
    }
    .featured-text h3 span { color: #f0c040; }
    .featured-text p {
      color: #b0bcd8;
      line-height: 1.9;
      margin-bottom: 28px;
      font-size: 15px;
    }
    .featured-badge {
      display: inline-block;
      background: var(--red);
      color: var(--white);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 2px;
      padding: 4px 14px;
      border-radius: 3px;
      margin-bottom: 16px;
      text-transform: uppercase;
    }
    .featured-card {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 12px;
      padding: 32px;
    }
    .featured-card .card-icon { font-size: 40px; margin-bottom: 16px; }
    .featured-card h4 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: #f0c040; }
    .featured-card ul { list-style: none; }
    .featured-card ul li {
      color: #ccd4e8;
      font-size: 14px;
      padding: 6px 0;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .featured-card ul li::before { content: '✓'; color: #f0c040; font-weight: 700; }
    .btn-primary {
      display: inline-block;
      background: #f0c040;
      color: var(--navy);
      padding: 13px 32px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 800;
      text-decoration: none;
      letter-spacing: 0.5px;
      transition: background 0.2s, transform 0.2s;
    }
    .btn-primary:hover { background: #d4a800; transform: translateY(-2px); }
    .btn-outline {
      display: inline-block;
      border: 2px solid #f0c040;
      color: #f0c040;
      padding: 11px 28px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      margin-left: 12px;
      transition: all 0.2s;
    }
    .btn-outline:hover { background: #f0c040; color: var(--navy); }

    /* ===== Standard Path (3部) ===== */
    .standard-path { background: var(--cream); }
    .path-grid {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }
    .path-card {
      background: var(--white);
      border-radius: 12px;
      padding: 36px 28px;
      border-top: 5px solid var(--navy);
      box-shadow: 0 4px 20px rgba(0,0,0,0.07);
      transition: transform 0.2s, box-shadow 0.2s;
      text-decoration: none;
      color: inherit;
      display: block;
    }
    .path-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.13); }
    .path-card.elem { border-top-color: #4a90d9; }
    .path-card.mid  { border-top-color: #2ecc71; }
    .path-card.high { border-top-color: var(--gold); }
    .path-card.roots { border-top-color: #c87941; background: linear-gradient(135deg, #2c1a0e 0%, #4a2c10 100%); color: var(--white); }
    .path-card.roots h3 { color: var(--white); }
    .path-card.roots .tagline { color: #f0c040; }
    .path-card.roots p { color: #c0a080; }
    .path-card.roots .path-num { color: #c87941; }
    .path-card.roots .path-arrow { color: #c87941; }
    .roots-banner { background: linear-gradient(135deg, #2c1a0e 0%, #7a4a1e 100%); padding: 40px; margin: 0 auto 32px; max-width: 1100px; border-radius: 14px; display: flex; align-items: center; gap: 32px; }
    .roots-banner .rb-icon { font-size: 56px; flex-shrink: 0; }
    .roots-banner .rb-text { flex: 1; }
    .roots-banner .rb-label { font-size: 10px; letter-spacing: 4px; color: #c87941; text-transform: uppercase; margin-bottom: 8px; }
    .roots-banner h3 { font-size: 24px; font-weight: 900; color: var(--white); margin-bottom: 6px; }
    .roots-banner .rb-sub { font-size: 13px; color: #f0c040; font-weight: 700; margin-bottom: 10px; }
    .roots-banner p { font-size: 13px; color: #c0a080; line-height: 1.8; }
    .roots-banner .rb-btn { display: inline-block; background: #c87941; color: var(--white); padding: 11px 28px; border-radius: 4px; font-size: 13px; font-weight: 800; text-decoration: none; transition: all 0.2s; flex-shrink: 0; }
    .roots-banner .rb-btn:hover { background: #a8602a; transform: translateY(-2px); }
    .path-num {
      font-size: 11px;
      letter-spacing: 3px;
      color: var(--muted);
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .path-icon { font-size: 36px; margin-bottom: 14px; }
    .path-card h3 { font-size: 22px; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
    .path-card .tagline { font-size: 13px; color: var(--gold); font-weight: 700; margin-bottom: 14px; }
    .path-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    .path-arrow {
      margin-top: 20px;
      font-size: 13px;
      color: var(--navy);
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* ===== Specialty Programs (5科) ===== */
    .specialty { background: var(--gray); }
    .specialty-grid {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }
    .spec-card {
      background: var(--white);
      border-radius: 12px;
      padding: 32px 28px;
      display: flex;
      gap: 22px;
      align-items: flex-start;
      box-shadow: 0 4px 16px rgba(0,0,0,0.06);
      transition: transform 0.2s, box-shadow 0.2s;
      text-decoration: none;
      color: inherit;
      border-left: 5px solid var(--navy);
    }
    .spec-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,0.12); }
    .spec-card.college { border-left-color: #8e44ad; }
    .spec-card.sports  { border-left-color: #e67e22; }
    .spec-card.ai      { border-left-color: #16a085; }
    .spec-card.utah    { border-left-color: #c0392b; }
    .spec-icon { font-size: 38px; flex-shrink: 0; }
    .spec-body {}
    .spec-body .label {
      font-size: 10px;
      letter-spacing: 2px;
      color: var(--muted);
      text-transform: uppercase;
      margin-bottom: 6px;
    }
    .spec-body h3 { font-size: 18px; font-weight: 900; color: var(--navy); margin-bottom: 6px; }
    .spec-body .tagline { font-size: 12px; color: var(--gold); font-weight: 700; margin-bottom: 10px; }
    .spec-body p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    .spec-tag {
      display: inline-block;
      background: #f0ede6;
      color: var(--navy);
      font-size: 10px;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 20px;
      margin-top: 12px;
      letter-spacing: 0.5px;
    }

    /* ===== Flow / Pathway ===== */
    .pathway { background: var(--cream); }
    .pathway-inner { max-width: 900px; margin: 0 auto; }
    .flow {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      gap: 0;
    }
    .flow-item {
      text-align: center;
      padding: 20px 16px;
      background: var(--white);
      border-radius: 10px;
      border: 2px solid #e0dbd0;
      min-width: 120px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .flow-item .fi-icon { font-size: 28px; margin-bottom: 6px; }
    .flow-item .fi-name { font-size: 13px; font-weight: 700; color: var(--navy); }
    .flow-item .fi-sub { font-size: 10px; color: var(--muted); margin-top: 3px; }
    .flow-arrow {
      font-size: 22px;
      color: var(--gold);
      padding: 0 8px;
      font-weight: 700;
    }
    .flow-note {
      text-align: center;
      margin-top: 28px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.8;
    }

    /* ===== CTA Banner ===== */
    .cta-banner {
      background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important;
      color: var(--white);
      text-align: center;
      padding: 64px 40px;
    }
    .cta-banner h2 { font-size: 28px; font-weight: 900; margin-bottom: 12px; }
    .cta-banner p { font-size: 15px; color: rgba(255,255,255,0.8); margin-bottom: 32px; }

    /* ===== Footer ===== */
    footer {
      background: #0d1f45;
      color: #7a8aaa;
      text-align: center;
      padding: 32px 40px;
      font-size: 12px;
      line-height: 2;
    }
    footer strong { color: #aab4cc; }

    /* ===== Responsive ===== */
    @media (max-width: 768px) {
      header { padding: 0 20px; }
      nav { display: none; }
      .hero { padding: 56px 20px 48px; }
      section { padding: 56px 20px; }
      .featured-inner { grid-template-columns: 1fr; }
      .path-grid { grid-template-columns: 1fr; }
      .specialty-grid { grid-template-columns: 1fr; }
      .flow { flex-direction: column; }
      .flow-arrow { transform: rotate(90deg); }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-about.php specific === */



    :root {
      --navy: #1a2a4a;
      --gold: #c8a84b;
      --red: #c0392b;
      --light-navy: #2c3e6b;
      --cream: #fdf8f0;
      --text-dark: #1a1a2e;
      --text-gray: #555;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: 'Hiragino Mincho ProN', 'Yu Mincho', 'MS Mincho', Georgia, serif;
      color: var(--text-dark);
      background: #fff;
      line-height: 1.9;
    }

    /* ===== HEADER ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 80px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 12px rgba(0,0,0,0.3);
    }

    .logo-area {
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
    }

    .logo-area img {
      height: 52px;
      width: auto;
    }

    .logo-text {
      color: #fff;
      font-size: 0.8rem;
      letter-spacing: 0.05em;
      line-height: 1.4;
    }

    .logo-text strong {
      display: block;
      font-size: 1rem;
      color: var(--gold);
    }

    nav a {
      color: rgba(255,255,255,0.85);
      text-decoration: none;
      margin-left: 28px;
      font-size: 0.85rem;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      transition: color 0.2s;
    }

    nav a:hover { color: var(--gold); }

    /* ===== HERO ===== */
    .hero {
      position: relative;
      height: 480px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      background-image: url('https://pfmail.aj-academy.jp/wp-content/uploads/hero_academic.jpg');
      background-size: cover;
      background-position: center 30%;
      filter: brightness(0.45);
    }

    .hero-content {
      position: relative;
      text-align: center;
      color: #fff;
      padding: 0 20px;
    }

    .hero-label {
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      font-size: 0.8rem;
      letter-spacing: 0.3em;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 16px;
    }

    .hero h1 {
      font-size: clamp(1.8rem, 4vw, 3rem);
      font-weight: 700;
      line-height: 1.4;
      margin-bottom: 20px;
      text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    }

    .hero-sub {
      font-size: 1rem;
      color: rgba(255,255,255,0.85);
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      letter-spacing: 0.05em;
    }

    /* ===== GOLD DIVIDER ===== */
    .gold-divider {
      height: 4px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }

    /* ===== MAIN CONTENT ===== */
    .main-wrapper {
      max-width: 860px;
      margin: 0 auto;
      padding: 80px 40px;
    }

    /* ===== INTRO SECTION ===== */
    .intro-section {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: start;
      margin-bottom: 80px;
    }

    .intro-image {
      position: relative;
    }

    .intro-image img {
      width: 100%;
      border-radius: 4px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    }

    .intro-image-caption {
      text-align: center;
      font-size: 0.75rem;
      color: var(--text-gray);
      margin-top: 12px;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
    }

    .intro-text h2 {
      font-size: 1.5rem;
      color: var(--navy);
      margin-bottom: 20px;
      line-height: 1.5;
      border-left: 4px solid var(--gold);
      padding-left: 16px;
    }

    .intro-text p {
      font-size: 0.95rem;
      color: var(--text-gray);
      margin-bottom: 16px;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      line-height: 1.9;
    }

    /* ===== PHILOSOPHY SECTION ===== */
    .philosophy-section {
      background: var(--cream);
      border-radius: 8px;
      padding: 60px 50px;
      margin-bottom: 80px;
      position: relative;
      overflow: hidden;
    }

    .philosophy-section::before {
      content: '"';
      position: absolute;
      top: -20px;
      left: 30px;
      font-size: 200px;
      color: var(--gold);
      opacity: 0.1;
      font-family: Georgia, serif;
      line-height: 1;
    }

    .philosophy-section h2 {
      font-size: 1.4rem;
      color: var(--navy);
      margin-bottom: 32px;
      text-align: center;
      letter-spacing: 0.05em;
    }

    .philosophy-section h2 span {
      display: block;
      font-size: 0.75rem;
      color: var(--gold);
      letter-spacing: 0.2em;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 8px;
    }

    .quote-block {
      border-left: 3px solid var(--gold);
      padding: 20px 28px;
      margin: 28px 0;
      background: rgba(200, 168, 75, 0.06);
      border-radius: 0 4px 4px 0;
    }

    .quote-block p {
      font-size: 1.05rem;
      color: var(--navy);
      line-height: 1.9;
      font-style: italic;
    }

    .philosophy-body {
      font-size: 0.95rem;
      color: var(--text-gray);
      line-height: 2;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 16px;
    }

    /* ===== WORLD BRIDGE SECTION ===== */
    .world-section {
      margin-bottom: 80px;
    }

    .world-section-image {
      width: 100%;
      border-radius: 8px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.12);
      margin-bottom: 40px;
    }

    .world-section h2 {
      font-size: 1.4rem;
      color: var(--navy);
      margin-bottom: 24px;
      border-left: 4px solid var(--gold);
      padding-left: 16px;
    }

    .world-section p {
      font-size: 0.95rem;
      color: var(--text-gray);
      line-height: 2;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 16px;
    }

    /* ===== VALUES GRID ===== */
    .values-section {
      margin-bottom: 80px;
    }

    .values-section h2 {
      font-size: 1.4rem;
      color: var(--navy);
      text-align: center;
      margin-bottom: 40px;
    }

    .values-section h2 span {
      display: block;
      font-size: 0.75rem;
      color: var(--gold);
      letter-spacing: 0.2em;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 8px;
    }

    .values-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .value-card {
      background: var(--navy);
      color: #fff;
      padding: 32px 24px;
      border-radius: 6px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .value-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--gold);
    }

    .value-icon {
      font-size: 2rem;
      margin-bottom: 16px;
    }

    .value-card h3 {
      font-size: 1rem;
      color: var(--gold);
      margin-bottom: 12px;
      letter-spacing: 0.05em;
    }

    .value-card p {
      font-size: 0.82rem;
      color: rgba(255,255,255,0.8);
      line-height: 1.8;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
    }

    /* ===== BOOK SECTION ===== */
    .book-section {
      background: linear-gradient(135deg, var(--navy) 0%, var(--light-navy) 100%);
      border-radius: 12px;
      padding: 60px 50px;
      margin-bottom: 80px;
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    .book-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url('https://pfmail.aj-academy.jp/wp-content/uploads/book_cover_bg.jpg');
      background-size: cover;
      background-position: center;
      opacity: 0.12;
    }

    .book-inner {
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: 50px;
      align-items: center;
    }

    .book-visual {
      text-align: center;
    }

    .book-cover-mock {
      background: linear-gradient(135deg, #1a3a6a, #0d1f3c);
      border: 2px solid var(--gold);
      border-radius: 4px 8px 8px 4px;
      padding: 30px 24px;
      box-shadow: 6px 6px 20px rgba(0,0,0,0.5), inset 3px 0 8px rgba(0,0,0,0.3);
      display: inline-block;
      min-width: 160px;
      position: relative;
    }

    .book-cover-mock::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      background: linear-gradient(90deg, #0a1628, #1a3a6a);
      border-radius: 4px 0 0 4px;
    }

    .book-cover-title {
      font-size: 0.9rem;
      color: var(--gold);
      font-weight: 700;
      line-height: 1.6;
      margin-bottom: 16px;
    }

    .book-cover-author {
      font-size: 0.7rem;
      color: rgba(255,255,255,0.7);
      letter-spacing: 0.1em;
    }

    .book-cover-deco {
      width: 40px;
      height: 2px;
      background: var(--gold);
      margin: 12px auto;
    }

    .book-info h2 {
      font-size: 1.5rem;
      color: #fff;
      margin-bottom: 8px;
      line-height: 1.4;
    }

    .book-info .book-subtitle {
      font-size: 0.85rem;
      color: var(--gold);
      margin-bottom: 24px;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      letter-spacing: 0.05em;
    }

    .book-info p {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.85);
      line-height: 1.9;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 16px;
    }

    .book-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--gold);
      color: var(--navy);
      padding: 14px 32px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.95rem;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-top: 8px;
      transition: all 0.2s;
      box-shadow: 0 4px 12px rgba(200,168,75,0.3);
    }

    .book-cta:hover {
      background: #e0bf5a;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(200,168,75,0.4);
    }

    .book-cta svg {
      width: 18px;
      height: 18px;
    }

    /* ===== PROFILE SECTION ===== */
    .profile-section {
      margin-bottom: 80px;
      padding: 50px;
      border: 1px solid rgba(200,168,75,0.3);
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(26,42,74,0.03), rgba(200,168,75,0.05));
    }

    .profile-section h2 {
      font-size: 1.3rem;
      color: var(--navy);
      margin-bottom: 28px;
      text-align: center;
    }

    .profile-section h2 span {
      display: block;
      font-size: 0.75rem;
      color: var(--gold);
      letter-spacing: 0.2em;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-bottom: 8px;
    }

    .profile-name {
      text-align: center;
      margin-bottom: 28px;
    }

    .profile-name .name-ja {
      font-size: 1.4rem;
      color: var(--navy);
      font-weight: 700;
    }

    .profile-name .name-en {
      font-size: 0.85rem;
      color: var(--text-gray);
      letter-spacing: 0.1em;
      font-family: Georgia, serif;
      margin-top: 4px;
    }

    .profile-name .title {
      font-size: 0.8rem;
      color: var(--gold);
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      margin-top: 6px;
    }

    .profile-body {
      font-size: 0.9rem;
      color: var(--text-gray);
      line-height: 2;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
    }

    /* ===== CTA BANNER ===== */
    .cta-banner {
      background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important;
      color: #fff;
      text-align: center;
      padding: 50px 40px;
      border-radius: 8px;
      margin-bottom: 60px;
    }

    .cta-banner h2 {
      font-size: 1.4rem;
      margin-bottom: 12px;
    }

    .cta-banner p {
      font-size: 0.9rem;
      opacity: 0.9;
      margin-bottom: 24px;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
    }

    .cta-btn {
      display: inline-block;
      background: #fff;
      color: var(--red);
      padding: 14px 40px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.95rem;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
      transition: all 0.2s;
    }

    .cta-btn:hover {
      background: var(--cream);
      transform: translateY(-2px);
    }

    /* ===== FOOTER ===== */
    footer {
      background: var(--navy);
      color: rgba(255,255,255,0.7);
      text-align: center;
      padding: 40px 20px;
      font-size: 0.8rem;
      font-family: 'Hiragino Sans', 'Yu Gothic', sans-serif;
    }

    footer a {
      color: var(--gold);
      text-decoration: none;
    }

    footer a:hover { text-decoration: underline; }

    .footer-links {
      margin-bottom: 16px;
    }

    .footer-links a {
      margin: 0 12px;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
      header { padding: 0 20px; height: 70px; }
      nav { display: none; }
      .main-wrapper { padding: 50px 20px; }
      .intro-section { grid-template-columns: 1fr; gap: 32px; }
      .values-grid { grid-template-columns: 1fr; }
      .book-inner { grid-template-columns: 1fr; text-align: center; }
      .philosophy-section { padding: 40px 24px; }
      .profile-section { padding: 32px 24px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-elementary.php specific === */



    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif; background: #f9f7f2; color: #1a1a1a; }
    :root {
      --navy: #1a2d5a; --dark-navy: #0d1f45; --gold: #b8860b;
      --red: #c0392b; --cream: #f9f7f2; --white: #ffffff;
      --gray: #f0ede6; --muted: #666666; --elem: #4a90d9;
    }
    /* Header */
    header { background: var(--navy); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 72px; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; width: auto; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 28px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; letter-spacing: 0.5px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }
    /* Breadcrumb */
    .breadcrumb { background: var(--navy); padding: 12px 40px; border-top: 1px solid rgba(255,255,255,0.1); }
    .breadcrumb a, .breadcrumb span { font-size: 12px; color: #aab4cc; text-decoration: none; }
    .breadcrumb a:hover { color: var(--white); }
    .breadcrumb span { color: #f0c040; }
    .breadcrumb .sep { margin: 0 8px; color: #556080; }
    /* Hero */
    .hero { background: linear-gradient(135deg, #0d1f45 0%, #1a3a6a 50%, #1a2d5a 100%); color: var(--white); padding: 72px 40px 64px; position: relative; overflow: hidden; }
    .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(74,144,217,0.15) 0%, transparent 60%); pointer-events: none; }
    .hero-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
    .hero-door { font-size: 11px; letter-spacing: 4px; color: var(--elem); text-transform: uppercase; margin-bottom: 12px; }
    .hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight: 900; margin-bottom: 12px; color: var(--white); }
    .hero-tagline { font-size: 18px; color: #f0c040; font-weight: 700; margin-bottom: 20px; }
    .hero-lead { font-size: 15px; color: #c0cce0; line-height: 1.9; max-width: 560px; }
    .hero-badge-box { background: rgba(74,144,217,0.15); border: 2px solid var(--elem); border-radius: 12px; padding: 24px 28px; text-align: center; min-width: 160px; }
    .hero-badge-box .badge-icon { font-size: 48px; margin-bottom: 10px; }
    .hero-badge-box .badge-label { font-size: 12px; color: #aab4cc; margin-bottom: 4px; }
    .hero-badge-box .badge-val { font-size: 15px; font-weight: 700; color: var(--white); }
    /* Section base */
    section { padding: 64px 40px; }
    .section-inner { max-width: 960px; margin: 0 auto; }
    .section-title { margin-bottom: 40px; }
    .section-title .en { display: block; font-size: 11px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; margin-bottom: 8px; }
    .section-title h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: var(--navy); line-height: 1.4; }
    .section-title .divider { width: 40px; height: 3px; background: var(--gold); margin: 12px 0 0; border-radius: 2px; }
    /* Feature cards */
    .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .feature-card { background: var(--white); border-radius: 12px; padding: 28px 24px; border-top: 4px solid var(--elem); box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
    .feature-card .fc-icon { font-size: 36px; margin-bottom: 14px; }
    .feature-card h3 { font-size: 16px; font-weight: 800; color: var(--navy); margin-bottom: 10px; }
    .feature-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    /* Curriculum */
    .curriculum-section { background: var(--gray); }
    .accordion { display: flex; flex-direction: column; gap: 12px; }
    .acc-item { background: var(--white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
    .acc-header { display: flex; align-items: center; gap: 16px; padding: 20px 24px; cursor: pointer; user-select: none; transition: background 0.2s; }
    .acc-header:hover { background: #f5f3ee; }
    .acc-icon { font-size: 28px; flex-shrink: 0; }
    .acc-title { flex: 1; }
    .acc-title h3 { font-size: 16px; font-weight: 800; color: var(--navy); }
    .acc-title .sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
    .acc-arrow { font-size: 18px; color: var(--gold); transition: transform 0.3s; }
    .acc-item.open .acc-arrow { transform: rotate(180deg); }
    .acc-body { display: none; padding: 0 24px 24px; }
    .acc-item.open .acc-body { display: block; }
    .acc-body table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .acc-body table th { background: var(--navy); color: var(--white); padding: 10px 14px; text-align: left; font-size: 12px; }
    .acc-body table td { padding: 10px 14px; border-bottom: 1px solid #e8e4dc; color: #333; line-height: 1.7; vertical-align: top; }
    .acc-body table tr:last-child td { border-bottom: none; }
    .acc-body table tr:nth-child(even) td { background: #faf8f4; }
    /* Target section */
    .target-section { background: var(--white); }
    .target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .target-card { border-radius: 12px; padding: 28px; }
    .target-card.for { background: linear-gradient(135deg, #e8f2fc 0%, #d0e8f8 100%); border-left: 5px solid var(--elem); }
    .target-card.goal { background: linear-gradient(135deg, #fdf6e3 0%, #f5e8c0 100%); border-left: 5px solid var(--gold); }
    .target-card h3 { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
    .target-card ul { list-style: none; }
    .target-card ul li { font-size: 13px; color: #333; padding: 6px 0; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
    .target-card ul li::before { content: '✓'; color: var(--elem); font-weight: 700; flex-shrink: 0; margin-top: 2px; }
    .target-card.goal ul li::before { color: var(--gold); }
    /* Next step */
    .next-section { background: linear-gradient(135deg, #1a2d5a 0%, #0d1f45 100%); color: var(--white); text-align: center; padding: 56px 40px; }
    .next-section h2 { font-size: 24px; font-weight: 900; margin-bottom: 12px; }
    .next-section p { font-size: 14px; color: #b0bcd8; margin-bottom: 28px; line-height: 1.8; }
    .btn-next { display: inline-block; background: #2ecc71; color: var(--white); padding: 14px 36px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-next:hover { background: #27ae60; transform: translateY(-2px); }
    .btn-penn { display: inline-block; background: #f0c040; color: var(--navy); padding: 14px 36px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-penn:hover { background: #d4a800; transform: translateY(-2px); }
    /* CTA */
    .cta-banner { background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important; color: var(--white); text-align: center; padding: 56px 40px; }
    .cta-banner h2 { font-size: 24px; font-weight: 900; margin-bottom: 10px; }
    .cta-banner p { font-size: 14px; color: rgba(255,255,255,0.85); margin-bottom: 28px; }
    .btn-cta { display: inline-block; background: var(--white); color: var(--red); padding: 14px 40px; border-radius: 4px; font-size: 15px; font-weight: 800; text-decoration: none; transition: all 0.2s; }
    .btn-cta:hover { background: #f5f5f5; transform: translateY(-2px); }
    /* Footer */
    footer { background: #0d1f45; color: #7a8aaa; text-align: center; padding: 28px 40px; font-size: 12px; line-height: 2; }
    footer strong { color: #aab4cc; }
    @media (max-width: 768px) {
      header { padding: 0 20px; } nav { display: none; }
      .hero-inner { grid-template-columns: 1fr; } .hero-badge-box { display: none; }
      .feature-grid { grid-template-columns: 1fr; }
      .target-grid { grid-template-columns: 1fr; }
      section { padding: 48px 20px; }
      .breadcrumb { padding: 12px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-middle.php specific === */



    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif; background: #f9f7f2; color: #1a1a1a; }
    :root {
      --navy: #1a2d5a; --dark-navy: #0d1f45; --gold: #b8860b;
      --red: #c0392b; --cream: #f9f7f2; --white: #ffffff;
      --gray: #f0ede6; --muted: #666666; --mid: #2ecc71;
    }
    header { background: var(--navy); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 72px; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; width: auto; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 28px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }
    .breadcrumb { background: var(--navy); padding: 12px 40px; border-top: 1px solid rgba(255,255,255,0.1); }
    .breadcrumb a, .breadcrumb span { font-size: 12px; color: #aab4cc; text-decoration: none; }
    .breadcrumb a:hover { color: var(--white); }
    .breadcrumb span { color: #f0c040; }
    .breadcrumb .sep { margin: 0 8px; color: #556080; }
    /* Hero */
    .hero { background: linear-gradient(135deg, #0d1f45 0%, #0d3a20 50%, #1a4a2a 100%); color: var(--white); padding: 72px 40px 64px; position: relative; overflow: hidden; }
    .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(46,204,113,0.12) 0%, transparent 60%); pointer-events: none; }
    .hero-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
    .hero-door { font-size: 11px; letter-spacing: 4px; color: var(--mid); text-transform: uppercase; margin-bottom: 12px; }
    .hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight: 900; margin-bottom: 12px; color: var(--white); }
    .hero-tagline { font-size: 18px; color: #f0c040; font-weight: 700; margin-bottom: 20px; }
    .hero-lead { font-size: 15px; color: #c0cce0; line-height: 1.9; max-width: 560px; }
    .hero-badge-box { background: rgba(46,204,113,0.12); border: 2px solid var(--mid); border-radius: 12px; padding: 24px 28px; text-align: center; min-width: 160px; }
    .hero-badge-box .badge-icon { font-size: 48px; margin-bottom: 10px; }
    .hero-badge-box .badge-label { font-size: 12px; color: #aab4cc; margin-bottom: 4px; }
    .hero-badge-box .badge-val { font-size: 15px; font-weight: 700; color: var(--white); }
    section { padding: 64px 40px; }
    .section-inner { max-width: 960px; margin: 0 auto; }
    .section-title { margin-bottom: 40px; }
    .section-title .en { display: block; font-size: 11px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; margin-bottom: 8px; }
    .section-title h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: var(--navy); line-height: 1.4; }
    .section-title .divider { width: 40px; height: 3px; background: var(--gold); margin: 12px 0 0; border-radius: 2px; }
    /* Pillars */
    .pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .pillar-card { background: var(--white); border-radius: 12px; padding: 28px 24px; border-top: 4px solid var(--mid); box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
    .pillar-card .pc-icon { font-size: 36px; margin-bottom: 14px; }
    .pillar-card h3 { font-size: 16px; font-weight: 800; color: var(--navy); margin-bottom: 10px; }
    .pillar-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    /* Target */
    .target-section { background: var(--white); }
    .target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .target-card { border-radius: 12px; padding: 28px; }
    .target-card.for { background: linear-gradient(135deg, #e8fdf0 0%, #c8f0d8 100%); border-left: 5px solid var(--mid); }
    .target-card.goal { background: linear-gradient(135deg, #fdf6e3 0%, #f5e8c0 100%); border-left: 5px solid var(--gold); }
    .target-card h3 { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 14px; }
    .target-card ul { list-style: none; }
    .target-card ul li { font-size: 13px; color: #333; padding: 6px 0; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
    .target-card ul li::before { content: '✓'; color: var(--mid); font-weight: 700; flex-shrink: 0; margin-top: 2px; }
    .target-card.goal ul li::before { color: var(--gold); }
    /* Curriculum */
    .curriculum-section { background: var(--gray); }
    .accordion { display: flex; flex-direction: column; gap: 12px; }
    .acc-item { background: var(--white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
    .acc-header { display: flex; align-items: center; gap: 16px; padding: 20px 24px; cursor: pointer; user-select: none; transition: background 0.2s; }
    .acc-header:hover { background: #f5f3ee; }
    .acc-icon { font-size: 28px; flex-shrink: 0; }
    .acc-title { flex: 1; }
    .acc-title h3 { font-size: 16px; font-weight: 800; color: var(--navy); }
    .acc-title .sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
    .acc-arrow { font-size: 18px; color: var(--gold); transition: transform 0.3s; }
    .acc-item.open .acc-arrow { transform: rotate(180deg); }
    .acc-body { display: none; padding: 0 24px 24px; }
    .acc-item.open .acc-body { display: block; }
    .acc-body table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .acc-body table th { background: var(--navy); color: var(--white); padding: 10px 14px; text-align: left; font-size: 12px; }
    .acc-body table td { padding: 10px 14px; border-bottom: 1px solid #e8e4dc; color: #333; line-height: 1.7; vertical-align: top; }
    .acc-body table tr:last-child td { border-bottom: none; }
    .acc-body table tr:nth-child(even) td { background: #faf8f4; }
    /* Liberal Arts highlight */
    .liberal-box { background: linear-gradient(135deg, #1a2d5a 0%, #0d1f45 100%); border-radius: 12px; padding: 32px; margin-top: 16px; color: var(--white); }
    .liberal-box h3 { font-size: 18px; font-weight: 900; color: #f0c040; margin-bottom: 12px; }
    .liberal-box p { font-size: 14px; color: #b0bcd8; line-height: 1.9; margin-bottom: 20px; }
    .liberal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .liberal-item { background: rgba(255,255,255,0.08); border-radius: 8px; padding: 16px; text-align: center; }
    .liberal-item .li-icon { font-size: 28px; margin-bottom: 8px; }
    .liberal-item h4 { font-size: 13px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
    .liberal-item p { font-size: 12px; color: #9aaac8; line-height: 1.6; }
    /* Penn Foster bridge */
    .bridge-section { background: var(--cream); }
    .bridge-inner { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
    .bridge-text h2 { font-size: 26px; font-weight: 900; color: var(--navy); margin-bottom: 14px; line-height: 1.4; }
    .bridge-text h2 span { color: var(--gold); }
    .bridge-text p { font-size: 14px; color: var(--muted); line-height: 1.9; margin-bottom: 24px; }
    .btn-penn { display: inline-block; background: var(--gold); color: var(--white); padding: 13px 32px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; transition: all 0.2s; }
    .btn-penn:hover { background: #9a6f00; transform: translateY(-2px); }
    .bridge-card { background: var(--navy); border-radius: 12px; padding: 28px; color: var(--white); }
    .bridge-card h4 { font-size: 15px; font-weight: 700; color: #f0c040; margin-bottom: 14px; }
    .bridge-card ul { list-style: none; }
    .bridge-card ul li { font-size: 13px; color: #c0cce0; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.08); display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
    .bridge-card ul li::before { content: '→'; color: #f0c040; font-weight: 700; flex-shrink: 0; }
    /* Next step */
    .next-section { background: linear-gradient(135deg, #1a2d5a 0%, #0d1f45 100%); color: var(--white); text-align: center; padding: 56px 40px; }
    .next-section h2 { font-size: 24px; font-weight: 900; margin-bottom: 12px; }
    .next-section p { font-size: 14px; color: #b0bcd8; margin-bottom: 28px; line-height: 1.8; }
    .btn-high { display: inline-block; background: var(--gold); color: var(--white); padding: 14px 36px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-high:hover { background: #9a6f00; transform: translateY(-2px); }
    .btn-elem { display: inline-block; border: 2px solid #4a90d9; color: #4a90d9; padding: 12px 28px; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-elem:hover { background: #4a90d9; color: var(--white); }
    .cta-banner { background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important; color: var(--white); text-align: center; padding: 56px 40px; }
    .cta-banner h2 { font-size: 24px; font-weight: 900; margin-bottom: 10px; }
    .cta-banner p { font-size: 14px; color: rgba(255,255,255,0.85); margin-bottom: 28px; }
    .btn-cta { display: inline-block; background: var(--white); color: var(--red); padding: 14px 40px; border-radius: 4px; font-size: 15px; font-weight: 800; text-decoration: none; transition: all 0.2s; }
    .btn-cta:hover { background: #f5f5f5; transform: translateY(-2px); }
    footer { background: #0d1f45; color: #7a8aaa; text-align: center; padding: 28px 40px; font-size: 12px; line-height: 2; }
    footer strong { color: #aab4cc; }
    @media (max-width: 768px) {
      header { padding: 0 20px; } nav { display: none; }
      .hero-inner { grid-template-columns: 1fr; } .hero-badge-box { display: none; }
      .pillar-grid { grid-template-columns: 1fr; }
      .target-grid { grid-template-columns: 1fr; }
      .liberal-grid { grid-template-columns: 1fr; }
      .bridge-inner { grid-template-columns: 1fr; }
      section { padding: 48px 20px; }
      .breadcrumb { padding: 12px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-high.php specific === */



    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif; background: #f9f7f2; color: #1a1a1a; }
    :root {
      --navy: #1a2d5a; --dark-navy: #0d1f45; --gold: #b8860b;
      --red: #c0392b; --cream: #f9f7f2; --white: #ffffff;
      --gray: #f0ede6; --muted: #666666; --high: #c0392b;
    }
    header { background: var(--navy); padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 72px; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; width: auto; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 28px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }
    .breadcrumb { background: var(--navy); padding: 12px 40px; border-top: 1px solid rgba(255,255,255,0.1); }
    .breadcrumb a, .breadcrumb span { font-size: 12px; color: #aab4cc; text-decoration: none; }
    .breadcrumb a:hover { color: var(--white); }
    .breadcrumb span { color: #f0c040; }
    .breadcrumb .sep { margin: 0 8px; color: #556080; }
    /* Hero */
    .hero { background: linear-gradient(135deg, #0d1f45 0%, #3a0d0d 50%, #4a1a1a 100%); color: var(--white); padding: 72px 40px 64px; position: relative; overflow: hidden; }
    .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 50%, rgba(192,57,43,0.15) 0%, transparent 60%); pointer-events: none; }
    .hero-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
    .hero-door { font-size: 11px; letter-spacing: 4px; color: #e88080; text-transform: uppercase; margin-bottom: 12px; }
    .hero h1 { font-size: clamp(32px, 5vw, 52px); font-weight: 900; margin-bottom: 12px; color: var(--white); }
    .hero-tagline { font-size: 18px; color: #f0c040; font-weight: 700; margin-bottom: 20px; }
    .hero-lead { font-size: 15px; color: #c0cce0; line-height: 1.9; max-width: 560px; }
    .hero-badge-box { background: rgba(192,57,43,0.15); border: 2px solid #e88080; border-radius: 12px; padding: 24px 28px; text-align: center; min-width: 160px; }
    .hero-badge-box .badge-icon { font-size: 48px; margin-bottom: 10px; }
    .hero-badge-box .badge-label { font-size: 12px; color: #aab4cc; margin-bottom: 4px; }
    .hero-badge-box .badge-val { font-size: 15px; font-weight: 700; color: var(--white); }
    section { padding: 64px 40px; }
    .section-inner { max-width: 960px; margin: 0 auto; }
    .section-title { margin-bottom: 40px; }
    .section-title .en { display: block; font-size: 11px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; margin-bottom: 8px; }
    .section-title h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: var(--navy); line-height: 1.4; }
    .section-title .divider { width: 40px; height: 3px; background: var(--gold); margin: 12px 0 0; border-radius: 2px; }
    /* Value cards */
    .value-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .value-card { background: var(--white); border-radius: 12px; padding: 28px 24px; border-left: 5px solid var(--high); box-shadow: 0 4px 16px rgba(0,0,0,0.07); display: flex; gap: 20px; align-items: flex-start; }
    .value-card .vc-num { font-size: 36px; font-weight: 900; color: #e8c0b8; line-height: 1; flex-shrink: 0; }
    .value-card h3 { font-size: 16px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
    .value-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    /* Target */
    .target-section { background: var(--white); }
    .target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .target-card { border-radius: 12px; padding: 28px; }
    .target-card.for { background: linear-gradient(135deg, #fdf0ee 0%, #f8d8d0 100%); border-left: 5px solid var(--high); }
    .target-card.goal { background: linear-gradient(135deg, #fdf6e3 0%, #f5e8c0 100%); border-left: 5px solid var(--gold); }
    .target-card h3 { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 14px; }
    .target-card ul { list-style: none; }
    .target-card ul li { font-size: 13px; color: #333; padding: 6px 0; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
    .target-card ul li::before { content: '✓'; color: var(--high); font-weight: 700; flex-shrink: 0; margin-top: 2px; }
    .target-card.goal ul li::before { color: var(--gold); }
    /* Curriculum */
    .curriculum-section { background: var(--gray); }
    .accordion { display: flex; flex-direction: column; gap: 12px; }
    .acc-item { background: var(--white); border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.06); }
    .acc-header { display: flex; align-items: center; gap: 16px; padding: 20px 24px; cursor: pointer; user-select: none; transition: background 0.2s; }
    .acc-header:hover { background: #f5f3ee; }
    .acc-icon { font-size: 28px; flex-shrink: 0; }
    .acc-title { flex: 1; }
    .acc-title h3 { font-size: 16px; font-weight: 800; color: var(--navy); }
    .acc-title .sub { font-size: 12px; color: var(--muted); margin-top: 2px; }
    .acc-arrow { font-size: 18px; color: var(--gold); transition: transform 0.3s; }
    .acc-item.open .acc-arrow { transform: rotate(180deg); }
    .acc-body { display: none; padding: 0 24px 24px; }
    .acc-item.open .acc-body { display: block; }
    .acc-body table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .acc-body table th { background: var(--navy); color: var(--white); padding: 10px 14px; text-align: left; font-size: 12px; }
    .acc-body table td { padding: 10px 14px; border-bottom: 1px solid #e8e4dc; color: #333; line-height: 1.7; vertical-align: top; }
    .acc-body table tr:last-child td { border-bottom: none; }
    .acc-body table tr:nth-child(even) td { background: #faf8f4; }
    /* AO section */
    .ao-section { background: var(--white); }
    .ao-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .ao-card { background: linear-gradient(135deg, #0d1f45 0%, #1a2d5a 100%); border-radius: 12px; padding: 28px 24px; color: var(--white); }
    .ao-card .ao-icon { font-size: 36px; margin-bottom: 14px; }
    .ao-card h3 { font-size: 16px; font-weight: 800; color: #f0c040; margin-bottom: 10px; }
    .ao-card p { font-size: 13px; color: #b0bcd8; line-height: 1.8; }
    /* International section */
    .intl-section { background: var(--gray); }
    .intl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .intl-card { background: var(--white); border-radius: 12px; padding: 24px; border-top: 4px solid var(--gold); box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
    .intl-card .ic-icon { font-size: 32px; margin-bottom: 12px; }
    .intl-card h3 { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }
    .intl-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    /* College Prep bridge */
    .bridge-section { background: var(--cream); }
    .bridge-inner { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
    .bridge-text h2 { font-size: 26px; font-weight: 900; color: var(--navy); margin-bottom: 14px; line-height: 1.4; }
    .bridge-text h2 span { color: var(--gold); }
    .bridge-text p { font-size: 14px; color: var(--muted); line-height: 1.9; margin-bottom: 24px; }
    .btn-college { display: inline-block; background: var(--gold); color: var(--white); padding: 13px 32px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; transition: all 0.2s; }
    .btn-college:hover { background: #9a6f00; transform: translateY(-2px); }
    .bridge-card { background: var(--navy); border-radius: 12px; padding: 28px; color: var(--white); }
    .bridge-card h4 { font-size: 15px; font-weight: 700; color: #f0c040; margin-bottom: 14px; }
    .bridge-card ul { list-style: none; }
    .bridge-card ul li { font-size: 13px; color: #c0cce0; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.08); display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
    .bridge-card ul li::before { content: '→'; color: #f0c040; font-weight: 700; flex-shrink: 0; }
    /* Next step */
    .next-section { background: linear-gradient(135deg, #1a2d5a 0%, #0d1f45 100%); color: var(--white); text-align: center; padding: 56px 40px; }
    .next-section h2 { font-size: 24px; font-weight: 900; margin-bottom: 12px; }
    .next-section p { font-size: 14px; color: #b0bcd8; margin-bottom: 28px; line-height: 1.8; }
    .btn-cp { display: inline-block; background: var(--gold); color: var(--white); padding: 14px 36px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-cp:hover { background: #9a6f00; transform: translateY(-2px); }
    .btn-mid { display: inline-block; border: 2px solid #2ecc71; color: #2ecc71; padding: 12px 28px; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; margin: 0 8px; transition: all 0.2s; }
    .btn-mid:hover { background: #2ecc71; color: var(--white); }
    .cta-banner { background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important; color: var(--white); text-align: center; padding: 56px 40px; }
    .cta-banner h2 { font-size: 24px; font-weight: 900; margin-bottom: 10px; }
    .cta-banner p { font-size: 14px; color: rgba(255,255,255,0.85); margin-bottom: 28px; }
    .btn-cta { display: inline-block; background: var(--white); color: var(--red); padding: 14px 40px; border-radius: 4px; font-size: 15px; font-weight: 800; text-decoration: none; transition: all 0.2s; }
    .btn-cta:hover { background: #f5f5f5; transform: translateY(-2px); }
    footer { background: #0d1f45; color: #7a8aaa; text-align: center; padding: 28px 40px; font-size: 12px; line-height: 2; }
    footer strong { color: #aab4cc; }
    @media (max-width: 768px) {
      header { padding: 0 20px; } nav { display: none; }
      .hero-inner { grid-template-columns: 1fr; } .hero-badge-box { display: none; }
      .value-grid { grid-template-columns: 1fr; }
      .target-grid { grid-template-columns: 1fr; }
      .ao-grid { grid-template-columns: 1fr; }
      .intl-grid { grid-template-columns: 1fr; }
      .bridge-inner { grid-template-columns: 1fr; }
      section { padding: 48px 20px; }
      .breadcrumb { padding: 12px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-pennfoster.php specific === */



    :root {
      --navy:  #1a2d5a;
      --gold:  #b8860b;
      --red:   #c0392b;
      --white: #ffffff;
      --cream: #f5f2ed;
      --gray:  #f0ede6;
      --muted: #6b7280;
      --pf:    #003087; /* Penn Foster blue */
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', sans-serif; color: #1a1a1a; background: var(--white); }

    /* ===== HEADER ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 70px;
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .logo-area { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .logo-area img { height: 48px; }
    .logo-text { color: var(--white); }
    .logo-text .en { font-size: 11px; letter-spacing: 2px; color: #b8c4e0; }
    .logo-text .ja { font-size: 13px; font-weight: 700; }
    nav { display: flex; gap: 28px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; font-weight: 600; }
    nav a:hover { color: var(--white); }
    .back-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #ccd4e8;
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
    }
    .back-btn:hover { color: var(--white); }

    /* ===== HERO ===== */
    .hero {
      background: linear-gradient(135deg, #003087 0%, #1a2d5a 50%, #0d1f45 100%);
      padding: 80px 40px 60px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -60px; right: -60px;
      width: 400px; height: 400px;
      border-radius: 50%;
      background: rgba(255,255,255,0.04);
    }
    .hero-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
    .hero-label { font-size: 11px; letter-spacing: 4px; color: #f0c040; text-transform: uppercase; margin-bottom: 16px; }
    .hero h1 { font-size: 42px; font-weight: 900; color: var(--white); line-height: 1.3; margin-bottom: 12px; }
    .hero h1 span { color: #f0c040; }
    .hero-tagline { font-size: 16px; color: #a0b4d8; margin-bottom: 28px; line-height: 1.8; }
    .hero-cta {
      display: inline-block;
      background: #f0c040;
      color: var(--navy);
      padding: 14px 36px;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 900;
      text-decoration: none;
      transition: all 0.2s;
    }
    .hero-cta:hover { background: var(--white); transform: translateY(-2px); }
    .hero-card {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 14px;
      padding: 36px;
    }
    .hero-card h3 { font-size: 16px; font-weight: 800; color: #f0c040; margin-bottom: 20px; letter-spacing: 1px; }
    .hero-stat { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
    .hero-stat .icon { font-size: 28px; flex-shrink: 0; }
    .hero-stat .label { font-size: 12px; color: #a0b4d8; }
    .hero-stat .value { font-size: 15px; font-weight: 800; color: var(--white); }
    .notice-box {
      background: rgba(255,200,0,0.12);
      border: 1px solid rgba(255,200,0,0.3);
      border-radius: 8px;
      padding: 14px 18px;
      margin-top: 20px;
      font-size: 12px;
      color: #f0d080;
      line-height: 1.7;
    }

    /* ===== SECTION BASE ===== */
    section { padding: 72px 40px; }
    .section-title { text-align: center; margin-bottom: 52px; }
    .section-title .en { font-size: 11px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; display: block; margin-bottom: 10px; }
    .section-title h2 { font-size: 32px; font-weight: 900; color: var(--navy); line-height: 1.4; }
    .section-title .divider { width: 48px; height: 3px; background: var(--gold); margin: 16px auto 0; }
    .inner { max-width: 1100px; margin: 0 auto; }

    /* ===== NOTICE ===== */
    .notice-section { background: #fff8e1; padding: 40px; }
    .notice-section .inner { display: flex; align-items: flex-start; gap: 20px; }
    .notice-icon { font-size: 36px; flex-shrink: 0; }
    .notice-section h3 { font-size: 16px; font-weight: 800; color: #b8860b; margin-bottom: 12px; }
    .notice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 12px; }
    .notice-item { background: var(--white); border-radius: 8px; padding: 16px 20px; border-left: 4px solid #e67e22; }
    .notice-item .ni-label { font-size: 11px; color: var(--muted); margin-bottom: 4px; }
    .notice-item .ni-text { font-size: 13px; font-weight: 700; color: #333; line-height: 1.6; }

    /* ===== ABOUT PF ===== */
    .about-pf { background: var(--white); }
    .pf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .pf-card {
      background: var(--cream);
      border-radius: 12px;
      padding: 32px 28px;
      border-top: 4px solid var(--pf);
      text-align: center;
    }
    .pf-card .icon { font-size: 40px; margin-bottom: 14px; }
    .pf-card h3 { font-size: 17px; font-weight: 900; color: var(--navy); margin-bottom: 10px; }
    .pf-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    .pf-card .badge { display: inline-block; background: var(--pf); color: var(--white); font-size: 10px; font-weight: 800; padding: 4px 12px; border-radius: 20px; margin-bottom: 14px; letter-spacing: 1px; }

    /* ===== 3 TYPES ===== */
    .types-section { background: var(--cream); }
    .types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .type-card {
      background: var(--white);
      border-radius: 12px;
      padding: 32px 28px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.06);
      border-top: 5px solid var(--navy);
    }
    .type-card.straight { border-top-color: #2980b9; }
    .type-card.double   { border-top-color: #27ae60; }
    .type-card.restart  { border-top-color: #e67e22; }
    .type-num { font-size: 11px; letter-spacing: 3px; color: var(--muted); text-transform: uppercase; margin-bottom: 10px; }
    .type-card .icon { font-size: 36px; margin-bottom: 12px; }
    .type-card h3 { font-size: 18px; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
    .type-card .sub { font-size: 12px; color: var(--gold); font-weight: 700; margin-bottom: 14px; }
    .type-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }

    /* ===== SUBJECTS ===== */
    .subjects-section { background: var(--white); }
    .subjects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .subj-card {
      background: var(--cream);
      border-radius: 10px;
      padding: 24px 22px;
      border-left: 4px solid var(--pf);
    }
    .subj-card.math   { border-left-color: #e74c3c; }
    .subj-card.sci    { border-left-color: #27ae60; }
    .subj-card.soc    { border-left-color: #8e44ad; }
    .subj-card.health { border-left-color: #e67e22; }
    .subj-card.hum    { border-left-color: #16a085; }
    .subj-card h4 { font-size: 14px; font-weight: 900; color: var(--navy); margin-bottom: 10px; }
    .subj-card ul { list-style: none; }
    .subj-card ul li { font-size: 12px; color: var(--muted); padding: 3px 0; border-bottom: 1px solid #e0ddd6; line-height: 1.6; }
    .subj-card ul li:last-child { border-bottom: none; }
    .subj-note { text-align: center; margin-top: 24px; font-size: 13px; color: var(--muted); background: #fff8e1; padding: 14px 24px; border-radius: 8px; border: 1px solid #f0d060; }

    /* ===== FLOW ===== */
    .flow-section { background: #f0f4fa; }
    .flow-steps { display: flex; align-items: flex-start; gap: 0; max-width: 1000px; margin: 0 auto; }
    .flow-step { flex: 1; text-align: center; padding: 0 12px; position: relative; }
    .flow-step:not(:last-child)::after {
      content: '→';
      position: absolute;
      right: -14px;
      top: 28px;
      font-size: 22px;
      color: var(--gold);
      font-weight: 900;
    }
    .fs-num { width: 56px; height: 56px; border-radius: 50%; background: var(--pf); color: var(--white); font-size: 20px; font-weight: 900; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
    .fs-icon { font-size: 28px; margin-bottom: 10px; }
    .fs-title { font-size: 13px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }
    .fs-desc { font-size: 11px; color: var(--muted); line-height: 1.7; }
    .exam-box {
      max-width: 700px;
      margin: 40px auto 0;
      background: var(--white);
      border-radius: 12px;
      padding: 28px 36px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    }
    .exam-box h4 { grid-column: 1/-1; font-size: 14px; font-weight: 800; color: var(--navy); margin-bottom: 4px; padding-bottom: 12px; border-bottom: 2px solid var(--cream); }
    .exam-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #333; }
    .exam-item .ei-icon { font-size: 20px; flex-shrink: 0; }

    /* ===== SUPPORT ===== */
    .support-section { background: var(--white); }
    .support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .support-card {
      background: var(--cream);
      border-radius: 12px;
      padding: 32px 28px;
      text-align: center;
      border-bottom: 4px solid var(--navy);
    }
    .support-card .icon { font-size: 44px; margin-bottom: 14px; }
    .support-card h3 { font-size: 17px; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
    .support-card .badge { display: inline-block; background: var(--navy); color: var(--white); font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 20px; margin-bottom: 12px; }
    .support-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    .yokohama-box {
      max-width: 700px;
      margin: 40px auto 0;
      background: linear-gradient(135deg, var(--navy) 0%, #2a4080 100%);
      border-radius: 14px;
      padding: 36px 40px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      color: var(--white);
    }
    .yokohama-box h4 { grid-column: 1/-1; font-size: 18px; font-weight: 900; color: #f0c040; margin-bottom: 8px; }
    .yb-item { display: flex; align-items: flex-start; gap: 10px; }
    .yb-item .yi-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
    .yb-item .yi-label { font-size: 11px; color: #a0b4d8; margin-bottom: 2px; }
    .yb-item .yi-val { font-size: 14px; font-weight: 700; }

    /* ===== VIDEO RESOURCES ===== */
    .video-section { background: var(--cream); }
    .video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .video-card {
      background: var(--white);
      border-radius: 12px;
      padding: 28px;
      display: flex;
      gap: 20px;
      align-items: flex-start;
      box-shadow: 0 4px 14px rgba(0,0,0,0.06);
      border-left: 5px solid var(--navy);
    }
    .video-card.eng   { border-left-color: #2980b9; }
    .video-card.math  { border-left-color: #e74c3c; }
    .video-card.gen   { border-left-color: #27ae60; }
    .video-card.pf    { border-left-color: #8e44ad; }
    .video-card .icon { font-size: 40px; flex-shrink: 0; }
    .video-card h4 { font-size: 16px; font-weight: 900; color: var(--navy); margin-bottom: 6px; }
    .video-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }
    .video-note { text-align: center; margin-top: 28px; font-size: 13px; color: var(--muted); }

    /* ===== PLANS ===== */
    .plans-section { background: var(--white); }
    .plans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .plan-card {
      border-radius: 12px;
      padding: 28px 22px;
      border: 2px solid #e0ddd6;
      text-align: center;
      transition: all 0.2s;
    }
    .plan-card:hover { border-color: var(--navy); transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
    .plan-card .icon { font-size: 36px; margin-bottom: 12px; }
    .plan-card h3 { font-size: 16px; font-weight: 900; color: var(--navy); margin-bottom: 6px; }
    .plan-card .duration { font-size: 13px; color: var(--gold); font-weight: 700; margin-bottom: 14px; }
    .plan-card ul { list-style: none; text-align: left; }
    .plan-card ul li { font-size: 12px; color: var(--muted); padding: 5px 0; border-bottom: 1px solid #f0ede6; line-height: 1.6; }
    .plan-card ul li:last-child { border-bottom: none; }
    .plan-card ul li::before { content: '■ '; color: var(--navy); font-size: 8px; }

    /* ===== EXTRACURRICULAR ===== */
    .extra-section { background: var(--cream); }
    .extra-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .extra-card {
      background: var(--white);
      border-radius: 12px;
      padding: 32px 28px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.06);
      text-align: center;
    }
    .extra-card .icon { font-size: 44px; margin-bottom: 14px; }
    .extra-card h3 { font-size: 16px; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
    .extra-card .badge { display: inline-block; background: var(--red); color: var(--white); font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; }
    .extra-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }

    /* ===== CAREER ===== */
    .career-section { background: var(--white); }
    .career-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .career-card {
      border-radius: 12px;
      padding: 32px;
      border: 2px solid #e0ddd6;
    }
    .career-card h3 { font-size: 18px; font-weight: 900; color: var(--navy); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--cream); }
    .career-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .career-table th { background: var(--navy); color: var(--white); padding: 10px 14px; text-align: left; font-size: 12px; }
    .career-table td { padding: 10px 14px; border-bottom: 1px solid #f0ede6; color: #333; line-height: 1.6; }
    .career-table tr:last-child td { border-bottom: none; }

    /* ===== CTA ===== */
    .cta-section {
      background: linear-gradient(135deg, var(--navy) 0%, #003087 100%);
      padding: 72px 40px;
      text-align: center;
    }
    .cta-section h2 { font-size: 32px; font-weight: 900; color: var(--white); margin-bottom: 14px; }
    .cta-section p { font-size: 16px; color: #a0b4d8; margin-bottom: 36px; }
    .cta-btns { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
    .btn-primary {
      display: inline-block;
      background: #f0c040;
      color: var(--navy);
      padding: 16px 48px;
      border-radius: 4px;
      font-size: 16px;
      font-weight: 900;
      text-decoration: none;
      transition: all 0.2s;
    }
    .btn-primary:hover { background: var(--white); transform: translateY(-2px); }
    .btn-outline {
      display: inline-block;
      border: 2px solid rgba(255,255,255,0.5);
      color: var(--white);
      padding: 16px 48px;
      border-radius: 4px;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      transition: all 0.2s;
    }
    .btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.1); }

    /* ===== FOOTER ===== */
    footer {
      background: #0d1f45;
      color: #8899bb;
      text-align: center;
      padding: 32px 40px;
      font-size: 12px;
    }
    footer a { color: #8899bb; text-decoration: none; }
    footer a:hover { color: var(--white); }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
      header { padding: 0 20px; }
      nav { display: none; }
      .hero { padding: 48px 20px 40px; }
      .hero-inner { grid-template-columns: 1fr; gap: 32px; }
      .hero h1 { font-size: 28px; }
      section { padding: 52px 20px; }
      .pf-grid, .types-grid, .subjects-grid, .support-grid, .video-grid, .extra-grid { grid-template-columns: 1fr; }
      .plans-grid { grid-template-columns: repeat(2, 1fr); }
      .career-grid { grid-template-columns: 1fr; }
      .flow-steps { flex-direction: column; align-items: center; gap: 20px; }
      .flow-step::after { display: none; }
      .yokohama-box { grid-template-columns: 1fr; }
      .exam-box { grid-template-columns: 1fr; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-college-prep.php specific === */



    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Hiragino Sans', 'Noto Sans JP', sans-serif; color: #1a1a2e; line-height: 1.7; }

    /* ナビゲーション */
    nav {
      background: #0d1f45;
      padding: 14px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
    .nav-logo img { height: 44px; }
    .nav-logo span { color: #fff; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; }
    .nav-back {
      color: #c9a84c;
      text-decoration: none;
      font-size: 0.85rem;
      border: 1px solid #c9a84c;
      padding: 6px 16px;
      border-radius: 20px;
      transition: all 0.3s;
    }
    .nav-back:hover { background: #c9a84c; color: #0d1f45; }

    /* ヒーロー */
    .hero {
      background: linear-gradient(135deg, #7b2d8b 0%, #4a1a6b 40%, #1a0a3b 100%);
      color: #fff;
      padding: 80px 40px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -10%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(201,168,76,0.15) 0%, transparent 70%);
      border-radius: 50%;
    }
    .hero-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 380px;
      gap: 60px;
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(201,168,76,0.2);
      border: 1px solid #c9a84c;
      color: #c9a84c;
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      padding: 5px 16px;
      border-radius: 20px;
      margin-bottom: 20px;
    }
    .hero h1 {
      font-size: 2.6rem;
      font-weight: 800;
      line-height: 1.3;
      margin-bottom: 16px;
    }
    .hero h1 span { color: #c9a84c; }
    .hero-sub {
      font-size: 1.1rem;
      color: rgba(255,255,255,0.85);
      margin-bottom: 30px;
      line-height: 1.8;
    }
    .hero-highlight {
      background: rgba(201,168,76,0.15);
      border-left: 4px solid #c9a84c;
      padding: 16px 20px;
      border-radius: 0 8px 8px 0;
      font-size: 1rem;
      color: #ffe8a0;
      font-weight: 600;
    }
    .hero-card {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 16px;
      padding: 30px;
      backdrop-filter: blur(10px);
    }
    .hero-card h3 {
      font-size: 1rem;
      color: #c9a84c;
      margin-bottom: 20px;
      letter-spacing: 0.05em;
    }
    .hero-stat {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .hero-stat:last-child { border-bottom: none; }
    .hero-stat-icon { font-size: 1.5rem; width: 36px; text-align: center; }
    .hero-stat-text { font-size: 0.9rem; color: rgba(255,255,255,0.9); }
    .hero-stat-text strong { color: #fff; display: block; font-size: 1rem; }

    /* 先輩の声 */
    .voices {
      background: #f8f4ff;
      padding: 60px 40px;
    }
    .voices-inner { max-width: 1100px; margin: 0 auto; }
    .section-label {
      text-align: center;
      font-size: 0.75rem;
      letter-spacing: 0.2em;
      color: #7b2d8b;
      margin-bottom: 10px;
    }
    .section-title {
      text-align: center;
      font-size: 1.9rem;
      font-weight: 800;
      color: #0d1f45;
      margin-bottom: 40px;
    }
    .voices-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .voice-card {
      background: #fff;
      border-radius: 12px;
      padding: 24px;
      border-left: 4px solid #7b2d8b;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    .voice-card p {
      font-size: 0.9rem;
      color: #444;
      line-height: 1.8;
      font-style: italic;
    }
    .voice-card p::before { content: '「'; color: #7b2d8b; font-size: 1.2rem; }
    .voice-card p::after { content: '」'; color: #7b2d8b; font-size: 1.2rem; }

    /* 3本柱 */
    .pillars {
      background: #fff;
      padding: 80px 40px;
    }
    .pillars-inner { max-width: 1100px; margin: 0 auto; }
    .pillars-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      margin-top: 50px;
    }
    .pillar-card {
      border-radius: 16px;
      padding: 36px 28px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .pillar-card.english { background: linear-gradient(135deg, #e8f4fd, #d0e8f8); border-top: 4px solid #2196f3; }
    .pillar-card.culture { background: linear-gradient(135deg, #fff3e0, #ffe0b2); border-top: 4px solid #ff9800; }
    .pillar-card.math { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); border-top: 4px solid #4caf50; }
    .pillar-icon { font-size: 3rem; margin-bottom: 16px; }
    .pillar-card h3 { font-size: 1.3rem; font-weight: 800; color: #0d1f45; margin-bottom: 12px; }
    .pillar-card p { font-size: 0.9rem; color: #555; line-height: 1.7; margin-bottom: 20px; }
    .pillar-count {
      display: inline-block;
      background: rgba(0,0,0,0.08);
      border-radius: 20px;
      padding: 4px 16px;
      font-size: 0.8rem;
      font-weight: 700;
      color: #333;
    }

    /* 英語講座詳細 */
    .courses {
      background: #f8f4ff;
      padding: 80px 40px;
    }
    .courses-inner { max-width: 1100px; margin: 0 auto; }
    .course-section { margin-bottom: 60px; }
    .course-section-title {
      display: flex;
      align-items: center;
      gap: 14px;
      font-size: 1.4rem;
      font-weight: 800;
      color: #0d1f45;
      margin-bottom: 28px;
      padding-bottom: 14px;
      border-bottom: 2px solid #e0d0f0;
    }
    .course-section-title .badge {
      background: #7b2d8b;
      color: #fff;
      font-size: 0.75rem;
      padding: 4px 12px;
      border-radius: 12px;
      font-weight: 600;
    }
    .course-section-title .badge.orange { background: #e67e22; }
    .course-section-title .badge.green { background: #27ae60; }
    .courses-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .course-card {
      background: #fff;
      border-radius: 12px;
      padding: 22px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      border-top: 3px solid #7b2d8b;
      transition: transform 0.2s;
    }
    .course-card:hover { transform: translateY(-3px); }
    .course-card.orange { border-top-color: #e67e22; }
    .course-card.green { border-top-color: #27ae60; }
    .course-card h4 { font-size: 1rem; font-weight: 700; color: #0d1f45; margin-bottom: 8px; }
    .course-card .level {
      display: inline-block;
      font-size: 0.72rem;
      padding: 2px 10px;
      border-radius: 10px;
      background: #f0e8ff;
      color: #7b2d8b;
      margin-bottom: 10px;
      font-weight: 600;
    }
    .course-card .level.orange { background: #fff3e0; color: #e67e22; }
    .course-card .level.green { background: #e8f5e9; color: #27ae60; }
    .course-card p { font-size: 0.85rem; color: #555; line-height: 1.6; }
    .course-card .lessons {
      margin-top: 10px;
      font-size: 0.78rem;
      color: #888;
      border-top: 1px solid #f0f0f0;
      padding-top: 8px;
    }

    /* 留学中の学習フロー */
    .flow {
      background: #0d1f45;
      padding: 80px 40px;
      color: #fff;
    }
    .flow-inner { max-width: 1100px; margin: 0 auto; }
    .flow-inner .section-label { color: #c9a84c; }
    .flow-inner .section-title { color: #fff; }
    .flow-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      margin-top: 50px;
      position: relative;
    }
    .flow-grid::before {
      content: '';
      position: absolute;
      top: 50px;
      left: 12.5%;
      right: 12.5%;
      height: 2px;
      background: rgba(201,168,76,0.4);
      z-index: 0;
    }
    .flow-step {
      text-align: center;
      padding: 0 16px;
      position: relative;
      z-index: 1;
    }
    .flow-step-num {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #c9a84c;
      color: #0d1f45;
      font-size: 0.8rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 16px;
      flex-direction: column;
      line-height: 1.2;
    }
    .flow-step h4 { font-size: 0.95rem; font-weight: 700; color: #c9a84c; margin-bottom: 8px; }
    .flow-step p { font-size: 0.82rem; color: rgba(255,255,255,0.8); line-height: 1.6; }

    /* 特徴 */
    .features {
      background: #fff;
      padding: 80px 40px;
    }
    .features-inner { max-width: 1100px; margin: 0 auto; }
    .features-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
      margin-top: 50px;
    }
    .feature-card {
      background: linear-gradient(135deg, #f8f4ff, #ede0ff);
      border-radius: 16px;
      padding: 32px 24px;
      text-align: center;
    }
    .feature-icon { font-size: 2.8rem; margin-bottom: 16px; }
    .feature-card h3 { font-size: 1.1rem; font-weight: 800; color: #0d1f45; margin-bottom: 10px; }
    .feature-card p { font-size: 0.88rem; color: #555; line-height: 1.7; }

    /* CTA */
    .cta {
      background: linear-gradient(135deg, #7b2d8b, #4a1a6b);
      color: #fff;
      padding: 80px 40px;
      text-align: center;
    }
    .cta h2 { font-size: 2rem; font-weight: 800; margin-bottom: 16px; }
    .cta p { font-size: 1rem; color: rgba(255,255,255,0.85); margin-bottom: 36px; max-width: 600px; margin-left: auto; margin-right: auto; }
    .cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
    .btn-primary {
      background: #c9a84c;
      color: #0d1f45;
      padding: 16px 40px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 800;
      font-size: 1rem;
      transition: all 0.3s;
    }
    .btn-primary:hover { background: #e0c060; transform: translateY(-2px); }
    .btn-secondary {
      background: transparent;
      color: #fff;
      padding: 16px 40px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 700;
      font-size: 1rem;
      border: 2px solid rgba(255,255,255,0.6);
      transition: all 0.3s;
    }
    .btn-secondary:hover { border-color: #fff; background: rgba(255,255,255,0.1); }

    /* フッター */
    footer {
      background: #060e20;
      color: rgba(255,255,255,0.6);
      text-align: center;
      padding: 28px;
      font-size: 0.82rem;
    }

    @media (max-width: 768px) {
      .hero-inner, .pillars-grid, .voices-grid, .courses-grid, .flow-grid, .features-grid { grid-template-columns: 1fr; }
      .hero h1 { font-size: 1.8rem; }
      .flow-grid::before { display: none; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-sports.php specific === */



    :root {
      --navy: #1a2d5a;
      --gold: #c8a84b;
      --red: #c0392b;
      --light-navy: #2c3e6b;
      --cream: #fdf8f0;
      --text-dark: #1a1a2e;
      --text-gray: #555;
      --sport-green: #1a6b3a;
      --sport-light: #e8f5ee;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font-family: 'Hiragino Sans', 'Yu Gothic', 'Meiryo', sans-serif;
      color: var(--text-dark);
      background: #fff;
      line-height: 1.8;
    }

    /* ===== HEADER ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 12px rgba(0,0,0,0.3);
    }
    .logo-area { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .logo-area img { height: 48px; width: auto; }
    .logo-text { color: #fff; font-size: 0.75rem; letter-spacing: 0.05em; line-height: 1.4; }
    .logo-text strong { display: block; font-size: 0.95rem; color: var(--gold); }
    nav a {
      color: rgba(255,255,255,0.85);
      text-decoration: none;
      margin-left: 24px;
      font-size: 0.82rem;
      transition: color 0.2s;
    }
    nav a:hover { color: var(--gold); }

    /* ===== BREADCRUMB ===== */
    .breadcrumb {
      background: #f5f5f5;
      padding: 10px 40px;
      font-size: 0.78rem;
      color: var(--text-gray);
    }
    .breadcrumb a { color: var(--navy); text-decoration: none; }
    .breadcrumb a:hover { text-decoration: underline; }
    .breadcrumb span { margin: 0 8px; }

    /* ===== HERO ===== */
    .hero {
      position: relative;
      height: 420px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, #0d2a18 0%, #1a6b3a 50%, #0d2a18 100%);
    }
    .hero-bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: url('https://pfmail.aj-academy.jp/wp-content/uploads/sports_bg.jpg') center/cover no-repeat;
      opacity: 0.2;
    }
    .hero-content {
      position: relative;
      text-align: center;
      color: #fff;
      padding: 0 20px;
    }
    .door-badge {
      display: inline-block;
      background: var(--sport-green);
      color: #fff;
      font-size: 0.7rem;
      letter-spacing: 0.25em;
      padding: 6px 18px;
      border-radius: 2px;
      margin-bottom: 20px;
      font-weight: 700;
      border: 1px solid rgba(255,255,255,0.3);
    }
    .hero h1 {
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      font-weight: 900;
      line-height: 1.3;
      margin-bottom: 16px;
      text-shadow: 0 2px 12px rgba(0,0,0,0.5);
    }
    .hero h1 em {
      font-style: normal;
      color: #7fff9a;
    }
    .hero-sub {
      font-size: 1rem;
      color: rgba(255,255,255,0.85);
      max-width: 560px;
      margin: 0 auto;
    }

    /* ===== GOLD DIVIDER ===== */
    .gold-divider { height: 4px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }

    /* ===== SECTION WRAPPER ===== */
    .section-wrapper {
      max-width: 960px;
      margin: 0 auto;
      padding: 72px 40px;
    }
    .section-label {
      font-size: 0.72rem;
      letter-spacing: 0.3em;
      color: var(--sport-green);
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 12px;
    }
    .section-title {
      font-size: clamp(1.4rem, 3vw, 2rem);
      color: var(--navy);
      font-weight: 900;
      margin-bottom: 24px;
      line-height: 1.4;
    }
    .section-title span {
      color: var(--sport-green);
    }
    .section-body {
      font-size: 0.95rem;
      color: var(--text-gray);
      line-height: 2;
      margin-bottom: 16px;
    }

    /* ===== HIGHLIGHT CARDS ===== */
    .highlight-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 48px;
    }
    .highlight-card {
      background: var(--sport-light);
      border-radius: 8px;
      padding: 32px 24px;
      text-align: center;
      border-top: 4px solid var(--sport-green);
    }
    .highlight-icon {
      font-size: 2.5rem;
      margin-bottom: 16px;
    }
    .highlight-card h3 {
      font-size: 1rem;
      color: var(--navy);
      font-weight: 700;
      margin-bottom: 10px;
    }
    .highlight-card p {
      font-size: 0.85rem;
      color: var(--text-gray);
      line-height: 1.8;
    }

    /* ===== EXAM INFO ===== */
    .exam-section {
      background: var(--navy);
      color: #fff;
      padding: 72px 40px;
    }
    .exam-inner {
      max-width: 960px;
      margin: 0 auto;
    }
    .exam-section .section-label { color: var(--gold); }
    .exam-section .section-title { color: #fff; }
    .exam-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-top: 40px;
    }
    .exam-card {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(200,168,75,0.3);
      border-radius: 8px;
      padding: 32px;
    }
    .exam-card h3 {
      font-size: 1.1rem;
      color: var(--gold);
      margin-bottom: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(200,168,75,0.2);
    }
    .exam-card ul {
      list-style: none;
      padding: 0;
    }
    .exam-card ul li {
      font-size: 0.88rem;
      color: rgba(255,255,255,0.85);
      padding: 8px 0;
      border-bottom: 1px solid rgba(255,255,255,0.07);
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .exam-card ul li::before {
      content: '✓';
      color: #7fff9a;
      font-weight: 700;
      flex-shrink: 0;
      margin-top: 1px;
    }

    /* ===== CURRICULUM ===== */
    .curriculum-section {
      background: #f8f9fb;
      padding: 72px 40px;
    }
    .curriculum-inner {
      max-width: 960px;
      margin: 0 auto;
    }
    .curriculum-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      margin-top: 40px;
    }
    .curriculum-card {
      background: #fff;
      border-radius: 8px;
      padding: 28px 28px;
      border-left: 4px solid var(--sport-green);
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    .curriculum-card h3 {
      font-size: 1rem;
      color: var(--navy);
      font-weight: 700;
      margin-bottom: 12px;
    }
    .curriculum-card p {
      font-size: 0.85rem;
      color: var(--text-gray);
      line-height: 1.8;
    }

    /* ===== TARGET ===== */
    .target-section {
      padding: 72px 40px;
    }
    .target-inner {
      max-width: 960px;
      margin: 0 auto;
    }
    .target-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 40px;
    }
    .target-card {
      background: var(--cream);
      border-radius: 8px;
      padding: 28px 24px;
      text-align: center;
    }
    .target-card .target-icon {
      font-size: 2rem;
      margin-bottom: 12px;
    }
    .target-card p {
      font-size: 0.88rem;
      color: var(--text-gray);
      line-height: 1.8;
    }

    /* ===== CTA BANNER ===== */
    .cta-banner {
      background-color: #c0392b !important;
      background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important;
      color: #fff;
      text-align: center;
      padding: 72px 40px;
    }
    .cta-banner h2 {
      font-size: clamp(1.4rem, 3vw, 2rem);
      font-weight: 900;
      margin-bottom: 16px;
      color: #fff;
    }
    .cta-banner p {
      font-size: 1rem;
      color: rgba(255,255,255,0.9);
      margin-bottom: 36px;
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
    }
    .cta-btn {
      display: inline-block;
      background: var(--gold);
      color: var(--navy);
      padding: 16px 48px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 700;
      font-size: 1rem;
      transition: all 0.2s;
      box-shadow: 0 4px 16px rgba(200,168,75,0.4);
    }
    .cta-btn:hover {
      background: #e0bf5a;
      transform: translateY(-2px);
    }

    /* ===== FOOTER ===== */
    footer {
      background: var(--navy);
      color: rgba(255,255,255,0.7);
      text-align: center;
      padding: 40px 20px;
      font-size: 0.8rem;
    }
    .footer-links { margin-bottom: 16px; }
    .footer-links a { color: var(--gold); text-decoration: none; margin: 0 12px; }
    .footer-links a:hover { text-decoration: underline; }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
      header { padding: 0 20px; }
      nav { display: none; }
      .section-wrapper, .exam-section, .curriculum-section, .target-section { padding: 48px 20px; }
      .highlight-grid, .exam-grid, .curriculum-grid, .target-grid { grid-template-columns: 1fr; }
      .breadcrumb { padding: 10px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-ai-learning.php specific === */



    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
      background: #f9f7f2;
      color: #1a1a1a;
    }
    :root {
      --navy:  #1a2d5a;
      --gold:  #b8860b;
      --red:   #c0392b;
      --cream: #f9f7f2;
      --white: #ffffff;
      --gray:  #f0ede6;
      --text:  #1a1a1a;
      --muted: #666666;
      --ai1:   #6c3fc5;   /* パープル */
      --ai2:   #2980b9;   /* ブルー */
      --ai3:   #16a085;   /* ティール */
      --ai4:   #e67e22;   /* オレンジ */
    }

    /* ===== Header ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; width: auto; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 24px; align-items: center; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }
    .nav-back { background: rgba(255,255,255,0.1); padding: 7px 18px; border-radius: 4px; font-weight: 700; }

    /* ===== Hero ===== */
    .hero {
      background: linear-gradient(135deg, #1a0533 0%, #2d1060 50%, #1a0533 100%);
      color: var(--white);
      padding: 80px 40px 72px;
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 30% 50%, rgba(108,63,197,0.3) 0%, transparent 60%),
                  radial-gradient(ellipse at 70% 30%, rgba(41,128,185,0.2) 0%, transparent 50%);
      pointer-events: none;
    }
    .hero-inner {
      position: relative; z-index: 1;
      max-width: 1100px; margin: 0 auto;
      display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(108,63,197,0.4);
      border: 1px solid #a78bfa;
      color: #a78bfa;
      font-size: 11px; letter-spacing: 3px;
      padding: 5px 18px; border-radius: 20px;
      margin-bottom: 20px; text-transform: uppercase;
    }
    .hero h1 {
      font-size: clamp(28px, 3.5vw, 46px);
      font-weight: 900; line-height: 1.3;
      margin-bottom: 12px;
      color: var(--white);
      text-shadow: 0 2px 16px rgba(0,0,0,0.5);
    }
    .hero h1 span { color: #c4b5fd; }
    .hero-sub {
      font-size: 15px; color: #a78bfa;
      font-weight: 700; margin-bottom: 20px;
      letter-spacing: 0.5px;
    }
    .hero p { font-size: 14px; color: #c4b5fd; line-height: 1.9; margin-bottom: 32px; }
    .hero-cta {
      display: inline-block;
      background: linear-gradient(135deg, #6c3fc5, #2980b9);
      color: var(--white);
      padding: 14px 36px; border-radius: 4px;
      font-size: 15px; font-weight: 800;
      text-decoration: none; letter-spacing: 0.5px;
      transition: opacity 0.2s, transform 0.2s;
      box-shadow: 0 4px 20px rgba(108,63,197,0.5);
    }
    .hero-cta:hover { opacity: 0.85; transform: translateY(-2px); }
    .hero-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(167,139,250,0.3);
      border-radius: 16px; padding: 36px;
    }
    .hero-card h3 { font-size: 16px; color: #a78bfa; font-weight: 700; margin-bottom: 20px; letter-spacing: 1px; text-transform: uppercase; }
    .hero-stat { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .hero-stat:last-child { border-bottom: none; }
    .hero-stat .stat-icon { font-size: 28px; flex-shrink: 0; }
    .hero-stat .stat-text .label { font-size: 11px; color: #a78bfa; letter-spacing: 2px; text-transform: uppercase; }
    .hero-stat .stat-text .value { font-size: 15px; color: var(--white); font-weight: 700; margin-top: 2px; }

    /* ===== Section Base ===== */
    section { padding: 72px 40px; }
    .inner { max-width: 1100px; margin: 0 auto; }
    .section-title { text-align: center; margin-bottom: 52px; }
    .section-title .en { display: block; font-size: 11px; letter-spacing: 4px; color: var(--gold); text-transform: uppercase; margin-bottom: 8px; }
    .section-title h2 { font-size: clamp(22px, 3vw, 32px); font-weight: 900; color: var(--navy); line-height: 1.4; }
    .section-title .divider { width: 48px; height: 3px; background: var(--gold); margin: 14px auto 0; border-radius: 2px; }

    /* ===== Concept ===== */
    .concept { background: var(--white); }
    .concept-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .concept-card {
      background: var(--cream);
      border-radius: 12px; padding: 32px 24px;
      border-top: 4px solid var(--ai1);
      text-align: center;
    }
    .concept-card:nth-child(2) { border-top-color: var(--ai2); }
    .concept-card:nth-child(3) { border-top-color: var(--ai3); }
    .concept-card .icon { font-size: 44px; margin-bottom: 16px; }
    .concept-card h3 { font-size: 17px; font-weight: 900; color: var(--navy); margin-bottom: 10px; }
    .concept-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }

    /* ===== Target ===== */
    .target { background: var(--gray); }
    .target-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .target-card {
      background: var(--white);
      border-radius: 12px; padding: 28px 24px;
      display: flex; flex-direction: column; gap: 12px;
    }
    .target-card .t-icon { font-size: 36px; }
    .target-card .t-label { font-size: 10px; letter-spacing: 3px; color: var(--gold); text-transform: uppercase; font-weight: 700; }
    .target-card h3 { font-size: 16px; font-weight: 900; color: var(--navy); }
    .target-card p { font-size: 13px; color: var(--muted); line-height: 1.8; }

    /* ===== Modules ===== */
    .modules { background: var(--white); }
    .module-list { display: flex; flex-direction: column; gap: 40px; }
    .module-item {
      background: var(--cream);
      border-radius: 16px; overflow: hidden;
      display: grid; grid-template-columns: 280px 1fr;
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }
    .module-head {
      padding: 36px 28px;
      display: flex; flex-direction: column; justify-content: center;
      background: linear-gradient(135deg, var(--ai1), #9b59b6);
      color: var(--white);
    }
    .module-item:nth-child(2) .module-head { background: linear-gradient(135deg, var(--ai2), #1abc9c); }
    .module-item:nth-child(3) .module-head { background: linear-gradient(135deg, var(--ai3), #2980b9); }
    .module-item:nth-child(4) .module-head { background: linear-gradient(135deg, var(--ai4), #e74c3c); }
    .module-num { font-size: 11px; letter-spacing: 4px; opacity: 0.7; text-transform: uppercase; margin-bottom: 10px; }
    .module-head h3 { font-size: 20px; font-weight: 900; line-height: 1.4; margin-bottom: 8px; }
    .module-head .module-en { font-size: 11px; opacity: 0.7; letter-spacing: 1px; }
    .module-body { padding: 32px 36px; }
    .module-body > p { font-size: 14px; color: var(--muted); line-height: 1.8; margin-bottom: 24px; }
    .session-list { display: flex; flex-direction: column; gap: 12px; }
    .session-item {
      display: grid; grid-template-columns: 28px 1fr;
      gap: 12px; align-items: start;
      padding: 14px 16px;
      background: var(--white);
      border-radius: 8px;
      border-left: 3px solid var(--ai1);
    }
    .module-item:nth-child(2) .session-item { border-left-color: var(--ai2); }
    .module-item:nth-child(3) .session-item { border-left-color: var(--ai3); }
    .module-item:nth-child(4) .session-item { border-left-color: var(--ai4); }
    .session-num { font-size: 12px; font-weight: 900; color: var(--ai1); padding-top: 2px; }
    .module-item:nth-child(2) .session-num { color: var(--ai2); }
    .module-item:nth-child(3) .session-num { color: var(--ai3); }
    .module-item:nth-child(4) .session-num { color: var(--ai4); }
    .session-content .title { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
    .session-content .desc { font-size: 12px; color: var(--muted); line-height: 1.7; }

    /* ===== Strengths ===== */
    .strengths { background: linear-gradient(135deg, #1a0533 0%, #2d1060 100%); color: var(--white); }
    .strengths .section-title h2 { color: var(--white); }
    .strengths .section-title .en { color: #a78bfa; }
    .strengths .divider { background: #a78bfa; }
    .strength-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .strength-card {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(167,139,250,0.25);
      border-radius: 14px; padding: 32px 24px;
    }
    .strength-card .s-num { font-size: 36px; font-weight: 900; color: rgba(167,139,250,0.3); line-height: 1; margin-bottom: 12px; }
    .strength-card h3 { font-size: 17px; font-weight: 900; color: #c4b5fd; margin-bottom: 12px; }
    .strength-card p { font-size: 13px; color: #a78bfa; line-height: 1.8; }

    /* ===== Synergy ===== */
    .synergy { background: var(--gray); }
    .synergy-inner { max-width: 900px; margin: 0 auto; }
    .synergy-title { text-align: center; margin-bottom: 40px; }
    .synergy-title h3 { font-size: 22px; font-weight: 900; color: var(--navy); margin-bottom: 8px; }
    .synergy-title p { font-size: 14px; color: var(--muted); }
    .synergy-flow {
      display: flex; align-items: center; justify-content: center;
      gap: 0; flex-wrap: wrap;
    }
    .sy-item {
      background: var(--white);
      border-radius: 10px; padding: 20px 16px;
      text-align: center; width: 140px;
      box-shadow: 0 3px 12px rgba(0,0,0,0.08);
    }
    .sy-item.highlight { background: linear-gradient(135deg, #6c3fc5, #2980b9); color: var(--white); }
    .sy-item .sy-icon { font-size: 28px; margin-bottom: 8px; }
    .sy-item .sy-name { font-size: 13px; font-weight: 700; color: var(--navy); }
    .sy-item.highlight .sy-name { color: var(--white); }
    .sy-item .sy-sub { font-size: 11px; color: var(--muted); margin-top: 4px; }
    .sy-item.highlight .sy-sub { color: #c4b5fd; }
    .sy-arrow { font-size: 20px; color: var(--gold); padding: 0 8px; font-weight: 900; }
    .synergy-note { text-align: center; margin-top: 28px; font-size: 13px; color: var(--muted); line-height: 1.8; }

    /* ===== CTA ===== */
    .cta-banner {
      background-color: #c0392b !important; background-image: linear-gradient(135deg, #c0392b 0%, #8b1a1a 100%) !important;
      color: var(--white);
      text-align: center;
      padding: 72px 40px;
    }
    .cta-banner h2 { font-size: 28px; font-weight: 900; margin-bottom: 16px; }
    .cta-banner p { font-size: 15px; color: #b0bcd8; margin-bottom: 36px; line-height: 1.8; }
    .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
    .btn-primary {
      display: inline-block; background: #f0c040; color: var(--navy);
      padding: 14px 36px; border-radius: 4px;
      font-size: 15px; font-weight: 800; text-decoration: none;
      transition: background 0.2s, transform 0.2s;
    }
    .btn-primary:hover { background: #d4a800; transform: translateY(-2px); }
    .btn-outline {
      display: inline-block; border: 2px solid #f0c040; color: #f0c040;
      padding: 12px 32px; border-radius: 4px;
      font-size: 15px; font-weight: 700; text-decoration: none;
      transition: all 0.2s;
    }
    .btn-outline:hover { background: #f0c040; color: var(--navy); }

    /* ===== Footer ===== */
    footer {
      background: #0d1a35; color: #7a8aaa;
      text-align: center; padding: 32px 40px;
      font-size: 13px; line-height: 2;
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-utah.php specific === */



    :root {
      --navy:    #1a2d5a;
      --gold:    #b8860b;
      --gold-lt: #f0c040;
      --red:     #c0392b;
      --utah-red:   #cc0000;
      --utah-navy:  #002147;
      --utah-gray:  #4a4a4a;
      --cream:   #f9f7f2;
      --white:   #ffffff;
      --gray-bg: #f0ede6;
      --muted:   #666666;
      --text:    #1a1a1a;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', Arial, sans-serif; color: var(--text); background: var(--cream); }

    /* ===== HEADER ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
      position: sticky;
      top: 0;
      z-index: 100;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 24px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }

    /* ===== HERO ===== */
    .hero {
      background: linear-gradient(135deg, var(--utah-navy) 0%, #1a3a6b 50%, var(--utah-red) 100%);
      padding: 80px 40px;
      color: var(--white);
      position: relative;
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 70% 50%, rgba(204,0,0,0.2) 0%, transparent 60%);
      pointer-events: none;
    }
    .hero-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 48px;
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .hero-badge {
      display: inline-block;
      background: rgba(204,0,0,0.4);
      border: 1px solid rgba(255,255,255,0.4);
      color: #fff;
      font-size: 11px;
      letter-spacing: 3px;
      padding: 5px 16px;
      border-radius: 20px;
      margin-bottom: 20px;
      text-transform: uppercase;
    }
    .hero h1 { font-size: clamp(24px, 3.5vw, 40px); font-weight: 900; line-height: 1.3; margin-bottom: 12px; }
    .hero h1 span { color: var(--gold-lt); }
    .hero-sub { font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.8; margin-bottom: 28px; max-width: 560px; }
    .hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
    .btn-main {
      display: inline-block;
      background: var(--utah-red);
      color: #fff;
      padding: 13px 32px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 800;
      text-decoration: none;
      transition: background 0.2s, transform 0.2s;
    }
    .btn-main:hover { background: #a00000; transform: translateY(-2px); }
    .btn-sub {
      display: inline-block;
      border: 2px solid rgba(255,255,255,0.7);
      color: #fff;
      padding: 11px 28px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none;
      transition: all 0.2s;
    }
    .btn-sub:hover { background: rgba(255,255,255,0.15); }
    .hero-seal {
      background: rgba(255,255,255,0.1);
      border: 2px solid rgba(255,255,255,0.25);
      border-radius: 16px;
      padding: 28px 32px;
      text-align: center;
      min-width: 200px;
      flex-shrink: 0;
    }
    .hero-seal .cert-label { font-size: 10px; letter-spacing: 3px; color: rgba(255,255,255,0.7); text-transform: uppercase; margin-bottom: 8px; }
    .hero-seal .cert-title { font-size: 1.4rem; font-weight: 900; color: var(--gold-lt); line-height: 1.2; margin-bottom: 8px; }
    .hero-seal .cert-sub { font-size: 12px; color: rgba(255,255,255,0.75); line-height: 1.5; }

    /* ===== HIGHLIGHT BAR ===== */
    .highlight-bar {
      background: var(--white);
      border-bottom: 3px solid var(--utah-red);
      padding: 20px 40px;
    }
    .highlight-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }
    .hl-item {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .hl-icon { font-size: 1.8rem; flex-shrink: 0; }
    .hl-text strong { display: block; font-size: 0.9rem; color: var(--navy); }
    .hl-text span { font-size: 0.78rem; color: var(--muted); line-height: 1.4; }

    /* ===== SECTION ===== */
    section { padding: 72px 40px; }
    section:nth-child(even) { background: var(--gray-bg); }
    .container { max-width: 1100px; margin: 0 auto; }
    .section-title { text-align: center; margin-bottom: 48px; }
    .section-title .label {
      display: block;
      font-size: 11px;
      letter-spacing: 4px;
      color: var(--utah-red);
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .section-title h2 { font-size: clamp(20px, 2.8vw, 30px); font-weight: 900; color: var(--navy); margin-bottom: 12px; }
    .section-title p { font-size: 0.9rem; color: var(--muted); line-height: 1.8; max-width: 600px; margin: 0 auto; }
    .divider { width: 48px; height: 3px; background: var(--utah-red); margin: 14px auto 0; border-radius: 2px; }

    /* ===== OVERVIEW GRID ===== */
    .overview-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: start;
    }
    .overview-text p { font-size: 0.95rem; color: var(--muted); line-height: 1.9; margin-bottom: 20px; }
    .overview-list { list-style: none; }
    .overview-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid #e8e4dc;
      font-size: 0.9rem;
    }
    .overview-list li .check { color: var(--utah-red); font-weight: 900; font-size: 1rem; flex-shrink: 0; margin-top: 2px; }
    .overview-list li strong { color: var(--navy); display: block; margin-bottom: 2px; }
    .overview-list li span { color: var(--muted); font-size: 0.82rem; }
    .utah-logo-box {
      background: var(--navy);
      border-radius: 16px;
      padding: 40px;
      text-align: center;
    }
    .utah-logo-box .ut-logo { font-size: 3rem; font-weight: 900; color: var(--utah-red); letter-spacing: -2px; }
    .utah-logo-box .ut-name { font-size: 1.1rem; font-weight: 700; color: var(--white); margin: 12px 0 6px; }
    .utah-logo-box .ut-sub { font-size: 0.8rem; color: #aab4cc; line-height: 1.5; }
    .utah-logo-box .ut-tags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 20px; }
    .utah-logo-box .ut-tag {
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.2);
      color: var(--gold-lt);
      font-size: 0.75rem;
      padding: 4px 12px;
      border-radius: 12px;
    }

    /* ===== SCHEDULE ===== */
    .schedule-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
    }
    .schedule-item {
      background: var(--white);
      padding: 24px 20px;
      border-right: 1px solid #e8e4dc;
      position: relative;
    }
    .schedule-item:last-child { border-right: none; }
    .schedule-item:nth-child(even) { background: #faf8f4; }
    .sch-date { font-size: 0.78rem; color: var(--utah-red); font-weight: 700; letter-spacing: 1px; margin-bottom: 6px; }
    .sch-event { font-size: 0.9rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
    .sch-note { font-size: 0.78rem; color: var(--muted); line-height: 1.5; }
    .schedule-row2 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      margin-top: 1px;
    }

    /* ===== COURSES ===== */
    .courses-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
    .course-card {
      background: var(--white);
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    }
    .course-header {
      background: linear-gradient(135deg, var(--utah-navy), #1a3a6b);
      padding: 24px 28px;
      color: var(--white);
    }
    .course-header .semester {
      font-size: 10px;
      letter-spacing: 3px;
      color: var(--gold-lt);
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .course-header h3 { font-size: 1.1rem; font-weight: 900; margin-bottom: 4px; }
    .course-header .period { font-size: 0.8rem; color: rgba(255,255,255,0.7); }
    .course-body { padding: 24px 28px; }
    .course-body h4 { font-size: 0.95rem; color: var(--utah-red); font-weight: 700; margin-bottom: 10px; }
    .course-body p { font-size: 0.85rem; color: var(--muted); line-height: 1.8; }
    .course-tag {
      display: inline-block;
      background: #f0ede6;
      color: var(--navy);
      font-size: 0.75rem;
      font-weight: 700;
      padding: 4px 12px;
      border-radius: 10px;
      margin-top: 14px;
    }

    /* ===== CANVAS ===== */
    .canvas-section {
      background: linear-gradient(135deg, var(--navy) 0%, #1a3a6b 100%) !important;
      color: var(--white);
    }
    .canvas-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
    .canvas-text h2 { font-size: 1.6rem; font-weight: 900; color: var(--white); margin-bottom: 12px; }
    .canvas-text .canvas-sub { font-size: 0.9rem; color: rgba(255,255,255,0.8); line-height: 1.8; margin-bottom: 24px; }
    .canvas-features { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .canvas-feat {
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 8px;
      padding: 14px 16px;
      font-size: 0.85rem;
      color: rgba(255,255,255,0.9);
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .canvas-feat::before { content: '✓'; color: var(--gold-lt); font-weight: 900; }
    .canvas-logo-box {
      background: rgba(255,255,255,0.06);
      border: 2px solid rgba(255,255,255,0.15);
      border-radius: 16px;
      padding: 40px;
      text-align: center;
    }
    .canvas-logo-box .c-logo { font-size: 3rem; font-weight: 900; color: var(--gold-lt); }
    .canvas-logo-box .c-name { font-size: 1.2rem; color: var(--white); font-weight: 700; margin: 12px 0 6px; }
    .canvas-logo-box .c-desc { font-size: 0.82rem; color: rgba(255,255,255,0.7); line-height: 1.6; }

    /* ===== QUALIFICATION ===== */
    .qual-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .qual-card {
      background: var(--white);
      border-radius: 12px;
      padding: 32px 24px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.07);
      border-top: 4px solid var(--utah-red);
    }
    .qual-icon { font-size: 2rem; margin-bottom: 14px; }
    .qual-card h3 { font-size: 1rem; font-weight: 900; color: var(--navy); margin-bottom: 10px; }
    .qual-card p { font-size: 0.85rem; color: var(--muted); line-height: 1.7; }
    .qual-card .req-list { list-style: none; margin-top: 12px; }
    .qual-card .req-list li {
      font-size: 0.83rem;
      color: var(--muted);
      padding: 5px 0;
      border-bottom: 1px solid #f0ede6;
      padding-left: 18px;
      position: relative;
    }
    .qual-card .req-list li::before { content: '✓'; position: absolute; left: 0; color: var(--utah-red); font-weight: 700; }

    /* ===== AFTER ===== */
    .after-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .after-card {
      background: var(--white);
      border-radius: 12px;
      padding: 32px 24px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.07);
      text-align: center;
    }
    .after-icon { font-size: 2.5rem; margin-bottom: 14px; }
    .after-card h3 { font-size: 1rem; font-weight: 900; color: var(--navy); margin-bottom: 10px; }
    .after-card p { font-size: 0.85rem; color: var(--muted); line-height: 1.7; }
    .after-card .note { font-size: 0.75rem; color: #999; margin-top: 10px; font-style: italic; }

    /* ===== TARGET ===== */
    .target-section { background: var(--gray-bg); }
    .target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .target-card {
      background: var(--white);
      border-radius: 12px;
      padding: 28px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    .target-card h4 { font-size: 1rem; font-weight: 900; color: var(--navy); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
    .target-card ul { list-style: none; }
    .target-card ul li {
      font-size: 0.85rem;
      color: var(--muted);
      padding: 7px 0;
      border-bottom: 1px solid #f0ede6;
      padding-left: 20px;
      position: relative;
      line-height: 1.5;
    }
    .target-card ul li::before { content: '→'; position: absolute; left: 0; color: var(--utah-red); font-weight: 700; }

    /* ===== CTA ===== */
    .cta-section {
      background: linear-gradient(135deg, var(--utah-red), #8b0000);
      padding: 72px 40px;
      text-align: center;
      color: var(--white);
    }
    .cta-section h2 { font-size: 1.8rem; font-weight: 900; margin-bottom: 12px; }
    .cta-section p { font-size: 0.95rem; opacity: 0.88; line-height: 1.8; margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; }
    .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
    .cta-btn-w {
      display: inline-block;
      background: var(--white);
      color: var(--utah-red);
      padding: 14px 36px;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 800;
      text-decoration: none;
      transition: all 0.2s;
    }
    .cta-btn-w:hover { background: #f0ede6; transform: translateY(-2px); }
    .cta-btn-o {
      display: inline-block;
      border: 2px solid rgba(255,255,255,0.8);
      color: var(--white);
      padding: 12px 32px;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      transition: all 0.2s;
    }
    .cta-btn-o:hover { background: rgba(255,255,255,0.15); }

    /* ===== FOOTER ===== */
    footer {
      background: var(--navy);
      color: #aab4cc;
      text-align: center;
      padding: 24px 40px;
      font-size: 0.82rem;
    }
    footer a { color: var(--gold-lt); text-decoration: none; }

    @media (max-width: 768px) {
      .hero-inner, .overview-grid, .courses-grid, .canvas-grid, .target-grid { grid-template-columns: 1fr; }
      .highlight-inner, .qual-grid, .after-grid { grid-template-columns: 1fr 1fr; }
      .schedule-grid, .schedule-row2 { grid-template-columns: 1fr 1fr; }
      section { padding: 48px 20px; }
      nav { display: none; }
      .hero { padding: 48px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-roots.php specific === */



    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Hiragino Kaku Gothic ProN', 'Georgia', 'Noto Sans JP', serif; background: #f9f7f2; color: #1a1a1a; }
    :root {
      --navy: #1a2d5a; --dark-navy: #0d1f45; --gold: #b8860b;
      --red: #c0392b; --cream: #f9f7f2; --white: #ffffff;
      --gray: #f0ede6; --muted: #666666;
      --roots-deep: #2c1a0e; --roots-earth: #7a4a1e; --roots-warm: #c87941;
      --roots-light: #f5e6d3; --roots-green: #2d6a4f; --roots-sage: #52b788;
    }

    /* ===== Header ===== */
    header {
      background: var(--navy);
      padding: 0 40px;
      display: flex; align-items: center; justify-content: space-between;
      height: 72px; position: sticky; top: 0; z-index: 100;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .header-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
    .header-logo img { height: 52px; width: auto; }
    .header-logo-text { color: var(--white); line-height: 1.3; }
    .header-logo-text .tagline { font-size: 10px; letter-spacing: 2px; color: #aab4cc; text-transform: uppercase; }
    .header-logo-text .name { font-size: 15px; font-weight: 700; letter-spacing: 1px; }
    nav { display: flex; gap: 28px; }
    nav a { color: #ccd4e8; text-decoration: none; font-size: 13px; transition: color 0.2s; }
    nav a:hover { color: var(--white); }

    /* ===== Breadcrumb ===== */
    .breadcrumb { background: var(--navy); padding: 12px 40px; border-top: 1px solid rgba(255,255,255,0.1); }
    .breadcrumb a { font-size: 12px; color: #aab4cc; text-decoration: none; }
    .breadcrumb a:hover { color: var(--white); }
    .breadcrumb span { font-size: 12px; color: #f0c040; }
    .breadcrumb .sep { margin: 0 8px; color: #556080; }

    /* ===== Hero ===== */
    .hero {
      background: linear-gradient(160deg, #0d1f45 0%, #2c1a0e 40%, #4a2c10 70%, #7a4a1e 100%);
      color: var(--white); padding: 80px 40px 72px; position: relative; overflow: hidden;
    }
    .hero::before {
      content: ''; position: absolute; inset: 0;
      background:
        radial-gradient(ellipse at 20% 60%, rgba(200,121,65,0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 30%, rgba(45,106,79,0.12) 0%, transparent 50%);
      pointer-events: none;
    }
    /* Japanese pattern overlay */
    .hero::after {
      content: ''; position: absolute; inset: 0; opacity: 0.04;
      background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, transparent 0, transparent 50%);
      background-size: 20px 20px; pointer-events: none;
    }
    .hero-inner { max-width: 960px; margin: 0 auto; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 380px; gap: 48px; align-items: center; }
    .hero-label { font-size: 11px; letter-spacing: 5px; color: var(--roots-warm); text-transform: uppercase; margin-bottom: 14px; font-family: sans-serif; }
    .hero h1 { font-size: clamp(40px, 6vw, 68px); font-weight: 900; line-height: 1.1; margin-bottom: 6px; letter-spacing: -1px; }
    .hero h1 span { color: var(--roots-warm); }
    .hero-sub { font-size: 16px; color: #c0b090; font-style: italic; margin-bottom: 24px; font-family: Georgia, serif; }
    .hero-jp { font-size: 13px; color: #a09080; margin-bottom: 28px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .hero-question {
      background: rgba(200,121,65,0.15); border-left: 4px solid var(--roots-warm);
      padding: 20px 24px; border-radius: 0 8px 8px 0; margin-bottom: 32px;
    }
    .hero-question p { font-size: 18px; font-weight: 700; color: var(--white); line-height: 1.6; font-style: italic; }
    .hero-question .jp { font-size: 13px; color: #c0b090; margin-top: 6px; font-style: normal; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
    .btn-primary { display: inline-block; background: var(--roots-warm); color: var(--white); padding: 14px 32px; border-radius: 4px; font-size: 14px; font-weight: 800; text-decoration: none; transition: all 0.2s; font-family: sans-serif; }
    .btn-primary:hover { background: #a8602a; transform: translateY(-2px); }
    .btn-secondary { display: inline-block; border: 2px solid rgba(255,255,255,0.4); color: var(--white); padding: 12px 28px; border-radius: 4px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.2s; font-family: sans-serif; }
    .btn-secondary:hover { border-color: var(--white); background: rgba(255,255,255,0.08); }

    /* Hero right panel */
    .hero-panel {
      background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px; padding: 32px 28px; backdrop-filter: blur(8px);
    }
    .hero-panel h3 { font-size: 13px; letter-spacing: 3px; color: var(--roots-warm); text-transform: uppercase; margin-bottom: 20px; font-family: sans-serif; }
    .panel-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .panel-item:last-child { border-bottom: none; }
    .panel-item .pi-icon { font-size: 28px; flex-shrink: 0; }
    .panel-item h4 { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 4px; font-family: sans-serif; }
    .panel-item p { font-size: 12px; color: #a0a8b8; line-height: 1.6; font-family: sans-serif; }

    /* ===== Sections ===== */
    section { padding: 72px 40px; }
    .section-inner { max-width: 960px; margin: 0 auto; }
    .section-title { margin-bottom: 44px; }
    .section-title .en { display: block; font-size: 11px; letter-spacing: 4px; color: var(--roots-earth); text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif; }
    .section-title h2 { font-size: clamp(24px, 3.5vw, 34px); font-weight: 900; color: var(--navy); line-height: 1.35; }
    .section-title .jp-sub { font-size: 14px; color: var(--muted); margin-top: 6px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .section-title .divider { width: 40px; height: 3px; background: var(--roots-warm); margin: 14px 0 0; border-radius: 2px; }

    /* ===== Who Is This For ===== */
    .who-section { background: var(--white); }
    .who-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    .who-card { border-radius: 14px; padding: 32px; }
    .who-card.challenge { background: linear-gradient(135deg, #fdf0e8 0%, #f5d8b8 100%); border-left: 5px solid var(--roots-warm); }
    .who-card.strength { background: linear-gradient(135deg, #e8f5ee 0%, #c0e8d0 100%); border-left: 5px solid var(--roots-green); }
    .who-card h3 { font-size: 16px; font-weight: 800; color: var(--navy); margin-bottom: 16px; font-family: sans-serif; }
    .who-card ul { list-style: none; }
    .who-card ul li { font-size: 13px; color: #333; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: flex-start; gap: 10px; line-height: 1.7; font-family: sans-serif; }
    .who-card.challenge ul li::before { content: '😔'; flex-shrink: 0; }
    .who-card.strength ul li::before { content: '✨'; flex-shrink: 0; }
    .who-card ul li:last-child { border-bottom: none; }
    .who-bridge { background: linear-gradient(135deg, #1a2d5a 0%, #2c1a0e 100%); border-radius: 14px; padding: 32px; margin-top: 32px; text-align: center; }
    .who-bridge p { font-size: 16px; color: var(--white); line-height: 1.8; font-family: sans-serif; }
    .who-bridge p strong { color: var(--roots-warm); }
    .who-bridge .jp { font-size: 13px; color: #a0a8b8; margin-top: 10px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }

    /* ===== 3 Pillars ===== */
    .pillars-section { background: var(--gray); }
    .pillars-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .pillar-card { background: var(--white); border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
    .pillar-top { padding: 28px 24px 20px; }
    .pillar-num { font-size: 11px; letter-spacing: 3px; color: var(--roots-warm); text-transform: uppercase; margin-bottom: 12px; font-family: sans-serif; }
    .pillar-icon { font-size: 44px; margin-bottom: 14px; }
    .pillar-card h3 { font-size: 17px; font-weight: 900; color: var(--navy); margin-bottom: 4px; font-family: sans-serif; }
    .pillar-card .jp-name { font-size: 12px; color: var(--muted); margin-bottom: 12px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .pillar-card p { font-size: 13px; color: var(--muted); line-height: 1.8; font-family: sans-serif; }
    .pillar-bottom { background: var(--roots-light); padding: 16px 24px; border-top: 1px solid #e8d8c8; }
    .pillar-bottom .keyword { font-size: 12px; font-weight: 700; color: var(--roots-earth); font-family: sans-serif; }

    /* ===== Curriculum Modules ===== */
    .curriculum-section { background: var(--white); }
    .modules { display: flex; flex-direction: column; gap: 0; }
    .module { display: grid; grid-template-columns: 80px 1fr; gap: 0; border-radius: 14px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
    .module-num {
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      padding: 24px 12px; font-family: sans-serif;
    }
    .module-num .m-label { font-size: 9px; letter-spacing: 2px; color: rgba(255,255,255,0.7); text-transform: uppercase; margin-bottom: 4px; }
    .module-num .m-n { font-size: 32px; font-weight: 900; color: var(--white); line-height: 1; }
    .module:nth-child(1) .module-num { background: #7a4a1e; }
    .module:nth-child(2) .module-num { background: #2d6a4f; }
    .module:nth-child(3) .module-num { background: #1a2d5a; }
    .module:nth-child(4) .module-num { background: #8b1a1a; }
    .module-body { background: var(--white); padding: 28px 32px; }
    .module-body .mod-tag { font-size: 10px; letter-spacing: 3px; color: var(--muted); text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif; }
    .module-body h3 { font-size: 20px; font-weight: 900; color: var(--navy); margin-bottom: 4px; font-family: sans-serif; }
    .module-body .jp-title { font-size: 13px; color: var(--muted); margin-bottom: 14px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .module-body p { font-size: 13px; color: #444; line-height: 1.85; margin-bottom: 16px; font-family: sans-serif; }
    .topic-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .topic-tag { background: var(--gray); color: var(--navy); font-size: 12px; padding: 5px 12px; border-radius: 20px; font-weight: 600; font-family: sans-serif; }
    .topic-tag.en { background: #e8f0ff; color: #1a2d5a; }
    .topic-tag.jp { background: #fff0e8; color: #7a4a1e; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }

    /* ===== Journey / Flow ===== */
    .journey-section { background: var(--gray); }
    .journey-flow { display: flex; align-items: stretch; gap: 0; }
    .journey-step { flex: 1; background: var(--white); border-radius: 12px; padding: 28px 20px; text-align: center; position: relative; box-shadow: 0 4px 16px rgba(0,0,0,0.07); }
    .journey-step .js-icon { font-size: 40px; margin-bottom: 12px; }
    .journey-step h4 { font-size: 14px; font-weight: 800; color: var(--navy); margin-bottom: 6px; font-family: sans-serif; }
    .journey-step p { font-size: 12px; color: var(--muted); line-height: 1.7; font-family: sans-serif; }
    .journey-step .jp { font-size: 11px; color: #aaa; margin-top: 6px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .journey-arrow { display: flex; align-items: center; padding: 0 8px; color: var(--roots-warm); font-size: 24px; flex-shrink: 0; }
    .journey-step.highlight { background: linear-gradient(135deg, #2c1a0e 0%, #7a4a1e 100%); }
    .journey-step.highlight h4 { color: var(--white); }
    .journey-step.highlight p { color: #c0a080; }
    .journey-step.highlight .jp { color: #907060; }

    /* ===== Outcomes ===== */
    .outcomes-section { background: var(--white); }
    .outcomes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .outcome-card { display: flex; gap: 20px; align-items: flex-start; background: var(--gray); border-radius: 12px; padding: 24px; }
    .outcome-card .oc-num { font-size: 40px; font-weight: 900; color: #e0c8a8; line-height: 1; flex-shrink: 0; font-family: Georgia, serif; }
    .outcome-card h4 { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 6px; font-family: sans-serif; }
    .outcome-card p { font-size: 13px; color: var(--muted); line-height: 1.8; font-family: sans-serif; }
    .outcome-card .jp { font-size: 12px; color: #aaa; margin-top: 4px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }

    /* ===== Connect to Standard Path ===== */
    .connect-section { background: linear-gradient(160deg, #0d1f45 0%, #1a2d5a 100%); color: var(--white); padding: 72px 40px; }
    .connect-inner { max-width: 960px; margin: 0 auto; }
    .connect-inner h2 { font-size: 28px; font-weight: 900; margin-bottom: 10px; font-family: sans-serif; }
    .connect-inner h2 span { color: var(--roots-warm); }
    .connect-inner .sub { font-size: 14px; color: #b0bcd8; margin-bottom: 36px; line-height: 1.8; font-family: sans-serif; }
    .connect-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .connect-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 24px; text-align: center; transition: all 0.2s; text-decoration: none; }
    .connect-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-3px); }
    .connect-card .cc-icon { font-size: 36px; margin-bottom: 10px; }
    .connect-card h4 { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 6px; font-family: sans-serif; }
    .connect-card p { font-size: 12px; color: #8090b0; line-height: 1.7; font-family: sans-serif; }
    .connect-card .cc-tag { display: inline-block; margin-top: 10px; font-size: 11px; background: var(--roots-warm); color: var(--white); padding: 3px 10px; border-radius: 20px; font-family: sans-serif; }

    /* ===== CTA ===== */
    .cta-section { background: var(--roots-earth); color: var(--white); text-align: center; padding: 72px 40px; }
    .cta-section h2 { font-size: 28px; font-weight: 900; margin-bottom: 10px; font-family: sans-serif; }
    .cta-section .jp { font-size: 15px; color: rgba(255,255,255,0.7); margin-bottom: 28px; font-family: 'Hiragino Kaku Gothic ProN', sans-serif; }
    .cta-section p { font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom: 32px; line-height: 1.8; font-family: sans-serif; }
    .btn-cta-white { display: inline-block; background: var(--white); color: var(--roots-earth); padding: 15px 44px; border-radius: 4px; font-size: 15px; font-weight: 800; text-decoration: none; transition: all 0.2s; font-family: sans-serif; }
    .btn-cta-white:hover { background: #f5f0e8; transform: translateY(-2px); }

    footer { background: #0d1f45; color: #7a8aaa; text-align: center; padding: 28px 40px; font-size: 12px; line-height: 2; font-family: sans-serif; }
    footer strong { color: #aab4cc; }

    @media (max-width: 768px) {
      header { padding: 0 20px; } nav { display: none; }
      .hero-inner { grid-template-columns: 1fr; } .hero-panel { display: none; }
      .who-grid { grid-template-columns: 1fr; }
      .pillars-grid { grid-template-columns: 1fr; }
      .module { grid-template-columns: 60px 1fr; }
      .journey-flow { flex-direction: column; } .journey-arrow { transform: rotate(90deg); align-self: center; }
      .outcomes-grid { grid-template-columns: 1fr; }
      .connect-grid { grid-template-columns: 1fr; }
      section { padding: 48px 20px; }
      .breadcrumb { padding: 12px 20px; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }



/* === aj-pennfoster-school.php specific === */



    :root {
      --navy: #0d1f45;
      --gold: #b8860b;
      --gold-light: #d4a017;
      --pf-blue: #0099cc;
      --pf-blue-dark: #007aa3;
      --pf-orange: #f47920;
      --white: #ffffff;
      --light-bg: #f4f8fb;
      --text: #1a1a2e;
      --gray: #666;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; color: var(--text); background: #fff; }

    /* ===== LANGUAGE SWITCHER ===== */
    .lang-bar {
      background: var(--navy);
      padding: 10px 40px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
    }
    .lang-bar span { color: #aab; font-size: 0.8rem; margin-right: 8px; }
    .lang-btn {
      padding: 6px 18px;
      border-radius: 20px;
      border: 2px solid #aab;
      background: transparent;
      color: #aab;
      font-size: 0.85rem;
      cursor: pointer;
      transition: all 0.2s;
      font-weight: 600;
    }
    .lang-btn.active {
      background: var(--pf-blue);
      border-color: var(--pf-blue);
      color: #fff;
    }
    .lang-btn:hover:not(.active) {
      border-color: #fff;
      color: #fff;
    }

    /* ===== HEADER ===== */
    header {
      background: var(--navy);
      padding: 16px 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .header-logo { display: flex; align-items: center; gap: 16px; text-decoration: none; }
    .header-logo img { height: 56px; }
    .header-logo-text { color: #fff; }
    .header-logo-text .school-name { font-size: 1.1rem; font-weight: 700; letter-spacing: 0.05em; }
    .header-logo-text .tagline { font-size: 0.7rem; color: var(--gold-light); letter-spacing: 0.1em; }
    nav { display: flex; gap: 24px; }
    nav a { color: #ccd; text-decoration: none; font-size: 0.85rem; transition: color 0.2s; }
    nav a:hover { color: var(--gold-light); }

    /* ===== HERO ===== */
    .hero {
      background: linear-gradient(135deg, #003d5c 0%, #0099cc 60%, #00b8d9 100%);
      padding: 80px 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 60px;
      min-height: 420px;
    }
    .hero-text { max-width: 560px; }
    .hero-badge {
      display: inline-block;
      background: rgba(255,255,255,0.15);
      border: 1px solid rgba(255,255,255,0.4);
      color: #fff;
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      padding: 6px 16px;
      border-radius: 20px;
      margin-bottom: 20px;
    }
    .hero h1 { color: #fff; font-size: 2.4rem; line-height: 1.25; margin-bottom: 16px; }
    .hero h1 span { color: #ffe066; }
    .hero-sub { color: rgba(255,255,255,0.88); font-size: 1rem; line-height: 1.7; margin-bottom: 28px; }
    .hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
    .btn-pf {
      padding: 12px 28px;
      border-radius: 6px;
      font-size: 0.95rem;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
      border: none;
      transition: all 0.2s;
    }
    .btn-pf-primary { background: var(--pf-orange); color: #fff; }
    .btn-pf-primary:hover { background: #d4660f; }
    .btn-pf-outline { background: transparent; border: 2px solid #fff; color: #fff; }
    .btn-pf-outline:hover { background: rgba(255,255,255,0.15); }
    .hero-seal {
      background: rgba(255,255,255,0.12);
      border: 2px solid rgba(255,255,255,0.3);
      border-radius: 16px;
      padding: 28px 32px;
      text-align: center;
      color: #fff;
      min-width: 220px;
    }
    .hero-seal .year { font-size: 3rem; font-weight: 900; color: #ffe066; line-height: 1; }
    .hero-seal .since { font-size: 0.75rem; letter-spacing: 0.1em; opacity: 0.8; margin-bottom: 12px; }
    .hero-seal .seal-text { font-size: 0.85rem; line-height: 1.5; opacity: 0.9; }

    /* ===== ACCREDITATION BAR ===== */
    .accred-bar {
      background: #fff;
      border-bottom: 3px solid var(--pf-blue);
      padding: 20px 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
    }
    .accred-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .accred-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      font-weight: 900;
      color: #fff;
    }
    .accred-icon.deac { background: #003d5c; font-size: 0.7rem; }
    .accred-icon.msa { background: #1a5276; font-size: 0.7rem; }
    .accred-icon.cognia { background: #0099cc; font-size: 0.7rem; }
    .accred-label { font-size: 0.8rem; color: var(--gray); line-height: 1.3; }
    .accred-label strong { color: var(--text); display: block; font-size: 0.85rem; }

    /* ===== SECTION ===== */
    section { padding: 64px 40px; }
    section:nth-child(even) { background: var(--light-bg); }
    .section-title { text-align: center; margin-bottom: 48px; }
    .section-title .label {
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      color: var(--pf-blue);
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .section-title h2 { font-size: 1.8rem; color: var(--navy); margin-bottom: 12px; }
    .section-title p { color: var(--gray); font-size: 0.95rem; max-width: 600px; margin: 0 auto; line-height: 1.7; }
    .container { max-width: 1100px; margin: 0 auto; }

    /* ===== FEATURES GRID ===== */
    .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
    .feature-card {
      background: #fff;
      border-radius: 12px;
      padding: 32px 24px;
      box-shadow: 0 2px 16px rgba(0,0,0,0.07);
      border-top: 4px solid var(--pf-blue);
      transition: transform 0.2s;
    }
    .feature-card:hover { transform: translateY(-4px); }
    .feature-icon { font-size: 2.2rem; margin-bottom: 16px; }
    .feature-card h3 { font-size: 1.05rem; color: var(--navy); margin-bottom: 10px; }
    .feature-card p { font-size: 0.88rem; color: var(--gray); line-height: 1.7; }

    /* ===== CURRICULUM ===== */
    .curriculum-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .subject-card {
      background: #fff;
      border-radius: 10px;
      padding: 20px 24px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }
    .subject-badge {
      background: var(--pf-blue);
      color: #fff;
      border-radius: 8px;
      padding: 8px 14px;
      font-size: 0.8rem;
      font-weight: 700;
      white-space: nowrap;
      min-width: 80px;
      text-align: center;
    }
    .subject-info h4 { font-size: 0.95rem; color: var(--navy); margin-bottom: 4px; }
    .subject-info p { font-size: 0.82rem; color: var(--gray); line-height: 1.5; }
    .credits-total {
      background: linear-gradient(135deg, var(--navy), #1a3a6b);
      color: #fff;
      border-radius: 12px;
      padding: 28px;
      text-align: center;
      margin-top: 28px;
    }
    .credits-total .num { font-size: 3.5rem; font-weight: 900; color: #ffe066; line-height: 1; }
    .credits-total .label { font-size: 0.9rem; opacity: 0.85; margin-top: 6px; }

    /* ===== PROGRAMS ===== */
    .programs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .program-card {
      background: #fff;
      border-radius: 10px;
      padding: 24px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      border-left: 4px solid var(--pf-orange);
    }
    .program-card .prog-icon { font-size: 1.8rem; margin-bottom: 10px; }
    .program-card h4 { font-size: 0.9rem; color: var(--navy); margin-bottom: 6px; font-weight: 700; }
    .program-card p { font-size: 0.82rem; color: var(--gray); line-height: 1.5; }
    .program-card .credits-tag {
      display: inline-block;
      background: var(--light-bg);
      color: var(--pf-blue);
      font-size: 0.75rem;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 10px;
      margin-top: 10px;
    }

    /* ===== STEPS ===== */
    .steps { display: flex; gap: 0; align-items: stretch; flex-wrap: wrap; }
    .step {
      flex: 1;
      min-width: 200px;
      background: #fff;
      border-radius: 0;
      padding: 28px 24px;
      text-align: center;
      position: relative;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    }
    .step:not(:last-child)::after {
      content: '→';
      position: absolute;
      right: -14px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1.4rem;
      color: var(--pf-blue);
      z-index: 1;
    }
    .step-num {
      width: 44px;
      height: 44px;
      background: var(--pf-blue);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 900;
      font-size: 1.1rem;
      margin: 0 auto 12px;
    }
    .step h4 { font-size: 0.9rem; color: var(--navy); margin-bottom: 6px; }
    .step p { font-size: 0.8rem; color: var(--gray); line-height: 1.5; }

    /* ===== REQUIREMENTS ===== */
    .req-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .req-card {
      background: #fff;
      border-radius: 10px;
      padding: 24px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    }
    .req-card h4 { font-size: 0.95rem; color: var(--pf-blue); margin-bottom: 12px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
    .req-card ul { list-style: none; }
    .req-card ul li {
      font-size: 0.85rem;
      color: var(--gray);
      padding: 6px 0;
      border-bottom: 1px solid #f0f0f0;
      padding-left: 20px;
      position: relative;
      line-height: 1.5;
    }
    .req-card ul li::before { content: '✓'; position: absolute; left: 0; color: var(--pf-blue); font-weight: 700; }

    /* ===== CTA ===== */
    .cta-section {
      background: linear-gradient(135deg, var(--pf-blue-dark), var(--navy));
      padding: 64px 40px;
      text-align: center;
      color: #fff;
    }
    .cta-section h2 { font-size: 1.8rem; margin-bottom: 12px; }
    .cta-section p { font-size: 1rem; opacity: 0.85; margin-bottom: 32px; max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.7; }
    .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

    /* ===== FOOTER ===== */
    footer {
      background: var(--navy);
      color: #aab;
      text-align: center;
      padding: 24px 40px;
      font-size: 0.82rem;
    }
    footer a { color: var(--gold-light); text-decoration: none; }

    /* ===== LANGUAGE TOGGLE ===== */
    .lang-ja .en { display: none; }
    .lang-en .ja { display: none; }

    @media (max-width: 768px) {
      .hero { flex-direction: column; padding: 48px 20px; }
      .features-grid, .curriculum-grid, .programs-grid, .req-grid { grid-template-columns: 1fr; }
      .steps { flex-direction: column; }
      .step:not(:last-child)::after { display: none; }
      section { padding: 48px 20px; }
      nav { display: none; }
    }
  

    /* ===== Mobile / Hamburger Menu ===== */
    .hamburger {
      display: none !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 5px !important;
      width: 44px !important;
      height: 44px !important;
      cursor: pointer !important;
      background: none !important;
      border: none !important;
      padding: 4px !important;
      z-index: 9999 !important;
      position: relative !important;
    }
    .hamburger.visible {
      display: flex !important;
    }
    .hamburger span {
      display: block !important;
      width: 26px !important;
      height: 2px !important;
      background: #ffffff !important;
      border-radius: 2px !important;
      transition: all 0.3s ease !important;
    }
    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg) !important;
    }
    .hamburger.open span:nth-child(2) {
      opacity: 0 !important;
    }
    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg) !important;
    }
    .mobile-nav {
      display: none !important;
      position: fixed !important;
      top: 60px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background: #1a2d5a !important;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
      z-index: 9998 !important;
      flex-direction: column !important;
      padding: 8px 0 !important;
      margin: 0 !important;
    }
    .mobile-nav.open {
      display: flex !important;
    }
    .mobile-nav a {
      color: #ccd4e8 !important;
      text-decoration: none !important;
      font-size: 16px !important;
      padding: 16px 24px !important;
      border-bottom: 1px solid rgba(255,255,255,0.1) !important;
      display: block !important;
      transition: background 0.2s, color 0.2s !important;
    }
    .mobile-nav a:last-child {
      border-bottom: none !important;
    }
    .mobile-nav a:hover, .mobile-nav a:active {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
    }

    @media screen and (max-width: 768px) {
      header {
        padding: 0 16px !important;
        height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9997 !important;
      }
      header nav {
        display: none !important;
      }
      body {
        padding-top: 60px !important;
      }
      .header-logo img {
        height: 36px !important;
      }
      .header-logo-text .name {
        font-size: 12px !important;
      }
      .header-logo-text .tagline {
        font-size: 8px !important;
      }
      .hero {
        padding: 48px 20px !important;
      }
      .hero h1 {
        font-size: clamp(1.8rem, 7vw, 3rem) !important;
      }
      .hero p {
        font-size: 14px !important;
      }
      section {
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      .doors-grid, .cards-grid, .grid-3, .grid-2 {
        grid-template-columns: 1fr !important;
      }
      table {
        font-size: 12px !important;
      }
      .cta-banner {
        padding: 48px 20px !important;
      }
      .cta-banner h2 {
        font-size: 1.5rem !important;
      }
    }



    /* ===== Lightning グローバルヘッダー/フッターを非表示 ===== */
    .vk-mobile-nav-menu-btn,
    .vk_mobile_nav,
    #vk-mobile-nav,
    .site-header,
    .l-header,
    .header-area,
    #wpadminbar ~ .site-header,
    .vk-mobile-nav,
    body > .site-header,
    .lightning-header,
    .l-footer,
    .site-footer,
    footer.site-footer,
    .footer-widget-area,
    .footer-bottom {
      display: none !important;
    }
    /* WordPress管理バーがある場合のオフセット */
    body.admin-bar #aj-page-wrap header {
      top: 32px !important;
    }
    @media screen and (max-width: 782px) {
      body.admin-bar #aj-page-wrap header {
        top: 46px !important;
      }
    }