/* 比較用の明るい配色案。元ページには適用しない。 */
:root {
 --bg-main:#FCFDF9;
 --bg-light-green:#F0FAF1;
 --bg-light-blue:#EFF9FC;
 --color-primary-bg:#EFF9EF;
}
.hero { background:#E8F3E9; }
.hero::before { background:linear-gradient(90deg,rgba(250,253,245,.96) 0%,rgba(250,253,245,.89) 30%,rgba(250,253,245,.58) 52%,rgba(250,253,245,.04) 80%),linear-gradient(0deg,rgba(244,251,241,.38),transparent 35%); }
.hero__catch { color:var(--color-navy);text-shadow:none; }
.hero__sub { color:#304B42;text-shadow:none; }
.hero__eyebrow { color:#287B45; }
.hero .btn--outline { background:rgba(255,255,255,.82);border-color:#2D8C4E;color:#226C3B; }
.hero .btn--outline:hover { background:#EFF9EF;color:#1A5C33; }
.hero__side-label { color:#284C43; }
.hero__scroll-text { color:#284C43; }
.wave-band { background:linear-gradient(120deg,#D8F3EE 0%,#DFF4FA 48%,#E8F5C9 100%); }
.wave-band__parallax > use:nth-child(1),.hero__waves use:nth-child(1) { fill:rgba(130,211,173,.25); }
.wave-band__parallax > use:nth-child(2),.hero__waves use:nth-child(2) { fill:rgba(157,215,234,.3); }
.wave-band__parallax--btm > use:nth-child(3),.hero__waves use:nth-child(3) { fill:rgba(193,226,155,.3); }
.official__visual { background:linear-gradient(145deg,#397E4B 0%,#53A368 100%); }
.rp-hero__overlay { background:linear-gradient(180deg,rgba(15,38,27,.12),rgba(15,38,27,.02) 38%,rgba(15,38,27,.62)),linear-gradient(90deg,rgba(15,38,27,.28),transparent 65%); }
.bright-preview-nav { position:fixed;bottom:16px;left:16px;z-index:9999;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;color:#1B2D5B;border:1px solid #D8E8DC;border-radius:30px;box-shadow:0 3px 16px #1a5c331a;font:600 12px/1.5 sans-serif; }
.bright-preview-nav a {color:#226C3B;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:768px) {
 .hero::before {background:linear-gradient(90deg,rgba(250,253,245,.96),rgba(250,253,245,.75) 65%,rgba(250,253,245,.5));}
 .bright-preview-nav {bottom:10px;left:10px;padding:8px 12px;font-size:11px;}
}