:root {
  --mint-50:#F0FBFB;--mint-100:#D4F4F4;--mint-200:#A8E8E8;--mint-300:#6DD8D8;
  --mint-400:#38C4C4;--mint-500:#22ABAB;--mint-600:#1A9090;--mint-700:#147575;
  --mint-800:#0E5B5B;--mint-900:#094444;
  --orange-50:#FFF5ED;--orange-100:#FFE6CC;--orange-200:#FFCC99;--orange-300:#FFB366;
  --orange-400:#FF8A33;--orange-500:#FF6100;--orange-600:#E65800;--orange-700:#CC4E00;
  --orange-800:#993B00;--orange-900:#662700;
  --gold-300:#FFE066;--gold-400:#FFD700;--gold-500:#F0C800;
  --coral-50:#FFF3EE;--coral-100:#FFE0D1;--coral-300:#FF9E78;--coral-400:#F27059;
  --coral-500:#E55A42;--coral-600:#D45530;
  --warm-50:#FFFCF7;--warm-100:#FFF7ED;--warm-200:#FFEDDA;
  --amber-400:#E8A840;--amber-600:#B5841E;
  --purple-50:#F3F0FF;--purple-500:#7F77DD;--purple-600:#534AB7;
  --gray-50:#F9F8F6;--gray-100:#F2F0ED;--gray-200:#E4E1DC;--gray-300:#CCC9C3;
  --gray-400:#A09D97;--gray-500:#7D7A74;--gray-600:#5C5A55;--gray-700:#3E3D39;
  --gray-800:#2A2927;--gray-900:#1A1918;
  --font-heading:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  --font-body:'Noto Sans JP',sans-serif;
  --font-logo:'M PLUS Rounded 1c',sans-serif;
  --font-en:'DM Sans',sans-serif;
  --content-width:1200px;
  --section-padding:100px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{font-family:var(--font-body);color:var(--gray-800);background:#fff;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:var(--content-width);margin:0 auto;padding:0 24px}
.fade-in{opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.22,1,0.36,1),transform 0.8s cubic-bezier(0.22,1,0.36,1)}
.fade-in.visible{opacity:1;transform:translateY(0)}
.fade-in-delay-1{transition-delay:0.12s}.fade-in-delay-2{transition-delay:0.24s}.fade-in-delay-3{transition-delay:0.36s}
.section-label{font-family:var(--font-en);font-size:13px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--orange-500);margin-bottom:14px}
.section-title{font-family:var(--font-heading);font-size:clamp(24px,4vw,34px);font-weight:700;color:var(--gray-900);line-height:1.45;margin-bottom:20px;letter-spacing:0.02em}
.section-desc{font-size:15px;color:var(--gray-600);line-height:1.9;max-width:640px}

