
:root{--red:#bf0007;--wine:#8f0005;--ink:#20232a;--soft:#faf7f6;--gold:#c9a24b;--line:#06C755;--hair:#e4dedb;--muted:#625b59;--serif:"Noto Serif JP","Hiragino Mincho ProN",serif;--sans:"Noto Sans JP","Hiragino Sans",sans-serif}
*{box-sizing:border-box}html{color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85;scroll-behavior:smooth}body{margin:0;background:white}button{font:inherit}img{max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.65;letter-spacing:.035em;overflow-wrap:anywhere}h2:before{content:"";display:block;width:36px;height:2px;background:var(--gold);margin-bottom:20px}h3{line-height:1.65}p{overflow-wrap:anywhere}.wrap{max-width:1120px;margin:0 auto;width:calc(100% - 80px)}.section{padding:88px 0}.section h2{margin-bottom:36px}.site-header{height:78px;display:flex;align-items:center;border-top:4px solid var(--red);background:white}.wordmark{font-size:1.25rem;font-weight:700;letter-spacing:.045em;line-height:1.2}.wordmark strong{font-size:1.65rem;color:var(--red);letter-spacing:0}.hero{background:var(--soft);border-bottom:1px solid var(--hair);padding:36px 0 0}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"badge photo" "headline photo" "lead photo" "dates photo" "cta photo";column-gap:58px;align-items:start}.badge{grid-area:badge;display:flex;flex-direction:column;align-items:flex-start;gap:7px;line-height:1.5;font-size:.875rem;letter-spacing:.04em;color:var(--wine);font-weight:500}.badge span:first-child{border:1px solid #cdb8b5;padding:4px 9px}.badge .badge-place{color:var(--muted);font-size:.875rem}.hero h1{grid-area:headline;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.6;letter-spacing:.025em;margin:17px 0 18px}.hero h1 .h-line{display:block;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--red)}.hero-lead{grid-area:lead;font-size:1rem;line-height:1.9;margin-bottom:20px}.photo-placeholder{grid-area:photo;align-self:stretch;min-height:490px;background:#e4e3e1;border:1px solid #d4d1ce;display:flex;align-items:center;justify-content:center;color:#625f5b;font-size:.9375rem;position:relative;margin-top:6px;margin-bottom:28px}.photo-placeholder:before,.slide-placeholder:before{content:"";position:absolute;inset:12px;border:1px solid #c5c3bf;pointer-events:none}.hero-dates{grid-area:dates;display:flex;align-items:center;gap:17px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:10px 0;margin-bottom:20px;font-size:1rem;line-height:1.5}.date-item{display:flex;flex-direction:column}.date-item strong{font-weight:600;font-size:1.375rem;letter-spacing:.04em}.date-item small{font-size:.875rem}.date-slash{height:42px;width:1px;background:var(--hair);font-size:0;margin:0 8px;transform:rotate(18deg)}.hero-cta{grid-area:cta;margin-bottom:30px}.line-button{border:0;border-radius:5px;background:var(--line);color:#143323;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;min-height:58px;width:100%;max-width:432px;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.02em;margin:0 auto;cursor:default;opacity:1;-webkit-text-fill-color:currentColor}.line-button img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.eligibility{font-size:.875rem;line-height:1.65;color:var(--muted);margin:10px auto 0;max-width:432px;text-align:center}.cta-meta{font-size:.875rem;line-height:1.7;text-align:center;margin-top:9px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);margin:0;padding:26px 0}.hero-stats div{display:flex;justify-content:center;align-items:baseline;gap:16px;border-right:1px solid var(--hair)}.hero-stats div:last-child{border-right:0}.hero-stats dt{font-size:.875rem;color:var(--muted)}.hero-stats dd{margin:0;font-family:var(--serif);font-size:1.6rem;color:var(--wine)}.recommend-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:48px}.recommend-layout h2{max-width:340px}.recommend-list{list-style:none;margin:0;padding:0}.recommend-list li{padding:17px 0 17px 35px;border-bottom:1px solid var(--hair);position:relative}.recommend-list li:first-child{padding-top:0}.recommend-list li:before{content:"";position:absolute;left:4px;top:25px;width:11px;height:6px;border-bottom:2px solid var(--red);border-left:2px solid var(--red);transform:rotate(-45deg)}.recommend-list li:first-child:before{top:8px}.outcomes{background:var(--soft)}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.outcome{border-top:1px solid var(--gold);padding-top:20px}.outcome-number{font-family:var(--serif);font-size:2.75rem;color:var(--red);line-height:1.3}.outcome h3{font-size:1.2rem;margin:19px 0 14px}.outcome p{font-size:1rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:0}.step{border-left:1px solid var(--hair);padding-left:22px}.step-no{font-size:.875rem;font-weight:600;color:var(--red);letter-spacing:.08em}.step h3{font-size:1.125rem;margin:12px 0}.flow{margin-top:38px;padding:20px;text-align:center;color:var(--wine);background:var(--soft);font-size:1.125rem;font-weight:500;word-break:keep-all;overflow-wrap:anywhere}.supplement{font-size:1rem;margin-top:20px;color:var(--muted)}.example{background:var(--soft)}.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:54px}.example h3{font-size:1.5rem;margin-bottom:20px}.conclusions{list-style:none;padding:0;margin:24px 0 0}.conclusions li{padding:10px 0 10px 20px;position:relative;border-top:1px solid var(--hair)}.conclusions li:before{content:"";position:absolute;left:0;top:23px;width:5px;height:5px;background:var(--gold)}.slides{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;padding-top:7px}.slide-placeholder{aspect-ratio:16/10;background:#e8e7e4;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:#615e5a;font-family:Georgia,serif;font-size:1.05rem}.slides .supplement{grid-column:1/-1;margin-top:4px}.mid-cta{margin-top:46px;padding-top:35px;border-top:1px solid var(--hair)}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.schedule-day{border-top:3px solid var(--red)}.schedule-day h3{padding:18px 0 22px;font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1.8}.day-title{font-family:var(--serif);font-size:1.5rem;color:var(--red);margin-right:12px;white-space:nowrap}.schedule-day table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}.schedule-day td{padding:15px 0;border-top:1px solid var(--hair);vertical-align:top}.schedule-day td:first-child{font-size:.875rem;white-space:nowrap;width:130px;padding-right:12px;padding-left:6px;font-variant-numeric:tabular-nums}.schedule-day tr.highlight{background:#faf1ef}.schedule-day tr.highlight td:last-child{font-weight:600;color:var(--wine);padding-right:10px}.schedule-note{font-size:.875rem;color:var(--muted);margin-top:24px}.parents{background:var(--wine);color:#fff}.parents-layout{display:grid;grid-template-columns:.75fr 1.45fr;gap:54px}.parents h2{margin-bottom:24px}.parents-intro{font-size:1rem;line-height:2}.parent-list{margin:0}.parent-list div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:18px 0;border-top:1px solid #ffffff3d}.parent-list dt{color:#f0d399;font-size:.875rem;font-weight:600}.parent-list dd{margin:0;font-size:1rem}.parent-callout{grid-column:1/-1;border:1px solid #d6b66c;margin-top:16px;padding:26px 34px;font-family:var(--serif);font-size:1.3rem;line-height:1.9}.overview-wrap{max-width:850px;margin:0 auto}.overview-list{margin:0;border-top:1px solid var(--ink)}.overview-list div{display:grid;grid-template-columns:170px 1fr;gap:24px;border-bottom:1px solid var(--hair);padding:20px 8px}.overview-list dt{font-size:.9375rem;font-weight:600}.overview-list dd{margin:0;font-size:1rem}.faq{background:var(--soft)}.faq-list{border-top:1px solid var(--hair)}.faq-item{border-bottom:1px solid var(--hair)}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:17px;padding:23px 2px;font-size:1rem;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"Q";color:var(--red);font-family:Georgia,serif;font-size:1.2rem}.faq-item summary:after{content:"+";font-size:1.25rem;font-weight:400;color:var(--red);margin-left:auto;flex-shrink:0;width:24px;text-align:center}.faq-item[open] summary:after{content:"−"}.faq-item summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}.faq-answer{padding:0 38px 24px;font-size:1rem;color:var(--muted)}.signup-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:signup}.signup-grid li{counter-increment:signup;position:relative;padding-top:20px;border-top:1px solid var(--gold)}.signup-grid li:before{content:"0" counter(signup);font-family:var(--serif);font-size:2rem;color:var(--red)}.signup-grid h3{font-size:1.125rem;margin:14px 0 10px}.final{background:var(--soft);text-align:center;border-top:1px solid var(--hair);padding-bottom:90px}.final h2{font-size:clamp(1.65rem,3.2vw,2.75rem);margin-bottom:18px}.final h2:before{margin:0 auto 26px}.final-sub{margin-bottom:28px;font-size:1rem}.final .eligibility{max-width:520px}.site-footer{border-top:1px solid var(--hair);text-align:center;font-size:.875rem;padding:28px 20px;color:var(--muted)}.mobile-fixed{display:none}
html{line-height:1.85}body{padding-bottom:116px}.wrap{width:calc(100% - 40px)}.site-header{height:51px;border-top-width:3px}.wordmark{font-size:.9375rem}.wordmark strong{font-size:1.3rem}.hero{padding-top:14px}.hero-grid{display:flex;flex-direction:column;gap:0}.badge{order:0;font-size:.8125rem;gap:3px}.badge span:first-child{padding:2px 7px}.badge .badge-place{font-size:.875rem}.hero h1{order:1;font-size:1.85rem;line-height:1.48;letter-spacing:.015em;margin:10px 0 13px}.photo-placeholder{order:2;width:100%;min-height:0;height:112px;flex:none;margin:0 0 10px;font-size:.875rem}.photo-placeholder:before{inset:8px}.hero-dates{order:3;width:100%;gap:12px;padding:6px 0;margin:0 0 11px;justify-content:center;flex:none}.date-item strong{font-size:1.125rem;line-height:1.3}.date-item small{font-size:.8125rem;line-height:1.5}.date-slash{height:30px;margin:0 9px}.hero-cta{order:4;width:100%;margin:0 0 15px}.line-button{min-height:56px;padding:7px 11px;gap:8px;font-size:1rem}.eligibility{font-size:.875rem;line-height:1.55;margin-top:7px}.cta-meta{font-size:.875rem;margin-top:8px}.hero-lead{order:5;font-size:1rem;line-height:1.9;margin:0 0 23px}.hero-stats{padding:21px 0}.hero-stats div{display:block;text-align:center}.hero-stats dt{font-size:.8125rem;margin-bottom:4px}.hero-stats dd{font-size:1.3rem}.section{padding:53px 0}.section h2{font-size:1.55rem;line-height:1.65;letter-spacing:.01em;margin-bottom:27px}h2:before{width:29px;margin-bottom:16px}.recommend-layout,.example-layout,.parents-layout{display:block}.recommend-layout h2{max-width:none}.recommend-list li{padding:17px 0 17px 29px;font-size:1rem}.outcome-grid{grid-template-columns:1fr;gap:25px}.outcome{display:grid;grid-template-columns:47px 1fr;gap:0 13px;padding-top:19px}.outcome-number{grid-row:1/3;font-size:2rem}.outcome h3{font-size:1.125rem;margin:2px 0 8px}.outcome p{font-size:1rem}.steps{grid-template-columns:1fr;gap:27px}.step{padding-left:19px}.step h3{margin:7px 0 10px;font-size:1.125rem}.flow{font-size:1rem;padding:19px 8px;margin-top:30px;line-height:2}.example h3{font-size:1.22rem;margin-bottom:20px}.slides{margin-top:29px;gap:12px}.slide-placeholder{font-size:.9375rem;padding:20px;aspect-ratio:4/3}.slide-placeholder:before{inset:7px}.slides .supplement{margin-top:6px}.supplement{font-size:1rem}.mid-cta{margin-top:30px;padding-top:28px}.schedule-grid{grid-template-columns:1fr;gap:30px}.schedule-day h3{font-size:.9375rem;padding:15px 0 17px}.day-title{font-size:1.3rem}.schedule-day td{font-size:1rem;padding:14px 2px}.schedule-day td:first-child{font-size:.875rem;width:113px;padding-right:8px}.schedule-note{font-size:.875rem}.parents-intro{margin-bottom:28px;line-height:1.95}.parent-list div{grid-template-columns:51px 1fr;gap:13px;padding:17px 0}.parent-list dt{font-size:.875rem}.parent-callout{padding:21px 20px;font-size:1.15rem;margin-top:21px;line-height:1.9}.overview-list div{grid-template-columns:83px 1fr;gap:16px;padding:17px 0}.overview-list dt{font-size:.875rem}.faq-item summary{gap:11px;padding:20px 0}.faq-item summary:after{width:20px}.faq-answer{padding:0 0 22px 24px}.signup-grid{grid-template-columns:1fr;gap:27px}.signup-grid li{padding:16px 0 0 51px}.signup-grid li:before{position:absolute;left:0;top:15px;font-size:1.7rem}.signup-grid h3{margin:3px 0 10px}.final{padding:54px 0}.final h2{font-size:1.6rem}.final-sub{font-size:.875rem;line-height:2;margin-bottom:24px}.site-footer{padding:25px 20px}.mobile-fixed{display:block;position:fixed;z-index:10;bottom:0;left:0;right:0;border-top:1px solid var(--hair);padding:8px 20px max(8px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #20232a08}.mobile-fixed .line-button{min-height:54px;padding-top:6px;padding-bottom:6px}.mobile-fixed .eligibility{font-size:.875rem;line-height:1.5;margin-top:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html{background:#efefef}body{width:100%;max-width:375px;min-height:100vh;margin:0 auto;box-shadow:0 0 32px #20232a0a}.mobile-fixed{width:100%;max-width:375px;left:50%;right:auto;transform:translateX(-50%)}

.site-header{height:auto;min-height:78px;padding:8px 0}.wordmark{display:flex;align-items:center}.brand-logo{display:block;width:210px;max-width:100%;height:auto}

.hero h1 .h-line{white-space:normal}

/* Visual direction drawn from the supplied IELTS LP. Copy remains unchanged. */
html { background: #f0f0f1; -webkit-font-smoothing: antialiased; }
body { background: #fff; text-rendering: optimizeLegibility; }
.wrap { width: calc(100% - 40px); }
.site-header { min-height: 74px; padding: 12px 0; border-top: 0; border-bottom: 1px solid #e6e6e6; }
.brand-logo { width: 176px; }
.hero { padding-top: 0; background: var(--soft); border-bottom: 1px solid #ece8e6; }
.hero-grid { align-items: stretch; }
.photo-placeholder { order: -1; width: calc(100% + 40px); height: 122px; margin: 0 -20px 15px; background: #e5e3e0; border: 0; border-bottom: 1px solid #d9d5d1; }
.photo-placeholder::before { display: none; }
.hero-photo { order: -1; width: calc(100% + 40px); margin: 0 -20px 15px; }
.hero-photo img { display: block; width: 100%; height: auto; }
.badge { gap: 4px; }
.badge span:first-child { border: 1px solid #d8b6b8; border-radius: 999px; background: #fff; padding: 3px 11px; font-size: .8125rem; }
.badge .badge-place { font-size: .875rem; font-weight: 500; }
.hero h1 { font-size: 1.75rem; line-height: 1.48; font-weight: 700; letter-spacing: .015em; margin: 9px 0 12px; }
.hero h1 em { font-weight: 700; }
.hero-dates { margin-bottom: 12px; padding: 8px 0; }
.hero-cta { margin-bottom: 0; padding-bottom: 25px; }
.hero-lead { margin-bottom: 25px; line-height: 1.95; }
.mobile-fixed[hidden] { display: none; }
.line-button { border-radius: 9px; box-shadow: 0 4px 13px #125c2814; letter-spacing: .01em; }
.eligibility { margin-top: 9px; color: #625e5d; }
.cta-meta { font-size: .875rem; margin-top: 9px; }
.hero-stats { padding: 17px 3px; margin: 0 0 28px; border: 1px solid #eadcda; border-radius: 12px; background: #fff; box-shadow: 0 4px 18px #20232a05; }
.hero-stats div { border-color: #ebd4d5; }
.hero-stats dt { font-size: .8125rem; color: #575151; }
.hero-stats dd { font-size: 1.375rem; font-weight: 700; color: var(--red); }
.section { padding: 48px 0; border-bottom: 1px solid #efedeb; }
.section h2 { font-size: 1.5625rem; font-weight: 700; line-height: 1.65; letter-spacing: .01em; text-align: center; margin: 0 auto 31px; }
h2::before { display: none; }
.heading-accent { color: var(--red); }
.heading-meta { display: block; font-size: .9375rem; font-family: var(--sans); font-weight: 400; letter-spacing: .01em; margin-top: 9px; color: #625e5d; }
h3 { font-weight: 700; }

/* Light surfaces, rounded cards, and restrained numbered markers. */
.recommend-layout h2 { max-width: none; }
.recommend-list { display: grid; gap: 11px; }
.recommend-list li, .recommend-list li:first-child { padding: 16px 16px 16px 43px; border: 1px solid #eee6e4; border-radius: 10px; background: var(--soft); font-size: 1rem; line-height: 1.8; }
.recommend-list li::before, .recommend-list li:first-child::before { left: 16px; top: 22px; width: 17px; height: 17px; border: 0; border-radius: 50%; background: var(--red); transform: none; }
.recommend-list li::after { content: ""; position: absolute; left: 21px; top: 27px; width: 7px; height: 4px; border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(-45deg); }
.outcomes { background: #fff; }
.outcome-grid { grid-template-columns: minmax(0, 1fr); gap: 48px; padding-top: 10px; }
.outcome { display: block; position: relative; border: 0; border-radius: 0; padding: 0 10px; background: transparent; box-shadow: none; }
.outcome-illustration { display: block; width: 132px; height: 132px; margin: 0 auto 20px; }
.outcome-number { position: static; width: auto; height: auto; display: block; margin: 0 0 8px; border-radius: 0; background: transparent; color: var(--red); text-align: center; font-size: .875rem; letter-spacing: .16em; line-height: 1.3; font-weight: 700; box-shadow: none; }
.outcome h3 { font-size: 1.1875rem; line-height: 1.7; text-align: center; margin: 0 0 14px; }
.outcome p { font-size: 1rem; line-height: 1.9; margin: 0; }
.steps { gap: 35px; }
.step { position: relative; border-left: 0; padding: 0 10px 7px; }
.step-no { display: table; margin: 0 auto 15px; border-radius: 999px; padding: 7px 18px; background: #fbf0f1; color: var(--wine); font-size: .875rem; font-weight: 700; letter-spacing: .09em; }
.step h3 { font-size: 1.1875rem; line-height: 1.7; text-align: center; margin: 0 0 12px; }
.step p { line-height: 1.9; }
.step:not(:last-child)::after { content: ""; position: absolute; width: 9px; height: 9px; border-bottom: 1.5px solid var(--red); border-right: 1.5px solid var(--red); transform: rotate(45deg); bottom: -18px; left: calc(50% - 5px); }
.flow { background: #fbf0f1; border: 1px solid #ebd8d9; border-radius: 10px; padding: 17px 11px; line-height: 2; font-size: 1rem; }
.supplement { color: #575151; line-height: 1.9; }
.example { background: var(--soft); }
.example-layout { padding: 25px 18px 22px; border: 1px solid #ece3e1; border-radius: 16px; background: #fff; box-shadow: 0 6px 22px #20232a06; }
.example h3 { text-align: center; font-size: 1.2rem; line-height: 1.75; color: var(--wine); }
.conclusions { border-radius: 9px; background: #fbf3f3; padding: 5px 13px; margin-top: 22px; }
.conclusions li { padding: 12px 0 12px 17px; border-color: #ebdcdc; }
.conclusions li:first-child { border-top: 0; }
.conclusions li::before { top: 25px; background: var(--red); border-radius: 50%; }
.slides { margin-top: 23px; gap: 12px; }
.slide-placeholder { border-radius: 6px; background: #e9e7e4; padding: 18px 12px; font-size: .9375rem; }
.slide-placeholder::before { border-radius: 2px; }
.slides .supplement { margin-top: 9px; }
.mid-cta { margin-top: 29px; padding: 26px 0 0; border-top: 1px solid #e7ddda; }
.schedule-grid { gap: 22px; }
.schedule-day { border: 1px solid #e9dddb; border-radius: 14px; padding: 0 13px 8px; background: #fff; box-shadow: 0 5px 20px #20232a05; }
.schedule-day h3 { border-radius: 13px 13px 0 0; margin: 0 -13px 0; padding: 17px 12px; background: #fbf0f1; text-align: center; font-size: .875rem; line-height: 1.8; }
.day-title { font-size: 1.3rem; margin-right: 8px; }
.schedule-day td { padding: 15px 4px; line-height: 1.8; }
.schedule-day tr:first-child td { border-top: 0; }
.schedule-day td:first-child { width: 109px; padding-left: 1px; font-size: .875rem; }
.schedule-day tr.highlight { background: #fff6f5; }
.schedule-day tr.highlight td:last-child { padding-right: 4px; }
.schedule-note { line-height: 1.8; }
.parents { color: var(--ink); background: #fbf0f1; border-top: 2px solid var(--wine); border-bottom: 1px solid #e7d6d7; }
.parents-intro { font-size: 1rem; line-height: 1.95; margin-bottom: 26px; }
.parent-list { padding: 6px 19px; background: #fff; border: 1px solid #eedbdd; border-radius: 14px; }
.parent-list div { grid-template-columns: 49px minmax(0,1fr); gap: 12px; padding: 17px 0; border-color: #eee5e3; }
.parent-list div:first-child { border-top: 0; }
.parent-list dt { color: var(--wine); }
.parent-callout { padding: 22px 19px; font-size: 1.1875rem; line-height: 1.85; background: #fff; border: 1px solid #bc8e91; border-radius: 12px; color: var(--wine); text-align: center; }
.overview-list { border: 1px solid #e8dfdc; border-radius: 14px; background: #fff; padding: 3px 19px; box-shadow: 0 6px 22px #20232a06; }
.overview-list div { display: block; padding: 16px 0; }
.overview-list div:last-child { border-bottom: 0; }
.overview-list dt { color: var(--wine); font-size: .9375rem; margin-bottom: 5px; }
.overview-list dd { font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }
.faq { background: var(--soft); }
.faq-list { display: grid; gap: 12px; border: 0; }
.faq-item { background: #fff; border: 1px solid #e5dedd; border-radius: 11px; }
.faq-item[open] { border-color: #cfacad; box-shadow: 0 3px 12px #20232a05; }
.faq-item summary { gap: 10px; padding: 18px 15px; align-items: baseline; font-size: 1rem; font-weight: 500; line-height: 1.8; }
.faq-item summary::before { font-family: var(--serif); font-size: 1.1rem; font-weight: 700; }
.faq-item summary::after { width: 15px; font-size: 1.25rem; }
.faq-item summary:focus-visible { border-radius: 10px; outline-offset: -3px; }
.faq-answer { padding: 0 17px 21px 39px; color: #575151; line-height: 1.9; }
.signup-grid { gap: 29px; }
.signup-grid li { padding: 0 0 0 64px; border: 0; }
.signup-grid li::before { top: 0; width: 47px; height: 47px; display: grid; place-items: center; background: #fbf0f1; border-radius: 50%; font-size: 1.3125rem; color: var(--wine); font-weight: 700; }
.signup-grid h3 { font-size: 1.125rem; margin: 0 0 10px; line-height: 1.8; }
.signup-grid p { line-height: 1.9; }
.final { padding: 49px 0 44px; border-top: 0; border-bottom: 0; background: var(--ink); color: #fff; }
.final h2 { font-size: 1.625rem; line-height: 1.7; margin-bottom: 22px; }
.final h2 .heading-accent { display: block; color: #fff; }
.final-sub { font-size: .9375rem; line-height: 1.95; color: #f4f1ef; margin-bottom: 25px; }
.final .eligibility { color: #eee9e7; }
.site-footer { background: #17191e; color: #e2dfdc; border-top: 1px solid #ffffff16; padding: 25px 20px; }
.mobile-fixed { background: #fff; border-top: 1px solid #e4dfdc; padding-top: 9px; box-shadow: 0 -4px 18px #20232a0b; }

/* Individual supplied icons followed by readable HTML descriptions. */
.outcome-artwork { position: relative; width: 180px; aspect-ratio: 280 / 270; overflow: hidden; margin: 0 auto 20px; }
.outcome-artwork img { position: absolute; display: block; width: 365.714286%; max-width: none; height: auto; left: -50%; }
.outcome + .outcome { border-top: 1px solid #efedeb; padding-top: 32px; }
.outcome-grid { gap: 32px; }
.outcomes-accessible-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Subdue the supplied artwork's large numbered circles. */
.outcome-artwork::after { content: attr(data-number); position: absolute; left: 2%; top: 0; width: 41%; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #bf0007; box-shadow: inset 0 0 0 1px #bf0007; font-family: var(--serif); font-size: 23px; font-weight: 600; letter-spacing: .04em; }

.steps-approved { position: relative; padding: 0; background: #fff; }
.steps-approved-image { display: block; width: 100%; height: auto; filter: contrast(1.02); }


/* Reference: quiet checklist cards and an open serif heading. */
.recommend-eyebrow { margin: 0 0 20px; text-align: center; font-family: Georgia, serif; font-size: 11px; letter-spacing: .28em; color: #888; }
.recommend-layout h2 { font-size: 28px; line-height: 1.65; margin-bottom: 28px; }
.recommend-list { gap: 10px; }
.recommend-list li, .recommend-list li:first-child { display: flex; align-items: center; min-height: 98px; padding: 18px 13px 18px 57px; border: 0; border-radius: 11px; background: #fbf8f7; font-size: 15px; line-height: 1.9; }
.recommend-list li span { display: block; border-left: 1px solid #ded9d7; padding-left: 15px; }
.recommend-list li::before, .recommend-list li:first-child::before { left: 12px; top: 50%; width: 33px; height: 33px; transform: translateY(-50%); background: #fbeeee; }
.recommend-list li::after { left: 21px; top: calc(50% - 6px); width: 17px; height: 10px; border-left: 3px solid #bf0007; border-bottom: 3px solid #bf0007; border-radius: 1px; transform: rotate(-45deg); }

/* Shared English labels. */
.section-eyebrow { margin: 0 0 20px; text-align: center; font-family: Georgia, serif; font-size: 11px; font-weight: 400; line-height: 1.5; letter-spacing: .28em; color: #888; }
.hero .section-eyebrow { margin: 3px 0 12px; }
.steps-approved > .section-eyebrow { padding-top: 40px; margin-bottom: 0; }
.final .section-eyebrow { color: #d0cbca; }

/* Example reference: large question, overlapping slides, red checklist. */
.example { background: #fff; }
.example h2 { font-size: 24px; margin-bottom: 23px; }
.example h2 .heading-accent { color: var(--ink); }
.example-intro h3 { color: var(--ink); font-size: 28px; line-height: 1.65; text-align: center; margin: 0 0 22px; }
.example-question-accent { color: var(--red); }
.example-intro p { font-size: 15px; line-height: 1.95; }
.example-slide-art { position: relative; width: calc(100% + 18px); aspect-ratio: 849 / 694; overflow: hidden; margin: 24px -9px 20px; }
.example-slide-art > img { position: absolute; display: block; max-width: none; width: 110.836278%; height: auto; left: -5.889282%; top: -75.072046%; }
.example .conclusions { display: grid; gap: 9px; padding: 0; margin: 0; background: transparent; border-radius: 0; }
.example .conclusions li { position: relative; border: 0; padding: 14px 13px 14px 49px; background: #fdf4f5; border-radius: 9px; font-size: 15px; line-height: 1.85; }
.example .conclusions li::before { width: 27px; height: 27px; left: 11px; top: calc(50% - 13.5px); background: var(--red); border-radius: 50%; }
.example .conclusions li::after { content: ''; position: absolute; left: 18px; top: calc(50% - 5px); width: 13px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.example-caption { text-align: center; font-size: 13px; line-height: 1.9; padding-top: 23px; margin-top: 23px; border-top: 1px solid #e7e4e3; }

.example-intro .example-theme-label { display: table; margin: 0 auto 13px; padding: 4px 13px; border-radius: 4px; background: #f8eeee; color: #8f0005; font-size: 12px; font-weight: 500; line-height: 1.7; letter-spacing: .05em; }
.example-intro h3 { font-size: 24px; }

.final { padding-top: 0; }
.final-campus-photo { display: block; width: 100%; height: auto; }
.final-content { padding-top: 35px; }

.final { padding: 38px 0 34px; min-height: 375px; }

/* Timetable reference, adapted to the narrow mobile canvas. */
#section-6 h2 { margin-bottom: 12px; }
.schedule-intro { text-align: center; font-family: var(--serif); font-size: 13px; line-height: 1.8; margin-bottom: 26px; }
.schedule-grid { gap: 22px; }
.schedule-day { padding: 0 8px 7px; border: 1px solid #eee6e4; border-radius: 9px; background: #faf7f6; box-shadow: none; overflow: hidden; }
.schedule-day h3 { display: flex; align-items: stretch; margin: 0 -8px 7px; padding: 0; border-radius: 0; background: #f9eded; font-size: 13px; }
.schedule-day .day-title { display: flex; align-items: center; justify-content: center; flex: 0 0 85px; margin: 0; padding: 12px 17px 12px 8px; background: #ac1225; color: #fff; font-family: Georgia, serif; font-size: 20px; clip-path: polygon(0 0,82% 0,100% 100%,0 100%); }
.schedule-day-details { display: block; align-self: center; padding: 9px 8px; text-align: center; font-size: 13px; line-height: 1.8; }
.schedule-day table { width: 100%; border-collapse: separate; border-spacing: 0 6px; table-layout: fixed; }
.schedule-day td { border: 0; padding: 10px 8px; background: #fff; font-size: 13px; line-height: 1.75; vertical-align: middle; }
.schedule-day td:first-child { width: 99px; padding: 10px 4px; background: #fff; border-radius: 6px 0 0 6px; font-size: 11px; white-space: nowrap; text-align: center; }
.schedule-day td:last-child { border-radius: 0 6px 6px 0; }
.schedule-event { display: block; padding-left: 9px; border-left: 1px solid #c8c3c1; }
.schedule-step-label { color: #ac1225; white-space: nowrap; }
.schedule-day tr.highlight { background: transparent; }
.schedule-day tr.highlight td:last-child { padding-right: 8px; }
.schedule-note { margin-top: 20px; font-size: 12px; text-align: center; line-height: 1.9; }

.parent-toggles { border: 1px solid #eedbdd; border-radius: 12px; background: #fff; padding: 0 18px; }
.parent-toggle + .parent-toggle { border-top: 1px solid #eee5e3; }
.parent-toggle summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 58px; padding: 15px 0; cursor: pointer; list-style: none; color: var(--wine); font-size: 15px; font-weight: 600; }
.parent-toggle summary::-webkit-details-marker { display: none; }
.parent-toggle summary::after { content: '+'; color: var(--red); font-size: 22px; font-weight: 400; line-height: 1; }
.parent-toggle[open] summary::after { content: '−'; }
.parent-toggle summary:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.parent-toggle > p { padding: 0 0 19px; font-size: 15px; line-height: 1.9; }

/* Application steps: connected numbers and black copy. */
.apply-timeline { list-style: none; margin: 0; padding: 0; }
.apply-timeline li { position: relative; display: grid; grid-template-columns: 34px 34px minmax(0,1fr); gap: 12px; padding-bottom: 32px; }
.apply-timeline li:last-child { padding-bottom: 0; }
.apply-timeline li:not(:last-child)::before { content: ''; position: absolute; left: 16.5px; top: 33px; bottom: 0; width: 1px; background: #bf0007; }
.apply-number { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #bf0007; border-radius: 50%; background: #fff; color: #bf0007; font-family: Georgia, serif; font-size: 20px; line-height: 1; position: relative; }
.apply-icon { width: 34px; height: 34px; display: block; }
.apply-copy h3 { margin: 0 0 8px; color: #20232a; font-size: 16px; line-height: 1.75; }
.apply-copy p { color: #20232a; font-size: 14px; line-height: 1.9; }
.apply-cta { margin-top: 30px; }
.apply-cta .line-button { gap: 9px; font-size: 16px; padding: 14px 10px; }
.apply-cta .line-button img { width: 34px; height: 34px; }
.apply-arrow { font-size: 29px; line-height: 1; }

/* Give each step icon room alongside its heading. */
.apply-timeline li { grid-template-columns: 34px minmax(0,1fr); gap: 16px; padding-bottom: 36px; }
.apply-timeline li:last-child { padding-bottom: 0; }
.apply-step-heading { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 14px; align-items: center; margin-bottom: 12px; }
.apply-step-heading .apply-icon { width: 48px; height: 48px; }
.apply-step-heading h3 { margin: 0; font-size: 16px; line-height: 1.7; }
.apply-copy > p { font-size: 15px; line-height: 1.85; }

/* Parent reference: open white section and understated accordion rows. */
.parents { background: #fff; border-top: 0; border-bottom: 1px solid #efedeb; }
.parents h2 .heading-accent { color: var(--ink); }
.parents-intro { font-size: 15px; line-height: 2; margin-bottom: 25px; }
.parent-toggles { padding: 0; border: 0; border-radius: 0; background: transparent; }
.parent-toggle, .parent-toggle + .parent-toggle { border-top: 0; border-bottom: 1px solid #d9dadd; }
.parent-toggle summary { min-height: 68px; padding: 17px 12px; font-family: var(--serif); font-size: 21px; color: var(--ink); }
.parent-toggle summary::after { font-size: 29px; color: #b10b12; }
.parent-toggle > p { padding: 0 12px 19px; }
.parent-callout { display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: center; gap: 15px; margin-top: 25px; padding: 20px 14px; background: #faf6f3; border: 0; border-radius: 9px; text-align: left; color: var(--ink); }
.parent-callout > img { display: block; width: 35px; height: 35px; }
.parent-callout-copy { border-left: 1px solid #d5d2d0; padding-left: 15px; }
.parent-callout-copy p { font-size: 14px; line-height: 1.9; }
.parent-callout-copy .parent-callout-lead { font-family: var(--serif); font-size: 16px; font-weight: 700; margin-bottom: 9px; }
.parent-date { color: #ac1225; }

/* Shared section heading system, including the previously embedded process title. */
.section h2, #section-6 h2 { font-family: var(--serif); font-size: 26px; font-weight: 700; line-height: 1.65; letter-spacing: .01em; text-align: center; color: var(--ink); margin: 0 auto 28px; }
.section h2 .heading-accent { color: inherit; }
.section h2 .heading-meta { margin-top: 9px; font-family: var(--sans); font-size: 14px; font-weight: 400; line-height: 1.7; color: #625e5d; }
.section .section-eyebrow { margin: 0 0 18px; padding: 0; font-family: Georgia, serif; font-size: 11px; font-weight: 400; line-height: 1.5; letter-spacing: .28em; text-align: center; color: #888; }
.section.final h2, .section.final h2 .heading-accent { color: #fff; }
.section.final .section-eyebrow { color: #d0cbca; }
.steps-approved { padding-top: 48px; }
.steps-artwork-body { position: relative; width: 100%; aspect-ratio: 870 / 1598; overflow: hidden; margin: 0; }
.steps-artwork-body .steps-approved-image { position: absolute; width: 100%; height: auto; left: 0; top: -13.141427%; }

.site-footer { background: #fff; border-top: 1px solid #eee; padding: 25px 20px; }
.footer-logo { display: block; width: 230px; max-width: 100%; height: auto; margin: 0 auto; }

/* All page and UI surfaces use white; photos and functional accents retain their colors. */
html { background: #f0f0f1; }
body { background: #fff; }
.hero, .section:not(.final), .site-header, .site-footer, .mobile-fixed,
.recommend-list li, .recommend-list li:first-child,
.example .conclusions, .example .conclusions li, .example-intro .example-theme-label,
.schedule-day, .schedule-day h3, .schedule-day td, .schedule-day td:first-child,
.parent-callout, .parent-toggles, .parent-toggle, .overview-list, .faq-item,
.flow, .step-no, .example-layout { background-color: #fff; }
.recommend-list li::before, .recommend-list li:first-child::before { background: #fff; }
.recommend-list li, .recommend-list li:first-child, .example .conclusions li { border: 1px solid #e6e6e6; }
.example-intro .example-theme-label { border: 1px solid #e6e6e6; }
.parent-callout { border: 1px solid #e6e6e6; }
.schedule-day h3 { border-bottom: 1px solid #e6e6e6; }

/* Keep the artwork mask while reducing only the visible numbered badge. */
.outcome-artwork::after { content: ''; box-shadow: none; z-index: 1; }
.outcome-artwork::before { content: attr(data-number); position: absolute; left: 8.5%; top: 6.7%; width: 28%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #bf0007; color: #bf0007; font-family: var(--serif); font-size: 18px; font-weight: 600; letter-spacing: .04em; z-index: 2; }

/* Clean source artwork no longer needs a mask over its upper-left corners. */
.outcome-artwork::after { display: none; }

/* Cream belongs only inside bounded cards, never to the section or outer canvas. */
.recommend-list li, .recommend-list li:first-child,
.example .conclusions li, .example-intro .example-theme-label,
.overview-list, .faq-item, .parent-callout,
.schedule-day, .schedule-day h3 { background-color: #faf7f2; }
/* Keep timetable rows as previously requested: white across time and content. */
.schedule-day td, .schedule-day td:first-child { background-color: #fff; }

/* Place the language note directly beneath the sample slides. */
.example-slide-art { margin-bottom: 10px; }
.example .example-caption { margin-top: 0; padding-top: 0; border-top: 0; text-align: left; font-size: 12px; line-height: 1.8; }

/* End the process graphic after the output flow, omitting its old footnote. */
.steps-artwork-body { aspect-ratio: 870 / 1435; }
.steps-artwork-body .steps-approved-image { top: -14.634146%; }

.final{background-image:linear-gradient(180deg,rgba(10,20,35,.6) 0%,rgba(10,20,35,.65) 65%,#20232a 100%),url("../images/final-bg.jpg");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat}

/* リード文をCTAの上へ。 */
.hero-lead{order:2;margin:0 0 20px;font-size:15px;line-height:1.95}
.hero-stats{margin:0 0 26px}
.hero-stats dd{font-family:var(--serif)}

/* FV日程ブロック：リード文とCTAの間 */
.hero-dates{flex-direction:column;align-items:center;gap:3px;border-top:1px solid #eadcda;border-bottom:1px solid #eadcda;padding:13px 0;margin:0 0 20px}
.hero-dates-main{font-family:var(--serif);font-size:1.3125rem;font-weight:700;letter-spacing:.02em;line-height:1.4;color:var(--ink)}
.hero-dates-main span{font-size:.8125rem;font-weight:500}
.hero-dates-sub{font-size:.875rem;line-height:1.5;color:#625e5d;letter-spacing:.02em}

/* 4つの成果：イラスト＋見出しを一覧表示し、説明は開閉 */
.outcome-grid{gap:0 !important;padding-top:0 !important}
.outcome.outcome-row{display:block;padding:0 !important;border:0 !important;border-top:1px solid #e9e4e2 !important}
.outcome.outcome-row:last-child{border-bottom:1px solid #e9e4e2 !important}
.outcome-row summary{display:flex;align-items:center;gap:12px;padding:11px 2px;list-style:none;cursor:pointer}
.outcome-row summary::-webkit-details-marker{display:none}
.outcome-row summary::after{content:"+";margin-left:auto;padding-left:8px;color:var(--red);font-size:21px;font-weight:400;line-height:1}
.outcome-row[open] summary::after{content:"−"}
.outcome-row summary:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.outcome-row .outcome-artwork{width:76px !important;flex:0 0 76px;margin:0 !important}
.outcome-row .outcome-artwork::before{display:none}
.outcome-row .o-no{font-family:Georgia,serif;font-size:.8125rem;color:var(--red);letter-spacing:.06em;flex:0 0 auto}
.outcome-row .o-ttl{font-family:var(--serif);font-size:15.5px;letter-spacing:-.012em;font-weight:700;line-height:1.55;text-align:left}
.outcome-row p{padding:0 2px 17px 100px;margin:0;font-size:.9375rem;line-height:1.9;text-align:left}

/* EXAMPLE：テーマカード（薄ピンク）とスライドカード（白）を分ける */
.example-intro{padding:22px 17px 20px;background:#faf3f1;border:0;border-radius:14px;text-align:left}
.example-intro .example-theme-label{display:block;width:auto;margin:0 0 13px;padding:1px 0 1px 11px;
 border:0;border-left:3px solid var(--red);border-radius:0;background:transparent;
 color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.6}
.example-intro h3{text-align:left;font-size:21px;line-height:1.62;margin:0 0 14px}
.example-intro p{text-align:left;font-size:14.5px;line-height:1.95}
.example-slide-art{width:100%;margin:20px 0 13px;border-radius:12px;background:#fff;
 box-shadow:0 6px 22px rgba(32,35,42,.07)}
.example .example-caption{text-align:center;font-size:12px;line-height:1.85;margin-top:0;padding-top:0;border-top:0}

/* 中盤CTA */
.mid-cta{text-align:center}
.mid-cta-lead{margin:0 0 15px;font-family:var(--serif);font-size:1rem;font-weight:700;line-height:1.7;letter-spacing:.01em;color:var(--ink)}

/* 開催概要：2カラムの表組み */
.overview-sub{text-align:center;font-family:var(--serif);font-size:14px;line-height:1.8;margin:-16px 0 24px;color:var(--ink)}
.overview-list{border:1px solid #e6dcda !important;border-radius:3px !important;background:#fff !important;padding:0 !important;box-shadow:none !important;overflow:hidden}
.overview-list div{display:grid !important;grid-template-columns:88px minmax(0,1fr);padding:0 !important;border-bottom:1px solid #eeeaea !important;border-top:0 !important}
.overview-list div:last-child{border-bottom:0 !important}
.overview-list dt{display:flex;align-items:center;justify-content:center;margin:0 !important;padding:13px 4px;
 background:#fbeced;color:#8f0005;font-size:12.5px;font-weight:700;line-height:1.5;text-align:center;letter-spacing:.01em}
.overview-list dd{padding:12px 11px;font-size:13.5px;line-height:1.75;background:#fff;overflow-wrap:anywhere}
.ov-note{display:block;margin-top:4px;font-size:11.5px;line-height:1.7;color:#6b6664}
.ov-inline{margin-left:5px;font-size:11.5px;color:#6b6664;white-space:nowrap}

/* 中盤CTA：背景写真を薄く敷く */
.mid-cta{position:relative;overflow:hidden;background:#fff;width:calc(100% + 40px);margin:30px -20px 0 !important;padding:42px 20px 38px !important;border-top:0 !important}
.mid-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("../images/mid-cta-bg.jpg");background-size:cover;background-position:58% 62%;background-repeat:no-repeat;opacity:.13;filter:saturate(.7)}
.mid-cta > *{position:relative;z-index:1}
.mid-cta .mid-cta-lead{color:#14171d;text-shadow:none}
.mid-cta .eligibility{color:#575250;text-shadow:none}

/* おすすめ：イラストと文言を交互に配置 */
.recommend-list{display:block !important;margin:0;padding:0;list-style:none}
.recommend-list li,.recommend-list li:first-child{display:grid !important;align-items:center;
 grid-template-columns:minmax(0,1fr) 150px;column-gap:10px;
 min-height:0 !important;padding:0 !important;margin:0 0 20px !important;
 border:0 !important;border-radius:0 !important;background:transparent !important}
.recommend-list li:last-child{margin-bottom:0 !important}
.recommend-list li::before,.recommend-list li::after,
.recommend-list li:first-child::before{display:none !important;content:none !important}
.recommend-list .rec-txt{grid-column:1;grid-row:1;margin:0;font-size:14px;line-height:1.85;
 letter-spacing:.005em;text-align:left;border:0;padding:0}
.recommend-list .rec-fig{grid-column:2;grid-row:1;margin:0}
.recommend-list .rec-fig img{display:block;width:100%;height:auto}
.recommend-list li:nth-child(even) .rec-txt{grid-column:2}
.recommend-list li:nth-child(even) .rec-fig{grid-column:1}
.recommend-list li span{display:inline !important;border:0 !important;padding:0 !important}
.rec-em{color:var(--red);font-weight:700}

/* 保護者：日時カード＋開閉リスト */
.parents-intro{font-size:14px;line-height:1.95;margin-bottom:0}
.parent-callout{display:block !important;grid-template-columns:none !important;
 margin:22px 0 24px !important;padding:22px 17px 19px !important;
 background:#fbf2f2 !important;border:0 !important;border-radius:2px !important;text-align:left !important}
.parent-callout-date{font-family:var(--serif);font-size:26px;font-weight:700;color:#a4121f;
 line-height:1.3;letter-spacing:.01em;margin:0 0 11px}
.parent-callout-date .pc-wd{font-size:15px;font-weight:600}
.parent-callout-lead{font-family:var(--serif) !important;font-size:16px !important;font-weight:700;
 line-height:1.65;color:var(--ink);margin:0 !important;border:0;padding:0}
.parent-callout-note{font-size:14px;line-height:1.8;color:#3c3836;margin:0}
.parent-toggle:first-child{border-top:1px solid #d9dadd}
.parent-toggle summary{font-size:19px}

/* 最終CTA：指定の改行位置を保つため見出しを1段小さく */
.section.final h2{font-size:23px;line-height:1.7}

/* 申込ステップ：説明文を補足として一段落とす */
.apply-copy > p{font-size:13px !important;line-height:1.8 !important;color:#625e5d !important;margin-top:2px}

/* FV：写真コラージュの上に文言を載せる */
.hero{padding:0 !important;background:#fff !important;border-bottom:0 !important}
.hero-canvas{position:relative;width:100%;aspect-ratio:1124/1840;
 background-image:url("../images/fv-bg.jpg");background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.hero-copy{position:absolute;left:5.6%;top:24.5%;width:74%}
.hero-copy .section-eyebrow{margin:0 0 9px !important;text-align:left !important;padding:0 !important}
.hero-copy .badge{display:block;margin:0 0 13px;padding:0}
.hero-copy .badge span:first-child{display:inline-block;border:1px solid #b3233a !important;border-radius:0 !important;
 background:transparent !important;padding:5px 11px !important;font-size:11.5px !important;font-weight:600;color:#8f0005;letter-spacing:.02em}
.hero-copy h1{margin:0 0 11px !important;font-size:24px !important;line-height:1.42 !important;letter-spacing:.005em}
.hero-copy h1 .h-line{display:block;white-space:nowrap}
.hero-copy h1 em{font-style:normal;color:#b3122a;font-size:29px;font-weight:700;letter-spacing:.01em}
.hero-copy .hero-lead{order:0 !important;margin:0 0 15px !important;font-size:12.5px !important;line-height:1.75 !important;color:#2a2d33}
.hero-dates{display:block !important;border:0 !important;padding:0 !important;margin:0 !important;width:auto !important}
.hd-main{margin:0 0 4px;padding:0 0 6px;border-bottom:1.5px solid #c8536a;display:inline-block;
 font-family:var(--serif);font-size:22px;font-weight:700;color:#b3122a;line-height:1.25;letter-spacing:.01em}
.hd-main span{font-size:12.5px;font-weight:600}
.hd-sub{margin:0;font-size:12.5px;line-height:1.6;color:#2a2d33;letter-spacing:.02em}
.hero-canvas .hero-cta{position:absolute;left:5.6%;right:5.6%;bottom:2.5%;margin:0 !important;padding:0 !important;width:auto}
.hero-canvas .line-button{min-height:52px;font-size:15px;box-shadow:0 5px 16px rgba(8,80,40,.22)}

/* FV文字の可読性／フッターロゴ／注釈の左揃え */
.hero-copy{text-shadow:0 1px 6px rgba(255,255,255,.85),0 0 14px rgba(255,255,255,.7)}
.footer-logo{width:160px !important}
.example .example-caption{text-align:left !important}
.schedule-note{text-align:left !important}

.example .example-caption{font-size:11px !important;letter-spacing:-.01em;white-space:nowrap}

/* ヘッダーを詰めてFVのCTAを押し上げる */

/* 参加無料の強調 */

/* UCSI大学について */
.about-ucsi{background:#fff}
.about-intro{font-size:14px;line-height:1.95;margin:0 0 24px}
.about-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.about-list li{padding:16px 16px 15px;border:1px solid #e8dfdc;border-radius:3px;background:#faf7f2}
.ab-t{margin:0 0 7px;padding-left:11px;border-left:3px solid var(--red);
 font-family:var(--serif);font-size:15.5px;font-weight:700;line-height:1.6;color:var(--ink)}
.ab-d{margin:0;font-size:13px;line-height:1.85;color:#4a4644}

/* WHY UCSI */
.why-ucsi{background:#fff;padding-bottom:56px !important}
.why-ucsi h2{margin-bottom:22px !important;font-size:24px !important;letter-spacing:-.015em !important;line-height:1.6 !important;white-space:nowrap}
.why-body{margin:0 auto;padding-top:0;border-top:0;width:max-content;max-width:100%}
.why-body p{margin:0 0 17px;font-size:13.5px;line-height:1.95;text-align:left;color:var(--ink)}
.why-body p:last-child{margin-bottom:0}
.why-body strong{color:inherit;font-weight:700}
.why-photo{margin:22px 0 0}
.why-photo img{display:block;width:100%;height:auto;
 -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 6%,rgba(0,0,0,.8) 14%,#000 24%);
 mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 6%,rgba(0,0,0,.8) 14%,#000 24%)}

/* WHY UCSI：下段の2ブロック */
.why-sub{padding-top:36px}
.why-sub-eyebrow{margin:0 0 10px;font-family:Georgia,serif;font-size:10.5px;font-weight:400;
 letter-spacing:.24em;line-height:1.5;color:#9a908e;text-align:left}
.why-sub h3{margin:0 0 11px;font-family:var(--serif);font-size:19px;font-weight:700;
 line-height:1.55;color:var(--ink);text-align:left}
.why-sub p{margin:0;font-size:13px;line-height:1.9;color:#4a4644;text-align:left}
.why-photo2{margin:18px 0 0}
.why-photo2 img{display:block;width:100%;height:auto}

/* UCSI詳細トグル */
.ucsi-toggle{margin-top:16px;border-top:1px solid #e5dedc;border-bottom:1px solid #e5dedc}
.ucsi-toggle summary{display:flex;align-items:center;justify-content:space-between;gap:12px;
 list-style:none;cursor:pointer;padding:14px 2px;font-size:13.5px;font-weight:600;line-height:1.6;color:var(--wine)}
.ucsi-toggle summary::-webkit-details-marker{display:none}
.ucsi-toggle summary::after{content:"▼";font-size:10px;color:var(--red);flex:0 0 auto}
.ucsi-toggle[open] summary::after{content:"▲"}
.ucsi-toggle summary:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.ucsi-list{list-style:none;margin:0;padding:2px 2px 18px;display:grid;gap:19px;counter-reset:none}
.ucsi-list li{padding:0}
.ucsi-list .ul-t{margin:0 0 6px;font-family:var(--serif);font-size:14.5px;font-weight:700;line-height:1.65;color:#b3122a}
.ucsi-list .ul-n{display:inline-block;margin-right:9px;padding-right:9px;border-right:1px solid #d9cfcd;
 font-family:Georgia,serif;font-size:13px;color:#b3122a;letter-spacing:.04em;vertical-align:1px}
.ucsi-list .ul-d{margin:0;font-size:11.5px;line-height:1.9;color:#4a4644}
.ul-note{margin:7px 0 0;font-size:11px;line-height:1.8;color:#6f6a68}
.why-sub h3{font-size:19px}

/* FV（新ビジュアル） */
.hero-copy{left:6% !important;top:33.5% !important;width:80% !important;z-index:1}
.hero-copy .badge span:first-child{padding:5px 10px !important;font-size:11px !important;letter-spacing:.01em}
.hero-copy .badge-free{font-style:normal;color:#b3122a;font-weight:700}
.hero-copy h1{font-size:18.5px !important;line-height:1.5 !important;margin:0 0 10px !important}
.hero-copy h1 .h-ao{font-size:13px;font-weight:700;letter-spacing:-.02em}
.hero-copy h1 em{font-size:27.5px;line-height:1.35;display:inline-block;margin-top:2px}
.hero-copy .hero-lead{font-size:13px !important;margin:0 0 14px !important;line-height:1.7 !important}
.hd-main{border-bottom:0 !important;padding:0 !important;font-size:22px !important;margin:0 0 3px !important}
.hd-sub{font-size:12.5px !important}
.hero-canvas .hero-cta{bottom:3%}

/* FVのコピーを白いベールの上に置く */
.hero-copy{position:absolute}
.hero-copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;
 left:-11%;right:-16%;top:-9%;bottom:-8%;
 background:radial-gradient(60% 52% at 38% 50%,
  rgba(255,255,255,.93) 0%,rgba(255,255,255,.86) 42%,
  rgba(255,255,255,.55) 68%,rgba(255,255,255,0) 100%)}
.hero-copy > *{position:relative}

/* FVコピー：参考画像に合わせて大きく・詰める */
.hero-copy{left:5.5% !important;top:34.8% !important;width:86% !important}
.hero-copy .badge{margin:0 0 9px !important}
.hero-copy .badge span:first-child{padding:4px 9px !important;font-size:11.5px !important;letter-spacing:0}
.hero-copy h1{font-size:21px !important;line-height:1.42 !important;margin:0 0 7px !important;letter-spacing:-.01em}
.hero-copy h1 .h-ao{font-size:18px;letter-spacing:-.05em;margin:0 -.34em}
.hero-copy h1 em{font-size:42px !important;line-height:1.22;letter-spacing:-.02em;margin-top:2px}
.hero-copy .hero-lead{font-size:14px !important;margin:0 0 10px !important;line-height:1.6 !important;letter-spacing:-.01em}
.hd-main{font-size:28px !important;letter-spacing:-.02em !important;margin:0 0 1px !important;white-space:nowrap}
.hd-main .pc-wd,.hd-main span{font-size:14px !important;letter-spacing:-.06em;margin:0 -.3em}
.hd-main .nk{font-size:28px !important;letter-spacing:0 !important;margin:0 -.26em !important}
.hd-sub{font-size:14px !important;letter-spacing:-.01em;color:#2b2724 !important}
.hero-copy,.hero-copy h1,.hero-copy .hero-lead,.hd-main,.hd-sub,.hero-copy .badge span:first-child{
 -webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1}
.hero-copy::before{left:-8%;right:-10%;top:-8%;bottom:-7%;
 background:radial-gradient(62% 54% at 42% 50%,
  rgba(255,255,255,.90) 0%,rgba(255,255,255,.82) 44%,
  rgba(255,255,255,.48) 70%,rgba(255,255,255,0) 100%)}

/* 開催概要直後のCTA／追従CTAのスリム化／FVのフォールド内格納 */
.mobile-fixed .eligibility{font-size:11.5px !important;line-height:1.5 !important;
 margin-top:6px !important;letter-spacing:-.01em;white-space:nowrap;text-align:center}
.mobile-fixed{padding-top:8px !important}
.mobile-fixed .line-button{min-height:50px !important}
body{padding-bottom:96px !important}

/* 中間CTA（全幅の帯）の直下に出ていた白い余白を除去 */
#section-5{padding-bottom:0 !important}

/* 住所：建物名を途中で折り返さない */
.ov-note .nw{white-space:nowrap}

/* OUTCOMESのトグルをABOUT UCSIのトグルと同じ意匠に揃える */
.outcome.outcome-row{border-top:1px solid #e5dedc !important}
.outcome.outcome-row:last-child{border-bottom:1px solid #e5dedc !important}
.outcome-row summary{padding:14px 2px !important;justify-content:space-between}
.outcome-row summary::after{content:"▼" !important;font-size:10px !important;
 margin-left:auto;padding-left:12px;color:var(--red);font-weight:400;line-height:1;flex:0 0 auto}
.outcome-row[open] summary::after{content:"▲" !important}
.outcome-row .o-ttl{font-size:14.5px;line-height:1.6}
.outcome-row p{padding-bottom:18px !important}

/* 開催概要：日付を途中で折り返さない */
.overview-list dd .nw{white-space:nowrap}

/* FAQの開閉マーカーもABOUT UCSI／OUTCOMESと同じ▼▲に統一 */
.faq-item summary::after{content:"▼" !important;font-size:10px !important;
 width:auto !important;padding-left:12px;line-height:1;align-self:center;
 color:var(--red);font-weight:400}
.faq-item[open] summary::after{content:"▲" !important}

/* 日本語の改行制御：文節単位で折り返す（語の途中で切らない） */
.recommend-list li .rec-txt .nb,.why-sub h3 .nb{display:inline-block !important}
.recommend-list li:nth-child(even),
.recommend-list li:nth-child(even):first-child{grid-template-columns:140px minmax(0,1fr) !important}
.recommend-list li,.recommend-list li:first-child{grid-template-columns:minmax(0,1fr) 140px !important}

/* FAQ：カード型 → 罫線区切りのフラット構成（参考デザイン準拠） */
#section-9{background:#fff !important}

.faq-list{display:block !important;gap:0 !important;border-top:1px solid #ece6e4 !important}
#section-9 .faq-item{background:transparent !important;border:0 !important;
 border-bottom:1px solid #ece6e4 !important;border-radius:0 !important;box-shadow:none !important}
#section-9 .faq-item[open]{border-color:#ece6e4 !important;box-shadow:none !important}
#section-9 .faq-item summary{gap:10px;padding:17px 2px;align-items:center;
 font-family:var(--sans) !important;font-size:13.5px;font-weight:600;line-height:1.7;
 letter-spacing:-.025em;color:#1f1c1b}
#section-9 .faq-item summary::before{content:"Q." !important;font-family:var(--serif);
 font-size:15.5px;font-weight:600;color:var(--red);flex:0 0 auto;line-height:1.6}
#section-9 .faq-item summary::after{padding-left:8px !important}
#section-9 .faq-answer{position:relative;margin:0 0 16px;padding:15px 16px 15px 48px;
 background:#faf1f1;color:#4a4644;font-size:13.5px;line-height:1.95}
#section-9 .faq-answer::before{content:"A.";position:absolute;left:17px;top:14px;
 font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--red);line-height:1.6}

/* ===== ORGANIZER ===== */
.organizer{background:var(--soft);padding-top:44px !important;padding-bottom:0 !important}
.organizer h2{margin-bottom:22px !important}
.organizer h2 .org-name{display:block;color:var(--red) !important;font-size:27px;letter-spacing:.04em;line-height:1.45;margin-top:2px}
.org-lead{margin:0 0 20px;text-align:center;font-size:13.5px;line-height:1.85;color:var(--muted)}
.org-photo{margin:0;position:relative}
.org-photo img{display:block;width:100%;height:auto}
.org-photo figcaption{position:absolute;left:0;bottom:0;padding:5px 10px;background:rgba(32,35,42,.72);color:#fff;font-size:10.5px;letter-spacing:.04em;line-height:1.5}
.org-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 8px;padding:0;list-style:none}
.org-stats li{background:#fff;border:1px solid #eadcda;border-radius:10px;padding:12px 4px 10px;text-align:center}
.org-stats .os-k{display:block;font-size:10.5px;line-height:1.45;color:var(--muted);letter-spacing:.02em}
.org-stats .os-v{display:block;margin-top:4px;font-family:var(--serif);font-weight:700;color:var(--red);font-size:21px;line-height:1.2}
.org-stats .os-v small{font-size:12px;margin-left:1px}
.org-stats .os-s{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:var(--muted)}
.org-note{margin:0 0 26px;font-size:10px;line-height:1.6;color:#8a8381}
.org-block{margin:0 0 26px}
#section-organizer .org-photo + .wrap{padding-top:28px}
.org-block h3{margin:0 0 10px;padding-left:11px;border-left:3px solid var(--red);font-family:var(--serif);font-size:17px;line-height:1.55;color:var(--ink)}
.org-block p{margin:0 0 14px;font-size:14px;line-height:1.95}
.org-block p:last-of-type{margin-bottom:0}
.org-block .org-em{color:var(--red);font-weight:700}
.org-block .org-conclusion{font-weight:700}
.org-block .ucsi-toggle{margin-top:14px}
.org-points{margin:16px 0 0;padding:0;list-style:none;background:#fff;border:1px solid #eee6e4;border-radius:10px}
.org-points li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;font-size:14px;line-height:1.75}
.org-points li+li{border-top:1px solid #f0e9e7}
.org-points .op-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-family:Georgia,serif;font-size:12px;margin-top:1px}
.org-credit{margin:22px 0 0;text-align:center;font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.org-credit strong{color:var(--ink)}
#section-organizer .org-intro{margin:0 0 28px}
#section-organizer .org-counsel{margin:28px 0 0}
#section-organizer .org-block h3{border-left:0;padding-left:0}
.benefit h2{margin-bottom:18px !important}
.benefit-lead{margin:0;text-align:center;font-size:14px;line-height:1.95;color:var(--ink)}
.benefit-ticket{margin:22px 0 0;padding:0 8px}
.benefit-ticket img{display:block;width:100%;height:auto}
.hero-copy .badge .badge-free{color:inherit !important;font-weight:inherit !important}
.hero-copy h1{font-size:16px !important;letter-spacing:.04em !important;line-height:1.42 !important}
.hero-copy h1 .h-ao{font-size:12.5px !important;letter-spacing:.03em !important;margin:0 -.1em !important}
.hero-copy h1 em{margin-top:4px !important;letter-spacing:-.02em !important}
.hd-main{letter-spacing:0 !important}
.hd-main span:not(.nk){font-size:14px !important;letter-spacing:.02em !important;margin:0 0 0 .15em !important}
.hd-main .nk{display:inline-block;font-size:24px !important;margin:0 -.05em 0 -.02em !important;transform:translateY(-.08em)}
.hero-copy::before{left:-4% !important;right:8% !important;top:-3% !important;bottom:-2% !important;
 background:radial-gradient(55% 50% at 38% 45%,rgba(255,255,255,.75) 0%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 90%) !important}
.sched-note{display:block;margin-top:-4px;font-size:11.5px;font-weight:400;line-height:1.3;color:#625e5d;letter-spacing:0}
.hd-main{font-size:24px !important;letter-spacing:.01em !important}
.hd-main span:not(.nk){font-size:12.5px !important;margin:0 0 0 .2em !important}
.hd-main .nk{font-size:20px !important;margin:0 .05em 0 .1em !important}
#section-organizer .org-block p.org-source{margin-top:4px;font-size:11px;line-height:1.7;color:#8a8381}

/* LINE申込ボタンをリンク化（2026-10-02） */
a.line-button{box-sizing:border-box;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s ease,transform .15s ease}
a.line-button:hover{filter:brightness(1.05)}
a.line-button:active{transform:translateY(1px)}
a.line-button:focus-visible{outline:3px solid #143323;outline-offset:3px}
