/* 慶應FIT専門塾 FITA — トップページ
   方針: 慶應法学部らしい威厳。紺と金、明朝体の見出し、広い余白。
   配色: 紺 #193765 / 深紺 #0F1C3F / 金 #CB9A36 / 生成り #F7F4EC */

:root{
  --navy:#193765;
  --navy-deep:#0F1C3F;
  --navy-soft:#2a4a80;
  --gold:#CB9A36;
  --gold-light:#E3C27A;
  --gold-pale:#F3E7CB;
  --ivory:#F7F4EC;
  --tint:#F3F5F9;
  --paper:#ffffff;
  --ink:#1b2438;
  --sub:#566076;
  --faint:#8d95a6;
  --line:#dfe3ea;
  --green:#06C755;
  --orange:#F27A00;
  --serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
  --en:"Cormorant Garamond","Noto Serif JP",serif;
  --maxw:1080px;
  --header-h:66px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);}
body{
  margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);
  font-size:16px;line-height:1.9;letter-spacing:.04em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,p,ol,ul,figure{margin:0;}
ol,ul{padding:0;list-style:none;}
button{font:inherit;color:inherit;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.container-narrow{max-width:860px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sp{display:none;}
/* 飾りや要素が右にはみ出しても、スマホでページが横に広がって右に余白ができないように */
html,body{overflow-x:clip;}
/* 欧文書体の数字は高さの揃った字形を使う */
.feature-num,.stat-num,.proof h4 b,.voice-tags i{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}

/* ============ ボタン ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:56px;padding:12px 34px;border-radius:999px;border:2px solid transparent;
  font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:.08em;line-height:1.4;
  transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;text-align:center;
}
.btn .arrow{font-family:var(--sans);transition:transform .2s;}
.btn:hover{transform:translateY(-2px);}
.btn:hover .arrow{transform:translateX(4px);}
.btn-lg{min-height:64px;padding:14px 44px;font-size:17px;}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 8px 20px rgba(203,154,54,.32);}
.btn-gold:hover{background:#bb8a28;}
.btn-line{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(6,199,85,.26);}
.btn-line:hover{background:#05b24c;}
.btn-outline{border-color:var(--navy);color:var(--navy);background:transparent;}
.btn.is-disabled{border-color:var(--line);color:var(--faint);cursor:default;pointer-events:none;}
.line-ic{width:30px;height:30px;border-radius:7px;}

/* ============ ヘッダー ============ */
.site-header{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);transition:box-shadow .25s;
}
.site-header.is-scrolled{box-shadow:0 6px 24px rgba(15,28,63,.10);}
.header-inner{display:flex;align-items:stretch;height:var(--header-h);padding-left:28px;}
.logo{display:flex;align-items:center;flex:0 0 auto;}
.logo img{height:34px;width:auto;}
.gnav{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:20px;}
.gnav a,.gnav-dd-btn{
  position:relative;padding:8px 13px;font-family:var(--sans);font-weight:700;font-size:14.5px;letter-spacing:.06em;
  color:var(--navy-deep);white-space:nowrap;
}
.gnav a::after,.gnav-dd-btn::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.gnav a:hover::after,.gnav-dd:hover .gnav-dd-btn::after{transform:scaleX(1);}
/* 授業内容・料金プラン・お問い合わせは、カーソルを重ねて開いた中の項目だけ押せる（見出し自体はページへ移らない） */
.gnav-dd{position:relative;}
.gnav-dd-btn{display:block;padding-right:24px !important;border:0;background:none;cursor:default;line-height:inherit;}
.gnav-dd-btn::before{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}
.gnav-sub{position:absolute;left:50%;top:100%;z-index:50;display:flex;flex-direction:column;min-width:200px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 36px -18px rgba(15,28,63,.35);transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;}
.gnav-dd:hover .gnav-sub{opacity:1;visibility:visible;transform:translate(-50%,0);}
/* キーボード操作のときだけ、フォーカスでも開く（:has に未対応のブラウザでも上のホバーは効くよう別の行に） */
.gnav-dd:has(:focus-visible) .gnav-sub{opacity:1;visibility:visible;transform:translate(-50%,0);}
.gnav-sub a{padding:10px 14px !important;font-size:14px !important;color:var(--navy-deep) !important;border-radius:3px;}
.gnav-sub a::after{display:none;}
.gnav-sub a:hover{background:var(--ivory);}
.header-cta{display:flex;}
.hbtn{
  display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;
  min-width:168px;padding:0 22px;color:#fff;font-family:var(--sans);line-height:1.3;transition:filter .2s;
}
.hbtn-ic{width:25px;height:25px;object-fit:contain;flex:0 0 25px;}
.hbtn:hover{filter:brightness(1.08);}
.hbtn-main{font-size:16px;font-weight:700;letter-spacing:.08em;}
.hbtn-line{background:var(--green);}
.hbtn-reserve{background:var(--navy);}
.burger{display:none;}
.drawer,.drawer-backdrop{display:none;}

/* ============ ヒーロー（画像スライド） ============ */
/* 画像の白いフチは意図したデザイン。切り落とさず、そのままの比率で表示する */
.hero{position:relative;background:#fff;}
.hero-slider{position:relative;max-width:1920px;margin:0 auto;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;}
.hero-slides{position:relative;aspect-ratio:1920/958;}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s;}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity 1.1s ease,visibility 0s;}
.hero-slide picture,.hero-slide img{display:block;width:100%;height:100%;}
.hero-slide img{object-fit:contain;-webkit-user-drag:none;}
.hero-slider.is-dragging{cursor:grabbing;}

