:root { --ink:#20201e; --yellow:#ffe400; --purple:#6842ba; --orange:#ed642f; --teal:#079fa8; --green:#1e9b43; --paper:#fffdf7; --muted:#f3f0ec; --radius:18px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; line-height:1.6; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
.container { width:min(1120px, calc(100% - 40px)); margin-inline:auto; }
.section { padding:76px 0; }
h1,h2,h3,p { margin-top:0; } h2 { font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.35; } h3 { line-height:1.3; }
.skip-link { position:absolute; left:-9999px; } .skip-link:focus { left:1rem; top:1rem; z-index:10; padding:.5rem; background:white; }
.site-header { position:sticky; top:0; z-index:5; background:var(--yellow); }.header-inner { min-height:70px; display:flex; gap:24px; align-items:center; }.site-logo { font-weight:900; line-height:1; }.site-logo span { font-size:1.55rem; letter-spacing:.05em; display:block; }.site-logo small { font-size:.67rem; }.site-nav { display:flex; flex:1; justify-content:center; gap:22px; font-size:.78rem; font-weight:700; }.site-nav a:hover { text-decoration:underline; }.menu-toggle { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 22px; border-radius:999px; color:#fff; font-weight:800; border:0; text-align:center; }.button--primary,.button--purple { background:var(--purple); }.button--green { background:var(--green); }.button--teal { background:var(--teal); }.header-cta { font-size:.8rem; white-space:nowrap; }
.hero { position:relative; overflow:hidden; background:var(--yellow); padding:64px 0 50px; }.hero::after { content:""; position:absolute; inset:auto -8% -95px; height:180px; background:var(--paper); transform:rotate(5deg); transform-origin:left; }.hero-inner { position:relative; z-index:1; min-height:480px; }.hero-copy { width:52%; position:relative; z-index:1; }.eyebrow { font-size:.75rem; font-weight:900; letter-spacing:.08em; }.hero h1 { font-size:clamp(3rem,6vw,5.5rem); line-height:.98; margin:22px 0; }.hero-copy > p:not(.eyebrow) { max-width:400px; font-weight:700; }.hero-image { position:absolute; width:min(61%,680px); right:-4%; top:-15px; }.hero-pillars { display:flex; gap:10px; margin-top:25px; }.pillar { width:126px; aspect-ratio:1; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:white; text-align:center; font-size:1.15rem; font-weight:900; }.pillar span { display:block; width:90px; font-size:.63rem; font-weight:700; line-height:1.4; margin-top:5px; }.pillar--purple{background:var(--purple)}.pillar--orange{background:var(--orange)}.pillar--teal{background:var(--teal)}.scroll-cue { position:relative; z-index:2; display:block; width:max-content; margin:32px auto 0; font-size:.7rem; font-weight:900; }
.intro { padding-bottom:32px; }.program-filters { display:flex; gap:12px; margin:24px 0; overflow:auto; padding-bottom:4px; }.program-filters button { flex:1; min-width:150px; padding:10px; border:0; border-radius:999px; background:#ededed; font-weight:700; }.program-filters .is-active { color:white; background:var(--purple); }.program-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.program-card { display:flex; flex-direction:column; border-radius:var(--radius); padding:16px; background:#f3f0f8; }.program-card:nth-child(3) { background:#f2f6f1; }.program-card:nth-child(4) { background:#edf8f7; }.program-card img { width:100%; margin:3px 0 14px; }.program-card h3 { font-size:1.35rem; margin-bottom:8px; }.program-card p { font-size:.85rem; }.tag { display:inline-block; width:max-content; padding:3px 10px; border-radius:999px; color:white; font-weight:800; font-size:.7rem; }.tag--purple{background:var(--purple)}.tag--green{background:var(--green)}.tag--teal{background:var(--teal)}.program-card dl { font-size:.75rem; margin:0 0 14px; }.program-card dl div { display:grid; grid-template-columns:2.5em 1fr; gap:8px; }.program-card dt { font-weight:800; }.program-card dd { margin:0; }.program-card .button { margin-top:auto; font-size:.8rem; }.qr-placeholder { display:none; margin-top:14px; font-size:.72rem; text-align:center; }
.special-talk { background:#f2eafa; }.special-talk .container { display:grid; grid-template-columns:.75fr 1.25fr; gap:45px; align-items:center; }.talk-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }.talk-grid article { padding:34px 22px; text-align:center; background:white; color:var(--purple); border-radius:var(--radius); text-transform:uppercase; font-size:.75rem; font-weight:800; }.talk-grid strong { display:block; font-size:1.45rem; margin:14px 0; }.talk-grid p { margin:0; color:var(--ink); text-transform:none; font-weight:500; }
.supporter-grid,.voice-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.supporter-card { display:flex; gap:14px; }.supporter-card img { width:112px; height:112px; object-fit:cover; border-radius:50%; filter:grayscale(1); }.supporter-card p { font-size:.8rem; margin-bottom:4px; }.supporter-card h3 { margin-bottom:5px; }.voice-card { position:relative; min-height:250px; border-radius:var(--radius); padding:24px; background:#eef1ee; }.voice-card img { width:72px; position:absolute; top:18px; right:18px; }.voice-card h3 { max-width:75%; font-size:1.15rem; }.voice-card p { font-size:.85rem; }.voice-card small { font-weight:700; }
.works { background:#fff7e2; }.works-heading { display:flex; gap:32px; align-items:end; }.works-heading p { max-width:480px; }.work-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.work-gallery figure { margin:0; }.work-gallery img { width:100%; border-radius:10px; aspect-ratio:1.6; object-fit:cover; }.work-gallery figcaption { text-align:center; font-size:.82rem; font-weight:700; }.faq details { max-width:760px; border-top:1px solid #d8d4cf; padding:18px 0; }.faq summary { cursor:pointer; font-weight:800; }.faq p { margin:12px 0 0; }.final-cta { padding:22px 0; background:var(--yellow); }.final-cta .container { display:flex; align-items:center; justify-content:center; gap:36px; }.final-cta h2 { margin:0; font-size:clamp(1.25rem,2.4vw,2rem); }.site-footer { padding:28px 0; font-size:.8rem; }.footer-inner { display:flex; justify-content:space-between; gap:24px; }.site-footer dl { display:flex; gap:35px; margin:0; }.site-footer dt { font-weight:800; }.site-footer dd { margin:3px 0 0; }
.program-card img { align-self:flex-end; width:72%; height:105px; margin:-6px 0 8px; object-fit:contain; object-position:right bottom; }

/* ファーストビューは、キャンパス全体が一続きで見える専用イラストとして配置する。 */
.hero { padding:0; background:var(--yellow); }
.hero .container { width:min(100%, 1366px); }
.hero-inner { min-height:0; }
.hero-copy { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.hero-image { position:relative; top:auto; right:auto; width:100%; max-width:1366px; height:auto; margin:0 auto; }
.scroll-cue { display:none; }
@media (max-width:900px) { .site-nav { gap:12px; font-size:.68rem; }.program-grid { grid-template-columns:repeat(2,1fr); }.hero-copy { width:60%; }.hero-image { width:56%; top:30px; }.supporter-card { display:block; }.supporter-card img { margin-bottom:12px; }.hero h1 { font-size:clamp(2.6rem,7vw,4.5rem); } }
@media (max-width:640px) { .container { width:min(100% - 32px, 520px); }.section { padding:52px 0; }.header-inner { min-height:58px; flex-wrap:wrap; gap:10px; }.site-logo span { font-size:1.25rem; }.header-cta { margin-left:auto; min-height:36px; padding:7px 12px; font-size:.7rem; }.menu-toggle { display:block; order:2; padding:7px; border:0; background:transparent; font-weight:800; }.site-nav { display:none; order:3; flex-basis:100%; padding:10px 0 16px; flex-direction:column; align-items:flex-start; }.site-nav.is-open { display:flex; }.hero { padding:0; }.hero-inner { min-height:0; display:block; }.hero-copy { position:absolute; width:1px; height:1px; }.hero-image { position:relative; width:100%; max-width:1366px; margin:0; }.hero-pillars { justify-content:center; }.pillar { width:100px; font-size:1rem; }.pillar span { width:76px; font-size:.55rem; }.program-filters { margin-inline:-16px; padding-inline:16px; }.program-grid,.supporter-grid,.voice-grid { grid-template-columns:1fr; }.program-card { min-height:0; }.qr-placeholder { display:block; }.special-talk .container { display:block; }.talk-grid { margin-top:24px; grid-template-columns:1fr; }.supporter-card { display:flex; }.supporter-card img { flex:0 0 94px; width:94px; height:94px; }.works-heading,.final-cta .container,.footer-inner { display:block; }.work-gallery { grid-template-columns:repeat(2,1fr); }.site-footer dl { display:block; }.site-footer dl div { margin-bottom:12px; }.site-footer small { display:block; margin-top:18px; }.voice-card { min-height:210px; } }

/* 専用ヒーロー画像内のヘッダーと重複しないよう、操作用ヘッダーだけを重ねる。 */
.site-header { position:absolute; inset:0 0 auto; width:100%; background:transparent; pointer-events:none; }
.site-header .site-logo,.site-header .site-nav,.site-header .header-cta,.site-header .menu-toggle { opacity:0; pointer-events:auto; }

/* トップはHTMLのコピーとCTAを主役にし、キャンパスイラストのみを右側に重ねる。 */
.site-header { position:sticky; inset:auto; background:var(--yellow); pointer-events:auto; }
.site-header .site-logo,.site-header .site-nav,.site-header .header-cta,.site-header .menu-toggle { opacity:1; }
.hero { padding:64px 0 50px; }
.hero .container { width:min(1120px, calc(100% - 40px)); }
.hero-inner { min-height:480px; }
.hero-copy { position:relative; width:52%; height:auto; overflow:visible; clip:auto; }
.hero-image { position:absolute; top:-20px; right:-5%; width:min(65%, 720px); max-width:none; height:auto; margin:0; mix-blend-mode:multiply; }
.scroll-cue { display:block; }

@media (max-width:640px) {
  .hero { padding:40px 0 50px; }
  .hero .container { width:min(100% - 32px, 520px); }
  .hero-inner { display:flex; flex-direction:column; min-height:0; }
  .hero-copy { width:100%; position:relative; }
  .hero-image { position:relative; top:auto; right:auto; width:112%; max-width:none; margin:20px -6% -10px; order:2; }
}

/* トップは参照デザインを高解像度の単一画像として表示する。 */
.site-header { display:none; }
.hero { padding:0; }
.hero .container { width:min(100%, 1658px); }
.hero-inner { min-height:0; }
.hero-copy { display:none; }
.hero-image { position:relative; top:auto; right:auto; display:block; width:100%; max-width:1658px; height:auto; margin:0 auto; mix-blend-mode:normal; }
.scroll-cue { display:none; }

/* スクロール後に表示する、トップと同トーンの固定ヘッダー。 */
.site-header { display:block; position:sticky; inset:auto; top:0; z-index:20; width:100%; background:var(--yellow); box-shadow:0 3px 14px rgb(32 32 30 / 14%); transform:none; }
.site-header.is-visible { transform:none; }

/* カテゴリは、該当する講座カードへ移動するアンカー。 */
.program-filters a { flex:1; min-width:150px; padding:10px; border-radius:999px; background:#ededed; color:var(--ink); font-size:.85rem; font-weight:700; text-align:center; }
.program-filters a.is-active,.program-filters a:hover,.program-filters a:focus-visible { background:var(--purple); color:#fff; }
.program-card { scroll-margin-top:90px; }
.program-card img { align-self:stretch; width:100%; height:132px; margin:4px 0 14px; object-fit:cover; object-position:center; border-radius:10px; }
.voice-card img { width:88px; height:88px; padding:0; border-radius:50%; object-fit:cover; object-position:center; background:transparent; }
.voice-card { display:flex; flex-direction:column; min-height:230px; }
.voice-card h3 { max-width:none; font-size:1.22rem; }
.voice-card p { max-width:34em; line-height:1.75; }
.voice-card small { margin-top:auto; }
@media (max-width:640px) { .voice-card { min-height:0; padding:26px 22px; }.voice-card h3 { font-size:1.15rem; }.voice-card p { margin-bottom:24px; } }
.site-logo { display:block; width:auto; }.site-logo img { width:100%; height:auto; }
.work-outcomes { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; }.work-outcomes article { min-height:145px; padding:22px 18px; border-radius:14px; background:rgb(255 255 255 / 74%); }.work-outcomes strong { display:block; font-size:1.05rem; line-height:1.4; }.work-outcomes p { margin:12px 0 0; font-size:.85rem; line-height:1.7; }
@media (max-width:640px) { .work-outcomes { grid-template-columns:1fr; }.work-outcomes article { min-height:0; } }
.photo-gallery { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }.photo-placeholder { display:grid; place-items:center; aspect-ratio:1.28; margin:0; overflow:hidden; border:2px dashed #d6caaa; border-radius:14px; background:rgb(255 255 255 / 52%); }.photo-placeholder span { color:#a58d58; font-size:1.05rem; font-weight:900; letter-spacing:.14em; }.photo-placeholder figcaption { align-self:end; width:100%; padding:9px 10px; background:rgb(255 253 247 / 82%); color:var(--ink); font-size:.76rem; font-weight:700; text-align:center; }
@media (max-width:640px) { .photo-gallery { grid-template-columns:repeat(2, 1fr); gap:12px; } }
.intro-inner { display:flex; align-items:center; justify-content:space-between; gap:42px; }.intro-inner h2 { margin:0; font-size:clamp(1.42rem, 2.15vw, 2.05rem); line-height:1.45; letter-spacing:.015em; }.intro-logo { flex:0 0 auto; display:grid; place-items:center; width:190px; height:166px; padding:4px; background:transparent; }.intro-logo img { max-height:100%; width:auto; }
@media (max-width:640px) { .intro-inner { align-items:flex-start; gap:15px; }.intro-logo { width:112px; height:98px; padding:3px; }.intro-inner h2 { font-size:1.2rem; line-height:1.5; } }

/* パンフレットの世界観: 強い黄・紫・ミント・オレンジ、白い情報面、黒の輪郭。 */
:root { --ink:#231f20; --yellow:#ffea00; --purple:#7057b6; --orange:#fa7044; --teal:#5bc9b0; --paper:#fffdf8; --radius:20px; }
body { background:var(--yellow); color:var(--ink); font-weight:500; }
h1,h2,h3,.button,.site-nav,.tag,.program-filters a { font-weight:800; }
.section { position:relative; padding:84px 0; background:var(--paper); }
.section h2 { letter-spacing:.025em; }
.site-header { border-bottom:3px solid var(--ink); box-shadow:none; }
.site-logo span { font-size:1.45rem; letter-spacing:.08em; }.site-logo small { display:block; font-size:.72rem; font-weight:900; }
.site-nav { font-size:.76rem; }.header-cta,.button--primary { background:var(--purple); border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); }.button { transition:transform .15s ease, box-shadow .15s ease; }.button:hover { transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink); }
.intro { padding-block:58px 50px; background:var(--paper); }.intro::before { content:""; position:absolute; top:-46px; left:0; width:100%; height:48px; background:var(--paper); clip-path:polygon(0 42%,100% 0,100% 100%,0 100%); }.intro-logo { width:205px; height:180px; }.intro-inner h2 { max-width:700px; }
.programs { overflow:hidden; background:#f1eef9; }.programs::before { content:""; position:absolute; z-index:0; inset:0 0 auto; height:120px; background:var(--purple); clip-path:polygon(0 0,100% 0,100% 64%,0 100%); }.programs .container { position:relative; z-index:1; }.programs h2 { color:#fff; margin-bottom:52px; }.program-filters a { border:1px solid rgb(35 31 32 / 15%); }.program-grid { gap:20px; }.program-card { border:2px solid var(--ink); box-shadow:5px 5px 0 rgb(35 31 32 / 17%); background:#fff; }.program-card:nth-child(3),.program-card:nth-child(4) { background:#fff; }.program-card img { border:1px solid rgb(35 31 32 / 12%); }.tag { border:1px solid var(--ink); }.program-card .button { border:2px solid var(--ink); box-shadow:2px 2px 0 var(--ink); }
.special-talk { background:var(--teal); }.special-talk::after { content:""; position:absolute; inset:auto 0 0; height:46px; background:var(--paper); clip-path:polygon(0 62%,100% 0,100% 100%,0 100%); }.talk-grid article { border:2px solid var(--ink); box-shadow:4px 4px 0 rgb(35 31 32 / 16%); }.section-heading h2 { font-size:clamp(1.8rem,3vw,2.6rem); }
.supporters { background:var(--paper); }.supporters::before { content:""; position:absolute; top:0; right:0; width:34%; height:115px; background:var(--yellow); clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); }.supporters .container { position:relative; }.supporter-card { padding:12px; border-top:3px solid var(--ink); }.supporter-card img { filter:grayscale(1); border:2px solid var(--ink); }
.voices { background:var(--yellow); }.voices::before { content:""; position:absolute; top:0; left:0; width:100%; height:44px; background:var(--paper); clip-path:polygon(0 0,100% 0,100% 0,0 100%); }.voice-card { border:2px solid var(--ink); background:#fff; box-shadow:4px 4px 0 rgb(35 31 32 / 16%); }
.works { background:var(--orange); color:var(--ink); }.works::before { content:""; position:absolute; top:0; right:0; width:36%; height:118px; background:var(--yellow); clip-path:polygon(28% 0,100% 0,100% 100%,0 100%); }.works-heading { position:relative; }.works-heading p { padding:18px 20px; border-radius:12px; background:#fff; }.photo-placeholder { border:2px dashed var(--ink); background:rgb(255 255 255 / 91%); }.photo-placeholder figcaption { background:#fff; }.photo-placeholder span { color:var(--purple); }
.faq { background:#f1eef9; }.faq details { border-color:var(--ink); }.final-cta { border-top:3px solid var(--ink); border-bottom:3px solid var(--ink); }.site-footer { background:var(--yellow); }.site-footer dl { font-weight:600; }
@media (max-width:640px) { .section { padding:60px 0; }.intro-logo { width:118px; height:104px; }.programs::before { height:92px; }.programs h2 { margin-bottom:38px; }.supporters::before,.works::before { height:70px; }.supporter-card { border-top:0; }.voice-card { box-shadow:3px 3px 0 rgb(35 31 32 / 16%); } }

/* ヘッダーはトップ画像を押し込む通常フローとし、不要な黒罫線を置かない。 */
.site-header { position:relative; top:auto; border-bottom:0; }
.hero { overflow:visible; }
.scroll-cue { display:none; }
.check-list { margin:8px 0 14px; padding-left:1.05rem; font-size:.78rem; line-height:1.55; }.check-list li { margin:4px 0; }
.intro-inner { justify-content:flex-start; gap:24px; }.intro-copy { max-width:760px; }.intro-inner h2 { margin-bottom:12px; }.intro-copy p { margin:0; font-size:.92rem; font-weight:700; line-height:1.8; }.programs h2 { color:var(--ink); }
@media (max-width:640px) { .intro-inner { gap:12px; }.intro-copy p { font-size:.75rem; line-height:1.65; }.final-cta h2 { font-size:1.12rem; } }

/* キャッチと象徴ロゴを、LPのメッセージとして中央で一体化させる。 */
.intro-inner { justify-content:center; align-items:center; gap:34px; text-align:center; }.intro-copy { max-width:800px; }.intro-inner h2 { margin-bottom:16px; font-size:clamp(2.05rem, 4vw, 3.45rem); line-height:1.26; letter-spacing:.04em; }.intro-copy p { font-size:1rem; line-height:1.9; }.intro-logo { width:215px; height:190px; }
.final-cta { border-top:0; border-bottom:0; }
@media (max-width:640px) { .intro-inner { gap:14px; }.intro-inner h2 { margin-bottom:10px; font-size:1.65rem; }.intro-copy p { font-size:.72rem; }.intro-logo { width:105px; height:92px; } }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.intro { padding-block:48px; }.intro-inner { justify-content:center; }.intro-logo { width:220px; height:194px; }
@media (max-width:640px) { .intro { padding-block:36px; }.intro-logo { width:145px; height:128px; } }
.eligibility { padding:55px 0; background:var(--yellow); }.eligibility-inner { display:flex; align-items:center; justify-content:center; gap:46px; }.eligibility h2 { display:grid; place-items:center; width:158px; height:158px; margin:0; border:2px solid var(--ink); border-radius:50%; font-size:1.65rem; line-height:1.18; text-align:center; }.eligibility ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; font-size:clamp(1.05rem,2vw,1.55rem); font-weight:800; }.eligibility li { display:flex; align-items:center; gap:14px; }.eligibility li::before { content:""; flex:0 0 26px; width:26px; height:26px; border:4px solid var(--ink); }
.commission-notice { padding:25px 0; background:#f1eef9; color:var(--ink); text-align:center; }.commission-notice strong { font-size:.98rem; }.commission-notice p { margin:5px 0 0; font-size:.86rem; }
@media (max-width:640px) { .eligibility { padding:42px 0; }.eligibility-inner { align-items:flex-start; gap:18px; }.eligibility h2 { flex:0 0 96px; width:96px; height:96px; font-size:1.18rem; }.eligibility ul { gap:11px; padding-top:5px; font-size:.87rem; }.eligibility li { align-items:flex-start; gap:9px; }.eligibility li::before { flex-basis:18px; width:18px; height:18px; border-width:3px; margin-top:2px; }.commission-notice { padding:20px 0; text-align:left; }.commission-notice strong { font-size:.85rem; }.commission-notice p { font-size:.75rem; line-height:1.65; } }
.campaign-message { padding:58px 0; background:var(--paper); text-align:center; }.campaign-message h2 { margin:0; font-size:clamp(1.6rem,3.3vw,3rem); line-height:1.42; letter-spacing:.02em; }.final-cta.eligibility { padding:46px 0; background:var(--yellow); }.final-cta.eligibility .eligibility-inner { justify-content:center; }.final-cta.eligibility .button { margin-left:12px; }
@media (max-width:640px) { .campaign-message { padding:40px 0; }.campaign-message h2 { font-size:1.36rem; }.final-cta.eligibility .eligibility-inner { flex-wrap:wrap; }.final-cta.eligibility .button { width:100%; margin:6px 0 0; } }
.campaign-message { display:flex; align-items:center; min-height:190px; padding:42px 0; background:#fff !important; text-align:center; }.campaign-message .container { display:flex; justify-content:center; }.campaign-message h2 { max-width:900px; font-size:clamp(1.35rem,2.4vw,2.2rem); line-height:1.5; }
@media (max-width:640px) { .campaign-message { min-height:150px; padding:30px 0; }.campaign-message h2 { font-size:1.18rem; line-height:1.6; } }
.final-cta.eligibility { padding:38px 0; }.eligibility-inner { gap:32px; }.eligibility h2 { width:136px; height:136px; font-size:1.38rem; }.eligibility ul { gap:10px; font-size:clamp(.94rem,1.55vw,1.22rem); }.eligibility li { gap:11px; }.eligibility li::before { flex-basis:22px; width:22px; height:22px; border-width:3px; }

/* 中央メッセージを、紙面からふわりと浮き上がるように見せる。 */
.campaign-message h2 { animation:message-rise .8s cubic-bezier(.2,.8,.2,1) both; }.campaign-message h2::after { content:""; display:block; width:72px; height:4px; margin:20px auto 0; background:var(--purple); transform:skewX(-24deg); }
@keyframes message-rise { from { opacity:0; transform:translateY(22px) scale(.98); filter:blur(3px); } to { opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }.reveal.is-revealed { opacity:1; transform:none; }.program-card.reveal:nth-child(2),.talk-grid article.reveal:nth-child(2),.voice-card.reveal:nth-child(2),.photo-placeholder.reveal:nth-child(2) { transition-delay:.1s; }.program-card.reveal:nth-child(3),.voice-card.reveal:nth-child(3),.photo-placeholder.reveal:nth-child(3) { transition-delay:.18s; }.program-card.reveal:nth-child(4),.photo-placeholder.reveal:nth-child(4) { transition-delay:.26s; }
@media (prefers-reduced-motion:reduce) { .campaign-message h2 { animation:none; }.reveal { opacity:1; transform:none; transition:none; } }
@media (max-width:640px) { .final-cta.eligibility { padding:32px 0; }.eligibility-inner { gap:16px; }.eligibility h2 { width:92px; height:92px; font-size:1.08rem; }.eligibility ul { font-size:.82rem; }.eligibility li::before { flex-basis:17px; width:17px; height:17px; border-width:2px; } }

/* フッター直前のCTAは、講座一覧へ戻る導線として明確に見せる。 */
#programs { scroll-margin-top:24px; }
.final-program-link { min-width:214px; min-height:56px; padding-inline:28px; font-size:1rem; letter-spacing:.04em; box-shadow:5px 5px 0 var(--ink); }
.final-program-link:hover { box-shadow:2px 2px 0 var(--ink); }
@media (max-width:640px) { .final-program-link { min-height:52px; font-size:.94rem; } }