/* ===== Header ===== */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100000;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,0.05);transition:box-shadow 0.3s}
.site-header.scrolled{box-shadow:0 2px 24px rgba(0,0,0,0.06)}
.header-inner{max-width:var(--content-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{position:relative;display:inline-flex;align-items:center;overflow:visible}
.logo::after{display:none}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--gray-700);letter-spacing:0.03em;transition:color 0.2s}
.nav-links a:hover{color:var(--orange-500)}
.nav-cta{background:linear-gradient(135deg,var(--orange-400),var(--orange-500));color:#fff!important;padding:9px 22px;border-radius:24px;font-size:13px;font-weight:500;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 2px 12px rgba(255,97,0,0.3)}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,97,0,0.4)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.hamburger span{width:22px;height:2px;background:var(--gray-700);border-radius:1px;transition:0.3s}

/* ===== Hero ===== */
.ss-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:#fff}
.ss-hero::before{display:none}
.ss-hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;max-width:var(--content-width);margin:0 auto;padding:0 24px;padding-top:72px}
.ss-hero-content{position:relative;z-index:2}
.ss-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--orange-50);border:1px solid var(--orange-200);border-radius:24px;padding:6px 18px;margin-bottom:28px;opacity:0;animation:heroIn 1s 0.2s forwards}
.ss-hero-badge span{font-family:var(--font-en);font-size:12px;color:var(--orange-600);letter-spacing:0.05em}
.ss-hero-catch{font-family:var(--font-heading);font-size:clamp(24px,3.2vw,36px);font-weight:700;color:var(--gray-900);line-height:1.4;letter-spacing:0.03em;margin-bottom:20px;opacity:0;animation:heroIn 1s 0.4s forwards}
.ss-hero-catch span{display:block}
.ss-hero-catch em{font-style:normal;background:linear-gradient(135deg,#FF6100,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ss-hero-sub{font-family:var(--font-heading);font-size:clamp(14px,2.2vw,18px);font-weight:400;color:var(--gray-600);line-height:1.8;max-width:540px;margin:0 0 36px;padding:0;background:none;border:none;opacity:0;animation:heroIn 1s 0.6s forwards}
.ss-hero-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FF6100 0%,#FFD700 120%);color:#fff;padding:16px 36px;border-radius:32px;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:0.04em;box-shadow:0 6px 24px rgba(255,97,0,0.3);transition:transform 0.2s,box-shadow 0.2s;opacity:0;animation:heroIn 1s 0.8s forwards}
.ss-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,97,0,0.45)}
.ss-hero-cta svg{transition:transform 0.2s}.ss-hero-cta:hover svg{transform:translateX(3px)}
.ss-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;opacity:0;animation:heroIn 1s 1s forwards}
.ss-hero-tag{font-size:12px;color:var(--orange-700);background:var(--orange-50);border:1px solid var(--orange-100);border-radius:16px;padding:4px 14px}
.ss-hero-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:20px;opacity:0;animation:heroIn 1s 1s forwards}
.ss-hero-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#5C5A55;letter-spacing:0.01em}
.ss-hero-trust-item.award{color:#B45309}
.ss-hero-photo{position:relative;opacity:0;animation:heroIn 1s 0.5s forwards}
.ss-hero-photo img{width:100%;border-radius:24px;box-shadow:0 16px 48px rgba(0,0,0,0.1)}
.ss-hero-photo::after{content:'';position:absolute;bottom:-16px;right:-16px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(255,97,0,0.15),rgba(255,215,0,0.15));z-index:-1}
.ss-hero-photo::before{content:'';position:absolute;top:-20px;left:-20px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(255,97,0,0.08),rgba(255,215,0,0.08));z-index:-1}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ===== Concerns ===== */
.ss-concerns{padding:var(--section-padding) 0;background:linear-gradient(180deg,var(--orange-50) 0%,#fff 100%)}
.ss-concerns-head{text-align:center;margin-bottom:56px}
.ss-concerns-head .section-label{color:var(--orange-500)}
.ss-concerns-head .section-title{color:var(--orange-600)}
.ss-concerns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}
.ss-concern-card{background:#fff;border-radius:16px;padding:28px 22px;text-align:center;border:1px solid var(--gray-100);transition:transform 0.3s,box-shadow 0.3s}
.ss-concern-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.06)}
.ss-concern-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;background:var(--orange-50)}
.ss-concern-card p{font-size:14px;color:var(--gray-700);line-height:1.7;font-weight:500}

/* ===== Points ===== */
.ss-points{padding:var(--section-padding) 0}
.ss-points-head{text-align:center;margin-bottom:64px}
.ss-point{padding:80px 0;position:relative}
.ss-point:nth-child(even){background:var(--gray-50)}
.ss-point-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:var(--content-width);margin:0 auto;padding:0 24px}
.ss-point:nth-child(even) .ss-point-inner{direction:rtl}
.ss-point:nth-child(even) .ss-point-inner>*{direction:ltr}
.ss-point-num{font-family:var(--font-en);font-size:80px;font-weight:700;background:linear-gradient(135deg,#FFCC99,#FFE066);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:8px;letter-spacing:-0.02em}
.ss-point-title{font-family:var(--font-heading);font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--gray-900);line-height:1.45;margin-bottom:16px}
.ss-point-text{font-size:15px;color:var(--gray-600);line-height:1.9;margin-bottom:20px}
.ss-point-img{border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08)}
.ss-point-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.ss-point-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.ss-step-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:6px 14px;border-radius:20px;background:var(--orange-50);color:var(--orange-700)}
.ss-step-tag.active{background:linear-gradient(135deg,#FF6100,#FFD700);color:#fff}
.ss-step-arrow{color:var(--gray-300);font-size:14px;display:flex;align-items:center}
.ss-point-list{list-style:none;margin-top:16px}
.ss-point-list li{font-size:14px;color:var(--gray-600);padding:8px 0;padding-left:24px;position:relative;line-height:1.6}
.ss-point-list li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;background:var(--orange-400);border-radius:50%}

/* ===== Mid CTA ===== */
.ss-mid-cta{padding:64px 0;background:linear-gradient(135deg,#FF6100 0%,#FF8A00 40%,#FFD700 100%);text-align:center;position:relative;overflow:hidden}
.ss-mid-cta::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%)}
.ss-mid-cta-title{font-family:var(--font-heading);font-size:clamp(18px,3vw,24px);font-weight:700;color:#fff;margin-bottom:20px}
.ss-mid-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--orange-700);padding:16px 40px;border-radius:32px;font-family:var(--font-heading);font-size:16px;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,0.12);transition:transform 0.2s,box-shadow 0.2s}
.ss-mid-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.16)}