/* ============ ヒーロー下のキャンペーンバナー（PC・スマホとも2枚を横一列） ============ */
.hero-cta{padding:6px 0 8px;background:#fff;}
.hero-cta-row{max-width:1600px;padding:0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.hero-cta-item{display:block;border-radius:8px;transition:opacity .2s;}
.hero-cta-item:hover{opacity:.75;}
.hero-cta-item img{width:100%;height:auto;}

/* ============ セクション共通 ============ */
.sec{padding:120px 0;}
.sec-tint{background:var(--tint);}
.eyebrow{text-align:center;margin-bottom:18px;}
.eyebrow span{
  display:inline-flex;align-items:center;gap:16px;font-family:var(--en);font-weight:600;font-size:19px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
}
.eyebrow span::before,.eyebrow span::after{content:"";width:38px;height:1px;background:var(--gold);}
.eyebrow-light span{color:var(--gold-light);}
.eyebrow-light span::before,.eyebrow-light span::after{background:var(--gold-light);}
.sec-title{
  font-family:var(--serif);font-weight:700;font-size:30px;line-height:1.6;letter-spacing:.08em;
  color:var(--navy-deep);text-align:center;
}
.sec-title-light{color:#fff;}
.title-logo{display:inline-block;height:1.05em;width:auto;vertical-align:-.14em;margin-right:.3em;}
.note{font-size:13.5px;color:var(--sub);margin-top:14px;}

/* 折りたたみ */
.more{margin:48px auto 0;max-width:900px;}
.more > summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;
  width:fit-content;min-width:340px;margin:0 auto;padding:16px 34px;border:1px solid var(--navy);border-radius:999px;
  font-family:var(--sans);font-weight:700;font-size:16.5px;letter-spacing:.1em;color:var(--navy);background:#fff;
  transition:background .2s,color .2s;
}
.more > summary::-webkit-details-marker{display:none;}
.more > summary:hover{background:var(--navy);color:#fff;}
.more-ic{position:relative;width:16px;height:16px;flex:0 0 16px;}
.more-ic::before,.more-ic::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:currentColor;transition:transform .25s;}
.more-ic::after{transform:rotate(90deg);}
.more[open] > summary .more-ic::after{transform:rotate(0);}
.more[open] > summary{background:var(--navy);color:#fff;}
.more-body{padding-top:44px;animation:fadeUp .45s ease both;}
.more-inline{margin:26px 0 0;max-width:none;}
.more-inline > summary{margin:0;min-width:0;padding:12px 28px;font-size:15px;}
.more-inline .more-body{padding-top:26px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

.figure-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;box-shadow:0 10px 30px rgba(15,28,63,.06);}
.figure-card + .figure-card{margin-top:22px;}

/* ============ 2. 理念（夜空のグラデーション） ============ */
/* 上は透明（白）から始まり、下に向かって薄い紺へ。下の方にだけ星がまたたく */
.philosophy{
  position:relative;overflow:hidden;padding:64px 0 40px;
  background:
    radial-gradient(60% 38% at 50% 36%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 70%),
    /* バッジの後ろを白く明るくして文字を読みやすくする（AOI の空のイメージ） */
    radial-gradient(55% 34% at 50% 64%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%),
    /* 「FITAとは」ボックスの中央（下から68px）で完全に白になる */
    linear-gradient(180deg,rgba(255,255,255,0) 0%,#f3f6fb 16%,#dfe6f3 36%,#b3c2df 54%,#7f97c3 calc(100% - 350px),#a9bad9 calc(100% - 220px),#fff calc(100% - 68px),#fff 100%);
}
/* 雲のようなモヤ: ぼかした白い楕円をゆっくり横に流す */
.night-mist{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.night-mist span{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));filter:blur(22px);}
/* 白いモヤ: バッジの周りを中心に、大きさと位置をばらつかせて広く散らす */
.night-mist span:nth-child(1){width:48%;height:30%;left:-6%;top:40%;opacity:.85;animation:mistDrift 46s ease-in-out infinite alternate;}
.night-mist span:nth-child(2){width:44%;height:26%;right:-4%;top:48%;opacity:.8;animation:mistDrift 58s ease-in-out infinite alternate-reverse;}
.night-mist span:nth-child(3){width:50%;height:36%;left:25%;top:52%;opacity:.9;animation:mistDrift 64s ease-in-out infinite alternate;}
.night-mist span:nth-child(4){width:34%;height:22%;left:14%;top:70%;opacity:.7;animation:mistDrift 52s ease-in-out infinite alternate-reverse;}
.night-mist span:nth-child(5){width:38%;height:24%;right:10%;top:72%;opacity:.75;animation:mistDrift 60s ease-in-out infinite alternate;}
.night-mist span:nth-child(6){width:28%;height:18%;left:56%;top:34%;opacity:.6;animation:mistDrift 50s ease-in-out infinite alternate-reverse;}
@keyframes mistDrift{from{transform:translateX(-5%);}to{transform:translateX(5%);}}
.night-sky{
  position:absolute;inset:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 32%,#000 60%,#000 calc(100% - 290px),transparent calc(100% - 140px));mask-image:linear-gradient(180deg,transparent 32%,#000 60%,#000 calc(100% - 290px),transparent calc(100% - 140px));
}
.night-sky::before,.night-sky::after{content:"";position:absolute;inset:0;background-repeat:repeat;}
.night-sky::before{
  background-size:360px 280px;
  background-image:
    radial-gradient(1.6px 1.6px at 43% 21%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.0px 2.0px at 8% 11%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.8px 1.8px at 14% 48%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 66% 29%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 57% 55%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.6px 1.6px at 13% 72%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.1px 2.1px at 74% 17%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.8px 1.8px at 82% 82%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(1.8px 1.8px at 9% 75%,rgba(255,255,255,.95) 50%,transparent 52%);
}
.night-sky::after{
  background-size:520px 400px;background-position:130px 60px;
  background-image:
    radial-gradient(2.1px 2.1px at 8% 30%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.5px 2.5px at 19% 39%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.7px 2.7px at 71% 17%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.2px 2.2px at 73% 89%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.8px 2.8px at 76% 75%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.7px 2.7px at 49% 14%,rgba(255,255,255,.95) 50%,transparent 52%),
    radial-gradient(2.1px 2.1px at 10% 74%,rgba(255,255,255,.95) 50%,transparent 52%);
  filter:drop-shadow(0 0 3px rgba(255,255,255,.9));animation:twinkle 3.8s ease-in-out infinite alternate;
}
@keyframes twinkle{from{opacity:.2;}to{opacity:1;}}
.philosophy-inner{position:relative;z-index:2;text-align:center;}
.philosophy .eyebrow{margin-bottom:4px;}
.statement{
  font-family:var(--serif);font-weight:700;font-size:34px;line-height:1.8;letter-spacing:.1em;
  color:var(--navy-deep);text-align:center;margin-top:0;text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.statement .ph{display:inline-block;}
.statement-pre{display:block;font-size:1.6em;font-weight:900;letter-spacing:.24em;color:var(--navy);margin-bottom:10px;}
/* 「史上初」の3文字の中心で揃える: 句点と最後の字間は幅に数えない */
.pre-main{position:relative;display:inline-block;margin-right:-.24em;}
.kuten{position:absolute;left:calc(100% - .24em);top:0;letter-spacing:0;}
.statement-logo{display:inline-block;height:1.15em;width:auto;vertical-align:-.2em;margin-left:.25em;}
/* 実績バッジ: 中央を高く、左右を低く（AOI の並び方）。--b がバッジの直径 */
.badges{display:flex;justify-content:center;align-items:flex-start;margin:72px auto 0;--b:210px;}
/* 併願込み合格率バッジの「※」の注記 */
.badges-note{margin-top:28px;text-align:center;font-size:13px;line-height:1.8;letter-spacing:.04em;color:var(--navy-deep);}
.philosophy .link-box{margin-top:64px;}
.badge{position:relative;flex:0 0 var(--b);width:var(--b);}
/* 画像の内側は透明のまま背景を透かす。影は枠の形に沿わせる */
.badge img{width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(15,28,63,.18));}
/* 王冠とリボンが付いて縦に長いので、中央のリボンと左右の王冠・円が重ならない間隔にする */
.badge-center{z-index:1;margin:0 calc(var(--b) * -.1);}
.badge-side{margin-top:calc(var(--b) * 1);}
/* 下層ページへのリンクボックス（細い枠線と小さな矢印だけのシンプルな形） */
.link-box{
  position:relative;display:flex;align-items:center;justify-content:center;width:260px;max-width:100%;min-height:56px;
  margin:96px auto 0;padding:0 48px;border:1px solid var(--navy);background:var(--navy);
  font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.2em;color:#fff;
  transition:background .25s,color .25s;
}
.link-box-arrow{position:absolute;right:22px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);transition:right .25s;}
.link-box:hover{background:var(--navy-soft);border-color:var(--navy-soft);}
.link-box:hover .link-box-arrow{right:18px;}

/* ============ 3. 特徴 ============ */
/* 上の「FITAとは」ボタンとの間を詰める */
.features{padding-top:16px;}
.features .sec-title{margin-bottom:96px;}
.features .link-box{margin-top:80px;}
/* 3つの理由
   スマホ: イラスト→見出し→一言を中央に縦積み（AOI 型）。
   PC: イラストと文章を左右交互に並べ、間は詰めて文章をイラストに寄せる。
   どちらもイラストの背後に、薄く大きな番号（01〜03）を敷く */
.feature-list{max-width:680px;margin:0 auto;counter-reset:feat;}
.feature{counter-increment:feat;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;column-gap:44px;}
.feature:nth-child(even){grid-template-columns:minmax(0,1fr) 260px;}
.feature:nth-child(even) .feature-visual{order:2;}
/* 右側に置いたイラストは番号も右上に */
.feature:nth-child(even) .feature-visual::before{left:auto;right:-8px;}
/* イラストが右の行は、文章を右寄せにしてイラスト側へ寄せる（左右で余白を対称に） */
.feature:nth-child(even) .feature-text{text-align:right;}
.feature:nth-child(even) .feature-text > p:not(.feature-num)::before{left:auto;right:0;}
.feature + .feature{margin-top:80px;}
.feature-visual{position:relative;display:flex;justify-content:center;align-items:center;}
.feature-visual::before{
  content:counter(feat,decimal-leading-zero);position:absolute;left:-8px;top:-54px;z-index:0;
  font-family:var(--en);font-weight:600;font-size:160px;line-height:1;letter-spacing:-.02em;color:rgba(203,154,54,.2);
  pointer-events:none;font-variant-numeric:lining-nums;
}
.feature-illust{position:relative;z-index:1;width:100%;max-width:240px;height:auto;margin-top:34px;}
/* 番号（下層ページの .reason でも使う共通の形） */
.feature-num{display:flex;align-items:center;gap:16px;font-family:var(--en);font-weight:600;font-size:54px;line-height:1;color:var(--gold);}
.feature-num::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent);}
.feature-text h3{margin-top:0;font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.6;letter-spacing:.08em;color:var(--navy-deep);white-space:nowrap;}
.feature-text > p:not(.feature-num){position:relative;margin-top:22px;padding-top:22px;font-size:16px;line-height:1.9;letter-spacing:.06em;color:var(--sub);white-space:nowrap;}
/* 見出しと一言の間の短い金の線 */
.feature-text > p:not(.feature-num)::before{content:"";position:absolute;left:0;top:0;width:40px;height:2px;background:var(--gold);}

.proof-grid{display:grid;gap:18px;}
.proof{display:grid;grid-template-columns:104px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 22px;}
.proof img{width:104px;}
.proof h4{font-family:var(--sans);font-weight:700;font-size:17px;color:var(--navy);letter-spacing:.08em;}
.proof h4 b{font-family:var(--en);font-size:44px;font-weight:600;color:var(--gold);margin-left:8px;line-height:1;}
.proof h4 small{font-size:.5em;margin-left:2px;}
.proof p{font-size:14.5px;line-height:1.8;color:var(--sub);margin-top:4px;}


/* ============ 4. 予約帯 ============ */
/* 紺地の予約帯（AOI の「お申し込み たったの60秒」の見せ方）
   画面幅が変わっても折り返して形が崩れないよう、中身は .cta-inner の幅に比例して縮む。
   PC・タブレット: 幅1000pxを基準に設計（1cqi = 10px）。スマホは下で別に設計。 */
.cta-band{position:relative;padding:72px 0 80px;text-align:center;color:#fff;background:var(--navy);}
.cta-inner{container-type:inline-size;width:min(1000px,100%);margin:0 auto;}
.cta-band-lead{display:flex;align-items:center;justify-content:center;gap:2.2cqi;white-space:nowrap;}
.cta-band-text{font-family:var(--serif);font-weight:700;font-size:2.8cqi;letter-spacing:.14em;line-height:1.4;}
.cta-band-text em{font-style:normal;color:var(--gold-light);font-size:1.1em;}
/* 「＼＼」「／／」の斜線。金の細い線にして品よく。位置は箱に対する割合なので箱ごと縮む */
.deco{position:relative;display:block;width:3.4cqi;height:3.4cqi;flex:0 0 auto;}
.deco i{position:absolute;display:block;width:7%;background:var(--gold-light);}
.deco-l i:nth-child(1){height:88%;left:44%;top:6%;transform:rotate(-28deg);}
.deco-l i:nth-child(2){height:62%;left:12%;top:36%;transform:rotate(-52deg);}
.deco-r i:nth-child(1){height:88%;right:44%;top:6%;transform:rotate(28deg);}
.deco-r i:nth-child(2){height:62%;right:12%;top:36%;transform:rotate(52deg);}
.cta-pills{margin-top:3cqi;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqi;}
/* ボタン: 角を小さく、平らな色、細い枠線、右端に「>」。丸みと光沢をなくして落ち着かせる */
/* ボタン 1 つだけの予約帯: 2 つ並びのときと同じ幅で中央に置く */
.cta-pills-single{grid-template-columns:minmax(0,1fr);width:48.8cqi;margin-left:auto;margin-right:auto;}
/* 予約帯②の見出し: ボタンの幅を超えないよう 2 行に分け、両脇の斜線は 2 行分の高さまで伸ばす */
.cta-band-2 .cta-band-lead{width:48.8cqi;margin:0 auto;align-items:stretch;gap:1.6cqi;}
.cta-band-2 .cta-band-text{flex:1;font-size:2.1cqi;letter-spacing:.04em;line-height:1.7;text-align:center;}
.cta-band-2 .deco{height:auto;width:3cqi;}
.cta-band-2 .deco i{width:9%;}
.cta-pill{
  position:relative;display:flex;align-items:center;justify-content:center;gap:1.6cqi;min-height:9.6cqi;padding:1.4cqi 5cqi 1.4cqi 3cqi;border-radius:.4cqi;
  border:1px solid rgba(255,255,255,.35);color:#fff;text-align:left;white-space:nowrap;
  box-shadow:0 .8cqi 2cqi rgba(0,0,0,.22);transition:opacity .2s;
}
.cta-pill::after{content:"";position:absolute;right:2.4cqi;top:50%;width:1cqi;height:1cqi;margin-top:-.5cqi;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
.cta-pill:hover{opacity:.85;}
.cta-pill-reserve{background:var(--gold);}
.cta-pill-line{background:#06a34f;}
.cta-pill-ic{flex:0 0 auto;width:4.6cqi;height:4.6cqi;object-fit:contain;}
.cta-pill-text{display:flex;flex-direction:column;gap:.2cqi;}
.cta-pill-main{font-family:var(--sans);font-weight:700;font-size:2.1cqi;letter-spacing:.1em;line-height:1.4;}
.cta-pill-main em{font-style:normal;font-size:1.12em;}
.cta-pill-tag{display:inline-block;margin-right:.5em;padding:0 .5em;border-radius:2px;background:#fff;color:#a77b25;font-size:.78em;vertical-align:.12em;letter-spacing:.06em;}
.cta-pill-sub{font-size:1.35cqi;font-weight:500;letter-spacing:.08em;opacity:.92;}
/* ボタンの下の吹き出し: 左と下だけの点線、下辺に小さな切り込み（AOI と同じシンプルな形） */
.cta-ask{
  position:relative;display:inline-flex;align-items:center;gap:2.4cqi;margin-top:3.6cqi;padding:1.2cqi 3.4cqi 1.6cqi;
  border-left:1px dashed rgba(255,255,255,.55);border-bottom:1px dashed rgba(255,255,255,.55);white-space:nowrap;
}
.cta-ask p{font-family:var(--sans);font-weight:700;font-size:2cqi;letter-spacing:.12em;}
.cta-ask b{color:var(--gold-light);}
.cta-ask::after{
  content:"";position:absolute;left:56%;bottom:-.75cqi;width:1.4cqi;height:1.4cqi;background:var(--navy);
  border-right:1px dashed rgba(255,255,255,.55);border-bottom:1px dashed rgba(255,255,255,.55);transform:rotate(45deg);
}
.cta-ask-line{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:5.2cqi;height:5.2cqi;border-radius:50%;background:#06a34f;transition:opacity .2s;}
.cta-ask-line:hover{opacity:.85;}
.cta-ask-line img{width:58%;height:58%;object-fit:contain;}
/* タブレット〜スマホ（1023px 以下）: 縦並び。PC の形のまま縮むと小さくなりすぎるので、
   この幅では縦並びの形に切り替え、中身の幅は 440px までに抑える（1cqi = 中身の幅の1%） */
@media (max-width:1023px){
  .cta-band{padding:44px 0 48px;}
  .cta-inner{width:min(440px,92%);}
  .cta-band-lead{gap:2.4cqi;}
  .cta-band-text{font-size:4.6cqi;letter-spacing:.02em;}
  .deco{width:5.2cqi;height:5.2cqi;}
  .cta-pills{grid-template-columns:1fr;gap:3cqi;margin-top:4.4cqi;}
  .cta-pills-single{width:auto;}
  .cta-band-2 .cta-band-lead{width:auto;gap:2.4cqi;}
  .cta-band-2 .cta-band-text{font-size:4.6cqi;line-height:1.6;}
  .cta-band-2 .deco{width:5.2cqi;}
  .cta-pill{min-height:16.5cqi;padding:1.8cqi 4cqi;gap:3cqi;border-radius:1cqi;box-shadow:0 1.4cqi 3.4cqi rgba(0,0,0,.22);}
  .cta-pill-ic{width:8.4cqi;height:8.4cqi;}
  .cta-pill-main{font-size:4.2cqi;letter-spacing:.02em;line-height:1.35;}
  .cta-pill-sub{font-size:3.2cqi;letter-spacing:.02em;}
  .cta-ask{margin-top:6cqi;gap:4cqi;padding:2cqi 5cqi 3cqi;}
  .cta-ask p{font-size:3.9cqi;letter-spacing:.06em;}
  .cta-ask::after{bottom:-1.5cqi;width:2.8cqi;height:2.8cqi;}
  .cta-ask-line{width:11cqi;height:11cqi;}
  .cta-pill{padding-right:9cqi;}
  .cta-pill::after{right:4.4cqi;width:2cqi;height:2cqi;margin-top:-1cqi;}
}

/* ============ 5. 実績 ============ */
/* 合格実績・合格者の声: LP と同じ方眼の背景（淡いグレー地に 1px の線、24px 間隔） */
.results{
  position:relative;color:var(--ink);overflow:hidden;
  background-color:#F8F9FA;
  background-image:linear-gradient(#EAEBED 1px,transparent 1px),linear-gradient(90deg,#EAEBED 1px,transparent 1px);
  background-size:24px 24px;background-position:center top;
}
.results .container{position:relative;z-index:1;}
/* 桜の飾り（合格＝桜咲く）。枝は四隅に控えめに、花びらは上から下へゆっくり舞う */
.sakura{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.sakura-branch{position:absolute;display:block;background:url("../img/sakura-branch.svg") no-repeat center/contain;opacity:.5;}
.sb-1{width:420px;height:218px;left:-70px;top:-24px;}
.sb-2{width:380px;height:198px;right:-60px;bottom:-20px;transform:rotate(180deg);}
.petal{position:absolute;top:-30px;display:block;background:url("../img/sakura-petal.svg") no-repeat center/contain;opacity:0;
  animation-name:petalFall;animation-timing-function:linear;animation-iteration-count:infinite;}
.petal.p1{left:6%;width:16px;height:16px;animation-duration:18s;animation-delay:0s;}
.petal.p2{left:18%;width:12px;height:12px;animation-duration:22s;animation-delay:-6s;}
.petal.p3{left:31%;width:20px;height:20px;animation-duration:17s;animation-delay:-11s;}
.petal.p4{left:44%;width:14px;height:14px;animation-duration:24s;animation-delay:-3s;}
.petal.p5{left:57%;width:18px;height:18px;animation-duration:19s;animation-delay:-15s;}
.petal.p6{left:69%;width:13px;height:13px;animation-duration:23s;animation-delay:-8s;}
.petal.p7{left:80%;width:21px;height:21px;animation-duration:20s;animation-delay:-1s;}
.petal.p8{left:90%;width:15px;height:15px;animation-duration:26s;animation-delay:-13s;}
.petal.p9{left:96%;width:12px;height:12px;animation-duration:21s;animation-delay:-5s;}
.petal.p10{left:12%;width:14px;height:14px;animation-duration:21s;animation-delay:-9s;}
.petal.p11{left:24%;width:17px;height:17px;animation-duration:25s;animation-delay:-17s;}
.petal.p12{left:37%;width:12px;height:12px;animation-duration:19s;animation-delay:-2s;}
.petal.p13{left:50%;width:16px;height:16px;animation-duration:23s;animation-delay:-20s;}
.petal.p14{left:63%;width:13px;height:13px;animation-duration:18s;animation-delay:-7s;}
.petal.p15{left:75%;width:18px;height:18px;animation-duration:24s;animation-delay:-12s;}
.petal.p16{left:85%;width:14px;height:14px;animation-duration:22s;animation-delay:-19s;}
@keyframes petalFall{
  0%{transform:translate(0,0) rotate(0deg);opacity:0;}
  8%{opacity:.5;}
  50%{transform:translate(60px,50vh) rotate(200deg);}
  92%{opacity:.5;}
  100%{transform:translate(-20px,110vh) rotate(420deg);opacity:0;}
}
/* 実績の数字はいただいた画像を使う */
.results{padding-top:56px;}
.stats-img{display:block;width:100%;max-width:520px;height:auto;margin:20px auto 0;}
.stats{margin-top:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.stat{padding:8px 20px 4px;text-align:center;}
.stat + .stat{border-left:1px solid rgba(203,154,54,.45);}
.stat-label{font-family:var(--sans);font-weight:500;font-size:15.5px;line-height:1.7;letter-spacing:.12em;color:var(--navy-deep);min-height:3.4em;}
.stat-num{
  margin-top:4px;font-family:var(--en);font-weight:600;font-size:96px;line-height:1;letter-spacing:.01em;
  background:linear-gradient(180deg,#F4DFA8 0%,var(--gold) 62%,#a97b22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat-num small{font-size:.4em;margin-left:4px;}
.stats-note{margin-top:22px;text-align:center;font-size:13.5px;color:var(--sub);}

/* 合格者の声: 画面の端まで使う横並びスライド（AOI の見せ方）。中央のカードを基準に左右へループする */
.voices{margin-top:48px;}
/* 実績の下の見出しと説明文（AOI の「サクセスストーリー」にあたる部分） */
.voices-title{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1.6;letter-spacing:.1em;color:var(--navy-deep);text-align:center;}
.voices-title em{font-style:normal;color:var(--gold);}
.voices-lead{margin-top:14px;text-align:center;font-size:15px;line-height:1.9;color:var(--sub);}
/* PC: 画面がどれだけ広くても「3枚＋左右に少しだけ」見える幅で切る（AOI と同じ見え方） */
.voice-slider{
  position:relative;--vs-w:300px;--vs-gap:20px;--vs-peek:56px;
  --vs-frame:min(100vw,calc(var(--vs-w) * 3 + var(--vs-gap) * 4 + var(--vs-peek) * 2));
  width:var(--vs-frame);margin:28px 0 0 calc(50% - var(--vs-frame) / 2);
}
.vs-viewport{overflow:hidden;padding:6px 0 18px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;}
.vs-viewport.is-dragging{cursor:grabbing;}
.vs-list{display:flex;gap:var(--vs-gap);margin:0;padding:0;list-style:none;will-change:transform;}
.vs-list.is-anim{transition:transform .5s cubic-bezier(.25,.8,.25,1);}
.vs-slide{flex:0 0 var(--vs-w);width:var(--vs-w);}
.vs-slide img{width:100%;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(15,28,63,.12);-webkit-user-drag:none;}
.vs-arrow{
  position:absolute;top:calc(50% - 6px);z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid var(--line);
  background:#fff;cursor:pointer;box-shadow:0 4px 12px rgba(15,28,63,.15);transition:background .2s;
}
.vs-arrow:hover{background:var(--tint);}
.vs-prev{left:12px;}
.vs-next{right:12px;}
.vs-arrow span{position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:1.5px solid var(--navy);border-right:1.5px solid var(--navy);}
.vs-prev span{transform:translate(-35%,-50%) rotate(-135deg);}
.vs-next span{transform:translate(-65%,-50%) rotate(45deg);}
.voices .link-box{margin-top:40px;}

/* ============ 6. こんな人を助けたい ============ */
.target{background:#fff;}
.target .sec-title{margin-bottom:18px;}
.target-lead{text-align:center;font-size:15px;letter-spacing:.08em;color:var(--sub);margin-bottom:60px;}
.target-grid{list-style:none;margin:0 auto;padding:0;max-width:1080px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.target-card{background:#fff;display:flex;flex-direction:column;border:1px solid var(--line);box-shadow:0 20px 40px -28px rgba(15,28,63,.32);}
/* 上: 夜明けのような紺→白のグラデーションにイラストを置く */
.target-visual{
  position:relative;aspect-ratio:4/3;overflow:hidden;
  background:linear-gradient(180deg,#dfe6f3 0%,#eef2f9 46%,#fbfcfe 100%);
  display:flex;align-items:flex-end;justify-content:center;
}
.target-visual img{display:block;max-width:88%;max-height:calc(100% - 86px);width:auto;height:auto;object-fit:contain;}
/* 番号（左上）とイラストが重ならないよう、上に番号ぶんの余白を必ず残す */
.target-num{
  position:absolute;left:22px;top:16px;
  font-family:var(--en);font-weight:700;font-size:46px;line-height:1;letter-spacing:.02em;color:var(--navy);font-variant-numeric:lining-nums;
}
.target-num small{display:block;font-weight:600;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--navy);margin-bottom:4px;}
.target-body{flex:1;display:flex;flex-direction:column;padding:28px 28px 32px;border-top:1px solid var(--navy);}
.target-body h3{
  font-family:var(--serif);font-weight:700;font-size:20px;line-height:1.65;letter-spacing:.06em;color:var(--navy-deep);
  text-align:center;padding-bottom:22px;margin-bottom:20px;position:relative;
}
/* 悩み→答え の切り替わりを示す小さな金の三角 */
.target-body h3::after{
  content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);
  border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);background:#fff;
}
.target-body h3::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent);}
.target-answer{font-size:14.5px;line-height:1.9;color:#33405a;letter-spacing:.03em;}
.target-answer span{
  display:block;width:max-content;margin:0 auto 10px;padding:2px 14px;
  font-size:12.5px;font-weight:700;letter-spacing:.18em;color:var(--gold);border:1px solid var(--gold);
}

/* ============ 7. 授業の強み・特徴 ============ */
.lessons{background:#fff;}
.lessons .sec-title{margin-bottom:18px;}
.lessons-lead{text-align:center;font-size:15px;line-height:2;letter-spacing:.05em;color:var(--sub);margin-bottom:52px;}
/* 授業の形: ひとつのパネルにまとめる（見出し＋白い小箱） */
.lessons-panel{
  position:relative;max-width:1080px;margin:0 auto;padding:40px 40px 40px;
  background:var(--ivory);border:1px solid #e8dcbf;
}
/* 内側の細い金の額縁 */
.lessons-panel::before{content:"";position:absolute;inset:6px;border:1px solid rgba(203,154,54,.22);pointer-events:none;}
.lessons-panel-head{display:flex;align-items:center;justify-content:center;gap:22px;padding-bottom:28px;margin-bottom:30px;position:relative;}
.lessons-panel-head::after{content:"";position:absolute;left:50%;bottom:0;width:min(560px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.55;}
.lessons-panel-ic{flex:0 0 58px;width:58px;height:58px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.lessons-panel-en{font-family:var(--en);font-weight:500;font-size:14px;letter-spacing:.24em;color:var(--gold);line-height:1.2;}
.lessons-panel-title span{display:inline-block;}
.lessons-panel-title{margin-top:6px;font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.55;letter-spacing:.08em;color:var(--navy-deep);}
/* 箱はどの幅でも 3つ＋2つ（下段は中央）。6列のグリッドで各箱を2列分にして、幅をそろえる */
.lessons-points{
  list-style:none;margin:0 auto;padding:0;max-width:880px;container-type:inline-size;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;
}
.lessons-points li{
  grid-column:span 2;
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:120px;padding:24px 8px 20px;background:#fff;text-align:center;
  box-shadow:0 10px 24px -20px rgba(15,28,63,.45);
}
.lessons-points li:nth-child(4){grid-column:2 / span 2;}
.lessons-points li::before{content:"";position:absolute;top:0;left:50%;width:28px;height:2px;transform:translateX(-50%);background:var(--gold);}
.lessons-points b{font-family:var(--serif);font-weight:700;font-size:clamp(14px,2.05cqi,17px);line-height:1.5;letter-spacing:.06em;color:var(--navy-deep);white-space:nowrap;}
.lessons-points span{margin-top:6px;font-size:clamp(11px,1.4cqi,12.5px);white-space:nowrap;line-height:1.6;letter-spacing:.03em;color:var(--sub);}
.lessons .link-box{margin-top:56px;}
/* 授業内容・料金プランの4ページへ（2×2） */
.link-grid{display:grid;grid-template-columns:repeat(2,260px);justify-content:center;gap:14px 16px;margin-top:56px;}
.link-grid .link-box{margin:0;width:auto;letter-spacing:.12em;}
.draft{display:inline-block;margin-bottom:14px;font-family:var(--sans);font-size:11.5px;letter-spacing:.1em;color:#b3261e;border:1px solid #b3261e;border-radius:3px;padding:0 8px;line-height:1.8;}

/* ============ 8. パンフレット ============ */
.pamphlet{padding:96px 0;}
/* 冊子と文章を並べただけの、線と余白で見せるカード */
.pamphlet-inner{
  display:grid;grid-template-columns:128px auto;justify-content:center;gap:44px;align-items:center;max-width:780px;margin:0 auto;
  padding:36px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.pamphlet-cover{
  aspect-ratio:210/297;background:var(--navy);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;
  box-shadow:0 14px 26px -14px rgba(15,28,63,.5);
}
.pamphlet-cover img{width:62%;filter:brightness(0) invert(1);}
.pc-en{font-family:var(--en);font-size:8.5px;letter-spacing:.18em;color:var(--gold-light);text-transform:uppercase;}
.pc-jp{font-family:var(--serif);font-size:7.5px;line-height:1.8;letter-spacing:.08em;}
.pamphlet-pre{font-size:13.5px;letter-spacing:.08em;color:var(--sub);}
.pamphlet-text h2{margin-top:2px;font-family:var(--serif);font-weight:700;font-size:26px;line-height:1.5;letter-spacing:.1em;color:var(--navy-deep);}
.pamphlet-btn{
  display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:46px;padding:0 26px;
  background:#06a34f;color:#fff;font-weight:700;font-size:14.5px;letter-spacing:.08em;transition:background .25s;
}
.pamphlet-btn:hover{background:#058a43;}
.pamphlet-btn img{width:22px;height:22px;}

/* ============ 8.5 更新情報 ============ */
.articles .sec-title{margin-bottom:28px;}
.art-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
.art-tab{
  font-family:var(--sans);font-size:15px;letter-spacing:.06em;color:var(--sub);background:#fff;
  border:1px solid var(--line);padding:10px 26px;cursor:pointer;transition:color .15s,background .15s,border-color .15s;
}
.art-tab:hover{border-color:var(--navy);color:var(--navy);}
.art-tab.is-on{background:var(--navy);border-color:var(--navy);color:#fff;}
.art-empty{text-align:center;color:var(--sub);font-size:15px;padding:40px 0;}
/* 記事カード（WP化で使う） */
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px;}
/* 1つの記事を1枚のカードに。アイキャッチ（1200×630）が見切れない比率で表示 */
.art-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 12px 28px -24px rgba(15,28,63,.45);transition:box-shadow .2s,transform .2s;}
.art-card:hover{box-shadow:0 18px 34px -22px rgba(15,28,63,.5);transform:translateY(-2px);}
.art-card .thumb{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;margin:0;background:var(--tint);border-bottom:1px solid var(--line);}
.art-card .cat{margin:16px 18px 6px;font-size:13px;letter-spacing:.08em;color:var(--gold);}
.art-card h3{margin:0 18px;font-size:17px;font-weight:700;line-height:1.6;color:var(--navy-deep);transition:color .15s;}
.art-card:hover h3{color:var(--navy-soft);}
.art-card p{margin:8px 18px 0;font-size:14px;line-height:1.8;color:var(--sub);}
.art-card .date{margin:auto 18px 0;padding:10px 0 16px;font-family:var(--en);font-size:14px;color:var(--sub);font-variant-numeric:lining-nums tabular-nums;}
.art-foot{display:flex;justify-content:center;margin-top:44px;}
.art-foot[hidden]{display:none;}
.art-foot a{display:inline-flex;align-items:center;gap:10px;padding:12px 48px;border:1px solid var(--line);font-size:15px;color:var(--navy);transition:background .15s,color .15s,border-color .15s;}
.art-foot a::after{content:"→";color:var(--gold);}
.art-foot a:hover{background:var(--navy);border-color:var(--navy);color:#fff;}
.art-foot a:hover::after{color:#fff;}

/* ============ 9. 無料受験相談 予約フォーム ============ */
.reserve .sec-title{margin-bottom:32px;}
.reserve-wrap{max-width:680px;margin:0 auto;}
.reserve-info{display:block;width:100%;height:auto;}
/* フォーム: AOI と同じ、ラベル＋入力欄を縦に並べるだけ */
.reserve-form{margin-top:40px;}
.ff + .ff{margin-top:26px;}
.ff-label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--navy-deep);margin-bottom:8px;}
.req{display:inline-block;background:var(--gold);color:#fff;font-size:11.5px;font-weight:700;padding:0 7px;line-height:1.75;letter-spacing:.06em;}
.ff-note{font-size:13px;line-height:1.7;color:var(--sub);margin:-2px 0 8px;}
.ff-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ff input,.ff select,.ff textarea{
  width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #cfd5df;border-radius:3px;padding:12px 14px;
  transition:border-color .2s;
}
.ff textarea{line-height:1.7;}
.ff input::placeholder,.ff textarea::placeholder{color:#aab2bf;}
.ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--navy);}
.ff-agree{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;font-size:14.5px;color:var(--navy-deep);cursor:pointer;}
.ff-agree input{width:18px;height:18px;accent-color:var(--navy);}
.ff-submit{text-align:center;margin-top:22px;}
.reserve-submit{
  min-width:300px;min-height:58px;padding:0 40px;border:0;background:var(--gold);color:#fff;cursor:pointer;
  font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:.2em;transition:opacity .2s;
}
.reserve-submit:hover{opacity:.85;}

/* ============ フッター ============ */
/* フッター: 総合型ラボの HP とほぼ同じ構成（ロゴと説明 / 3列のサイトマップ / 法務リンクと SNS / コピーライト） */
.site-footer{background:#052d5e;color:#fff;padding:56px 0 28px;}
.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:44px;}
.footer-logo{display:inline-block;}
.footer-brand .footer-operator{margin-top:10px;font-size:12.5px;letter-spacing:.06em;opacity:.8;}
.footer-logo img{height:52px;width:auto;filter:brightness(0) invert(1);}
.footer-brand p{font-size:15px;line-height:1.8;margin-top:16px;}
.footer-cols{display:grid;grid-template-columns:.8fr 1.1fr 1fr 1.1fr;gap:22px;}
.footer-col h4{white-space:nowrap;font-size:14px;font-weight:700;color:var(--gold-light);letter-spacing:.08em;margin-bottom:10px;line-height:1.35;}
.footer-col a{display:block;font-size:15px;padding:4px 0;line-height:1.5;white-space:nowrap;transition:opacity .15s;}
.footer-col a.footer-head{font-size:14px;font-weight:700;color:var(--gold-light);letter-spacing:.08em;line-height:1.35;padding:0;margin-bottom:18px;}
.footer-col a:hover,.footer-bottom a:hover{opacity:.7;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);}
.footer-bottom .legal{display:flex;gap:20px;flex-wrap:wrap;}
.footer-bottom a{font-size:13.5px;transition:opacity .15s;}
.footer-sns{display:flex;gap:10px;}
.footer-sns a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;letter-spacing:.06em;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:5px 16px 5px 10px;}
.footer-sns img{width:18px;height:18px;}
.footer-copy{font-size:12.5px;margin-top:14px;color:rgba(255,255,255,.85);}

/* ============ 追従ボタン（スマホ） ============ */
.sticky-cta{display:none;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .more-body{animation:none;}
  .night-sky::after,.night-mist span{animation:none;}
  .petal{animation:none;opacity:.45;top:auto;}
  .petal.p1{top:30%;}.petal.p3{top:62%;}.petal.p5{top:18%;}.petal.p7{top:78%;}.petal.p9{top:45%;}
  .btn{transition:none;}
  .hero-slide,.hero-slide.is-active{transition:none;}
}

/* 画面幅の区切りは AOI に合わせる: 〜599px スマホ / 600〜1023px タブレット / 1024px〜 PC */

/* ============ PC（ヘッダーにナビが並ぶ 1024px 以上）: 各セクションの上下の余白を少し詰める ============ */
@media (min-width:1024px){
  .sec{padding-bottom:88px;}
  .sec:not(.features):not(.results){padding-top:88px;}
  .cta-band{padding:56px 0 64px;}
}

/* ============ PC（狭め）: ナビを詰める ============ */
@media (min-width:1024px) and (max-width:1240px){
  .header-inner{padding-left:20px;}
  .logo img{height:31px;}
  .gnav{margin-right:12px;gap:0;}
  .gnav a,.gnav-dd-btn{padding:8px 9px;font-size:13.5px;letter-spacing:.03em;}
  .gnav a::after,.gnav-dd-btn::after{left:9px;right:9px;}
  .hbtn{min-width:0;padding:0 16px;gap:8px;}
  .hbtn-ic{width:24px;height:24px;flex-basis:24px;}
  .hbtn-main{font-size:15px;}
}
/* もっと狭い PC（1024〜1139px）: ナビ6項目と2つのボタンが1行に収まるように */
@media (min-width:1024px) and (max-width:1139px){
  .header-inner{padding-left:16px;}
  .logo img{height:28px;}
  .gnav{margin-right:8px;}
  .gnav a,.gnav-dd-btn{padding:8px 7px;font-size:13px;letter-spacing:.02em;}
  .gnav-dd-btn{padding-right:20px !important;}
  .gnav-dd-btn::before{right:7px;}
  .gnav a::after,.gnav-dd-btn::after{left:7px;right:7px;}
  .hbtn{padding:0 12px;gap:6px;}
  .hbtn-ic{width:22px;height:22px;flex-basis:22px;}
  .hbtn-main{font-size:14px;letter-spacing:.04em;}
}
.hbtn-main{white-space:nowrap;}

/* ============ タブレット以下 ============ */
@media (max-width:1023px){
  .gnav{display:none;}
  .header-cta{margin-left:auto;}
  .burger{
    display:flex;flex-direction:column;justify-content:center;gap:7px;width:var(--header-h);height:var(--header-h);padding:0 22px;
    background:#fff;border:none;border-left:1px solid var(--line);cursor:pointer;
  }
  .burger span{display:block;height:2px;background:#000;}
  /* ドロワー: 右から 62% 幅で出し、残りを灰色で覆う（AOI と同じ形） */
  .drawer-backdrop{display:block;position:fixed;inset:0;z-index:90;background:rgba(40,44,52,.42);opacity:0;transition:opacity .3s;}
  .drawer-backdrop.is-open{opacity:1;}
  .drawer-backdrop[hidden]{display:none;}
  .drawer{
    display:block;position:fixed;top:0;right:0;bottom:0;z-index:100;width:40vw;background:#fff;
    overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;
    transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .35s;box-shadow:-10px 0 30px rgba(15,28,63,.12);
  }
  .drawer.is-open{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s;}
  .drawer-head{display:flex;justify-content:flex-end;height:76px;border-bottom:1px solid var(--line);}
  .drawer-close{position:relative;width:76px;height:76px;border:none;background:none;cursor:pointer;}
  .drawer-close span{position:absolute;left:24px;right:24px;top:50%;height:2px;background:var(--ink);}
  .drawer-close span:first-child{transform:rotate(45deg);}
  .drawer-close span:last-child{transform:rotate(-45deg);}
  .drawer-group{border-bottom:1px solid var(--line);}
  .drawer-group summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:0 24px 0 20px;
    font-family:var(--sans);font-weight:500;font-size:16.5px;letter-spacing:.08em;color:var(--ink);
  }
  .drawer-group summary::-webkit-details-marker{display:none;}
  .pm{position:relative;flex:0 0 22px;width:22px;height:22px;}
  .pm::before,.pm::after{content:"";position:absolute;left:0;top:10px;width:22px;height:2px;background:var(--ink);transition:transform .25s;}
  .pm::after{transform:rotate(90deg);}
  .drawer-group[open] .pm::after{transform:rotate(0);}
  .drawer-sub{padding:0 20px 14px;background:#fff;animation:fadeUp .3s ease both;}
  .drawer-sub a{display:block;padding:11px 0 11px 16px;border-left:2px solid var(--gold-pale);font-size:15px;letter-spacing:.04em;color:var(--sub);}
  .drawer-sub a:hover{color:var(--navy);border-left-color:var(--gold);}
  /* 下層のない項目（FITAとは・合格実績）は、そのままページへ移る行。＋ の代わりに矢印 */
  .drawer-link{
    display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:0 24px 0 20px;border-bottom:1px solid var(--line);
    font-family:var(--sans);font-weight:500;font-size:16.5px;letter-spacing:.08em;color:var(--ink);
  }
  .drawer-link .arr{flex:0 0 22px;width:22px;height:22px;position:relative;}
  .drawer-link .arr::before{content:"";position:absolute;left:5px;top:6px;width:9px;height:9px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg);}
  .drawer-cta{display:grid;gap:12px;padding:26px 20px 34px;}
  .drawer-cta .btn{min-height:52px;font-size:15px;padding:10px 16px;}
  body.is-drawer-open{overflow:hidden;}
}

/* ============ タブレット（600〜1023px）: PC の組み方のまま詰める ============ */
@media (min-width:600px) and (max-width:1023px){
  .sec{padding:96px 0;}
  /* 上の .sec の指定で合格実績の上余白が広がらないよう、ここでも詰める */
  .results{padding-top:48px;}
  .features{padding-top:16px;}
  .feature{grid-template-columns:240px minmax(0,1fr);column-gap:36px;}
  .feature:nth-child(even){grid-template-columns:minmax(0,1fr) 240px;}
  .feature + .feature{margin-top:72px;}
  .feature-visual::before{font-size:140px;top:-44px;}
  .feature-illust{max-width:220px;}
  .feature-text h3{font-size:22px;}
  /* タブレット: 3列だと窮屈なので、絵を左・文を右の横長カードで縦に並べる */
  .target-grid{grid-template-columns:1fr;gap:24px;max-width:720px;}
  .target-card{flex-direction:row;}
  .target-visual{flex:0 0 42%;aspect-ratio:auto;min-height:230px;}
  .target-visual img{max-width:96%;max-height:calc(100% - 60px);}
  .target-body{border-top:0;border-left:1px solid var(--navy);justify-content:center;}
  .lessons-points{gap:14px;}
  .lessons-panel{padding:36px 28px;}
  .pamphlet-inner{gap:36px;padding:32px 24px;}
  .footer-top{grid-template-columns:1fr;gap:28px;}
  .more-inline > summary{padding:12px 20px;font-size:14px;white-space:nowrap;}
  .pamphlet-text h2{font-size:24px;}
}

/* ============ スマホ ============ */
@media (max-width:599px){
  :root{--header-h:60px;}
  body{font-size:15.5px;line-height:1.9;}
  .sp{display:inline;}
  .pc{display:none;}
  .container{padding:0 20px;}
  .sec{padding:76px 0;}
  .btn{min-height:54px;padding:10px 24px;font-size:15.5px;}
  .btn-lg{min-height:60px;padding:12px 26px;font-size:16.5px;width:100%;}

  .site-header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:none;}
  .site-header{transition:background .3s,box-shadow .3s;}
  .site-header.is-scrolled{box-shadow:none;}
  /* 本文に入ってもヘッダーは透明のまま（白い帯は敷かない） */
  .site-header.is-solid{background:transparent;box-shadow:none;}
  /* ロゴと三本線は真っ黒 */
  .logo img{filter:brightness(0);transition:filter .4s;}
  .burger span{background:#000;transition:background .4s;}
  /* 暗いスライドの上ではロゴと三本線を白にする */
  .site-header.on-dark:not(.is-solid) .logo img{filter:brightness(0) invert(1);}
  .site-header.on-dark:not(.is-solid) .burger span{background:#fff;}
  .header-inner{align-items:center;padding:0 6px 0 16px;}
  .logo img{height:36px;}
  .header-cta,.gnav{display:none;}
  .burger{margin-left:auto;width:52px;height:52px;padding:0 13px;gap:7px;background:transparent;border:none;}
  /* メニューは画面の6割の幅（AOI と同じくらい）。項目名は1行に収める */
  .drawer{width:62vw;max-width:300px;}
  .drawer-head{height:60px;}
  .drawer-close{width:60px;height:60px;}
  .drawer-close span{left:20px;right:20px;}
  .drawer-group summary,.drawer-link{min-height:58px;padding:0 18px 0 18px;font-size:14.5px;letter-spacing:.04em;line-height:1.5;gap:8px;white-space:nowrap;}
  .drawer-link .arr{flex-basis:14px;width:14px;height:14px;}
  .drawer-link .arr::before{left:2px;top:3px;width:7px;height:7px;border-width:1.5px 1.5px 0 0;}
  .pm{flex-basis:14px;width:14px;height:14px;}
  .pm::before,.pm::after{width:14px;top:6px;height:1.5px;}
  .drawer-sub{padding:0 18px 12px 18px;}
  .drawer-sub a{font-size:13.5px;line-height:1.5;padding:9px 0 9px 12px;letter-spacing:.02em;}
  .drawer-cta{padding:22px 16px 28px;gap:10px;}
  .drawer-cta .btn{font-size:13px;min-height:48px;padding:8px 10px;letter-spacing:.02em;line-height:1.45;}

  .hero-slides{aspect-ratio:1080/1677;}
  .hero-cta{padding:4px 0 0;}
  .hero-cta-row{gap:8px;padding:0 10px;}

  .eyebrow span{font-size:15.5px;gap:12px;}
  .eyebrow span::before,.eyebrow span::after{width:26px;}
  .sec-title{font-size:24px;letter-spacing:.06em;}
  .more{margin-top:36px;}
  .more > summary{min-width:0;width:100%;padding:14px 20px;font-size:15px;}
  .more-body{padding-top:32px;}
  .figure-card{padding:10px;}

  .philosophy{
    padding:42px 0 30px;
    background:
      radial-gradient(60% 38% at 50% 36%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 70%),
      radial-gradient(55% 34% at 50% 64%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%),
      linear-gradient(180deg,rgba(255,255,255,0) 0%,#f3f6fb 16%,#dfe6f3 36%,#b3c2df 52%,#7f97c3 calc(100% - 245px),#a9bad9 calc(100% - 155px),#fff calc(100% - 56px),#fff 100%);
  }
  .night-sky{-webkit-mask-image:linear-gradient(180deg,transparent 32%,#000 58%,#000 calc(100% - 210px),transparent calc(100% - 110px));mask-image:linear-gradient(180deg,transparent 32%,#000 58%,#000 calc(100% - 210px),transparent calc(100% - 110px));}
  .statement{font-size:21px;line-height:1.85;letter-spacing:.04em;}
  .statement br{display:none;}
  .badges{margin-top:46px;--b:32vw;}
  .badges-note{margin-top:20px;font-size:11.5px;letter-spacing:0;}
  .philosophy .link-box{margin-top:44px;}
  .link-box{width:max-content;min-width:240px;min-height:52px;margin-top:64px;padding:0 44px 0 36px;font-size:14.5px;letter-spacing:.12em;white-space:nowrap;}
  .punch{font-size:18.5px;letter-spacing:.02em;}
  .punch-sub{font-size:16px;}

  .features .sec-title{margin-bottom:68px;}
  .features{padding-top:8px;}
  .features .link-box{margin-top:56px;}
  /* スマホでは 番号・見出しの横にイラスト、その下に文章を全幅で置く（左右は1つごとに入れ替える） */
  /* スマホ: 中央に縦積み */
  .feature,.feature:nth-child(even){display:flex;flex-direction:column;align-items:center;text-align:center;}
  .feature:nth-child(even) .feature-visual{order:0;}
  .feature:nth-child(even) .feature-text{text-align:center;}
  .feature:nth-child(even) .feature-text > p:not(.feature-num)::before{left:50%;right:auto;}
  .feature + .feature{margin-top:64px;}
  .feature-visual{width:100%;}
  .feature-visual::before{font-size:110px;top:-30px;left:12%;}
  .feature:nth-child(even) .feature-visual::before{left:12%;right:auto;}
  .feature-illust{margin-top:34px;}
  .feature-illust{max-width:50%;}
  .feature-text h3{margin-top:22px;font-size:20px;letter-spacing:.06em;}
  .feature-text > p:not(.feature-num){margin-top:14px;padding-top:14px;font-size:14px;letter-spacing:.04em;}
  .feature-text > p:not(.feature-num)::before{left:50%;transform:translateX(-50%);width:32px;}
  .more-inline > summary{width:100%;}
  .proof{grid-template-columns:72px 1fr;gap:14px;padding:14px;}
  .proof img{width:72px;}
  .proof h4 b{font-size:36px;}


  .results{padding-top:40px;}
  .stats-img{max-width:300px;margin-top:14px;}
  .stats{grid-template-columns:1fr;margin-top:40px;}
  .stat{padding:26px 10px;}
  .stat + .stat{border-left:none;border-top:1px solid rgba(203,154,54,.45);}
  .stat-label{min-height:0;font-size:15px;}
  .stat-label br{display:none;}
  .stat-num{font-size:88px;}
  .voices{margin-top:44px;}
  .voices-title{font-size:18px;letter-spacing:.04em;}
  .voices-lead{font-size:13px;text-align:center;}
  .voice-slider{--vs-w:76vw;--vs-gap:12px;--vs-frame:100vw;margin-top:20px;}
  .vs-arrow{width:38px;height:38px;margin-top:-19px;}
  .vs-prev{left:8px;}
  .vs-next{right:8px;}
  .voices .link-box{margin-top:28px;}
  .sb-1{width:200px;height:104px;left:-60px;top:-26px;}
  .sb-2{width:210px;height:110px;right:-50px;bottom:-12px;}
  .petal.p2,.petal.p6,.petal.p11,.petal.p15{display:none;}

  .target .sec-title{margin-bottom:14px;}
  .target-lead{font-size:14px;margin-bottom:36px;}
  /* スマホもタブレットと同じ横長カード（絵を左・文を右）を縮めて使う */
  .target-grid{grid-template-columns:1fr;gap:16px;max-width:460px;}
  .target-card{flex-direction:row;}
  .target-visual{flex:0 0 44%;aspect-ratio:auto;min-height:0;}
  /* 横に少しはみ出してもよいので絵を大きく見せる（はみ出しは枠で切れる） */
  .target-visual img{max-width:116%;max-height:calc(100% - 50px);}
  .target-num{left:10px;top:8px;font-size:26px;}
  .target-num small{font-size:9px;letter-spacing:.2em;margin-bottom:2px;}
  .target-body{border-top:0;border-left:1px solid var(--navy);justify-content:center;padding:18px 14px 18px 16px;}
  .target-body h3{font-size:14.5px;line-height:1.6;letter-spacing:.03em;padding-bottom:12px;margin-bottom:12px;}
  .target-body h3::after{width:8px;height:8px;bottom:-4px;}
  .target-answer{font-size:12.5px;line-height:1.75;letter-spacing:.01em;}
  .target-answer span{font-size:10.5px;padding:1px 10px;margin-bottom:7px;}

  .lessons .sec-title{margin-bottom:14px;}
  .lessons-lead{font-size:14px;margin-bottom:32px;}
  .lessons-panel{padding:26px 14px 20px;}
  .lessons-panel::before{inset:4px;}
  .lessons-panel-head{gap:14px;padding-bottom:20px;margin-bottom:20px;justify-content:flex-start;padding-left:6px;}
  .lessons-panel-ic{flex-basis:46px;width:46px;height:46px;}
  .lessons-panel-en{font-size:12px;letter-spacing:.2em;}
  .lessons-panel-title{font-size:17.5px;letter-spacing:.04em;margin-top:4px;}
  /* スマホ: 2つ・2つ・1つ（最後は中央） */
  .lessons-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
  .lessons-points li:nth-child(4){grid-column:span 2;}
  .lessons-points li:nth-child(5){grid-column:2 / span 2;}
  .lessons-points li{min-height:86px;padding:18px 4px 14px;}
  .lessons-points b{font-size:14.5px;letter-spacing:.02em;white-space:normal;}
  .lessons-points span{font-size:10.5px;margin-top:4px;letter-spacing:0;}
  .lessons .link-box{margin-top:44px;width:260px;}
  .link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:40px;}
  .link-grid .link-box{width:auto;min-width:0;min-height:52px;margin:0;padding:0 20px 0 8px;font-size:12.5px;letter-spacing:0;}
  .link-grid .link-box-arrow{right:10px;width:6px;height:6px;margin-top:-3px;}
  .lessons .link-box-label{white-space:nowrap;letter-spacing:.08em;}

  /* スマホ: 冊子を左・見出しを右、説明とボタンは下に全幅 */
  .pamphlet-inner{grid-template-columns:72px auto;justify-content:center;gap:0 18px;padding:24px 4px;}
  .pamphlet-text{display:contents;}
  .pamphlet-cover{grid-column:1;grid-row:1 / 3;gap:4px;}
  .pc-en{font-size:4.8px;letter-spacing:.12em;}
  .pc-jp{font-size:4.4px;}
  .pamphlet-pre{grid-column:2;grid-row:1;align-self:end;font-size:11.5px;letter-spacing:.02em;}
  .pamphlet-text h2{grid-column:2;grid-row:2;align-self:start;font-size:21px;}
  .pamphlet-btn{grid-column:1 / -1;grid-row:3;display:flex;justify-content:center;margin-top:18px;}




  /* 下の追従ボタンに隠れる分は、白い余白ではなくフッターの紺を伸ばして確保する */
  .site-footer{padding:36px 0 calc(22px + 72px);}
  .footer-top{grid-template-columns:1fr;gap:22px;}
  .footer-logo img{height:40px;}
  .footer-brand p{font-size:13px;line-height:1.8;margin-top:10px;}
  .footer-cols{grid-template-columns:1fr 1fr;gap:18px 14px;}
  .footer-col h4{margin-bottom:6px;font-size:13px;}
  .footer-col a.footer-head{font-size:13px;margin-bottom:12px;}
  .footer-col a{font-size:13.5px;padding:5px 0;white-space:normal;}
  .footer-bottom{margin-top:24px;padding-top:16px;gap:10px;}
  .footer-bottom .legal{gap:12px;}
  .footer-bottom a{font-size:12.5px;}
  .footer-sns a{font-size:12px;padding:5px 14px 5px 9px;}
  .footer-copy{font-size:11.5px;margin-top:12px;}

  /* 追従ボタン: 左に無料相談、右にLINE追加（半々） */
  .sticky-cta{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-top:1px solid rgba(15,28,63,.08);
    transform:translateY(110%);transition:transform .35s ease;
  }
  .sticky-cta.is-show{transform:none;}
  .sticky-btn{
    display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:6px 8px;border-radius:6px;color:#fff;line-height:1.3;
  }
  .sticky-btn img{flex:0 0 26px;width:26px;height:26px;object-fit:contain;}
  .sticky-btn > span{display:flex;flex-direction:column;align-items:flex-start;}
  .sticky-reserve{background:var(--gold);box-shadow:0 6px 14px -6px rgba(160,115,30,.6);}
  .sticky-line{background:var(--green);box-shadow:0 6px 14px -6px rgba(6,160,70,.6);}
  .sticky-btn .s1{font-size:10px;font-weight:500;letter-spacing:.02em;opacity:.95;}
  .sticky-btn .s2{font-size:16px;font-weight:700;letter-spacing:.08em;}
}

/* For You の上余白（全体を上に詰める） */
.sec.target:not(.features){padding-top:64px;}
@media (min-width:600px) and (max-width:1023px){ .sec.target:not(.features){padding-top:60px;} }
@media (max-width:599px){ .sec.target:not(.features){padding-top:44px;} }

/* For You と Lessons はどちらも白なので、間を詰めて Lessons を上げる */
.sec.target:not(.features){padding-bottom:40px;}
.sec.lessons:not(.features){padding-top:40px;}
@media (max-width:599px){
  .sec.target:not(.features){padding-bottom:28px;}
  .sec.lessons:not(.features){padding-top:28px;}
}

/* パンフレットを上に寄せる（Lessons との間を詰める） */
.sec.lessons:not(.features){padding-bottom:56px;}
.sec.pamphlet:not(.features){padding-top:8px;padding-bottom:24px;}
@media (max-width:599px){
  .sec.lessons:not(.features){padding-bottom:40px;}
  .sec.pamphlet:not(.features){padding-top:4px;padding-bottom:16px;}
}

/* 更新情報: 狭い画面 */
@media (min-width:600px) and (max-width:1023px){ .art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;} }
@media (max-width:599px){
  .articles .sec-title{margin-bottom:20px;}
  .art-tabs{gap:6px;margin-bottom:24px;}
  .art-tab{font-size:13px;padding:8px 14px;letter-spacing:.02em;}
  .art-empty{font-size:13.5px;padding:28px 0;}
  .art-grid{grid-template-columns:1fr;gap:16px;}
  .art-card h3{font-size:15px;}
  .art-card p{font-size:12.5px;}
}
/* 更新情報をパンフレットに寄せる */
.sec.articles:not(.features){padding-top:24px;}
@media (max-width:599px){ .sec.articles:not(.features){padding-top:16px;} }

/* ============ 締めの訴求（白→淡い紺のグラデーション） ============ */
.cta-close{color:var(--navy-deep);background:linear-gradient(180deg,#fff 0%,#eef2f9 45%,#e6ecf6 100%);padding:72px 0 64px;}
.cta-close-logo{display:block;width:21cqi;height:auto;margin:0 auto;}
.cta-close-copy{margin-top:2.4cqi;font-family:var(--serif);font-weight:700;font-size:3.6cqi;letter-spacing:.22em;line-height:1.4;color:var(--navy);}
/* 「。」と最後の字間を除いた文字だけでロゴと中央をそろえる（「。」は右にはみ出させる） */
.cc-main{position:relative;display:inline-block;margin-right:-.22em;}
.cc-kuten{position:absolute;left:100%;top:0;letter-spacing:0;}
.cta-close .cta-pills{margin-top:4cqi;}
.cta-close-label{display:flex;align-items:center;justify-content:center;gap:1.2em;margin-bottom:1.2cqi;font-weight:700;font-size:1.7cqi;letter-spacing:.1em;white-space:nowrap;}
.cta-close-label span{color:var(--navy);font-weight:400;font-size:1.2em;}
.cta-close-label.is-gold{color:#a77b25;}
.cta-close-label.is-green{color:#06a34f;}
.cta-close .cta-pill{border-color:transparent;box-shadow:0 .8cqi 2cqi rgba(15,28,63,.16);}
.cta-close .cta-ask{border-color:rgba(25,55,101,.45);}
.cta-close .cta-ask b{color:var(--gold);}
.cta-close .cta-ask::after{background:#e6ecf6;border-color:rgba(25,55,101,.45);}
@media (max-width:1023px){
  .cta-close{padding:52px 0 56px;}
  .cta-close-logo{width:46cqi;}
  .cta-close-copy{margin-top:4cqi;font-size:6.4cqi;letter-spacing:.16em;}
  .cc-main{margin-right:-.16em;}
  .cta-close .cta-pills{margin-top:7cqi;gap:6cqi;}
  .cta-close-label{font-size:3.6cqi;margin-bottom:2.4cqi;letter-spacing:.04em;}
}

/* 予約フォーム: スマホ */
@media (max-width:599px){
  .reserve .sec-title{margin-bottom:28px;font-size:22px;}
  .reserve-form{margin-top:32px;}
  .ff + .ff{margin-top:22px;}
  .ff-label{font-size:15px;}
  .ff-agree{font-size:13.5px;}
  .reserve-submit{min-width:0;width:100%;}
}
/* 予約フォームを上に寄せる */
.sec.reserve:not(.features){padding-top:48px;}
@media (max-width:599px){ .sec.reserve:not(.features){padding-top:36px;} .reserve .sec-title{margin-bottom:22px;} }

/* ============ 1-3. 無料受験相談の訴求（トップの上部。紺の大きなカードに、できること3つを白いタイルで） ============ */
.sec.consult-lp{padding:56px 0 32px;background:#fff;}
/* すぐ下の理念を上に寄せる */
.consult-lp + .philosophy{padding-top:40px;}
.clp-card{
  max-width:1080px;margin:0 auto;padding:44px 44px 40px;border-radius:12px;color:#fff;text-align:center;
  background:var(--navy);
  box-shadow:0 34px 70px -40px rgba(15,28,63,.75);
}
.clp-title{font-family:var(--serif);font-weight:900;font-size:42px;line-height:1.45;letter-spacing:.1em;color:#fff;}
.clp-title em{font-style:normal;color:var(--gold-light);}
.clp-lead{margin-top:10px;font-size:16px;line-height:1.95;letter-spacing:.05em;color:rgba(255,255,255,.9);}
.clp-get{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;}
.clp-get li{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 20px 22px;background:#fff;border-radius:8px;color:var(--ink);}
.clp-ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#FAF4E4;}
.clp-ic svg{width:44px;height:44px;fill:none;stroke:#B8892C;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.clp-num{position:absolute;left:16px;top:12px;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.06em;color:#C9A55A;}
.clp-get h3{margin-top:12px;font-family:var(--sans);font-weight:700;font-size:21px;line-height:1.5;letter-spacing:.04em;color:var(--navy-deep);}
.clp-get p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--sub);}
.clp-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;padding:0;}
.clp-facts li{display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 14px;background:#fff;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:15.5px;letter-spacing:.04em;color:var(--navy-deep);}
.clp-facts li::before{content:"";flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;}
.clp-facts-note{margin-top:10px;font-size:13.5px;letter-spacing:.04em;color:#fff;}
.clp-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px;}
.clp-btn-main{
  position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;max-width:680px;min-height:84px;padding:14px 64px 14px 40px;
  border-radius:8px;background:var(--gold);color:#fff;box-shadow:0 14px 28px -16px rgba(0,0,0,.6);transition:opacity .2s;
}
.clp-btn-main:hover{opacity:.9;}
.clp-btn-main::after{content:"";position:absolute;right:28px;top:50%;width:11px;height:11px;margin-top:-6px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.clp-btn-main img{flex:0 0 auto;width:52px;height:52px;object-fit:contain;}
.clp-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.clp-btn-label{font-family:var(--sans);font-weight:700;font-size:24px;line-height:1.35;letter-spacing:.08em;}
.clp-btn-tag{display:inline-block;margin-right:10px;padding:1px 10px;border-radius:3px;background:#fff;color:#a77b25;font-size:16px;vertical-align:3px;letter-spacing:.06em;}
.clp-btn-sub{font-size:13.5px;letter-spacing:.06em;opacity:.95;}
.clp-btn-line{display:inline-flex;align-items:center;gap:8px;padding:9px 22px 9px 14px;border:0;border-radius:999px;background:var(--green);font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:.06em;color:#fff;transition:background .2s;}
.clp-btn-line:hover{background:#05b04b;}
.clp-btn-line img{width:22px;height:22px;}
@media (min-width:600px) and (max-width:1023px){
  .sec.consult-lp{padding:56px 0 28px;}
  .clp-card{padding:44px 24px 36px;}
  .clp-title{font-size:34px;}
  .clp-get{gap:12px;}
  .clp-get li{padding:26px 14px 20px;}
  .clp-ic{width:60px;height:60px;}
  .clp-ic svg{width:34px;height:34px;}
  .clp-get h3{font-size:17px;}
  .clp-get p{font-size:13px;}
  .clp-facts li{font-size:14.5px;padding:8px 15px 8px 12px;}
}
@media (max-width:599px){
  .sec.consult-lp{padding:24px 0 18px;}
  .consult-lp + .philosophy{padding-top:24px;}
  .clp-card{padding:24px 10px 18px;border-radius:10px;}
  .clp-title{font-size:24px;letter-spacing:.04em;white-space:nowrap;}
  .clp-lead{margin-top:6px;font-size:13px;}
  /* できること3つは、説明を省いて横3列に（見出しだけで伝わる） */
  .clp-get{gap:6px;margin-top:16px;}
  .clp-get li{padding:12px 4px 12px;border-radius:6px;}
  .clp-ic{width:44px;height:44px;}
  .clp-ic svg{width:26px;height:26px;}
  .clp-num{left:7px;top:5px;font-size:10.5px;}
  .clp-get h3{margin-top:8px;font-size:13px;line-height:1.45;letter-spacing:0;}
  .clp-get p{display:none;}
  /* 4つは横1列・同じ幅（短い言葉にして、チェックは左） */
  .clp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:12px;}
  .clp-facts li{justify-content:center;gap:2px;padding:7px 1px;border-radius:6px;font-size:clamp(10px,2.9vw,12.5px);line-height:1.3;letter-spacing:-.02em;white-space:nowrap;}
  .clp-facts li::before{flex:0 0 12px;width:12px;height:12px;background-size:12px;}
  .clp-facts-note{margin-top:8px;font-size:11px;letter-spacing:0;}
  .clp-cta{margin-top:14px;gap:10px;}
  .clp-btn-main{min-height:64px;gap:0;padding:10px 30px 10px 16px;}
  .clp-btn-main::after{right:16px;width:8px;height:8px;margin-top:-4px;}
  .clp-btn-main img{display:none;}
  .clp-btn-label{font-size:16px;letter-spacing:.02em;white-space:nowrap;}
  .clp-btn-tag{margin-right:6px;padding:0 7px;font-size:12px;vertical-align:2px;}
  .clp-btn-sub{font-size:11.5px;letter-spacing:.02em;}
  .clp-btn-line{font-size:12.5px;padding:6px 16px 6px 12px;}
  .clp-btn-line img{width:18px;height:18px;}
}