/* 土台（ab_lp.html由来）＋ページ部品＋Apple風テーマ（最後） */
:root{
--bg:#fbfbfd;
--gray:#f5f5f7;
--text:#1d1d1f;
--sub:#6e6e73;
--line:#d2d2d7;
--font:-apple-system,BlinkMacSystemFont,"Inter","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
/* ▼テーマ色（ここを変えると全体の色が変わる） */
--g1:#ff7a45;--g2:#ff3d8b;--g3:#8b5cff;--g4:#2997ff;--g5:#30d158;
--blue:#0071e3;--blue-h:#0077ed;--link:#0066cc;
--eye:#bf4800;--eye2:#f5a623;
--grad:linear-gradient(90deg,var(--g1) 0%,var(--g2) 45%,var(--g3) 100%);
--grad2:linear-gradient(90deg,var(--g4),var(--g3));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:17px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,.concl,.caption,.bridge,.sub{font-feature-settings:"palt";letter-spacing:-.005em;word-break:auto-phrase}
@media (max-width:734px){.hero h1{font-size:clamp(28px,8vw,40px)}}
.w{max-width:1024px;margin:0 auto;padding:0 16px}
.nw{max-width:720px;margin:0 auto;padding:0 16px}
section{padding:120px 0}
.gray{background:var(--gray)}
.black{background:#000;color:#f5f5f7}
.note{font-size:12px;color:var(--sub);line-height:1.7}
.black .note{color:#86868b}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gt2{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:734px){section{padding:84px 0}body{font-size:16px}}
/* ナビ */
.nav{position:sticky;top:0;z-index:60;height:48px;background:rgba(251,251,253,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.nav .w{height:100%;display:flex;align-items:center;justify-content:space-between}
.nav .logo{font-weight:600;font-size:15px;letter-spacing:-.01em}
.nav ul{display:flex;gap:28px;list-style:none;font-size:12px}
.nav ul a{color:var(--text);text-decoration:none;opacity:.8}
.nav ul a:hover{opacity:1}
.nav .btn-s{background:var(--blue);color:#fff;text-decoration:none;font-size:12px;padding:5px 12px;border-radius:999px}
@media (max-width:734px){.nav ul{display:none}}
/* 見出し */
.eyebrow{font-size:clamp(17px,2.2vw,21px);font-weight:600;color:var(--eye);margin-bottom:10px;display:block}
.black .eyebrow{color:var(--eye2)}
.h2{font-size:clamp(32px,5.6vw,56px);font-weight:700;line-height:1.2}
.h2.c{text-align:center}
.sub{font-size:clamp(17px,2.2vw,21px);color:var(--sub);line-height:1.6;margin-top:18px;font-weight:500}
.black .sub{color:#a1a1a6}
.c{text-align:center}
.intro{max-width:720px;margin:0 auto 64px;text-align:center}
.intro .sub{text-align:left}
@media (min-width:735px){.intro .sub{text-align:center}}
/* ボタン・リンク */
.btns{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:center;margin-top:36px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-size:17px;font-weight:500;padding:14px 30px;border-radius:999px;transition:background .2s,transform .2s;animation:bob 3.2s ease-in-out infinite;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--blue) 80%,transparent)}
.btn:hover{background:var(--blue-h);animation-play-state:paused}
.btn.lg{font-size:19px;padding:17px 38px}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.lnk{color:var(--link);text-decoration:none;font-size:17px}
.lnk::after{content:" ›";font-size:1.1em}
.lnk:hover{text-decoration:underline}
.black .lnk{color:var(--g4)}
.fab{position:fixed;left:50%;bottom:20px;z-index:55;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.4s;
background:color-mix(in srgb,var(--blue) 95%,transparent);backdrop-filter:blur(12px);color:#fff;text-decoration:none;font-size:15px;font-weight:500;padding:12px 26px;border-radius:999px;box-shadow:0 12px 30px -10px rgba(0,0,0,.35);white-space:nowrap}
.fab.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
@media (prefers-reduced-motion:reduce){.btn{animation:none}.rv{opacity:1!important;transform:none!important}}
.rv{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* タイル */
.tile{background:#fff;border-radius:28px;padding:44px 40px;overflow:hidden;position:relative}
.gray .tile{background:#fff}
.black .tile{background:#1d1d1f}
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:734px){.tile{padding:32px 24px;border-radius:22px}.bento{grid-template-columns:1fr;gap:14px}}
/* ===== ヒーロー ===== */
.hero{padding:96px 0 40px;text-align:center}
.hero .kick{font-size:clamp(17px,2.4vw,22px);font-weight:600;color:var(--sub);line-height:1.6}
.hero .kick b{font-weight:700}
.hero .kick sup{font-size:10px}
.hero h1{font-size:clamp(38px,7.4vw,80px);font-weight:700;line-height:1.14;margin:22px auto 0;max-width:960px}
.hero .lead{max-width:680px;margin:30px auto 0;font-size:clamp(17px,2.1vw,21px);color:var(--sub);font-weight:500;line-height:1.65;text-align:left}
@media (min-width:735px){.hero .lead{text-align:center}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:88px}
.stat{background:var(--gray);border-radius:28px;padding:36px 16px;text-align:center}
.stat b{display:block;font-family:"Inter",var(--font);font-size:clamp(44px,7vw,72px);font-weight:700;line-height:1;letter-spacing:-.03em}
.stat span{display:block;font-size:14px;color:var(--sub);margin-top:10px;font-weight:500}
.hero .note{margin-top:40px}
@media (max-width:734px){.stats{gap:10px;margin-top:56px}.stat{padding:24px 6px;border-radius:18px}}
/* ===== 特典 ===== */
.gift .n{font-family:"Inter",var(--font);font-size:15px;font-weight:600;color:var(--sub)}
.gift h3{font-size:clamp(22px,2.8vw,28px);font-weight:700;line-height:1.35;margin:10px 0 14px}
.gift p{color:var(--sub);font-size:16px}
.gift .big{position:absolute;right:28px;bottom:-24px;font-family:"Inter",var(--font);font-weight:700;font-size:140px;line-height:1;opacity:.12}
.gift:nth-child(1) .big{color:var(--g1)}.gift:nth-child(2) .big{color:var(--g2)}.gift:nth-child(3) .big{color:var(--g3)}.gift:nth-child(4) .big{color:var(--g4)}
/* ===== SNS ===== */
.sns-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}
.pill{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);background:#fff;border:1px solid var(--line);padding:12px 22px;border-radius:999px;font-size:15px;font-weight:500;transition:border-color .2s,transform .2s}
.pill:hover{border-color:var(--text);transform:translateY(-2px)}
.pill i{width:10px;height:10px;border-radius:50%;display:block}
/* ===== 事例 ===== */
.cases{display:grid;gap:20px}
.case .who{font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--text);line-height:1.4}
.case .who span{font-size:14px;font-weight:500;color:var(--sub);margin-left:10px}
.case .num{font-family:"Inter",var(--font);font-weight:700;font-size:clamp(64px,11vw,120px);line-height:1;letter-spacing:-.04em;margin:18px 0 6px}
.case .num small{font-family:var(--font);font-size:.3em;letter-spacing:0;margin-left:.1em}
.case .num .ar{font-weight:400;color:var(--line);margin:0 .08em}
.case .cap{font-size:15px;color:var(--sub);font-weight:500}
.case h3{font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.35;margin:28px 0 18px;max-width:760px}
.case p{color:#424245;margin-bottom:16px;max-width:760px}
.kpis{display:flex;flex-wrap:wrap;gap:36px;margin:8px 0 28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kpis div b{display:block;font-family:"Inter",var(--font);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.kpis div b small{font-family:var(--font);font-size:14px;margin-left:2px}
.kpis div span{font-size:13px;color:var(--sub)}
.voice{background:var(--gray);border-radius:20px;padding:28px 30px;margin:24px 0;max-width:760px}
.voice p{color:var(--text)!important;font-size:17px;font-weight:500;line-height:1.85;margin-bottom:10px!important}
.voice cite{font-style:normal;font-size:14px;color:var(--sub)}
details summary{list-style:none;cursor:pointer;color:var(--link);font-size:17px;display:inline-block}
details summary::-webkit-details-marker{display:none}
details summary::after{content:" ＋";font-size:.9em}
details[open] summary::after{content:" −"}
details[open] summary{margin-bottom:20px}
details summary:hover{text-decoration:underline}
/* ===== ファクト ===== */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fact{background:#1d1d1f;border-radius:28px;padding:36px 30px}
.fact b{display:block;font-family:"Inter",var(--font);font-weight:700;font-size:clamp(56px,7vw,80px);line-height:1;letter-spacing:-.04em}
.fact b small{font-size:.45em}
.fact p{color:#a1a1a6;font-size:15px;margin-top:16px;line-height:1.7}
.fact p sup{font-size:10px}
.black .note{margin-top:36px}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.facts{grid-template-columns:1fr;gap:12px}.fact{border-radius:20px;padding:28px 24px}}
/* ===== 動画 ===== */
.video{aspect-ratio:16/9;border-radius:28px;background:linear-gradient(135deg,#1d1d1f,#2c2c30);display:grid;place-items:center;color:#86868b;font-size:14px;text-align:center}
.video .pl{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;margin:0 auto 14px;color:#1d1d1f;font-size:22px;padding-left:4px}
.caption{font-size:clamp(20px,2.8vw,28px);font-weight:600;line-height:1.55;margin-top:56px;color:var(--sub)}
.caption b{color:var(--text);font-weight:700}
/* ===== よくある話 ===== */
.stories{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.story .i{font-family:"Inter",var(--font);font-weight:600;font-size:14px;color:var(--sub)}
.story h3{font-size:21px;font-weight:700;line-height:1.45;margin:8px 0 10px}
.story p{color:var(--sub);font-size:16px}
@media (max-width:734px){.stories{grid-template-columns:1fr;gap:14px}}
.concl{max-width:820px;margin:80px auto 0;text-align:center;font-size:clamp(22px,3.2vw,34px);font-weight:700;line-height:1.5}
.concl span{color:var(--sub)}
/* ===== 4つの軸 ===== */
.axes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px}
.ax{background:var(--gray);border-radius:28px;padding:32px 20px;text-align:center}
.ax .n{font-family:"Inter",var(--font);font-size:13px;font-weight:600;color:var(--sub)}
.ax .k{display:block;font-size:clamp(44px,6vw,64px);font-weight:900;line-height:1.3;margin:6px 0}
.ax .t{font-size:15px;font-weight:600}
.ax .e{display:block;font-family:"Inter",var(--font);font-size:12px;color:var(--sub)}
.ax:nth-child(1) .k{background:linear-gradient(135deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ax:nth-child(2) .k{background:linear-gradient(135deg,var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.ax:nth-child(3) .k{background:linear-gradient(135deg,var(--g3),var(--g4));-webkit-background-clip:text;background-clip:text;color:transparent}
.ax:nth-child(4) .k{background:linear-gradient(135deg,var(--g4),var(--g5));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:734px){.axes{grid-template-columns:1fr 1fr;gap:12px}}
.bridge{text-align:center;font-size:clamp(19px,2.4vw,24px);font-weight:600;color:var(--sub);line-height:1.6}
/* ===== データ ===== */
.chart .row{padding:26px 0;border-top:1px solid var(--line)}
.chart .row:first-of-type{border-top:0;padding-top:0}
.chart h4{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:18px;font-weight:700;margin-bottom:14px}
.chart h4 b{font-family:"Inter",var(--font);font-size:32px;letter-spacing:-.02em}
.chart h4 b small{font-size:.5em}
.bb{display:grid;grid-template-columns:1fr 60px;gap:14px;align-items:center;margin:8px 0}
.bb .tr{height:12px;background:var(--gray);border-radius:999px;overflow:hidden}
.bb .f{display:block;height:100%;border-radius:999px;width:0;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}
.in .bb .f{width:var(--w)}
.f.y{background:var(--grad)}.f.n{background:#c7c7cc}
.bb .v{font-family:"Inter",var(--font);font-weight:600;font-size:16px;text-align:right}
.legend{display:flex;gap:22px;font-size:13px;color:var(--sub);margin-bottom:28px;flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
/* ===== プロフィール ===== */
.pf{display:grid;grid-template-columns:5fr 7fr;gap:0;padding:0}
.pf .ph{background:linear-gradient(160deg,#e8e8ed,#d2d2d7);min-height:420px;display:grid;place-items:center;color:#86868b;font-size:13px}
.pf .tx{padding:52px 48px}
.pf .name{font-size:clamp(30px,4vw,40px);font-weight:700;line-height:1.2}
.pf .role{font-size:15px;color:var(--sub);margin:10px 0 28px;font-weight:500}
.pf p{color:#424245;margin-bottom:16px;font-size:16px}
.pull{font-size:clamp(22px,3vw,28px)!important;font-weight:700;line-height:1.45;color:var(--text)!important;margin:32px 0!important}
.tl{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tl span{background:var(--gray);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}
.tl b{font-family:"Inter",var(--font);margin-right:6px}
@media (max-width:820px){.pf{grid-template-columns:1fr}.pf .ph{min-height:280px}.pf .tx{padding:32px 24px}}
.placeholder{background:var(--gray);border-radius:28px;padding:64px 16px;text-align:center;color:var(--sub);font-size:15px}
.gray .placeholder{background:#fff}
/* ===== 価格 ===== */
.price-g{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.price .lb{font-size:15px;font-weight:600;color:var(--sub)}
.price .v{font-family:"Inter",var(--font);font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-top:8px}
.price .v small{font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:0;margin-left:4px}
.price.mk .v{color:#86868b;text-decoration:line-through;text-decoration-thickness:2px}
.price.ou{box-shadow:inset 0 0 0 2px var(--blue)}
.ratio{text-align:center;margin:88px 0}
.ratio b{display:block;font-family:"Inter",var(--font);font-size:clamp(96px,18vw,200px);font-weight:700;line-height:1;letter-spacing:-.05em}
.ratio span{display:block;font-size:clamp(20px,2.6vw,26px);font-weight:600;margin-top:12px}
.why h3{font-size:24px;font-weight:700;margin-bottom:12px}
.why p{color:var(--sub);font-size:16px}
.why .ico{font-size:30px;margin-bottom:10px;display:block}
@media (max-width:734px){.price-g{grid-template-columns:1fr;gap:14px}}
/* ===== 次回 ===== */
.next{text-align:center}
.next .t{font-size:clamp(34px,6.4vw,68px);font-weight:700;line-height:1.2;margin:14px 0 26px}
.next p{max-width:600px;margin:0 auto;color:#a1a1a6;text-align:left}
@media (min-width:735px){.next p{text-align:center}}
.dates{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px;margin:48px auto 0}
.dates .tile{padding:28px 20px}
.dates small{display:block;font-size:13px;color:#a1a1a6}
.dates b{font-size:clamp(22px,3vw,28px);font-weight:700}
@media (max-width:560px){.dates{grid-template-columns:1fr;gap:12px}}
/* ===== 文字の背景に映像 ===== */
.vbg{position:relative;overflow:hidden;isolation:isolate;color:#fff}
.vbg-media{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--g1),var(--g3))}
.vbg-media.cool{background:linear-gradient(135deg,var(--g4),var(--g3))}
.vbg-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s ease;animation:slowzoom 30s ease-in-out infinite alternate}
.vbg-media.ok video{opacity:1}
@keyframes slowzoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.aura{position:absolute;inset:-20%;filter:blur(60px);opacity:.9;transition:opacity 2s}
.vbg-media.ok .aura{opacity:0}
.aura i{position:absolute;width:55%;height:55%;border-radius:50%;animation:drift 26s ease-in-out infinite alternate}
.aura i:nth-child(1){background:var(--g1);left:5%;top:10%}
.aura i:nth-child(2){background:var(--g2);right:5%;top:25%;animation-duration:32s;animation-delay:-8s}
.aura i:nth-child(3){background:var(--g3);left:25%;bottom:0;animation-duration:38s;animation-delay:-16s}
.cool .aura i:nth-child(1){background:var(--g4)}.cool .aura i:nth-child(2){background:var(--g3)}.cool .aura i:nth-child(3){background:var(--g5)}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(12%,-10%) scale(1.15)}100%{transform:translate(-10%,8%) scale(.95)}}
.vbg-ov{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.black.vbg .vbg-ov{background:rgba(0,0,0,.72)}
.slot{position:absolute;top:14px;right:14px;font-size:11px;color:rgba(255,255,255,.8);background:rgba(0,0,0,.3);padding:4px 10px;border-radius:999px;backdrop-filter:blur(8px)}
.vbg-media.ok .slot{display:none}
.vbg .sub,.vbg .eyebrow,.vbg .kick,.vbg .lead{color:rgba(255,255,255,.88)!important}
.vbg .lnk{color:#fff}
.vbg .gt{background:linear-gradient(90deg,#fff,rgba(255,255,255,.75));-webkit-background-clip:text;background-clip:text;color:transparent}
/* ヒーロー */
.hero.vbg{min-height:calc(100vh - 48px);display:flex;align-items:center;padding:96px 0}
.hero.vbg .w{width:100%}
.hero.vbg h1{text-shadow:0 2px 30px rgba(0,0,0,.2)}
.hero-sub{padding:64px 0 24px;text-align:center}
.hero-sub .stats{margin-top:0}
.hero-sub .note{margin-top:32px}
/* 見出しカード */
.vcard{border-radius:28px;padding:88px 40px;margin-bottom:40px}
.vcard .intro{margin:0 auto}
.fact{background:rgba(29,29,31,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vbg .next{position:relative}
@media (max-width:734px){.vcard{padding:64px 22px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){.vbg-media video,.aura i{animation:none}}
/* ===== Pixel風（丸み・パステル・4色）上書き ===== */
:root{--g1:#2bb58a;--g2:#129a74;--g3:#0b6b53;--g4:#1fa383;--g5:#7fd6b8;--blue:#0f7a5f;--blue-h:#13906f;--link:#0f7a5f;--eye:#0f7a5f;--eye2:#8fe0c4}
:root{--bg:#ffffff;--gray:#f1f3f4;--text:#202124;--sub:#5f6368;--line:#dadce0;
--font:"Figtree","Noto Sans JP","Hiragino Sans",sans-serif;
--p1:color-mix(in srgb,var(--g1) 13%,#fff);--p2:color-mix(in srgb,var(--g2) 13%,#fff);
--p3:color-mix(in srgb,var(--g3) 18%,#fff);--p4:color-mix(in srgb,var(--g4) 13%,#fff)}
body{letter-spacing:.02em}
/* 見出しは太すぎない、やわらかい重さ */
.h2,.hero h1,.case h3,.next .t,.concl,.gift h3,.story h3,.why h3{font-weight:500;letter-spacing:-.01em}
.hero h1{font-weight:500}
.eyebrow{font-size:16px;font-weight:600;color:var(--eye)}
/* グラデ文字 → 単色に */
.gt,.gt2{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;color:var(--g1)}
.gt2{color:var(--g4)}
.vbg .gt{color:#fff}
.stats .stat:nth-child(1) b{color:var(--g1)}.stats .stat:nth-child(2) b{color:var(--g2)}.stats .stat:nth-child(3) b{color:var(--g4)}
.facts .fact:nth-child(4n+1) b{color:#8ab4f8}.facts .fact:nth-child(4n+2) b{color:#f28b82}.facts .fact:nth-child(4n+3) b{color:#fdd663}.facts .fact:nth-child(4n+4) b{color:#81c995}
/* 大きな丸み */
.tile{border-radius:40px}
.stat,.ax,.placeholder,.video,.vcard{border-radius:36px}
.voice{border-radius:28px;background:var(--p1)}
@media (max-width:734px){.tile{border-radius:28px}.stat,.ax,.vcard{border-radius:26px}}
/* パステルの面で色分け */
.stat:nth-child(1){background:var(--p1)}.stat:nth-child(2){background:var(--p2)}.stat:nth-child(3){background:var(--p4)}
.bento .gift:nth-child(1){background:var(--p1)}.bento .gift:nth-child(2){background:var(--p2)}
.bento .gift:nth-child(3){background:var(--p3)}.bento .gift:nth-child(4){background:var(--p4)}
.gift .big{opacity:.18}
.stories .story:nth-child(4n+1){background:var(--p1)}.stories .story:nth-child(4n+2){background:var(--p2)}
.stories .story:nth-child(4n+3){background:var(--p3)}.stories .story:nth-child(4n+4){background:var(--p4)}
.ax:nth-child(1){background:var(--p1)}.ax:nth-child(2){background:var(--p2)}.ax:nth-child(3){background:var(--p3)}.ax:nth-child(4){background:var(--p4)}
.ax .k{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;font-weight:700}
.ax:nth-child(1) .k{color:var(--g1)}.ax:nth-child(2) .k{color:var(--g2)}.ax:nth-child(3) .k{color:color-mix(in srgb,var(--g3) 80%,#000)}.ax:nth-child(4) .k{color:var(--g4)}
.why:nth-child(1){background:var(--p1)}.why:nth-child(2){background:var(--p4)}
.gray .tile.case{background:#fff}
/* ボタン・リンク */
.btn{font-weight:600;box-shadow:none}
.btn.lg{padding:16px 36px}
.lnk{font-weight:600}
.lnk::after{content:""}
.nav{background:rgba(255,255,255,.96);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line);height:56px}
.nav .logo{font-weight:600;font-size:17px}
.nav .btn-s{font-size:13px;font-weight:600;padding:7px 16px}
.fab{font-weight:600}
.pill{border-radius:999px;background:#fff}
.price.ou{box-shadow:inset 0 0 0 3px var(--blue)}
/* 黒い面はやわらかい黒に */
.black{background:#202124}
.fact,.black .tile{background:rgba(48,49,52,.78)}
.f.y{background:var(--g1)}
.chart .row h4 b{color:var(--g1)}
/* ===== ファクト：画像の構成をApple風に ===== */
.facts-sec{background:#000}
.facts-sec .vbg-media{background:#000}
.facts-sec .aura{display:none}
.facts-sec .vbg-ov{background:#000}
.facts-sec .intro{text-align:center;margin:0 auto 24px}
.fact-panel{max-width:860px;margin:0 auto}
.fp{font-family:-apple-system,BlinkMacSystemFont,"Inter","Hiragino Sans","Noto Sans JP",sans-serif;font-weight:700;
color:#6e6e73;text-align:center;font-size:clamp(22px,3.6vw,38px);line-height:1.45;letter-spacing:-.005em;
padding:64px 0;border-bottom:1px solid #2c2c2e;word-break:auto-phrase;font-feature-settings:"palt"}
.fp:last-child{border-bottom:0}
.fp br{display:none}
.fp em{font-style:normal;color:#f5f5f7}
.fp em.n{display:inline-block;font-family:"Inter",-apple-system,sans-serif;font-size:1.9em;line-height:1.05;letter-spacing:-.03em;margin:0 .06em;
background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fp sup{font-size:.36em;font-weight:500;color:#86868b;vertical-align:1.2em;margin-left:4px}
.facts-sec .note{max-width:860px;margin:48px auto 0;color:#86868b;text-align:center}
@media (max-width:560px){.fp{padding:44px 0}}
/* ===== まとめ修正（2026-09-28） ===== */
/* 1 特典：カラフルにしない */
.bento .gift:nth-child(n){background:#fff}
.gift .big{color:#eceef1!important;opacity:1}
.gift>*:not(.big){position:relative;z-index:1}
/* 4 続きを読む：ボタンにする */
details summary{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border:1.5px solid currentColor;border-radius:999px;font-weight:600;font-size:16px;transition:background .2s}
details summary::after{content:"";width:12px;height:12px;background:currentColor;
-webkit-mask:linear-gradient(#000 0 0) center/12px 2px no-repeat,linear-gradient(#000 0 0) center/2px 12px no-repeat;
mask:linear-gradient(#000 0 0) center/12px 2px no-repeat,linear-gradient(#000 0 0) center/2px 12px no-repeat}
details[open] summary::after{-webkit-mask:linear-gradient(#000 0 0) center/12px 2px no-repeat;mask:linear-gradient(#000 0 0) center/12px 2px no-repeat}
details summary:hover{text-decoration:none;background:color-mix(in srgb,currentColor 10%,transparent)}
/* 6 改行 */
.nb{display:inline-block;white-space:nowrap}
/* 8 よくある話：白カード＋番号だけ差し色 */
.stories .story:nth-child(n){background:#fff}
.story .i{font-size:28px;font-weight:700;color:var(--link);line-height:1}
.story h3{margin-top:14px}
/* 9 4つの軸：言葉を主役に */
.ax .k{font-size:clamp(32px,4vw,44px)!important;opacity:.9}
.ax .t{display:block;font-size:clamp(17px,2.3vw,26px);font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.3;margin:6px 0 4px;word-break:keep-all}
.axes{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:734px){.axes{grid-template-columns:repeat(2,minmax(0,1fr))}.ax{padding:24px 8px}.ax .t{font-size:clamp(12px,3.8vw,16px);letter-spacing:-.04em}}
/* 10 グラフ */
.chart .row h4{align-items:center}
.chart .row h4 b.diff{font-size:15px;font-weight:700;color:#fff!important;background:var(--link);padding:6px 14px;border-radius:999px;letter-spacing:0}
.chart .row h4 b.diff small{font-size:12px}
.bb{grid-template-columns:128px 1fr 60px}
.bb .lb{font-size:13px;color:var(--sub);font-weight:500}
.bb .tr{height:16px}
.f.y{background:var(--link)!important}.f.n{background:#c7c7cc}
@media (max-width:560px){.bb{grid-template-columns:96px 1fr 50px;gap:10px}.bb .lb{font-size:11.5px}}
/* 11 プロフィール：写真を小さく */
.pf{display:block}
.pf .tx{padding:52px 56px}
.pf-head{display:flex;align-items:center;gap:24px;margin-bottom:32px}
.pf .ph{flex:none;width:120px;height:120px;min-height:0;border-radius:50%;font-size:12px}
.pf .role{margin:6px 0 0}
@media (max-width:734px){.pf .tx{padding:32px 24px}.pf-head{gap:16px}.pf .ph{width:88px;height:88px}}
/* 12 価格の理由・返金保証 */
.mech{background:#fff;padding:56px}
.mech h3{font-size:clamp(24px,3vw,32px);font-weight:600}
.mech-lead{color:var(--sub);margin:12px 0 36px;font-size:17px}
.mech-g{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.mech-g>div{padding:32px 32px 8px 0}
.mech-g>div+div{padding-left:32px;border-left:1px solid var(--line)}
.mech-n{font-family:"Inter",var(--font);font-size:28px;font-weight:700;color:var(--link);line-height:1}
.mech-g h4{font-size:20px;font-weight:700;margin:12px 0 8px}
.mech-g p{color:var(--sub);font-size:16px}
.mech-foot{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-weight:600}
@media (max-width:734px){.mech{padding:32px 24px}.mech-g{grid-template-columns:1fr}.mech-g>div,.mech-g>div+div{padding:24px 0 8px;border-left:0}.mech-g>div+div{border-top:1px solid var(--line)}}
.guar{text-align:center;max-width:720px;margin:80px auto 0}
.guar h3{font-size:clamp(40px,7vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.guar h3 span{color:var(--link)}
.guar p{color:var(--sub);font-size:clamp(16px,2vw,19px);margin-top:20px;text-align:left}
@media (min-width:735px){.guar p{text-align:center}}
/* 13 次回：条件を主役に、テーマは一段下 */
.next .t{font-size:clamp(26px,4.4vw,48px);line-height:1.35}
.next .theme{display:inline-flex;flex-direction:column;gap:2px;margin:0 auto 28px;padding:14px 28px;border:1px solid rgba(255,255,255,.35);border-radius:20px;font-size:clamp(17px,2.2vw,22px);font-weight:600}
.next .theme small{font-size:12px;font-weight:500;opacity:.75}
/* 4つの軸：カラフルにしない */
.ax:nth-child(n){background:var(--gray)}
.ax:nth-child(n) .k{color:var(--link)!important}
.ax .n{color:var(--sub)}
/* 特典：中身が伝わる形に */
.gift{display:flex;flex-direction:column}
.gift-vis{position:relative;background:var(--gray);border-radius:22px;height:150px;display:grid;place-items:center;color:var(--link);margin-bottom:22px}
.gift-vis svg{width:68px;height:68px}
.gift-no{position:absolute;left:18px;top:14px;font-family:"Inter",var(--font);font-size:13px;font-weight:700;color:var(--sub)}
.gift-kind{align-self:flex-start;font-size:12px;font-weight:700;color:var(--link);border:1.5px solid currentColor;border-radius:999px;padding:3px 12px}
.gift h3{margin:12px 0 10px}
.gift-key{font-size:17px!important;font-weight:700;color:var(--text)!important;line-height:1.6;margin-bottom:8px}
@media (max-width:734px){.gift-vis{height:120px}}
.case .cap.strong{font-size:clamp(20px,2.8vw,28px);font-weight:700;color:var(--text);margin-top:16px}
.case .cap.strong b{color:var(--link)}
.case .cap.strong+.num{margin-top:4px}
/* 特典：一覧で見せる */
.glist{list-style:none;max-width:920px;margin:0 auto;border-top:1px solid var(--text)}
.glist li{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--line)}
.gl-n{font-family:"Inter",var(--font);font-size:56px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--link)}
.gl-b h3{font-size:clamp(21px,2.6vw,28px);font-weight:700;line-height:1.35}
.gl-b p{color:var(--sub);margin-top:8px;font-size:16px}
.gl-k{justify-self:end;font-size:13px;color:var(--sub);font-weight:500}
@media (max-width:734px){.glist li{grid-template-columns:52px 1fr;gap:6px 14px;padding:28px 0}.gl-n{font-size:30px}.gl-k{grid-column:2;justify-self:start;order:3}}
/* リードコピー・よくある話の文章 */
.leadc{font-size:clamp(20px,2.6vw,28px);font-weight:600;line-height:1.5;color:var(--text);margin-top:14px;word-break:auto-phrase}
.story .st{font-size:clamp(17px,1.9vw,19px);color:var(--text);line-height:1.8;margin-top:14px}
/* よくある話：吹き出し */
.chat{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.bub{position:relative;max-width:82%;padding:16px 22px;border-radius:24px;font-size:clamp(16px,1.9vw,18px);line-height:1.7;background:#fff;color:var(--text);align-self:flex-start;border-bottom-left-radius:6px}
.bub:nth-child(even){align-self:flex-end;background:var(--blue);color:#fff;border-bottom-left-radius:24px;border-bottom-right-radius:6px}
.bub.rv{transform:translateY(16px) scale(.96);transform-origin:bottom left}
.bub:nth-child(even).rv{transform-origin:bottom right}
.bub.rv.in{transform:none}
.bub:nth-child(2){transition-delay:.08s}.bub:nth-child(3){transition-delay:.16s}.bub:nth-child(4){transition-delay:.24s}.bub:nth-child(5){transition-delay:.32s}.bub:nth-child(6){transition-delay:.4s}
/* グラフ：ひと目で分かる形 */
.chart2{max-width:900px;margin:0 auto;background:#fff;padding:48px}
.c2-cap{font-size:clamp(16px,2vw,19px);font-weight:600;line-height:1.7;margin-bottom:16px}
.c2-cap b{color:var(--link)}.c2-cap span{color:var(--sub)}
.c2-row{display:grid;grid-template-columns:1fr 110px;gap:4px 24px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}
.c2-row h4{grid-column:1/-1;font-size:clamp(18px,2.2vw,22px);font-weight:700;margin-bottom:10px}
.c2-line{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:14px;color:var(--sub)}
.c2-line b{font-family:"Inter",var(--font);font-size:17px;color:var(--text)}
.c2-bar{display:block;height:22px;border-radius:6px;width:0;flex:none;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.in .c2-bar{width:var(--w)}
.c2-bar.y{background:var(--link)}.c2-bar.n{background:#c7c7cc}
.c2-x{text-align:center;color:var(--link);font-weight:700;font-size:18px;line-height:1}
.c2-x b{display:block;font-family:"Inter",var(--font);font-size:clamp(40px,5vw,56px);letter-spacing:-.03em}
@media (max-width:734px){.chart2{padding:28px 20px}.c2-row{grid-template-columns:1fr 64px;gap:4px 12px}.c2-line{font-size:12px;gap:8px}.c2-line span{white-space:nowrap}.c2-bar{height:16px}}
/* 価格の仕組み：矢印でつなぐ */
.mech-g>div{position:relative}
.mech-g>div+div::before,.mech-foot::before{content:"→";position:absolute;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--link);color:#fff;font-weight:700;font-size:18px;line-height:1}
.mech-g>div+div::before{content:"⇄";left:-20px;top:36px;width:40px;height:40px;font-size:20px}
.mech-foot{position:relative;text-align:center;padding-top:40px!important}
.mech-foot::before{content:"↓";left:50%;top:-18px;transform:translateX(-50%)}
@media (max-width:734px){.mech-g>div+div{padding-top:40px!important}.mech-g>div+div::before{content:"⇅";left:50%;top:-20px;transform:translateX(-50%)}}
/* 01と02：スマホでも左右に並べて矢印 */
@media (max-width:734px){
.mech-g{grid-template-columns:1fr 1fr}
.mech-g>div{padding:24px 16px 8px 0}
.mech-g>div+div{padding:24px 0 8px 22px!important;border-top:0!important;border-left:1px solid var(--line)}
.mech-g>div+div::before{content:"⇄";left:-18px;top:22px;transform:none;width:36px;height:36px;font-size:18px}
.mech-n{font-size:22px}
.mech-g h4{font-size:16px;line-height:1.45}
.mech-g p{font-size:14px}
}
/* ボディコピー：両端揃え */
.case p,.caption,.gl-b p,.mech-lead,.mech-g p,.pf p:not(.pull),.voice p,.bub,.c2-cap,.sns-links+p,.nw.c>.sub{text-align:justify;text-justify:inter-character}
@media (max-width:734px){.intro .sub,.hero .lead,.guar p,.next p{text-align:justify;text-justify:inter-character}}
.sns-txt{text-align:justify!important;text-justify:inter-character}
/* 特典01〜04の表記 */
.glist li{grid-template-columns:150px 1fr}
.gl-n{white-space:nowrap}
.gl-n small{font-family:var(--font);font-size:.45em;font-weight:700;letter-spacing:0;margin-right:4px;vertical-align:.25em}
@media (max-width:734px){.glist li{grid-template-columns:1fr}.gl-n{font-size:30px}}
/* 短い文・狭い幅は左揃え（字間が不自然に空くのを防ぐ） */
.bub,.gl-b p,.mech-g p,.mech-lead,.c2-cap{text-align:left!important}
/* ===== 説明会の概要・申込フォーム ===== */
.entry-g{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}
.about{background:#fff;padding:36px 32px;position:sticky;top:80px}
.about div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.about div:last-child{border-bottom:0}
.about dt{font-size:13px;color:var(--sub);font-weight:600;padding-top:2px}
.about dd{font-weight:700;font-size:17px}
.form{background:#fff;padding:40px}
.fld{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.fld2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.fld label{font-size:15px;font-weight:700}
.fld label em,.fld label span{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:1px}
.fld label em{background:var(--link);color:#fff}
.fld label span{background:var(--gray);color:var(--sub)}
.fld input,.fld select,.fld textarea{font:inherit;font-size:17px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);width:100%;transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--link);box-shadow:0 0 0 4px color-mix(in srgb,var(--link) 18%,transparent)}
.fld input::placeholder,.fld textarea::placeholder{color:#b0b3b8}
.agree{display:flex;align-items:center;gap:10px;font-size:15px;margin:8px 0 24px;cursor:pointer}
.agree input{width:20px;height:20px;accent-color:var(--link)}
.agree a{color:var(--link)}
.submit{width:100%;border:0;cursor:pointer;font:inherit;font-size:18px;font-weight:700}
.form-msg{margin-top:16px;font-size:14px;color:var(--link);font-weight:600}
@media (max-width:860px){.entry-g{grid-template-columns:1fr}.about{position:static}.form{padding:28px 22px}.fld2{grid-template-columns:1fr}}
/* ===== 2回目のSNS・特典（短縮） ===== */
.sns-mini{padding:72px 0}
.sm-h{font-size:clamp(18px,2.4vw,24px);font-weight:700;margin-bottom:4px}
.gift-mini{padding:72px 0}
.gm-h{text-align:center;font-size:clamp(20px,2.6vw,28px);font-weight:700;margin-bottom:28px}
.gmini{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px;margin:0 auto}
.gmini li{background:#fff;border-radius:18px;padding:18px 22px;font-weight:600;display:flex;gap:14px;align-items:center}
.gmini b{color:var(--link);font-family:"Inter",var(--font);font-size:15px;white-space:nowrap}
@media (max-width:734px){.gmini{grid-template-columns:1fr}}
/* 4つの軸：言葉を小さめに */
.ax .t{font-size:clamp(14px,1.7vw,18px)!important;font-weight:700;letter-spacing:0!important;white-space:nowrap}
@media (max-width:734px){.ax .t{font-size:clamp(12px,3.6vw,15px)!important;letter-spacing:-.03em!important}}
/* ===== 事例の写真・動画スペース ===== */
.case{padding-top:0!important}
.media{position:relative;margin:0 -40px 36px;background:#e8eaed}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;aspect-ratio:16/9;scroll-snap-align:start;position:relative;margin:0;display:grid;place-items:center;background:#e8eaed}
.slide img,.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide.empty img{display:none}
.slide .ph{color:#80868b;font-size:15px;text-align:center;line-height:1.6}
.slide .ph small{font-size:12px;opacity:.8}
.slide:not(.empty) .ph{display:none}
.mnav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--text);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:opacity .2s}
.mnav.prev{left:14px}.mnav.next{right:14px}
.mnav[disabled]{opacity:0;pointer-events:none}
.dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.25)}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .2s,transform .2s}
.dots i.on{background:#fff;transform:scale(1.25)}
.media.single .mnav,.media.single .dots{display:none}
@media (max-width:734px){.media{margin:0 -24px 28px}.slide{aspect-ratio:4/3}.mnav{width:36px;height:36px;font-size:22px}}
/* 価格の仕組み：結論の一文を目立たせる */
.mech-foot{font-size:clamp(20px,2.8vw,28px)!important;font-weight:700;line-height:1.5;color:var(--text);padding:44px 24px 36px!important;margin-top:28px;border-top:0!important;
background:color-mix(in srgb,var(--link) 8%,#fff);border-radius:24px;word-break:auto-phrase}
.mech-foot::before{top:-18px}
@media (max-width:734px){.mech-foot{padding:40px 18px 28px!important}}
/* ===== 白書のデータ（ひと目で伝わる形） ===== */
.ev{max-width:900px;margin:0 auto;background:#fff;padding:48px}
.ev-q{font-size:clamp(17px,2.2vw,21px);font-weight:700;line-height:1.6;margin-bottom:28px}
.ev-main{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center}
.ev-row{margin:14px 0}
.ev-l{display:block;font-size:14px;color:var(--sub);font-weight:600;margin-bottom:6px}
.ev-tr{display:flex;align-items:center;gap:12px}
.ev-b{display:block;height:40px;border-radius:10px;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.in .ev-b{width:calc(var(--w) * .82)}
.ev-b.y{background:var(--link)}.ev-b.n{background:#c7c7cc}
.ev-v{font-family:"Inter",var(--font);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em}
.ev-row:last-child .ev-v{color:var(--sub)}
.ev-x{text-align:center;color:var(--link);font-weight:700;font-size:22px;line-height:1}
.ev-x b{display:block;font-family:"Inter",var(--font);font-size:clamp(64px,9vw,96px);letter-spacing:-.04em;margin:6px 0}
.ev-sub{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border-top:1px solid var(--line)}
.ev-sub>div{padding:24px 24px 0 0}
.ev-sub>div+div{padding-left:24px;border-left:1px solid var(--line)}
.ev-t{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
.ev-sub p{font-size:15px;color:var(--sub);line-height:1.9}
.ev-sub b{font-family:"Inter",var(--font);font-size:22px;color:var(--link);margin-right:4px}
.ev-sub b.m{color:var(--sub)}
.ev-sub i{font-style:normal;margin:0 10px;color:var(--line)}
.ev-sub small{font-size:12px;margin-left:4px}
@media (max-width:734px){.ev{padding:28px 20px}.ev-main{grid-template-columns:1fr}.ev-x{display:flex;align-items:baseline;justify-content:center;gap:4px}.ev-x b{display:inline;font-size:64px;margin:0}
.ev-b{height:30px}.ev-sub{grid-template-columns:1fr}.ev-sub>div,.ev-sub>div+div{padding:20px 0 0;border-left:0}.ev-sub>div+div{margin-top:20px;border-top:1px solid var(--line)}}
/* 白書データ：裏側からの補足 */
.ev-back{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.ev-bq{font-size:15px;font-weight:700;color:var(--sub);margin-bottom:14px}
.ev-bn{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.ev-bn b{display:block;font-family:"Inter",var(--font);font-size:clamp(36px,5vw,48px);letter-spacing:-.03em;line-height:1.1;color:#c5221f}
.ev-bn b.m{color:var(--sub)}
.ev-bn span{font-size:13px;color:var(--sub);font-weight:600}
.ev-bn .vs{font-family:"Inter",var(--font);font-size:15px;color:var(--line);font-weight:700}
.ev-bt{margin-top:16px;font-size:clamp(16px,2vw,19px);font-weight:600}
.ev-bt strong{color:#c5221f}
/* ===== 追加調整（カウントアップ・特典番号・注釈・vs・ゲスト講師・FAQ） ===== */
@media (min-width:735px){.gl-n{font-size:38px}.glist li{grid-template-columns:130px 1fr}}
.note{font-size:10px!important;line-height:1.6;opacity:.85}
.ev-bn .vs{color:var(--sub)!important}
.stat b{font-variant-numeric:tabular-nums}
/* ゲスト講師 */
.g-hint{font-size:12px;color:var(--sub);text-align:center;margin:-24px 0 18px}
.guests{list-style:none;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 16px;margin:0 -16px;scrollbar-width:thin}
.guest{flex:0 0 240px;scroll-snap-align:start;background:var(--gray);border-radius:24px;padding:20px 20px 24px;display:flex;flex-direction:column}
.g-ph{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#e1e3e6;display:grid;place-items:center;margin-bottom:16px}
.g-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g-ph.empty img{display:none}
.g-ph span{color:#80868b;font-size:13px;text-align:center;line-height:1.5}
.g-ph span small{font-size:11px}
.g-ph:not(.empty) span{display:none}
.g-co{font-size:14px;font-weight:700;line-height:1.5;color:var(--text)}
.g-ti{font-size:13px;color:var(--sub);line-height:1.5;margin-top:6px}
.g-na{font-size:18px;font-weight:700;margin-top:auto;padding-top:12px}
@media (min-width:1100px){.g-hint{display:none}.guests{overflow:visible;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}.guest{flex:none}}
/* FAQ */
.faq{max-width:860px;margin:0 auto;border-top:1px solid var(--line)}
details.qa{border-bottom:1px solid var(--line)}
details.qa summary{display:flex!important;align-items:flex-start;gap:14px;width:100%;border:0!important;border-radius:0!important;padding:24px 44px 24px 0!important;font-size:clamp(16px,2vw,19px);font-weight:700;color:var(--text)!important;position:relative;background:none!important}
details.qa summary::after{position:absolute;right:6px;top:30px;color:var(--link)}
.qa .q{flex:none;font-family:"Inter",var(--font);font-weight:700;color:var(--link);font-size:20px;line-height:1.3}
.qa .a{display:flex;gap:14px;padding:0 44px 28px 0}
.qa .a .q{color:var(--sub)}
.qa .a p{color:var(--sub);font-size:16px;line-height:1.9;text-align:justify}
.about-note{font-size:12px;color:var(--sub);margin-top:14px;line-height:1.7}
/* 次回クラスの日程を強調 */
.next .dates .tile{background:#fff;color:var(--text)}
.next .dates small{color:var(--sub);font-weight:600}
.next .dates b{display:block;color:var(--link);font-size:clamp(26px,3.6vw,36px);margin-top:4px}
/* 安田さんの写真を大きめに */
.pf .ph{width:180px!important;height:180px!important}
@media (max-width:734px){.pf .ph{width:120px!important;height:120px!important}}
section[id]{scroll-margin-top:64px}
/* ロゴ */
.nav .logo{display:flex;align-items:center;height:100%}
.nav .logo img{height:22px;width:auto;display:block}
.f-logo{height:18px;width:auto;opacity:.8}
@media (max-width:734px){.nav .logo img{height:18px}}
.hero .w{text-align:center}
/* 締め切り表示：募集終了のとき */
.next .dates b.closed{font-size:clamp(17px,2.2vw,22px)!important;color:var(--text)!important;line-height:1.5}
/* 助成金 */
.subsidy{max-width:620px;margin:-40px auto 72px;text-align:center;background:#fff;border:2px solid var(--link);border-radius:28px;padding:32px 24px}
.sb-tag{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:var(--link);padding:4px 14px;border-radius:999px}
.sb-main{font-size:clamp(20px,2.8vw,26px);font-weight:700;margin-top:14px}
.sb-main b{font-family:"Inter",var(--font);font-size:1.6em;color:var(--link);letter-spacing:-.02em}
.sb-sub{color:var(--sub);font-size:15px;margin:4px 0 20px}
/* ロゴの場所（エンジニアに差し替えを依頼） */
.logo-ph{display:inline-grid;place-items:center;width:168px;height:22px;border:1px dashed #9aa0a6;border-radius:4px;font-size:11px;font-weight:600;color:#80868b;letter-spacing:.1em}
.logo-ph.f{width:138px;height:18px}
@media (max-width:734px){.nav .logo-ph{width:138px;height:18px}}
.nav .logo{text-decoration:none}
/* ファーストビュー：ボタン下の小さな1行と、特典リンクを分ける */
.cta-col{display:flex;flex-direction:column;align-items:center;gap:10px}
.cta-meta{font-size:13px;font-weight:500;color:rgba(255,255,255,.8);letter-spacing:.02em}
.gift-link{margin-top:36px;text-align:center}
.gift-link .lnk{font-size:15px}
/* 次回クラスの背景（動く背景をやめて、ずれない固定の背景に） */
.next-sec{background:
radial-gradient(circle at 85% 0%,rgba(43,181,138,.28),transparent 45%),
radial-gradient(circle at 10% 100%,rgba(15,122,95,.35),transparent 50%),
#0d1814}
footer{background:var(--gray);color:var(--sub);font-size:12px;padding:28px 0 100px;border-top:1px solid var(--line)}
footer .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
/* ===== コーポレートトップ用の追加 ===== */
.nav ul a{font-size:13px}
@media (max-width:900px){.nav ul{display:none}}
.hero .kick{letter-spacing:.08em;font-size:15px}
.hero h1 .l2{display:block}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8);animation:none}
.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.line{background:transparent;color:var(--link);box-shadow:inset 0 0 0 1.5px var(--link);animation:none}
.btn.line:hover{background:color-mix(in srgb,var(--link) 8%,transparent)}
/* 注目の事例（大きいカード） */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fc{display:flex;flex-direction:column;background:#fff;border-radius:32px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .3s,box-shadow .3s}
.fc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.fc-img{aspect-ratio:16/10;background:#e8eaed;overflow:hidden}
.fc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.fc:hover .fc-img img{transform:scale(1.04)}
.fc-b{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}
.fc-k{font-family:"Inter",var(--font);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.fc h3{font-size:clamp(18px,1.9vw,21px);font-weight:700;line-height:1.5;margin:8px 0 12px}
.fc p{font-size:14.5px;color:var(--sub);line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px}
.tags span{font-size:11.5px;font-weight:600;color:var(--sub);background:var(--gray);border-radius:999px;padding:3px 10px}
@media (max-width:900px){.feat{grid-template-columns:1fr;gap:14px}.fc{border-radius:26px}}
/* The Art of Branding */
.aob{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.aob .tile{background:var(--gray);padding:36px 30px}
.aob .n{font-family:"Inter",var(--font);font-size:28px;font-weight:700;color:var(--link);line-height:1}
.aob h3{font-size:clamp(19px,2vw,22px);font-weight:700;line-height:1.45;margin:14px 0 10px}
.aob p{color:var(--sub);font-size:15.5px}
@media (max-width:860px){.aob{grid-template-columns:1fr;gap:14px}}
/* 講師写真 */
.pf .ph{overflow:hidden;background:#e1e3e6}
.pf .ph img{width:100%;height:100%;object-fit:cover;display:block}
/* 受講者インタビュー */
.iv{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.iv .fc-img{aspect-ratio:16/9}
.iv .fc h3{font-size:clamp(20px,2.4vw,26px);margin:8px 0 0}
@media (max-width:734px){.iv{grid-template-columns:1fr;gap:14px}}
/* 事例紹介（一覧） */
.clist{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.ci{text-decoration:none;color:var(--text)}
.ci-img{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#e8eaed}
.ci-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.ci:hover .ci-img img{transform:scale(1.05)}
.ci time{display:block;font-family:"Inter",var(--font);font-size:12px;color:var(--sub);margin:14px 0 4px;font-weight:600}
.ci h3{font-size:15px;font-weight:700;line-height:1.6}
.ci:hover h3{color:var(--link)}
@media (max-width:900px){.clist{grid-template-columns:repeat(2,1fr);gap:24px 14px}.ci-img{border-radius:18px}.ci h3{font-size:14px}}
/* お知らせ */
.news{list-style:none;max-width:860px;margin:0 auto;border-top:1px solid var(--text)}
.news a{display:grid;grid-template-columns:120px 1fr 24px;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .2s}
.news a:hover{background:#fff}
.news time{font-family:"Inter",var(--font);font-size:14px;font-weight:600;color:var(--sub)}
.news span{font-weight:600;font-size:16px;line-height:1.6}
.news a::after{content:"›";font-size:22px;color:var(--link);text-align:center}
@media (max-width:734px){.news a{grid-template-columns:1fr 18px;gap:4px 12px}.news time{grid-column:1}.news span{grid-column:1;font-size:15px}.news a::after{grid-row:1/3;grid-column:2}}
/* 最後のCTA */
.end .btns{margin-top:40px}
/* フッター */
footer{padding:56px 0 40px}
footer .w{flex-direction:column;gap:28px}
.f-nav{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none}
.f-nav a{color:var(--text);text-decoration:none;font-size:13px;font-weight:500}
.f-nav a:hover{color:var(--link)}
.f-bt{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--line)}
/* ===== サイト共通：ナビ（スマホメニュー・現在地） ===== */
.nav ul a[aria-current]{opacity:1;color:var(--link);font-weight:700}
.nav .r{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:40px;height:40px;border:0;background:none;cursor:pointer;position:relative;border-radius:50%}
.menu-btn i,.menu-btn::before,.menu-btn::after{content:"";position:absolute;left:11px;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s}
.menu-btn::before{top:14px}.menu-btn i{top:19px}.menu-btn::after{top:24px}
.menu-open .menu-btn::before{transform:translateY(5px) rotate(45deg)}
.menu-open .menu-btn i{opacity:0}
.menu-open .menu-btn::after{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:900px){
.menu-btn{display:block}
.nav ul{display:flex!important;position:fixed;left:0;right:0;top:56px;flex-direction:column;gap:0;background:#fff;padding:8px 16px 24px;border-bottom:1px solid var(--line);
transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:0 20px 40px -24px rgba(0,0,0,.25)}
.menu-open .nav ul{opacity:1;transform:none;pointer-events:auto}
.nav ul a{display:block;padding:16px 4px;font-size:16px;border-bottom:1px solid var(--line);opacity:1}
}
/* ===== 下層ページのヒーロー ===== */
.phero{padding:120px 0 96px;text-align:center}
.phero .kick{font-family:"Inter",var(--font);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.phero h1{font-size:clamp(34px,6vw,64px);font-weight:500;line-height:1.2;margin-top:14px;letter-spacing:-.01em}
.phero .lead{max-width:680px;margin:24px auto 0;font-size:clamp(16px,2vw,19px);color:rgba(255,255,255,.88);line-height:1.8}
@media (max-width:734px){.phero{padding:88px 0 72px}.phero .lead{text-align:left}}
.pkv{max-width:1024px;margin:-48px auto 0;padding:0 16px;position:relative;z-index:2}
.pkv img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:36px;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
@media (max-width:734px){.pkv{margin-top:-32px}.pkv img{aspect-ratio:4/3;border-radius:24px}}
.crumb{font-size:12px;color:var(--sub);padding:20px 0 0}
.crumb a{color:var(--sub);text-decoration:none}
.crumb a:hover{color:var(--link)}
/* ページ内の目次 */
.anchors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none}
.anchors.c3{grid-template-columns:repeat(3,1fr)}
.anchors a{display:flex;align-items:center;gap:14px;background:var(--gray);border-radius:22px;padding:18px 20px;text-decoration:none;color:var(--text);font-weight:700;font-size:15px;line-height:1.45;transition:background .2s}
.anchors a:hover{background:color-mix(in srgb,var(--link) 10%,#fff)}
.anchors b{font-family:"Inter",var(--font);color:var(--link);font-size:20px}
@media (max-width:734px){.anchors,.anchors.c3{grid-template-columns:1fr 1fr;gap:8px}.anchors a{padding:14px;font-size:13px;gap:10px;border-radius:16px}.anchors b{font-size:16px}}
/* 章（画像＋本文） */
.chap-h{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:56px}
.chap-h img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:36px;display:block}
.chap-h .num{font-family:"Inter",var(--font);font-size:clamp(72px,10vw,120px);font-weight:700;line-height:1;letter-spacing:-.05em;color:color-mix(in srgb,var(--link) 14%,#fff)}
.gray .chap-h .num{color:color-mix(in srgb,var(--link) 16%,var(--gray))}
.chap-h .h2{margin-top:-8px}
.chap.rev .chap-h>img{order:2}
@media (max-width:820px){.chap-h{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.chap.rev .chap-h>img{order:0}.chap-h img{border-radius:24px}}
.art{max-width:760px;margin:0 auto}
.art h3{font-size:clamp(20px,2.6vw,26px);font-weight:700;line-height:1.5;margin:48px 0 16px;padding-left:18px;border-left:4px solid var(--link)}
.art h3:first-child{margin-top:0}
.art p{color:#3c4043;margin-bottom:16px;text-align:justify;text-justify:inter-character}
.art figure{margin:36px 0}
.art figure img{width:100%;display:block}
.art .lead-p{font-size:clamp(17px,2vw,19px);font-weight:600;color:var(--text)}
.sp-only{display:none!important}
@media (max-width:734px){.sp-only{display:block!important}.pc-only{display:none!important}}
/* 次回開催 */
.sched{max-width:760px;margin:0 auto;background:#fff;border-radius:36px;padding:44px 48px;box-shadow:inset 0 0 0 2px var(--link)}
.gray .sched{background:#fff}
section:not(.gray) .sched{background:var(--gray);box-shadow:none}
.sched h3{font-size:clamp(20px,2.6vw,26px);font-weight:700;margin-bottom:18px}
.sched dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.sched dt{font-size:14px;font-weight:600;color:var(--sub)}
.sched dd{font-weight:700}
.sched dd small{display:block;font-weight:500;color:var(--sub);font-size:13px;margin-top:4px}
.sched .btns{justify-content:flex-start;margin-top:28px}
@media (max-width:734px){.sched{padding:30px 22px;border-radius:26px}.sched dl div{grid-template-columns:1fr;gap:2px}}
/* 特別価格 */
.offer{max-width:860px;margin:0 auto;text-align:center;background:#fff;border-radius:40px;padding:56px 32px;position:relative;overflow:hidden}
.offer .tag{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:var(--link);padding:5px 16px;border-radius:999px}
.offer h3{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.5;margin:18px 0 8px}
.offer .pr{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:18px 0 6px}
.offer .pr s{font-family:"Inter",var(--font);font-size:clamp(22px,3vw,28px);color:var(--sub);font-weight:600}
.offer .pr .ar{color:var(--link);font-size:24px}
.offer .pr b{font-family:"Inter",var(--font);font-size:clamp(52px,8vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--link)}
.offer .pr b small{font-family:var(--font);font-size:18px;letter-spacing:0;margin-left:4px}
.offer .note2{font-size:13px;color:var(--sub)}
@media (max-width:734px){.offer{padding:40px 20px;border-radius:28px}}
/* 大きな数字 */
.bignum{text-align:center;margin:8px 0 40px}
.bignum b{display:block;font-family:"Inter",var(--font);font-size:clamp(120px,22vw,240px);font-weight:700;line-height:1;letter-spacing:-.06em;color:var(--link)}
.bignum b small{font-family:var(--font);font-size:.28em;letter-spacing:0;margin-left:.05em}
.bignum span{display:block;font-size:clamp(18px,2.4vw,24px);font-weight:700;margin-top:10px}
.figbox{background:#fff;border-radius:32px;padding:32px;max-width:860px;margin:0 auto}
.figbox img{width:100%;display:block}
.figbox .src{font-size:11px;color:var(--sub);margin-top:14px}
@media (max-width:734px){.figbox{padding:18px;border-radius:22px}}
/* チェックリスト */
.checks{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.checks .tile{background:var(--gray)}
.gray .checks .tile{background:#fff}
.checks h3{font-size:clamp(20px,2.4vw,24px);font-weight:700;margin-bottom:18px}
.ck{list-style:none}
.ck li{position:relative;padding:10px 0 10px 32px;border-top:1px solid var(--line);font-weight:600;font-size:15.5px}
.ck li:first-child{border-top:0}
.ck li::before{content:"";position:absolute;left:2px;top:15px;width:18px;height:18px;border-radius:50%;background:var(--link);
-webkit-mask:radial-gradient(circle,#000 98%,transparent);}
.ck li::after{content:"";position:absolute;left:8px;top:19px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (max-width:734px){.checks{grid-template-columns:1fr;gap:14px}}
/* 強いブランドの条件 */
.conds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cond{background:#fff;border-radius:32px;padding:30px 24px}
section:not(.gray) .cond{background:var(--gray)}
.conds{counter-reset:cd}
.cond{counter-increment:cd}
.cond::before{content:counter(cd,decimal-leading-zero);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--link);color:#fff;font-family:"Inter",var(--font);font-weight:700;font-size:16px;margin-bottom:16px}
.cond h4{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:12px}
.cond .ck li{font-size:13.5px;font-weight:500;padding-left:28px}
.cond .ck li::before{width:16px;height:16px;top:13px}
.cond .ck li::after{left:7px;top:16px;width:4px;height:7px}
@media (max-width:1000px){.conds{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.conds{grid-template-columns:1fr}}
/* 強調メッセージ */
.msg{max-width:820px;margin:0 auto;text-align:center}
.msg h3{font-size:clamp(26px,4vw,44px);font-weight:500;line-height:1.4}
.msg p{color:var(--sub);font-size:clamp(16px,2vw,19px);margin-top:20px;line-height:1.9}
.black .msg p{color:#a1a1a6}
/* 実績ケース */
.rcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:48px}
.rcase+.rcase{margin-top:20px}
.rcase h3{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.5;margin:8px 0 14px}
.rcase p{color:var(--sub);font-size:15.5px}
.rcase .vis img{width:100%;display:block}
.rcase .vis h4{font-size:14px;font-weight:700;color:var(--sub);margin:24px 0 10px}
.rcase .lnk{display:inline-block;margin-top:18px;font-size:15px}
@media (max-width:820px){.rcase{grid-template-columns:1fr;gap:24px;padding:32px 22px}}
/* 特長 */
.feats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feats .tile{background:var(--gray);display:flex;flex-direction:column}
.gray .feats .tile{background:#fff}
.feats .k{font-family:"Inter",var(--font);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--link)}
.feats h3{font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.45;margin:10px 0 14px}
.feats p{color:var(--sub);font-size:15.5px}
.feats img{width:100%;border-radius:20px;margin-top:24px;display:block}
@media (max-width:820px){.feats{grid-template-columns:1fr;gap:14px}}
/* プログラム */
.prog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:pg}
.prog li{list-style:none;background:#fff;border-radius:28px;padding:28px 26px;counter-increment:pg}
section:not(.gray) .prog li{background:var(--gray)}
.prog li::before{content:counter(pg,decimal-leading-zero);font-family:"Inter",var(--font);font-weight:700;font-size:24px;color:var(--link);display:block;line-height:1}
.prog h4{font-size:17px;font-weight:700;margin:12px 0 8px;line-height:1.5}
.prog p{font-size:14.5px;color:var(--sub)}
@media (max-width:900px){.prog{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.prog{grid-template-columns:1fr;gap:12px}}
.pimg{max-width:860px;margin:0 auto 40px}
.pimg img{width:100%;display:block;border-radius:28px}
/* ゲスト講師（文字のみの一覧） */
.glist2{list-style:none;max-width:860px;margin:0 auto;border-top:1px solid var(--text)}
.glist2 li{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:20px 4px;border-bottom:1px solid var(--line);align-items:baseline}
.glist2 .co{font-size:14px;color:var(--sub);font-weight:500}
.glist2 .na{font-weight:700;font-size:17px;white-space:nowrap}
@media (max-width:734px){.glist2 li{grid-template-columns:1fr}}
/* お客様の声 */
.voices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vc{background:#fff;border-radius:36px;overflow:hidden;display:flex;flex-direction:column}
section:not(.gray) .vc{background:var(--gray)}
.vc img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vc .b{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.vc .who{font-size:14px;color:var(--sub);font-weight:600}
.vc h3{font-size:clamp(20px,2.4vw,24px);font-weight:700;margin:6px 0 12px}
.vc p{font-size:15.5px;color:#3c4043;flex:1}
.vc .lnk{margin-top:18px;font-size:15px}
@media (max-width:734px){.voices{grid-template-columns:1fr;gap:14px}.vc{border-radius:26px}.vc .b{padding:24px 22px}}
/* 主催者 */
.host{display:grid;grid-template-columns:300px 1fr;gap:48px;padding:48px}
.host img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:28px;display:block}
.host .name{font-size:clamp(28px,3.4vw,36px);font-weight:700;margin:4px 0 24px}
.host .role{font-size:14px;color:var(--sub);font-weight:600}
@media (max-width:820px){.host{grid-template-columns:1fr;gap:24px;padding:28px 22px}.host img{max-width:240px;aspect-ratio:1;border-radius:50%}}
.hist{list-style:none;border-left:2px solid var(--line);margin-left:6px}
.hist li{position:relative;padding:0 0 22px 28px}
.hist li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--link)}
.hist b{display:block;font-family:"Inter",var(--font);font-size:15px;color:var(--link)}
.hist span{font-size:15.5px;line-height:1.75}
.hist li:last-child{padding-bottom:0}
.host .bio{color:#3c4043;font-size:15.5px;margin-top:24px;text-align:justify;text-justify:inter-character}
.host .rec{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--sub)}
.host .rec b{color:var(--text);display:block;margin-bottom:4px}
/* 流れ */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:st}
.steps li{background:#fff;border-radius:28px;padding:28px 22px;position:relative;counter-increment:st;font-weight:700;font-size:16px;line-height:1.55}
section:not(.gray) .steps li{background:var(--gray)}
.steps li::before{content:"STEP " counter(st,decimal-leading-zero);display:block;font-family:"Inter",var(--font);font-size:12px;letter-spacing:.12em;color:var(--link);margin-bottom:10px}
.steps li+li::after{content:"";position:absolute;left:-13px;top:50%;width:10px;height:10px;border-top:2px solid var(--link);border-right:2px solid var(--link);transform:translateY(-50%) rotate(45deg)}
@media (max-width:820px){.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(3)::after{display:none}}
/* フォーム（1カラム） */
.form1{max-width:760px;margin:0 auto;background:#fff;border-radius:40px;padding:48px}
section:not(.gray) .form1{background:var(--gray)}
section:not(.gray) .form1 .fld input,section:not(.gray) .form1 .fld textarea{background:#fff}
.form-lead{font-size:14px;color:var(--sub);margin-bottom:28px;line-height:1.8}
.fld .zip{display:grid;grid-template-columns:150px 1fr;gap:10px}
.pp{font-size:13px;color:var(--sub);line-height:1.8;margin-bottom:8px}
.pp a{color:var(--link)}
@media (max-width:734px){.form1{padding:28px 20px;border-radius:28px}.fld .zip{grid-template-columns:1fr}}
/* 一覧（事例・ブログ） */
.clist.full{grid-template-columns:repeat(3,1fr);gap:36px 20px}
.clist.full .ci h3{font-size:16px}
@media (max-width:900px){.clist.full{grid-template-columns:repeat(2,1fr);gap:24px 14px}.clist.full .ci h3{font-size:14px}}
.ci.hide{display:none}
.more-wrap{text-align:center;margin-top:48px}
.more-wrap .btn{border:0;cursor:pointer;font:inherit;font-weight:600}
.count{font-size:13px;color:var(--sub);margin-top:12px}
/* 会社概要 */
.motto{text-align:center}
.motto .k{font-family:"Shippori Mincho B1",serif;font-size:clamp(64px,12vw,140px);font-weight:800;line-height:1.1;letter-spacing:.08em;color:var(--text)}
.motto .ph{max-width:720px;margin:28px auto 0;font-size:clamp(20px,2.8vw,28px);font-weight:600;line-height:1.6}
.motto .lb{font-family:"Inter",var(--font);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--link)}
.greet{max-width:760px;margin:0 auto;font-size:17px;line-height:2;color:#3c4043;text-align:justify;text-justify:inter-character}
.greet .sign{text-align:right;margin-top:28px;font-weight:700;color:var(--text)}
.otable{max-width:760px;margin:0 auto;background:#fff;border-radius:32px;padding:16px 40px}
.otable div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.otable div:first-child{border-top:0}
.otable dt{font-weight:600;color:var(--sub);font-size:14px;padding-top:2px}
.otable dd{font-weight:600}
@media (max-width:734px){.otable{padding:8px 22px;border-radius:24px}.otable div{grid-template-columns:1fr;gap:4px;padding:18px 0}}
.hist.big{max-width:760px;margin:0 auto}
.hist.big li{padding-bottom:32px}
.hist.big b{font-size:22px;letter-spacing:-.02em}
.hist.big span{font-size:16px;font-weight:600}
.map{max-width:1024px;margin:0 auto;border-radius:36px;overflow:hidden;aspect-ratio:16/7;background:var(--gray)}
.map iframe{width:100%;height:100%;border:0;display:block}
.addr{text-align:center;font-weight:600;margin-top:24px}
@media (max-width:734px){.map{aspect-ratio:4/3;border-radius:24px}}
/* プライバシーポリシー */
.legal{max-width:760px;margin:0 auto}
.legal h2{font-size:clamp(19px,2.2vw,22px);font-weight:700;margin:48px 0 14px;padding-top:28px;border-top:1px solid var(--line)}
.legal h2:first-of-type{margin-top:32px}
.legal p,.legal li{color:#3c4043;font-size:15.5px;line-height:1.95;margin-bottom:12px}
.legal ol,.legal ul{padding-left:1.6em;margin-bottom:12px}
.legal li{margin-bottom:4px}
.legal h3{font-size:16px;font-weight:700;margin:22px 0 6px}
.legal a{color:var(--link)}
.legal .box{background:var(--gray);border-radius:20px;padding:20px 24px;margin:12px 0}
/* ===== 記事ページ ===== */
.post{padding-bottom:96px}
.post-h{max-width:820px;margin:48px auto 40px;text-align:center}
.post-h h1{font-size:clamp(26px,4vw,42px);font-weight:600;line-height:1.4;letter-spacing:-.01em}
.post-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--sub);margin-top:18px;font-weight:600}
.post-meta time{font-family:"Inter",var(--font)}
.post-h .tags{justify-content:center;padding-top:18px}
.post-kv{max-width:1024px;margin:0 auto 56px}
.post-kv img{width:100%;border-radius:36px;display:block}
.post-body{max-width:720px;margin:0 auto}
.post-body p{font-size:17px;line-height:2;color:#3c4043;margin-bottom:24px;text-align:justify;text-justify:inter-character}
.post-body figure{margin:40px 0}
.post-body figure img{width:100%;border-radius:24px;display:block}
.post-link{display:flex;flex-direction:column;gap:2px;background:var(--gray);border-radius:22px;padding:22px 26px;text-decoration:none;color:var(--text);margin-top:40px;transition:background .2s}
.post-link:hover{background:color-mix(in srgb,var(--link) 10%,#fff)}
.post-link span{font-size:14px;color:var(--link)}
.post-nav{max-width:820px;margin:72px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:32px}
.post-nav a{text-decoration:none;color:var(--text);font-weight:600;font-size:14px;line-height:1.6}
.post-nav a small{display:block;color:var(--sub);font-size:12px}
.post-nav a:last-child{text-align:right}
.post-nav a:hover{color:var(--link)}
.post-nav .all{background:var(--gray);border-radius:999px;padding:10px 20px;white-space:nowrap}
@media (max-width:734px){.post-kv img{border-radius:22px}.post-body p{font-size:16px}.post-nav{grid-template-columns:1fr 1fr}.post-nav .all{grid-column:1/-1;grid-row:2;text-align:center}}
/* 一覧の列が長い語で広がらないように */
.clist{grid-template-columns:repeat(4,minmax(0,1fr))}
.clist.full{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.clist,.clist.full{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ci h3{overflow-wrap:anywhere}
/* ==========================================================
Apple風テーマ（ここから下が最終的な見た目を決める）
白・黒・グレー＋青1色。大きく太い見出しと、広い余白。
========================================================== */
:root{
--bg:#fff;--gray:#f5f5f7;--text:#1d1d1f;--sub:#6e6e73;--line:#d2d2d7;
--blue:#0071e3;--blue-h:#0077ed;--link:#0066cc;--eye:#6e6e73;--eye2:#86868b;
--g1:#0071e3;--g2:#0071e3;--g3:#1d1d1f;--g4:#0071e3;--g5:#0071e3;
--font:-apple-system,BlinkMacSystemFont,"SF Pro JP","SF Pro Display","Hiragino Sans","Hiragino Kaku Gothic ProN","Inter","Noto Sans JP",sans-serif;
--hl:linear-gradient(90deg,#2997ff 0%,#a259ff 55%,#ff6482 100%);
}
body{font-family:var(--font);background:#fff;color:var(--text);letter-spacing:.01em;font-size:17px;line-height:1.7}
section{padding:128px 0}
@media (max-width:734px){section{padding:88px 0}}
/* 見出し：太く、詰めて */
.h2,.hero h1,.phero h1,.next .t,.msg h3,.post-h h1{font-weight:700!important;letter-spacing:-.022em!important;color:inherit}
.h2{font-size:clamp(34px,5.4vw,56px);line-height:1.12}
.eyebrow{font-size:clamp(17px,1.9vw,21px)!important;font-weight:600!important;color:var(--sub)!important;margin-bottom:8px;letter-spacing:-.01em}
.black .eyebrow,.vbg .eyebrow{color:#86868b!important}
.sub{font-size:clamp(17px,2vw,21px);font-weight:400;color:var(--sub);line-height:1.6}
.intro{margin-bottom:72px}
.gt,.gt2{background:none!important;color:inherit!important}
/* ナビ：半透明のすりガラス */
.nav{height:48px;background:rgba(255,255,255,.72)!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.06)!important}
.nav ul{gap:30px}
.nav ul a{font-size:12px!important;opacity:.8;font-weight:400;letter-spacing:0}
.nav ul a:hover{opacity:1}
.nav ul a[aria-current]{opacity:1;color:var(--text)!important;font-weight:600}
.nav .logo img{height:18px}
.nav .btn-s{background:var(--blue);font-size:12px!important;font-weight:400!important;padding:4px 12px!important;border-radius:980px}
@media (max-width:900px){.nav ul{top:48px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(20px);box-shadow:none!important}.nav ul a{font-size:22px!important;font-weight:600;border-bottom:0!important;padding:10px 4px!important;opacity:1}}
/* ボタン：Appleのピル型。揺れ・影はなし */
.btn{animation:none!important;box-shadow:none!important;background:var(--blue);font-weight:400!important;font-size:17px;padding:12px 24px;border-radius:980px;letter-spacing:0}
.btn.lg{font-size:17px;padding:14px 28px}
.btn:hover{background:var(--blue-h)}
.btn.line,.btn.ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)!important}
.btn.line:hover,.btn.ghost:hover{background:var(--blue);color:#fff}
.vbg .btn.ghost,.black .btn.ghost{color:#2997ff;box-shadow:inset 0 0 0 1px #2997ff!important}
.vbg .btn.ghost:hover,.black .btn.ghost:hover{background:#2997ff;color:#fff}
.lnk{color:var(--link);font-weight:400!important;font-size:17px}
.lnk:hover{text-decoration:underline}
.vbg .lnk,.black .lnk{color:#2997ff}
/* 黒いヒーロー：色の霧はやめて、黒＋光る見出し */
.vbg{color:#f5f5f7}
.vbg-media{background:#000!important}
.aura{display:none}
.vbg-ov{background:none!important}
.vbg .kick,.vbg .lead,.vbg .sub{color:#a1a1a6!important}
.hero.vbg{min-height:calc(100vh - 48px);padding:120px 0 96px}
.hero .kick{font-size:clamp(17px,2vw,21px)!important;font-weight:600;letter-spacing:-.01em!important;color:#86868b!important}
.hero h1{font-size:clamp(44px,8.4vw,96px)!important;line-height:1.06;max-width:1000px}
.hero h1 .gt,.phero h1 .gt{background:var(--hl)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero .lead{font-size:clamp(19px,2.2vw,24px)!important;line-height:1.5;color:#a1a1a6!important;font-weight:400;max-width:720px}
.phero{padding:120px 0 100px}
.phero .kick{font-family:var(--font)!important;font-size:clamp(17px,2vw,21px)!important;letter-spacing:-.01em!important;text-transform:none!important;font-weight:600;color:#86868b!important}
.phero h1{font-size:clamp(44px,7vw,80px)!important;line-height:1.08;margin-top:6px}
.phero .lead{font-size:clamp(19px,2.2vw,24px)!important;line-height:1.5}
.pkv{margin-top:0;padding-top:0;background:linear-gradient(#000 50%,#fff 50%);max-width:none;padding-left:0;padding-right:0}
.pkv img{max-width:1024px;margin:0 auto;border-radius:28px;box-shadow:none}
@media (max-width:1056px){.pkv img{width:calc(100% - 32px)}}
.pkv+section{padding-top:64px}
/* 実績の数字 */
.hero-sub{background:#fff;padding:96px 0 32px}
.stats{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat,.stat:nth-child(n){background:none!important;border-radius:0!important;padding:40px 12px}
.stat+.stat{border-left:1px solid var(--line)}
.stat b,.stats .stat:nth-child(n) b{color:var(--text)!important;font-family:var(--font)!important;font-weight:700;letter-spacing:-.04em}
.stat span{font-size:14px;color:var(--sub)}
/* カード・タイル：やや控えめな丸み、面の色で分ける */
.tile{border-radius:28px}
.fc{border-radius:28px;box-shadow:none}
.fc:hover{transform:none;box-shadow:0 4px 30px rgba(0,0,0,.08)}
.fc-k{color:var(--sub)!important;letter-spacing:.02em;text-transform:none;font-family:var(--font)!important;font-size:14px!important;font-weight:600}
.fc h3{font-weight:700;letter-spacing:-.01em}
.tags span{background:transparent;border:1px solid var(--line);color:var(--sub)}
.aob .tile,.checks .tile,.feats .tile{background:var(--gray)}
.aob .n,.mech-n,.story .i{color:var(--text)!important}
.ci-img{border-radius:18px}
.ci h3{font-weight:600}
.ci:hover h3{color:var(--link)}
.ci time,.news time{font-family:var(--font)!important}
/* 章の番号：ごく薄いグレーの大きな数字 */
.chap-h .num,.gray .chap-h .num{color:#e8e8ed;font-family:var(--font);font-weight:700}
.gray .chap-h .num{color:#e2e2e7}
.chap-h img{border-radius:28px}
.art h3{border-left:0;padding-left:0;font-weight:700;letter-spacing:-.01em;font-size:clamp(21px,2.6vw,28px)}
.art p{color:var(--sub);font-size:17px;line-height:1.8}
.art .lead-p{color:var(--text)}
/* 目次 */
.anchors a{background:var(--gray);border-radius:18px;font-weight:600}
.anchors a:hover{background:#e8e8ed}
.anchors b{color:var(--sub);font-family:var(--font)}
/* 大きな数字・価格は青のグラデーションで */
.bignum b,.offer .pr b,.c2-x b{background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-family:var(--font)!important}
.bignum b small,.offer .pr b small{-webkit-text-fill-color:var(--text)}
.offer{border-radius:28px}
.offer .tag{background:none;color:#bf4800;padding:0;font-size:15px;font-weight:600}
.sched{border-radius:28px;box-shadow:none!important}
.gray .sched{background:#fff}
.sched dd small{color:var(--sub)}
/* チェック・バッジ・ステップは黒で */
.ck li::before{background:var(--text)}
.cond::before{background:var(--text)!important}
.cond{border-radius:24px}
.steps li{border-radius:24px}
.steps li::before{color:var(--sub)!important;font-family:var(--font)!important;letter-spacing:.04em}
.steps li+li::after{border-color:var(--line)!important}
.prog li{border-radius:24px}
.prog li::before{color:var(--text)!important;font-family:var(--font)!important}
.hist li::before{box-shadow:inset 0 0 0 3px var(--text)}
.hist b{color:var(--text)!important;font-family:var(--font)!important}
.feats .k{color:var(--sub)!important;font-family:var(--font)!important;letter-spacing:.02em}
.tl span{background:var(--gray)}
/* メッセージ・最後のCTA：黒 */
.black,.next-sec{background:#000!important}
.msg h3{font-size:clamp(30px,4.6vw,52px)!important;line-height:1.2}
.next .t{font-size:clamp(34px,5.6vw,64px)!important;line-height:1.12}
.next p{color:#a1a1a6}
/* 会社概要 */
.motto .k{font-family:var(--font)!important;font-weight:700!important;letter-spacing:.02em!important}
.motto .lb{font-family:var(--font)!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--sub)!important;font-size:17px}
.motto .ph{font-weight:600;letter-spacing:-.01em}
.otable{border-radius:28px}
.map{border-radius:28px}
/* お知らせ */
.news{border-top:1px solid var(--line)}
.news a::after{color:var(--sub)}
.news a:hover{background:transparent}
.news a:hover span{color:var(--link)}
/* フォーム */
.form1{border-radius:28px}
.fld label em{background:none;color:#bf4800;padding:0;font-weight:600}
.fld input,.fld select,.fld textarea{border-radius:12px;border-color:#d2d2d7}
.fld input:focus,.fld textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,113,227,.15)}
.agree input{accent-color:var(--blue)}
.form-msg{color:var(--sub)}
/* 記事 */
.post-kv img,.post-body figure img{border-radius:20px}
.post-body p{color:#1d1d1f}
.post-link{border-radius:18px}
/* フッター：Appleの小さな文字 */
footer{background:var(--gray);font-size:12px;color:var(--sub);border-top:0}
.f-nav a{font-size:12px;color:#424245;font-weight:400}
.f-nav a:hover{color:var(--text);text-decoration:underline}
.f-bt{border-top:1px solid var(--line)}
.f-logo{opacity:.6}
/* 動き：ゆっくり、少しだけ */
.rv{transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.25,.1,.25,1),transform 1.1s cubic-bezier(.25,.1,.25,1)}
/* 短いリード文は中央揃え（字間が空かないように） */
.hero .lead,.phero .lead,.intro .sub,.next p,.msg p{text-align:center!important}
@media (max-width:734px){.hero .lead,.phero .lead,.intro .sub{text-align:left!important}}
/* ==========================================================
A案「静かな白」（2026-10-12 決定）
黒い面をやめ、白とごく薄いグレーだけで組む。見出しは黒、差し色は青。
========================================================== */
.vbg,.vbg .kick,.vbg .lead,.vbg .sub{color:#1d1d1f}
.vbg .kick,.vbg .lead,.vbg .sub{color:#6e6e73!important}
.vbg-media{background:#fff!important}
.hero.vbg{min-height:auto;padding:140px 0 72px}
.hero h1 .gt,.phero h1 .gt{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#1d1d1f!important}
.hero .kick,.phero .kick{color:#6e6e73!important}
.phero{padding:120px 0 72px}
.vbg .btn.ghost,.black .btn.ghost{color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)!important}
.vbg .btn.ghost:hover,.black .btn.ghost:hover{background:var(--blue);color:#fff}
.vbg .lnk{color:var(--link)}
.pkv{background:#fff}
.pkv img{border-radius:28px}
.hero-sub{padding-top:24px}
/* 黒かった面は、ごく薄いグレーに */
.black,.next-sec{background:var(--gray)!important;color:#1d1d1f}
.black .eyebrow,.next-sec .eyebrow{color:#6e6e73!important}
.next .t,.msg h3{color:#1d1d1f}
.next p,.msg p{color:#6e6e73}
/* スローガン「戦わないブランディング」（トンマナ1-3：黒か白ではっきり） */
.nav .logo{gap:12px}
.nav-sl{display:inline-flex;align-items:center;gap:12px;color:#1d1d1f;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;font-feature-settings:"palt";white-space:nowrap;line-height:1}
.nav-sl::before{content:"";width:1px;height:16px;background:#1d1d1f}
.f-sl{display:inline-flex;align-items:center;gap:12px;color:#1d1d1f;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-weight:800;font-size:14px;letter-spacing:.06em;font-feature-settings:"palt";white-space:nowrap}
.f-bt .f-brand{display:inline-flex;align-items:center;gap:14px}
.f-bt .f-brand .f-logo{opacity:1}
.f-sl::before{content:"";width:1px;height:16px;background:#1d1d1f}
@media (max-width:640px){.nav-sl{display:none}.f-bt{justify-content:center;text-align:center;flex-direction:column}.f-bt .f-brand{flex-direction:column;gap:8px}.f-sl::before{display:none}}
/* ==========================================================
中身の見直し（2026-10-12）
========================================================== */
/* 図・資料の画像は、角を丸めず、切り抜かない（文字が切れないように） */
.figbox img,.pimg img,.feats img,.rcase .vis img{border-radius:0!important;object-fit:contain;height:auto}
.pimg img{background:#fff}
/* 写真は元の比率のまま見せる（人物が見切れないように） */
.chap-h img{aspect-ratio:auto!important;height:auto;object-fit:contain}
.pkv img{aspect-ratio:auto!important;height:auto;max-height:none}
.host img{aspect-ratio:auto!important;height:auto;object-fit:contain}
@media (max-width:820px){.host img{border-radius:24px;max-width:320px}}
.fc-img img{object-position:center 35%}
/* 実績のカード（成果の数字が主役） */
.results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.res{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;color:var(--text);text-decoration:none;transition:box-shadow .3s}
.res.big{grid-column:span 3}
a.res:hover{box-shadow:0 8px 32px rgba(0,0,0,.08)}
section:not(.gray) .res{background:var(--gray)}
.res-img{aspect-ratio:3/2;background:#e8e8ed center/cover no-repeat}
.res-b{padding:24px 26px 28px;display:flex;flex-direction:column;gap:6px;flex:1}
.res-who{font-size:13px;color:var(--sub);font-weight:600}
.res-num{font-family:var(--font);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:6px;font-size:clamp(34px,4vw,48px);color:var(--text)}
.res-num small{font-size:.42em;letter-spacing:0;margin-left:2px;font-weight:700}
.res-num .ar{color:var(--sub);font-weight:400;margin:0 .12em}
.res-label{font-size:13px;color:var(--sub);font-weight:600}
.res-h{font-size:17px;font-weight:700;line-height:1.55;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
.res-more{margin-top:auto;padding-top:14px;font-size:14px;color:var(--link)}
@media (max-width:900px){.results{grid-template-columns:1fr 1fr}.res,.res.big{grid-column:span 1}}
@media (max-width:600px){.results{grid-template-columns:1fr;gap:14px}}
/* 事例の一覧（文字だけ・日付つき） */
.clist-txt{list-style:none;max-width:860px;margin:0 auto;border-top:1px solid var(--line)}
.clist-txt a{display:grid;grid-template-columns:110px 1fr 20px;gap:16px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}
.clist-txt time{font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums}
.clist-txt span{font-weight:600;line-height:1.6}
.clist-txt a::after{content:"›";color:var(--sub)}
.clist-txt a:hover span{color:var(--link)}
@media (max-width:600px){.clist-txt a{grid-template-columns:1fr 16px}.clist-txt time{grid-column:1}.clist-txt span{grid-column:1}.clist-txt a::after{grid-row:1/3;grid-column:2}}
/* 投資の効果のグラフ（HTMLで描く。文字が背景に負けない） */
.invest{max-width:860px;margin:0 auto;background:#fff;border-radius:24px;padding:36px 36px 28px}
section:not(.gray) .invest{background:var(--gray)}
.inv-row{display:grid;grid-template-columns:180px 1fr 72px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.inv-row:first-of-type{border-top:0}
.inv-l{font-size:14px;font-weight:700;line-height:1.5}
.inv-l small{display:block;font-weight:500;color:var(--sub);font-size:12px}
.inv-tr{height:14px;background:#e8e8ed;border-radius:999px;overflow:hidden}
.inv-b{display:block;height:100%;border-radius:999px;background:#c7c7cc}
.inv-row.top .inv-b{background:var(--blue)}
.inv-v{font-size:22px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.inv-row.top .inv-v{color:var(--blue)}
.inv-src{font-size:11px;color:var(--sub);margin-top:16px;line-height:1.6}
@media (max-width:600px){.invest{padding:24px 18px}.inv-row{grid-template-columns:1fr 60px;gap:6px 12px}.inv-l{grid-column:1/-1}.inv-v{font-size:18px}}
.res:not(.big) .res-num{font-size:clamp(26px,2.5vw,32px);white-space:nowrap}
@media (max-width:900px){.res:not(.big) .res-num{font-size:clamp(28px,6vw,36px)}}
/* A案：数字のグラデーションもやめて、青1色に */
.bignum b,.offer .pr b,.c2-x b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--blue)!important}
.bignum b small,.offer .pr b small{-webkit-text-fill-color:currentColor}
/* サービス */
.svc-list{display:grid;gap:20px}
.svc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;background:var(--gray);border-radius:28px;padding:44px}
.gray .svc{background:#fff}
.svc-n{font-size:14px;font-weight:700;color:var(--sub);letter-spacing:.04em}
.svc h3{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:8px 0 14px}
.svc p{color:var(--sub);font-size:16px;line-height:1.8}
.svc ul{list-style:none;margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.svc ul li{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:#fff;color:var(--text)}
.gray .svc ul li{background:var(--gray)}
.svc-res{align-self:center;border-left:1px solid var(--line);padding-left:36px}
.svc-res .res-who{display:block}
.svc-res .res-num{display:block}
.svc-res .res-label{display:block}
.svc-res .res-h{display:block;font-size:15px;font-weight:600}
@media (max-width:820px){.svc{grid-template-columns:1fr;gap:24px;padding:28px 22px;border-radius:24px}.svc-res{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}
.svc-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.svc-mini a{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:22px;padding:26px 24px;color:var(--text);text-decoration:none;transition:box-shadow .3s}
section:not(.gray) .svc-mini a{background:var(--gray)}
.svc-mini a:hover{box-shadow:0 8px 32px rgba(0,0,0,.08)}
.svc-mini b{font-size:18px;font-weight:700;line-height:1.4}
.svc-mini span{font-size:14px;color:var(--sub);line-height:1.7}
.svc-mini em{font-style:normal;margin-top:auto;padding-top:10px;font-size:14px;color:var(--link)}
@media (max-width:900px){.svc-mini{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc-mini{grid-template-columns:1fr}}
.reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.reasons div{background:var(--gray);border-radius:22px;padding:26px 22px}
.gray .reasons div{background:#fff}
.reasons b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--text);line-height:1.15}
.reasons b small{font-size:.5em;letter-spacing:0;margin-left:2px}
.reasons h4{font-size:16px;font-weight:700;margin:10px 0 6px;word-break:keep-all;overflow-wrap:anywhere}
.reasons p{font-size:14px;color:var(--sub);line-height:1.7}
@media (max-width:900px){.reasons{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.reasons{grid-template-columns:1fr}}
/* トップの見出し（文章が長いので一回り小さく） */
.hero h1.hero-h{font-size:clamp(30px,5.6vw,68px)!important;line-height:1.18;max-width:1080px}
@media (max-width:640px){.hero h1.hero-h{font-size:clamp(24px,7.4vw,32px)!important}}
/* 見出しを句読点の位置でだけ改行する */
.phero h1,.hero h1.hero-h{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:640px){.phero h1{font-size:clamp(28px,8.6vw,36px)!important;line-height:1.25}}
/* ===== 2026-10-12 ご指摘の直し ===== */
/* ヘッダー：メニューをロゴから離して右に寄せる */
@media (min-width:901px){.nav ul{margin-left:auto;margin-right:28px;padding-left:40px}}
.nav .btn-s{white-space:nowrap}
/* 同じ背景色の欄が続くときは、上の余白を詰める */
section.gray+section.gray,section.gray+.next-sec,section:not(.gray):not(.vbg)+section:not(.gray):not(.vbg):not(.next-sec){padding-top:0}
/* 01〜04の見出しリンクをシンプルに（同じ高さの、線で区切った一覧） */
.anchors{gap:0 24px;border-top:1px solid var(--line)}
.anchors li{display:flex}
.anchors a{width:100%;align-items:baseline;background:none!important;border-radius:0!important;padding:18px 4px;border-bottom:1px solid var(--line);font-weight:600;font-size:15px}
.anchors a:hover{color:var(--link)}
.anchors b{font-size:13px!important;font-weight:600;color:var(--sub)}
@media (max-width:734px){.anchors,.anchors.c3{grid-template-columns:1fr;gap:0}.anchors a{padding:14px 4px;font-size:15px}}
.chap-h .num{display:none}
/* 一覧のサムネイルは切らずに全体を見せる */
.ci-img{aspect-ratio:16/9;background:var(--gray)}
.ci-img img{object-fit:contain}
.nav ul{flex-shrink:0}
.nav ul a{white-space:nowrap}
@media (min-width:901px) and (max-width:1180px){.nav-sl{display:none}.nav ul{gap:22px;padding-left:24px}}
/* 見出し・リードは読点・句点の位置で改行する */
.phero .lead,.hero .lead,.h2{word-break:keep-all;overflow-wrap:anywhere}
.nw{white-space:nowrap}
/* 相談の欄と灰色の欄が続くときも、上の余白を詰める */
.next-sec:not(.vbg)+section.gray{padding-top:0}
.svc-mini>div{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:22px;padding:26px 24px;color:var(--text)}
section:not(.gray) .svc-mini>div{background:var(--gray)}
/* ===== スマホの改行の見直し（2026-10-12） ===== */
.sp-br{display:none}
@media (max-width:734px){
.sp-br{display:inline}
.h2,.next .t{font-size:clamp(23px,6.9vw,28px)!important;line-height:1.4!important}
.phero .lead,.hero .lead{font-size:16px!important;line-height:1.85}
.phero h1{font-size:clamp(26px,7.8vw,34px)!important}
}
/* 文節で改行する（対応ブラウザ）。対応していないブラウザは、見出しだけ句読点で改行 */
@supports (word-break:auto-phrase){
h1,h2,h3,h4,.h2,.phero h1,.hero h1.hero-h,.phero .lead,.hero .lead,.sub,.res-h,.res-label,.ck li,.next p,.next .t,.tile h3,.art h3,.art p,dd,.svc-mini span,.ci h3,.post-h h1{word-break:auto-phrase!important}
}
@supports not (word-break:auto-phrase){
.phero h1,.hero h1.hero-h,.h2,.next .t{word-break:keep-all;overflow-wrap:anywhere}
}
/* 見出し（白）のすぐ下が白い欄のときは、間を詰める */
.hero+section:not(.gray),.phero+section:not(.gray),.phero+.pkv+section:not(.gray){padding-top:32px}
@supports (word-break:auto-phrase){.eyebrow,.kick,.btn,.res-who,.f-nav a{word-break:auto-phrase!important}}
@media (max-width:734px){.eyebrow{font-size:14px}}
/* ===== 2026-10-12 公開後の直し ===== */
/* フッター：スローガンはロゴより控えめに。リンクは色を変えて分かりやすく */
.f-sl{font-size:11px!important;font-weight:700!important;letter-spacing:.08em;color:#6e6e73!important}
.f-sl::before{height:12px!important;background:#c7c7cc!important}
.f-nav a{color:var(--link)!important}
.f-nav a:hover{color:var(--link)!important;text-decoration:underline}
/* メニュー：PCだけ「サービス」、スマホだけ「お問い合わせ」 */
.sp-nav{display:none}
@media (max-width:900px){
.pc-nav{display:none}
.sp-nav{display:block}
.nav ul{padding:4px 20px 16px!important}
.nav ul a{font-size:16px!important;font-weight:600;padding:12px 4px!important;border-bottom:1px solid var(--line)!important}
.nav ul li:last-child a{border-bottom:0!important}
.nav ul .sp-nav a{color:var(--link)}
}
/* 一覧のサムネイル：背景を少し濃くして、枠が分かるように */
.ci-img{background:#e8e8ed!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
@media (max-width:900px){.nav ul{gap:0!important}.nav ul a{line-height:1.5!important;padding:14px 4px!important}}
/* 実績の数字：幅の狭いスマホではみ出さないように */
.stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:400px){.stat b{font-size:clamp(30px,10vw,44px)!important}.stat span{font-size:11px}}
/* スマホ：実績の数字を少し小さく（1,000が枠の端に寄らないように） */
@media (max-width:734px){.stat b{font-size:clamp(28px,8.6vw,38px)!important}.stat{padding:22px 4px!important}}
/* スマホ：安田の写真の顔を大きく */
@media (max-width:734px){
.pf-head{flex-direction:column;align-items:flex-start;gap:18px!important}
.pf .ph{width:148px!important;height:148px!important;border-radius:50%;overflow:hidden;min-height:0!important}
.pf .ph img{object-position:50% 18%;transform:scale(1.55);transform-origin:50% 22%}
.host img{aspect-ratio:1/1!important;object-fit:cover!important;object-position:50% 16%;max-width:260px!important;border-radius:50%!important}
}
.nobr{white-space:nowrap}
/* ゲスト講師の横スクロールも、指が当たっても揺れないように */
@media (max-width:1099px){.guests{scroll-snap-type:x proximity;overscroll-behavior-x:contain}}
/* 進め方の見出しが、言葉の途中で折れないように */
.steps li{word-break:keep-all;overflow-wrap:anywhere}
.steps li small{word-break:normal}
@media (max-width:734px){.steps li{font-size:15px!important;padding-left:14px!important;padding-right:14px!important}}
@supports (word-break:auto-phrase){.svc p,.svc-res,.svc-res *,.reasons p,.faq p,.faq summary,.steps li small{word-break:auto-phrase!important}}
/* ===== サービスのページ（2026-10-12 立派に見せる） ===== */
.svx-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svx-index a{display:flex;flex-direction:column;gap:6px;padding:26px 22px;text-decoration:none;color:var(--text);transition:background .2s}
.svx-index a+a{border-left:1px solid var(--line)}
.svx-index a:hover{background:var(--gray)}
.svx-index span{font-size:13px;font-weight:700;color:var(--link);letter-spacing:.06em}
.svx-index b{font-size:17px;font-weight:700;line-height:1.45}
.svx-index em{font-style:normal;font-size:13px;color:var(--sub);line-height:1.7}
.svx-sec{scroll-margin-top:64px}
.svx-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:start}
.svx-wide.rev .svx-fig{order:2}
.svx-fig{margin:0;position:sticky;top:96px}
.svx-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;display:block;background:var(--gray)}
.svx-en{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--link);margin-bottom:10px}
.svx-t{font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}
.svx-catch{font-size:clamp(18px,2vw,21px);font-weight:700;line-height:1.6;margin:0 0 16px}
.svx-p{font-size:16px;line-height:1.9;color:var(--sub);margin:0 0 28px}
.svx-for,.svx-tags{margin:0 0 24px}
.svx-for b,.svx-tags b{display:block;font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.06em;margin-bottom:8px}
.svx-for .ck li{font-size:15px}
.svx-tags ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.svx-tags li{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--gray);color:var(--text)}
.gray .svx-tags li{background:#fff}
.svx-res{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 0 0 1px var(--line) inset}
.gray .svx-res{box-shadow:none}
section:not(.gray) .svx-res{background:var(--gray);box-shadow:none}
.svx-res .res-num{display:block}
.svx-res .res-h{display:block;font-size:15px;font-weight:600;margin-top:6px}
.svx-more{margin-top:12px;font-size:14px;font-weight:600;color:var(--link);text-decoration:none}
.svx-more:hover{text-decoration:underline}
@media (max-width:900px){
.svx-index{grid-template-columns:1fr 1fr}
.svx-index a:nth-child(3){border-left:0}
.svx-index a:nth-child(n+3){border-top:1px solid var(--line)}
.svx-wide{grid-template-columns:1fr;gap:28px}
.svx-wide.rev .svx-fig{order:0}
.svx-fig{position:static}
.svx-fig img{border-radius:22px}
}
@media (max-width:560px){.svx-index a{padding:18px 14px}.svx-index b{font-size:15px}.svx-index em{display:none}.svx-res{padding:20px}}
@supports (word-break:auto-phrase){.svx-index b,.svx-index em,.svx-t,.svx-catch,.svx-p,.svx-res .res-h,.svx-for li{word-break:auto-phrase!important}}
.svx-index a{min-width:0}
@media (max-width:400px){.svx-index{grid-template-columns:1fr}.svx-index a+a{border-left:0;border-top:1px solid var(--line)}.svx-index a{flex-direction:row;align-items:baseline;gap:12px}}
/* サービス：数字で見る実績 */
.svx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.svx-stat{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:22px;padding:26px 22px;min-width:0}
.svx-stat b{font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}
.svx-stat b small{font-size:.45em;font-weight:700;margin-left:2px;letter-spacing:0}
.svx-stat span{font-size:14px;font-weight:600;line-height:1.6}
.svx-stat small{font-size:12px;color:var(--sub);line-height:1.6}
.svx-guest{max-width:820px;margin:32px auto 0;text-align:center;font-size:15px;line-height:1.9;color:var(--sub)}
@media (max-width:900px){.svx-stats{grid-template-columns:1fr 1fr;gap:10px}.svx-stat{padding:20px 16px;border-radius:18px}.svx-stat b{font-size:clamp(26px,7.4vw,34px)}.svx-guest{text-align:left}}
@supports (word-break:auto-phrase){.svx-stat span,.svx-stat small,.svx-guest{word-break:auto-phrase!important}}
@media (max-width:360px){.svx-stat{padding:18px 12px}.svx-stat span{font-size:13px}}
/* サービス：考え方・業種・お客様の声 */
.svx-def{max-width:820px;margin:0 auto;text-align:center}
.svx-def .h2{margin:8px 0 24px}
.svx-def p{font-size:17px;line-height:2;color:var(--text);text-align:left}
.svx-def .svx-def-note{font-size:14px;color:var(--sub);text-align:center;margin-top:16px}
.svx-inds{margin-top:36px}
.svx-inds b{display:block;font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.06em;margin-bottom:10px;text-align:center}
.svx-inds ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
.svx-inds li{font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;background:#fff}
.svx-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svx-voice{margin:0;display:flex;flex-direction:column;gap:18px;background:var(--gray);border-radius:24px;padding:30px 28px}
.svx-voice blockquote{margin:0;font-size:16px;line-height:1.9;font-weight:500;color:var(--text);position:relative;padding-top:28px}
.svx-voice blockquote::before{content:"“";position:absolute;top:-8px;left:-4px;font-size:52px;line-height:1;color:var(--link);font-family:Georgia,serif}
.svx-voice figcaption{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--sub);border-top:1px solid var(--line);padding-top:14px}
.svx-voice figcaption a{font-size:14px;color:var(--link);text-decoration:none;font-weight:600}
.svx-voice figcaption a:hover{text-decoration:underline}
@media (max-width:900px){.svx-voices{grid-template-columns:1fr}.svx-def p{font-size:16px}.svx-inds b{text-align:left}.svx-inds ul{justify-content:flex-start}}
@supports (word-break:auto-phrase){.svx-def p,.svx-voice blockquote{word-break:auto-phrase!important}}