/* ===== Activities ===== */
.ss-activities{padding:var(--section-padding) 0}
.ss-activities-head{text-align:center;margin-bottom:56px}
.ss-activities-head .section-desc{margin:0 auto}
.ss-act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ss-act-card{background:var(--gray-50);border-radius:16px;padding:28px 22px;transition:transform 0.3s}
.ss-act-card:hover{transform:translateY(-3px)}
.ss-act-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ss-act-icon.mint{background:var(--orange-50)}.ss-act-icon.purple{background:var(--purple-50)}.ss-act-icon.warm{background:var(--warm-100)}.ss-act-icon.coral{background:var(--coral-50)}
.ss-act-card h3{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px;color:var(--gray-800)}
.ss-act-freq{font-size:12px;color:var(--orange-600);font-weight:500;margin-bottom:8px}
.ss-act-card p{font-size:13px;color:var(--gray-500);line-height:1.7}

/* ===== Schedule ===== */
.ss-schedule{padding:80px 0;background:var(--gray-50)}
.ss-schedule-head{text-align:center;margin-bottom:40px}
.ss-sched-table{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.04)}
.ss-sched-row{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--gray-100)}
.ss-sched-row:last-child{border-bottom:none}
.ss-sched-day{padding:16px 20px;font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--gray-700);background:var(--orange-50);display:flex;align-items:center}
.ss-sched-content{padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ss-sched-tag{font-size:12px;padding:4px 12px;border-radius:12px;font-weight:500}
.sched-kokatsu{background:var(--orange-100);color:var(--orange-700)}
.sched-study{background:var(--purple-50);color:var(--purple-600)}
.sched-yuru{background:var(--warm-200);color:var(--amber-600)}
.sched-free{background:var(--gray-100);color:var(--gray-600)}

/* ===== Attendance ===== */
.ss-attendance{padding:80px 0}
.ss-attendance-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:900px;margin:0 auto}
.ss-attendance-badge{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#FF6100,#FFD700);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ss-attendance-badge svg{width:48px;height:48px}
.ss-attendance-img{border-radius:16px;overflow:hidden}
.ss-attendance-img img{width:100%;object-fit:cover}

/* ===== Voices ===== */
.ss-voices{padding:var(--section-padding) 0;background:var(--orange-50)}
.ss-voices-head{text-align:center;margin-bottom:48px}
.ss-voices-head .section-label{color:var(--orange-500)}
.ss-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ss-voice-card{background:#fff;border-radius:16px;overflow:hidden;transition:transform 0.3s,box-shadow 0.3s}
.ss-voice-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.08)}
.ss-voice-card-img{aspect-ratio:4/3;overflow:hidden}
.ss-voice-card-img img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform 0.4s}
.ss-voice-card:hover .ss-voice-card-img img{transform:scale(1.04)}
.ss-voice-card-body{padding:18px 16px}
.ss-voice-card h3{font-family:var(--font-heading);font-size:14px;font-weight:500;line-height:1.6;color:var(--gray-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ss-voice-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:500;color:var(--orange-500)}

/* ===== Message ===== */
.ss-message{padding:var(--section-padding) 0;background:linear-gradient(160deg,#2A2420 0%,#1F1A16 40%,#181410 100%);color:#fff;position:relative;overflow:hidden}
.ss-message::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,0,0.12) 0%,transparent 70%)}
.ss-message-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;position:relative}
.ss-message-img{border-radius:20px;overflow:hidden;max-width:320px}
.ss-message-img img{width:100%;object-fit:cover}
.ss-message .section-label{color:var(--orange-300)}
.ss-message .section-title{color:#fff}
.ss-message-text{font-size:15px;line-height:2;color:rgba(255,255,255,0.78);margin-bottom:20px}
.ss-message-name{font-size:13px;color:rgba(255,255,255,0.45)}

/* ===== Pricing ===== */
.ss-pricing{padding:var(--section-padding) 0}
.ss-pricing-head{text-align:center;margin-bottom:48px}
.ss-price-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px;max-width:800px;margin:0 auto 40px}
.ss-price-card{border-radius:20px;padding:32px 28px;text-align:center;min-width:0;overflow:hidden}
.ss-price-card.main{background:linear-gradient(160deg,var(--orange-50),#fff);border:2px solid var(--orange-200)}
.ss-price-card.campaign{background:linear-gradient(160deg,var(--orange-50),#fff);border:2px solid var(--orange-200)}
.ss-price-label{font-size:13px;font-weight:500;color:var(--gray-500);margin-bottom:8px}
.ss-price-amount{font-family:var(--font-en);font-size:42px;font-weight:700;color:var(--gray-900);line-height:1}
.ss-price-amount span{font-size:16px;font-weight:500;color:var(--gray-500)}
.ss-price-note{font-size:12px;color:var(--gray-400);margin-top:8px}
.ss-price-campaign{display:inline-block;background:linear-gradient(135deg,var(--orange-400),var(--orange-500));color:#fff;font-size:13px;font-weight:700;padding:4px 14px;border-radius:12px;margin-bottom:12px}

/* ===== Subsidies ===== */
.ss-subsidies{padding:60px 0;background:var(--gray-50)}
.ss-subsidies-head{text-align:center;margin-bottom:32px}
.ss-subsidy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}
.ss-subsidy-card{background:#fff;border-radius:14px;padding:20px 16px;text-align:center;border:1px solid var(--gray-100)}
.ss-subsidy-card h4{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:6px;line-height:1.4}
.ss-subsidy-card a{font-size:12px;color:var(--orange-500);font-weight:500}

/* ===== GLOBAL GAME Referral ===== */
.ss-gg-referral{padding:80px 0;background:linear-gradient(160deg,#EDE7FE 0%,#fff 100%)}
.ss-gg-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;max-width:900px;margin:0 auto}
.ss-gg-badge{display:inline-block;background:var(--purple-500);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:12px;margin-bottom:12px}
.ss-gg-title{font-family:var(--font-heading);font-size:clamp(20px,3vw,26px);font-weight:700;color:var(--gray-900);margin-bottom:12px;line-height:1.45}
.ss-gg-text{font-size:14px;color:var(--gray-600);line-height:1.8;margin-bottom:20px}
.ss-gg-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.ss-gg-compare-card{border-radius:12px;padding:16px;text-align:center;font-size:13px}
.ss-gg-compare-card.ss{background:var(--orange-50);border:1px solid var(--orange-200)}
.ss-gg-compare-card.gg{background:var(--purple-50);border:2px solid var(--purple-500)}
.ss-gg-compare-card h5{font-size:14px;font-weight:700;margin-bottom:6px}
.ss-gg-compare-card p{font-size:12px;color:var(--gray-500)}
.ss-gg-btn{display:inline-flex;align-items:center;gap:8px;background:var(--purple-500);color:#fff;padding:12px 28px;border-radius:28px;font-size:14px;font-weight:500;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 16px rgba(127,119,221,0.3)}
.ss-gg-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(127,119,221,0.4)}
.ss-gg-img{border-radius:16px;overflow:hidden}
.ss-gg-img img{width:100%;object-fit:cover}

/* ===== Press ===== */
.ss-press{padding:80px 0}
.ss-press-head{text-align:center;margin-bottom:40px}
.ss-press-list{max-width:800px;margin:0 auto;list-style:none;padding:0}
.ss-press-item{display:flex;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid var(--gray-200)}
.ss-press-item:first-child{border-top:1px solid var(--gray-200)}
.ss-press-date{font-family:var(--font-en);font-size:13px;color:var(--gray-400);white-space:nowrap;min-width:90px}
.ss-press-source{font-size:11px;color:var(--orange-600);background:var(--orange-50);padding:2px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0}
.ss-press-title{font-size:14px;color:var(--gray-700);line-height:1.6;transition:color 0.2s}
.ss-press-item:hover .ss-press-title{color:var(--orange-500)}

/* ===== Blog ===== */
.ss-blog{padding:var(--section-padding) 0;background:var(--gray-50)}
.ss-blog-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.ss-blog-more{font-family:var(--font-en);font-size:13px;font-weight:500;color:var(--orange-500);display:inline-flex;align-items:center;gap:6px}
.ss-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ss-blog-card{background:#fff;border-radius:14px;overflow:hidden;transition:transform 0.3s}
.ss-blog-card:hover{transform:translateY(-4px)}
.ss-blog-card-img{aspect-ratio:16/9;overflow:hidden}
.ss-blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}
.ss-blog-card:hover .ss-blog-card-img img{transform:scale(1.04)}
.ss-blog-card-body{padding:16px}
.ss-blog-card-date{font-family:var(--font-en);font-size:12px;color:var(--gray-400);margin-bottom:6px}
.ss-blog-card h3{font-family:var(--font-heading);font-size:14px;font-weight:500;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Award ===== */
.ss-award{padding:60px 0;text-align:center}
.ss-award-badge{display:inline-flex;align-items:center;gap:16px;background:var(--warm-100);border:2px solid var(--amber-400);border-radius:20px;padding:20px 36px}
.ss-award-badge-text{text-align:left}
.ss-award-badge-text .label{font-size:12px;color:var(--amber-600);font-weight:500}
.ss-award-badge-text .title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--gray-900)}

/* ===== Final CTA ===== */
.ss-final-cta{padding:88px 0;background:linear-gradient(135deg,#FF6100 0%,#FF8A00 40%,#FFBF00 80%,#FFD700 100%);text-align:center;position:relative;overflow:hidden}
.ss-final-cta::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%)}
.ss-final-cta-title{font-family:var(--font-heading);font-size:clamp(22px,4vw,30px);font-weight:700;color:#fff;margin-bottom:12px}
.ss-final-cta-desc{font-size:15px;color:rgba(255,255,255,0.82);margin-bottom:40px}
.ss-final-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--orange-700);padding:16px 44px;border-radius:32px;font-family:var(--font-heading);font-size:16px;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,0.12);transition:transform 0.2s,box-shadow 0.2s}
.ss-final-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.16)}

/* ===== Footer ===== */
.site-footer{padding:60px 0 32px;background:var(--gray-900);color:rgba(255,255,255,0.7)}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand p{font-size:13px;line-height:1.8;margin-top:16px;color:rgba(255,255,255,0.45)}
.footer-logo-wrap{position:relative;display:inline-block;padding-bottom:5px;overflow:visible}
.footer-logo-wrap .logo-text-footer{font-family:var(--font-logo);font-weight:900;font-size:18px;letter-spacing:0.01em;line-height:1;color:rgba(255,255,255,0.7)}
.footer-logo-wrap::after{content:'';position:absolute;bottom:0;left:0;right:-15%;height:3px;background:#2AACAC;opacity:0.5;border-radius:0 0 50% 50%/0 0 100% 100%}
.footer-col h4{font-size:13px!important;font-weight:500!important;color:rgba(255,255,255,0.85)!important;margin-bottom:16px!important;background:none!important;padding:0!important;border:none!important}
.footer-col ul{list-style:none!important;padding:0!important;margin:0!important}
.footer-col li{margin-bottom:10px;list-style:none!important}
.footer-col a{font-size:13px;color:rgba(255,255,255,0.45)!important;transition:color 0.2s}
.footer-col a:hover{color:rgba(255,255,255,0.9)!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-family:var(--font-en);font-size:12px;color:rgba(255,255,255,0.3)}

/* ===== Provide / Prepare ===== */
.ss-provide{padding:80px 0}
.ss-provide-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto}
.ss-provide-card{border-radius:20px;padding:36px 28px}
.ss-provide-card.provide{background:var(--orange-50);border:1px solid var(--orange-100)}
.ss-provide-card.prepare{background:var(--warm-100);border:1px solid var(--warm-200)}
.ss-provide-card h3{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:20px;color:var(--gray-900)}
.ss-provide-list{list-style:none}
.ss-provide-list li{font-size:14px;color:var(--gray-700);padding:8px 0;padding-left:28px;position:relative;line-height:1.6}
.ss-provide-card.provide .ss-provide-list li::before{content:'✓';position:absolute;left:0;color:var(--orange-500);font-weight:700}
.ss-provide-card.prepare .ss-provide-list li::before{content:'●';position:absolute;left:4px;font-size:8px;top:13px;color:var(--amber-600)}
.ss-provide-list li small{font-size:12px;color:var(--gray-400)}

/* ===== Blog YouTube ===== */
.ss-blog-video{max-width:700px;margin:0 auto 40px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.ss-blog-video iframe{width:100%;height:100%;border:0}

/* ===== Lecture ===== */
.ss-lecture{padding:80px 0;background:linear-gradient(160deg,#1A1410 0%,#2A2018 50%,#3A2E22 100%);color:#fff;position:relative;overflow:hidden}
.ss-lecture::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,0,0.15) 0%,transparent 70%)}
.ss-lecture-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;position:relative}
.ss-lecture-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:20px;padding:5px 16px;margin-bottom:16px;font-size:12px;color:rgba(255,255,255,0.7)}
.ss-lecture-title{font-family:var(--font-heading);font-size:clamp(22px,3.5vw,32px);font-weight:700;color:#fff;line-height:1.4;margin-bottom:12px}
.ss-lecture-sub{font-size:15px;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:24px}
.ss-lecture-btns{display:flex;gap:12px;flex-wrap:wrap}
.ss-lecture-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:28px;font-size:14px;font-weight:500;transition:transform 0.2s,box-shadow 0.2s}
.ss-lecture-btn:hover{transform:translateY(-2px)}
.ss-lecture-btn.primary{background:#fff;color:var(--orange-800);box-shadow:0 4px 16px rgba(0,0,0,0.15)}
.ss-lecture-btn.secondary{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.25)}
.ss-lecture-video{border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 8px 32px rgba(0,0,0,0.3)}
.ss-lecture-video iframe{width:100%;height:100%;border:0}

