/* ===== G案：B案をパステルに寄せたもの（2026-08-26）=====
   形・配置・レイアウトは B案（＝納品版の飛沫）とまったく同じ。色だけ差し替えている。
   面用は B の9色に白を35%混ぜ、彩度を12%落としたもの。
   文字用は B のまま（パステルにすると白地で 1.3〜2:1 になり読めないため）。 */
:root{
  --a1:#F8E292;--a2:#F7BF7E;--a3:#F89A90;--a4:#F894C3;--a5:#F3A9D9;
  --a6:#C3A3EB;--a7:#9AB7EF;--a8:#8CD7DE;--a9:#A5DFA3;
  --rt1:#B78F00;--rt2:#E07900;--rt3:#FF5B4A;--rt4:#A268EB;--rt5:#578CF4;--rt6:#23A2AF;--rt7:#32AA2D;
  --rainbow:linear-gradient(95deg,#B78F00,#E07900,#FF5B4A,#FF4FA3,#F754BD,#A268EB,#578CF4,#23A2AF,#32AA2D);
  --rainbow-soft:linear-gradient(95deg,#F8E292,#F7BF7E,#F89A90,#F894C3,#F3A9D9,#C3A3EB,#9AB7EF,#8CD7DE,#A5DFA3);
  /* 白地の大きな英字タイトル用。--rainbow-soft をそのまま白地に置くと 1.3〜2.1:1 で
     ほぼ見えないため、同じ色相・低めの彩度のまま、白地で 3.05:1 になるところまで
     明度だけ落としたもの。従来の --rainbow より彩度が4割低く、くすんだパステルに見える */
  --rainbow-pale:linear-gradient(95deg,#AC9133,#C6863D,#D57A71,#D674A2,#CE77AF,#A586CB,#7794CB,#519FA7,#5BA358);
  --ink-splash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.014%22%20numOctaves%3D%224%22%20seed%3D%227%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22190%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22b%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.021%22%20numOctaves%3D%225%22%20seed%3D%2219%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22150%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22c%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.03%22%20numOctaves%3D%223%22%20seed%3D%2241%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%221240%22%20cy%3D%22150%22%20r%3D%22150%22%20fill%3D%22%23F8E292%22%2F%3E%3Ccircle%20cx%3D%221345%22%20cy%3D%22300%22%20r%3D%22108%22%20fill%3D%22%23F89A90%22%2F%3E%3Ccircle%20cx%3D%221110%22%20cy%3D%2260%22%20r%3D%2276%22%20fill%3D%22%23F7BF7E%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.88%22%3E%3Ccircle%20cx%3D%221265%22%20cy%3D%22715%22%20r%3D%22124%22%20fill%3D%22%238CD7DE%22%2F%3E%3Ccircle%20cx%3D%221335%22%20cy%3D%22720%22%20r%3D%22100%22%20fill%3D%22%23A5DFA3%22%2F%3E%3Ccircle%20cx%3D%221180%22%20cy%3D%22840%22%20r%3D%2272%22%20fill%3D%22%239AB7EF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.88%22%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22770%22%20r%3D%22122%22%20fill%3D%22%23C3A3EB%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22640%22%20r%3D%2276%22%20fill%3D%22%239AB7EF%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22880%22%20r%3D%2264%22%20fill%3D%22%23F894C3%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.85%22%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22250%22%20r%3D%2286%22%20fill%3D%22%23F7BF7E%22%2F%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22110%22%20r%3D%2258%22%20fill%3D%22%23A5DFA3%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.7%22%3E%3Ccircle%20cx%3D%221350%22%20cy%3D%22470%22%20r%3D%2252%22%20fill%3D%22%23F3A9D9%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22855%22%20r%3D%2258%22%20fill%3D%22%23F89A90%22%2F%3E%3Ccircle%20cx%3D%22700%22%20cy%3D%2245%22%20r%3D%2248%22%20fill%3D%22%238CD7DE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --ink-splash-dark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.014%22%20numOctaves%3D%224%22%20seed%3D%227%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22190%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22b%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.021%22%20numOctaves%3D%225%22%20seed%3D%2219%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22150%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22c%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.03%22%20numOctaves%3D%223%22%20seed%3D%2241%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22110%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%221240%22%20cy%3D%22150%22%20r%3D%22150%22%20fill%3D%22%23FF7A6C%22%2F%3E%3Ccircle%20cx%3D%221345%22%20cy%3D%22300%22%20r%3D%22108%22%20fill%3D%22%23F58ACF%22%2F%3E%3Ccircle%20cx%3D%221110%22%20cy%3D%2260%22%20r%3D%2276%22%20fill%3D%22%23FF6FB5%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.88%22%3E%3Ccircle%20cx%3D%221265%22%20cy%3D%22715%22%20r%3D%22124%22%20fill%3D%22%23FF7A6C%22%2F%3E%3Ccircle%20cx%3D%221335%22%20cy%3D%22720%22%20r%3D%22100%22%20fill%3D%22%23FF6FB5%22%2F%3E%3Ccircle%20cx%3D%221180%22%20cy%3D%22840%22%20r%3D%2272%22%20fill%3D%22%2355C050%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.88%22%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22770%22%20r%3D%22122%22%20fill%3D%22%233FBAC6%22%2F%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22640%22%20r%3D%2276%22%20fill%3D%22%2355C050%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22880%22%20r%3D%2264%22%20fill%3D%22%23B287EC%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.85%22%3E%3Ccircle%20cx%3D%2295%22%20cy%3D%22250%22%20r%3D%2286%22%20fill%3D%22%23FF6FB5%22%2F%3E%3Ccircle%20cx%3D%22230%22%20cy%3D%22110%22%20r%3D%2258%22%20fill%3D%22%23FF6FB5%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23c%29%22%20opacity%3D%22.7%22%3E%3Ccircle%20cx%3D%221350%22%20cy%3D%22470%22%20r%3D%2252%22%20fill%3D%22%237BA3F5%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22855%22%20r%3D%2258%22%20fill%3D%22%23F58ACF%22%2F%3E%3Ccircle%20cx%3D%22700%22%20cy%3D%2245%22%20r%3D%2248%22%20fill%3D%22%23FF7A6C%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --ink-splash-sp:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%202400%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.012%22%20numOctaves%3D%224%22%20seed%3D%227%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22150%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22b%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.02%22%20numOctaves%3D%224%22%20seed%3D%2223%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22105%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22180%22%20r%3D%22110%22%20fill%3D%22%23F8E292%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22742%22%20cy%3D%22470%22%20r%3D%2296%22%20fill%3D%22%23F89A90%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22760%22%20r%3D%2286%22%20fill%3D%22%23C3A3EB%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%22980%22%20r%3D%22120%22%20fill%3D%22%238CD7DE%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%221330%22%20r%3D%2298%22%20fill%3D%22%23F894C3%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22748%22%20cy%3D%221620%22%20r%3D%22104%22%20fill%3D%22%23A5DFA3%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%221980%22%20r%3D%2290%22%20fill%3D%22%239AB7EF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22756%22%20cy%3D%222260%22%20r%3D%22112%22%20fill%3D%22%23F7BF7E%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --ink-splash-sp-dark:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%202400%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.012%22%20numOctaves%3D%224%22%20seed%3D%227%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22150%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22b%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.02%22%20numOctaves%3D%224%22%20seed%3D%2223%22%20result%3D%22n%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22n%22%20scale%3D%22105%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22180%22%20r%3D%22110%22%20fill%3D%22%23FF7A6C%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22742%22%20cy%3D%22470%22%20r%3D%2296%22%20fill%3D%22%23F58ACF%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%22760%22%20r%3D%2286%22%20fill%3D%22%233FBAC6%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%22980%22%20r%3D%22120%22%20fill%3D%22%23FF7A6C%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%221330%22%20r%3D%2298%22%20fill%3D%22%23B287EC%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22748%22%20cy%3D%221620%22%20r%3D%22104%22%20fill%3D%22%23FF6FB5%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23b%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%221980%22%20r%3D%2290%22%20fill%3D%22%2355C050%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url%28%23a%29%22%20opacity%3D%22.9%22%3E%3Ccircle%20cx%3D%22756%22%20cy%3D%222260%22%20r%3D%22112%22%20fill%3D%22%23FF6FB5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
/* 色が淡くなったぶん、濃度は少し上げる */
body .ink-bg::before,body .band::before{
  background-image:var(--ink-splash) !important;background-size:cover !important;
  background-position:center !important;opacity:.62 !important;}
body .ink-dark::before,body .band.teal::before,body .band.pink::before{
  background-image:var(--ink-splash-dark) !important;opacity:.6 !important;}

.enh{display:inline-block;background-image:var(--rainbow);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;}
.band.teal .enh,.band.pink .enh,.ink-dark .enh{background-image:var(--rainbow-soft);}
.fv h1 em,.doubt .hd em,.avg b,.thesis .sub b{
  color:var(--k-ink);background:var(--rainbow-soft);
  background-size:100% 30%;background-position:0 92%;background-repeat:no-repeat;}
/* 2026-08-30：ヘッダーのリンクは1本ずつ色を変えていたが「黒で統一」との指示で戻した。
   最後の「話を聞く」は黒地のボタンのままなので触っていない */
.hnav a:nth-child(1),.hnav a:nth-child(2),.hnav a:nth-child(3){color:var(--k-ink);}
.hnav a:hover{color:rgba(20,18,16,.55);}
.iv:nth-of-type(1) .no{color:#FF5B4A !important;}
.iv:nth-of-type(2) .no{color:#E07900 !important;}
.iv:nth-of-type(3) .no{color:#32AA2D !important;}
.iv:nth-of-type(4) .no{color:#23A2AF !important;}
.iv:nth-of-type(5) .no{color:#A268EB !important;}
.chapter .rule{background:var(--rainbow-soft) !important;height:6px;}
.btn.p{background:var(--rainbow) !important;color:#fff;}
.sm.s1{background:#F89A90 !important;}
.sm.s2{background:#F8E292 !important;}
.sm.s3{background:#A5DFA3 !important;}
.sm.s4{background:#F894C3 !important;}

/* スマホは別の柄。PC用を縮めて繰り返すと密になりすぎるため */
@media(max-width:900px){
  body .ink-bg::before,body .band::before{
    background-image:var(--ink-splash-sp) !important;
    background-size:100vw auto !important;background-repeat:repeat-y !important;
    background-position:center top !important;opacity:.66 !important;}
  body .ink-dark::before,body .band.teal::before,body .band.pink::before{
    background-image:var(--ink-splash-sp-dark) !important;opacity:.6 !important;}
  .fv-bg{background-image:var(--ink-splash-sp) !important;background-size:cover !important;}
}

/* 幕上げ（サイト本体の .loading）もパステルに */

/* ===== 幕上げ（サイト本体の .loading）=====
   2026-08-26：水色を抜いて6色にした（パステル） */
.loading div:nth-child(1){background:#F89A90 !important;}
.loading div:nth-child(2){background:#F7BF7E !important;}
.loading div:nth-child(3){background:#F8E292 !important;}
.loading div:nth-child(4){background:#A5DFA3 !important;}
.loading div:nth-child(5){background:#8FA6EE !important;}
.loading div:nth-child(6){background:#C3A3EB !important;}
.loading.go div:nth-child(5){animation-delay:.4s;}
.loading.go div:nth-child(6){animation-delay:.5s;}


/* ===== 代表ストーリー（手紙）の強調 2026-08-30 =====
   納品版は「黒の太字＋黒の下線」の3段だったが、トップページの強調
   （.thesis .sub b などの虹のマーカー）と揃えて、色を入れる指示。
   ・帯は文字の下 1/3 にだけ敷く（読み口を変えないため、文字は黒のまま）
   ・box-decoration-break:clone で、折り返した2行目にも1行ずつ帯が付く
   ・強弱は残す： b＝細い線 ／ .u と .big＝太い帯
   ＊.big は <p> が全幅なので、そのまま背景を敷くと文末の余白まで色が伸びる。
     中身を <span class="mk"> で包んで、文字の幅だけに帯が乗るようにしている */
.paper p b,.paper p .u,.paper p.big .mk{
  color:#000 !important;text-decoration:none !important;
  background-image:var(--rainbow-soft);background-repeat:no-repeat;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}
.paper p b{background-size:100% 16%;background-position:0 95%;}
.paper p .u,.paper p b.u,.paper p.big .mk{
  background-size:100% 34%;background-position:0 90%;}

/* ===== 大きな英字タイトル 2026-08-30 =====
   CTA の「TAKE IT EASY.」だけオレンジ1色のまま残っていた。
   .enh（MEMBERS など）と同じ虹のグラデーションに揃える。
   黒地なので、面用の淡い9色（--rainbow-soft）をそのまま使える。
   ＊p は全幅なので、そのままだと文字の外までグラデーションが伸びる。
     inline-block にして文字幅に合わせている（.enh と同じ理由） */
.cta .script{display:inline-block;background-image:var(--rainbow-soft);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;}

/* 2026-08-30：白地のタイトル（OUR ANSWER / Q&A など）だけ鮮やかなままで、
   黒地の MEMBERS と色味が揃っていなかった。白地用のくすませたパステルに差し替え。 */
.enh{background-image:var(--rainbow-pale);}
.band.teal .enh,.band.pink .enh,.ink-dark .enh{background-image:var(--rainbow-soft);}
/* theme-d2 の .sec:not(.facts) .enh / .facts .enh が color を !important で持っていて、
   詳細度で勝ってしまう。「Droomを知る」の MEMBER'S STORY だけオレンジで残っていた。 */
body .sec:not(.facts) .enh,body .facts .enh,body .shead .enh{color:transparent !important;}

/* ===== タイトルまわり 2026-08-30 =====
   ① 大きさがページごとにバラバラだった（トップ 7.4rem ／ Droomを知る 5rem ／
      MEMBER'S STORY 3.4rem）。いちばん大きいトップページの寸法に全部そろえる。
   ② 「Droomを知る」の扉（黒）と BUSINESS の帯（黒）のあいだに、帯の上下マージンが
      白い線として出ていた。黒どうしが隣り合うここだけマージンを消す。 */
.enh,.cta .script{font-size:clamp(3.2rem,9vw,7.4rem) !important;}
.mcover+.band,.ink-dark+.band.teal,.ink-dark+.band.pink{margin-top:-1px !important;}

/* ===== ヘッダーのマーク 2026-08-30 =====
   オレンジのひし形（.logo::before の色面）を、実際のロゴ画像に置き換える。
   logo.png は文字まで入っていて 30px では潰れるので、Dと花の部分だけを切り出した
   logo-mark.png（128px・16KB）を用意して使っている。 */
.logo::before{width:32px !important;height:32px !important;rotate:none !important;
  border-radius:0;background:url(logo-mark.png) center/contain no-repeat !important;}
@media(max-width:760px){.logo::before{width:26px !important;height:26px !important;}}

/* ===== 節と節のすき間に出る白い線を消す（2026-08-30）=====
   飛沫は background-attachment:fixed（画面基準）で描いているので、節どうしが
   接している限り模様はつながる。ところが節のあいだにマージンが入っていると
   そこだけ飛沫が描かれず、白い横線になって飛沫を切ってしまう。
   → まったく同じ飛沫を画面いっぱいに1枚、いちばん後ろに敷いておく。
     画像・位置・大きさ・濃さを節側と揃えてあるので、継ぎ目は出ない。
     節はすべて背景色が不透明（白か #111）なので、二重には見えない。
   ＊スマホは attachment:scroll ＋ 別絵柄なので、この敷き紙は使わない。 */
@media(min-width:901px){
  body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background-image:var(--ink-splash);background-size:cover;background-position:center;
    background-repeat:no-repeat;opacity:.62;}
}