/* ===== Enhanced Award ===== */
.ss-award{padding:80px 0;background:linear-gradient(160deg,var(--warm-100) 0%,var(--warm-50) 100%)}
.ss-award-inner{max-width:700px;margin:0 auto;text-align:center}
.ss-award-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#F0C040,#E8A840);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(232,168,64,0.3)}
.ss-award-title{font-family:var(--font-en);font-size:14px;font-weight:500;color:var(--amber-600);letter-spacing:0.1em;margin-bottom:6px}
.ss-award-name{font-family:var(--font-heading);font-size:clamp(22px,3.5vw,30px);font-weight:700;color:var(--gray-900);margin-bottom:12px}
.ss-award-desc{font-size:14px;color:var(--gray-500);line-height:1.7;max-width:500px;margin:0 auto}

/* ===== LINE CTA ===== */
.ss-line-btn{display:inline-flex;align-items:center;gap:10px;background:#06C755;color:#fff;padding:16px 36px;border-radius:32px;font-family:var(--font-heading);font-size:16px;font-weight:700;box-shadow:0 6px 24px rgba(6,199,85,0.3);transition:transform 0.2s,box-shadow 0.2s}
.ss-line-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(6,199,85,0.4)}
.ss-cta-or{font-size:13px;color:rgba(255,255,255,0.5);margin:0 8px}
.ss-mid-cta-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.ss-final-cta-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}

/* ===== YouTube ===== */
.ss-youtube{padding:80px 0;background:var(--gray-50)}
.ss-youtube-head{text-align:center;margin-bottom:40px}
.ss-youtube-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}
.ss-youtube-card{border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.ss-youtube-card iframe{width:100%;height:100%;border:0}
.ss-youtube-caption{text-align:center;font-size:13px;color:var(--gray-500);margin-top:10px}

/* ===== FAQ ===== */
.ss-faq{padding:var(--section-padding) 0}
.ss-faq-head{text-align:center;margin-bottom:48px}
.ss-faq-list{max-width:800px;margin:0 auto}
.ss-faq-item{border-bottom:1px solid var(--gray-200);overflow:hidden}
.ss-faq-item:first-child{border-top:1px solid var(--gray-200)}
.ss-faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:pointer;gap:16px}
.ss-faq-q h3{font-family:var(--font-heading);font-size:15px;font-weight:500;color:var(--gray-800);line-height:1.6;flex:1}
.ss-faq-q-badge{font-family:var(--font-en);font-size:14px;font-weight:700;color:var(--orange-500);flex-shrink:0;width:28px}
.ss-faq-toggle{width:28px;height:28px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s,background 0.3s}
.ss-faq-item.open .ss-faq-toggle{transform:rotate(180deg);background:var(--orange-50)}
.ss-faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}
.ss-faq-item.open .ss-faq-a{max-height:300px;padding-bottom:20px}
.ss-faq-a p{font-size:14px;color:var(--gray-600);line-height:1.8;padding-left:28px}

/* ===== Corp Mini ===== */
.ss-corp-mini{padding:60px 0;background:var(--gray-50)}
.ss-corp-mini-inner{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.ss-corp-mini-logo{font-family:var(--font-logo);font-weight:900;font-size:28px;color:var(--gray-800)}
.ss-corp-mini-text{font-size:14px;color:var(--gray-500);line-height:1.6}
.ss-corp-mini-link{font-size:13px;font-weight:500;color:var(--orange-500);display:inline-flex;align-items:center;gap:4px}

/* ===== Difference Table ===== */
.ss-diff{padding:var(--section-padding) 0;background:#FFFAF5}
.ss-diff-table{max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.06)}
.ss-diff-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ECEAE6}
.ss-diff-row.ss-diff-header{border-top:none}
.ss-diff-label{padding:16px 20px;background:#fff;font-size:13px;font-weight:600;color:#3C3A36}
.ss-diff-header .ss-diff-label{background:#F5F3F0}
.ss-diff-general{padding:16px 20px;background:#fff;font-size:13px;color:#7D7A74;text-align:center}
.ss-diff-header .ss-diff-general{background:#F5F3F0;font-weight:600}
.ss-diff-ss{padding:16px 20px;background:#FFF8F3;font-size:13px;font-weight:600;color:#FF6100;text-align:center}
.ss-diff-header .ss-diff-ss{background:linear-gradient(135deg,#FF6100,#FF8A3D);color:#fff;font-weight:700}
.ss-diff-mob-label{display:none}

/* ===== Responsive ===== */
@media(max-width:768px){
  :root{--section-padding:64px}
  .nav-links{display:none}.hamburger{display:flex}
  .container{padding:0 20px}
  .ss-hero-inner{grid-template-columns:1fr;gap:24px;padding-top:80px}
  .ss-hero-photo{max-width:400px;margin:0 auto}
  .ss-hero-content{padding:0 20px}
  .ss-hero-catch{font-size:clamp(22px,5.5vw,30px)}
  .ss-concerns-grid{grid-template-columns:1fr 1fr;gap:14px}
  .ss-point-inner{grid-template-columns:1fr;gap:28px}
  .ss-point:nth-child(even) .ss-point-inner{direction:ltr}
  .ss-point-num{font-size:56px}
  .ss-point-img{max-width:100%}
  .ss-act-grid{grid-template-columns:1fr 1fr;gap:14px}
  .ss-sched-row{grid-template-columns:80px 1fr}
  .ss-attendance-inner{grid-template-columns:1fr;gap:28px}
  .ss-voice-grid{grid-template-columns:1fr}
  .ss-message-inner{grid-template-columns:1fr;gap:28px}
  .ss-message-img{max-width:240px}
  .ss-price-cards{grid-template-columns:1fr!important}
  .ss-subsidy-grid{grid-template-columns:1fr 1fr;gap:12px}
  .ss-gg-inner{grid-template-columns:1fr;gap:28px}
  .ss-provide-inner{grid-template-columns:1fr}
  .ss-lecture-inner{grid-template-columns:1fr;gap:28px}
  .ss-youtube-grid{grid-template-columns:1fr}
  .ss-mid-cta-btns{flex-direction:column}
  .ss-final-cta-btns{flex-direction:column}
  .ss-blog-grid{grid-template-columns:1fr}
  .ss-blog-head{flex-direction:column;align-items:flex-start;gap:12px}
  .ss-corp-mini-inner{flex-direction:column;text-align:center}
  .ss-press-item{flex-wrap:wrap;gap:8px 16px}
  .ss-press-date{min-width:auto}
  .ss-press-title{flex-basis:100%}
  .footer-inner{grid-template-columns:1fr;gap:28px}
  /* Diff table mobile card layout */
  .ss-diff-row.ss-diff-header{display:none}
  .ss-diff-row{display:flex;flex-direction:column;border-top:none;border-bottom:8px solid #FFFAF5}
  .ss-diff-label{background:#F5F3F0;font-weight:700;font-size:13px;padding:12px 20px}
  .ss-diff-general{text-align:left;padding:12px 20px 6px;background:#fff;display:flex;align-items:baseline;gap:0;flex-direction:column}
  .ss-diff-ss{text-align:left;padding:6px 20px 14px;background:#FFF8F3;display:flex;align-items:baseline;gap:0;flex-direction:column;border-radius:0 0 0 0}
  .ss-diff-mob-label{display:block;font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:2px}
  .ss-diff-general .ss-diff-mob-label{color:#A09D97}
  .ss-diff-ss .ss-diff-mob-label{color:#FF8A33}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .ss-hero-content{padding:0 16px}
  .ss-concerns-grid{grid-template-columns:1fr}
  .ss-act-grid{grid-template-columns:1fr}
  .ss-subsidy-grid{grid-template-columns:1fr}
  .ss-gg-compare{grid-template-columns:1fr}
}

/* ===== Mobile Menu Open State ===== */
/* Mobile Menu - handled entirely by JS overlay (see school.js) */
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ===== Cocoon Overrides ===== */
.coconova-school-page h1,
.coconova-school-page h2,
.coconova-school-page h3,
.coconova-school-page h4{background:none!important;border:none!important}
.coconova-school-page h1:not(.section-title),
.coconova-school-page h2:not(.section-title),
.coconova-school-page h3,
.coconova-school-page h4{padding:0!important}
.coconova-school-page .ss-act-grid ul,
.coconova-school-page .ss-point-list,
.coconova-school-page .ss-provide-list,
.coconova-school-page .footer-col ul{list-style:none!important;padding:0!important;margin:0!important}
.coconova-school-page .ss-faq-list{list-style:none!important;padding:0!important;margin:0 auto!important;max-width:800px!important}
.coconova-school-page .nav-links{list-style:none!important;margin:0!important;padding:0!important}
.coconova-school-page h1.ss-hero-sub{background:none!important;border:none!important;padding:0!important;margin:0 0 36px!important;font-size:clamp(14px,2.2vw,18px)!important;font-weight:400!important;color:var(--gray-600)!important}
.coconova-school-page img{border:none!important}
.coconova-school-page .article{padding:0!important;margin:0!important}
.coconova-school-page #content,.coconova-school-page .content{margin:0!important;padding:0!important;max-width:none!important}
.coconova-school-page .entry-content{padding:0!important;margin:0!important}
.coconova-school-page *{box-sizing:border-box!important}
.coconova-school-page .container{padding:0 24px!important}
.coconova-school-page .ss-price-cards{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
.coconova-school-page .ss-price-card{display:block!important;width:auto!important;min-width:0!important;border-radius:20px!important}
.coconova-school-page .ss-press-list{padding:0!important}
@media(max-width:768px){
  .coconova-school-page .container{padding:0 20px!important}
  .coconova-school-page .ss-price-cards{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .coconova-school-page .container{padding:0 16px!important}
}

/* ===== Session Schedule in CTA ===== */
.ss-session-schedule{margin-bottom:24px;padding:16px 24px;border:1px solid rgba(255,255,255,0.15);border-radius:16px;background:rgba(255,255,255,0.08);display:inline-block}
.ss-session-label{font-size:12px;font-weight:500;color:rgba(255,255,255,0.6);margin-bottom:10px;letter-spacing:0.05em}
.ss-session-slots{display:flex;flex-wrap:wrap;gap:12px}
.ss-session-slot{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;background:rgba(255,255,255,0.1);padding:8px 18px;border-radius:24px}
@media(max-width:480px){.ss-session-slots{flex-direction:column}.ss-session-slot{font-size:13px}}