/* FAサイト 共通スタイル（案A ブループリント）。規約は ../design.md */
:root{--paper:#F4F9FD;--tint:#EAF3FA;--ink:#0B1F33;--blue:#0A96F0;--deep:#0568A8;--yellow:#F0D200;--line:rgba(10,150,240,.16)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
footer :focus-visible,.facts :focus-visible{outline-color:var(--yellow)}
.final :focus-visible{outline-color:#fff}
body{background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Zen Kaku Gothic New',sans-serif;word-break:auto-phrase;text-wrap:balance;line-break:strict}
.nw{display:inline-block}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.narrow{width:min(800px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:50;background:#fff;padding:8px 12px}

/* 表示演出（JSが動くときだけ） */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* ヘッダー */
.hdr{position:sticky;top:0;z-index:20;background:rgba(244,249,253,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.hdr .logo img{height:34px;width:auto}
.hdr nav{display:flex;gap:28px;font-size:15px}
.hdr nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap}
.btn-s{white-space:nowrap}
.menu-btn{display:none;white-space:nowrap;align-items:center;gap:8px;background:none;border:1px solid var(--ink);color:var(--ink);font:700 13px/1 'Noto Sans JP',sans-serif;padding:10px 12px;cursor:pointer}
.menu-btn i{position:relative;width:18px;height:2px;background:var(--ink)}
.menu-btn i:before,.menu-btn i:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink)}
.menu-btn i:before{top:-6px}.menu-btn i:after{top:6px}
.menu-btn[aria-expanded="true"] i{background:transparent}
.menu-btn[aria-expanded="true"] i:before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] i:after{top:0;transform:rotate(-45deg)}
.hdr nav a:hover,.hdr nav a[aria-current="page"]{border-bottom-color:var(--blue)}

/* ボタン */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-family:'Zen Kaku Gothic New',sans-serif;padding:14px 26px;background:var(--ink);color:#fff;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--yellow)}
.btn-s{padding:10px 18px;font-size:14px}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn.big{padding:20px 40px;font-size:18px}
.btn.on-dark{background:var(--yellow);color:var(--ink)}
.btn.on-dark:hover{box-shadow:6px 6px 0 var(--ink)}
.stickycta{display:none}

/* 共通の見出し・セクション */
.sec{padding:clamp(44px,5.5vw,76px) 0}
.tint{background:var(--tint)}
.eyebrow{font-family:'DM Mono','Noto Sans JP',monospace;font-size:13px;letter-spacing:.14em;font-weight:700;margin-bottom:14px;color:var(--deep)}
h2{font-size:clamp(26px,3.6vw,42px);line-height:1.4;letter-spacing:.01em}
.mk{background:linear-gradient(transparent 64%,var(--yellow) 64%)}
.lead{margin-top:20px;max-width:40em}
/* 本文は文節で折り返す（Chrome/Edge。非対応ブラウザでは通常の折り返し） */
main p,.feat li,.pains p,.steps p,.cards3 p,.case p,.who dd,.cf-body dd{word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:pretty}  /* 文節で折り返し、長すぎる語だけ途中で折る。住所などの dd・フッターは対象外 */
.lead .nw{display:inline-block}  /* 説明文の区切りはスマホでも守る */
.lead.lead-one{max-width:none;white-space:nowrap}  /* PCでは1行表示（スマホは下の@mediaで折り返す） */
.more{display:inline-block;margin-top:14px;font-weight:700;color:var(--deep)}

/* ヒーロー（トップ） */
.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.hero{position:relative;padding:clamp(72px,11vw,150px) 0 clamp(56px,8vw,110px)}
.hero.grid-bg{background-image:none}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.hero .wrap{position:relative;z-index:1}
.kick{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.12em;color:var(--deep);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.kick:before{content:"";width:40px;height:2px;background:var(--blue);flex:none}
.hero h1{font-weight:900;font-size:clamp(28px,6.4vw,84px);line-height:1.22;letter-spacing:-.01em;max-width:15em}
.hero .sub{margin:30px 0 36px;max-width:36em;font-size:clamp(15px,1.5vw,18px)}
.acts{display:flex;gap:16px;flex-wrap:wrap}
.dim{position:absolute;right:0;bottom:-10px;font-family:'DM Mono',monospace;font-size:12px;color:var(--deep);display:flex;align-items:center;gap:8px}
.dim:before{content:"";width:120px;height:1px;background:var(--deep)}

/* 下層ページの見出し */
.phead{padding:clamp(44px,6vw,72px) 0 clamp(32px,4.5vw,52px);border-bottom:1px solid var(--line)}
.phead h1{font-size:clamp(30px,4.6vw,54px);font-weight:900;line-height:1.3}
.phead p{margin-top:16px;max-width:40em}

/* 事実の帯 */
.facts{background:var(--ink);color:#fff}
.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.facts .wrap>div{padding:20px 22px;border-left:1px solid rgba(255,255,255,.18)}
.facts .wrap>div:first-child{border-left:0}
.facts b{display:block;font-size:18px;word-break:auto-phrase;text-wrap:pretty;color:var(--yellow);font-family:'Zen Kaku Gothic New',sans-serif}
.facts span{font-size:15px;word-break:auto-phrase;text-wrap:pretty}

/* 悩み・提供内容・特徴 */
.pains{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.pains li{padding:22px 24px;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue)}
.pn{font-weight:800;font-size:28px;line-height:1;color:var(--blue);font-family:'Zen Kaku Gothic New',sans-serif}
.pains p{font-weight:700;font-size:17px;line-height:1.7}
.two{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,5vw,72px);align-items:start}
.feat{list-style:none;margin-top:28px;display:grid;gap:18px}
.feat li{padding-left:18px;font-size:16px;border-left:3px solid var(--blue)}
.feat b{display:block;font-size:17px;margin-bottom:2px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.cards3 article{padding:24px;background:#fff;border:1px solid var(--line)}
.cards3 h3{font-size:20px;margin-bottom:8px}

/* 進め方 */
.steps{list-style:none;margin-top:32px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.steps li{padding:22px 18px;background:#fff;border:1px solid var(--line);position:relative}
.steps li:before{content:"";position:absolute;left:-1px;top:-1px;height:4px;width:calc(var(--n,1)*20%);background:var(--blue)}
.steps li:nth-child(1){--n:1}.steps li:nth-child(2){--n:2}.steps li:nth-child(3){--n:3}.steps li:nth-child(4){--n:4}.steps li:nth-child(5){--n:5}
.steps li:last-child:before{background:var(--yellow)}
.steps h3{font-size:18px;line-height:1.5;margin:6px 0 8px}
.steps p{font-size:15px;line-height:1.7}
.sn{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--deep)}
.note{margin-top:28px;font-size:15px;font-weight:700}

/* 事業創継プロデュース：対象者・チーム・詳しい進め方 */
.who{display:grid;gap:10px}
.who dt{font-weight:700;color:var(--deep);margin-top:14px}
.who dt:first-child{margin-top:0}
.who ul{margin-left:1.2em}
.team{margin-top:30px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:16px}
.tbox{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:24px;display:flex;flex-direction:column;gap:6px}
.tbox b{font-family:'Zen Kaku Gothic New',sans-serif;font-size:19px;line-height:1.5}
.tlabel{font-size:13px;font-weight:700;color:var(--deep)}
.tnum{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:900;font-size:30px;line-height:1.2;color:var(--blue);margin-top:auto}
.tres{background:var(--ink);color:#fff;border-top-color:var(--yellow)}
.tres .tlabel{color:var(--yellow)}
.tplus{align-self:center;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:900;font-size:28px;color:var(--deep)}
.team+.feat{margin-top:36px;max-width:48em}
.flow{list-style:none;margin-top:30px;border-left:2px solid var(--blue);display:grid;gap:0}
.flow>li{display:grid;grid-template-columns:7.5em 1fr;gap:20px;padding:22px 0 22px 28px;position:relative;border-bottom:1px solid var(--line)}
.flow>li:before{content:"";position:absolute;left:-7px;top:30px;width:12px;height:12px;background:var(--blue)}
.flow>li:last-child:before{background:var(--yellow);outline:2px solid var(--ink)}
.flow .sn{padding-top:5px}
.flow h3{font-size:20px;margin-bottom:6px}
.flow ul{margin-left:1.2em;font-size:16px}

/* 事例 */
.cases{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.case{padding:26px 28px;background:#fff;border:1px solid var(--line)}
.case h3{font-size:26px;margin:12px 0}
.tag{font-family:'DM Mono','Noto Sans JP',monospace;font-size:12px;font-weight:700;padding:4px 10px;display:inline-block;background:#E4F2FC;border:1px solid var(--line);color:var(--deep)}
.role{margin-top:14px;font-weight:700;color:var(--deep)}

/* 共創事例ページ */
.casefull{display:grid;grid-template-columns:4fr 7fr;gap:clamp(24px,5vw,72px);background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:clamp(28px,4vw,48px)}
.cf-head h2{font-size:clamp(24px,3vw,34px);margin:14px 0 10px}
.cf-lead{font-weight:700;font-size:17px}
.cf-body{display:grid;grid-template-columns:8em 1fr;border-top:1px solid var(--line)}
.cf-body dt,.cf-body dd{padding:18px 0;border-bottom:1px solid var(--line)}
.cf-body dt{font-weight:700;color:var(--deep);font-family:'Zen Kaku Gothic New',sans-serif}

/* プロフィール */
.prof{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,5vw,72px);align-items:center}
.prof .ph{width:100%;height:auto;aspect-ratio:720/502;object-fit:cover}
.prof h2{margin-bottom:18px}
.nm{margin:0 0 14px;display:flex;flex-direction:column}
.nm b{font-size:22px;font-family:'Zen Kaku Gothic New',sans-serif}.nm span{font-size:15px}
.prof p+p,.two p+p{margin-top:12px}
.phead .acts{margin-top:28px}
.career{list-style:none;margin-top:28px;border-top:1px solid var(--line)}
.career li{display:grid;grid-template-columns:8em 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.career .y{font-family:'DM Mono','Noto Sans JP',monospace;color:var(--deep);font-weight:500}
.roles{list-style:none;border-top:1px solid var(--line)}
.roles li{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}
.roles b{font-family:'Zen Kaku Gothic New',sans-serif}
.roles b a{text-decoration:none;border-bottom:1px solid var(--line)}
.roles b a:hover{color:var(--deep);border-bottom-color:var(--deep)}
.roles span{color:var(--deep);font-weight:700}
.prof .nm{margin-bottom:18px}

/* 表（会社概要） */
.dtable{margin-top:32px;display:grid;grid-template-columns:10em 1fr;border-top:1px solid var(--line)}
.dtable dt,.dtable dd{padding:18px 0;border-bottom:1px solid var(--line)}
.dtable dt{font-weight:700;color:var(--deep)}

/* 文章ページ（プライバシー） */
.prose h2{font-size:clamp(20px,2.4vw,26px);margin:48px 0 14px}
.prose h3{font-size:18px;margin:28px 0 10px}
.prose p{margin-bottom:12px}
.prose ol,.prose ul{margin:0 0 16px 1.4em}
.prose li{margin-bottom:8px}

/* 最終CTA */
.final{padding:clamp(52px,6.5vw,88px) 0;text-align:center;background-color:var(--deep);color:#fff;
 background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:48px 48px}
.final h2{margin-bottom:16px}
.final p{margin-bottom:30px}
.final .cond{display:block;margin-top:18px;font-size:14px;font-weight:700}

/* 相談予約ページ */
.reserve{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.reserve article{padding:34px;background:#fff;border:1px solid var(--line)}
.reserve ul{margin:8px 0 24px 1.2em}
.reserve:first-child{margin-top:0}
.two>.dtable{margin-top:0}
.reserve .h3{font-size:22px;margin-bottom:10px}
.reserve .rv-main{border-top:4px solid var(--blue)}
.cond-line{display:inline-block;font-weight:700;background:var(--yellow);color:var(--ink);padding:2px 10px;margin-bottom:12px}
.small-h{font-weight:700;margin-top:18px;color:var(--deep)}
.mail{margin-top:16px;font-size:20px;font-weight:700;font-family:'Zen Kaku Gothic New',sans-serif;word-break:break-all}
.mail a{color:var(--deep)}
.note-s{margin-top:24px;font-size:14px}
.prose h4{font-size:16px;margin:20px 0 6px;color:var(--deep)}

/* フッター */
footer{background:var(--ink);color:#fff;padding:40px 0 28px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1fr auto;gap:32px}
.flogo{height:36px;width:auto;margin-bottom:24px}
footer dl{display:grid;grid-template-columns:90px 1fr;gap:8px 16px}
footer dt{opacity:.7}
.fnav{list-style:none;display:grid;gap:8px;align-content:start}
.fnav a{text-decoration:none}.fnav a:hover{text-decoration:underline}
.copy{grid-column:1/-1;opacity:.75;font-size:12px}

@media (max-width:900px){
 .casefull{grid-template-columns:1fr}
 .cf-body{grid-template-columns:1fr}
 .cf-body dt{padding-bottom:0;border-bottom:0}
 .team{grid-template-columns:1fr}
 .tplus{justify-self:center;line-height:1}
 .flow>li{grid-template-columns:1fr;gap:4px}
 .facts .wrap,.pains,.cards3,.cases,.two,.prof,.reserve,footer .wrap{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}
 .dtable{grid-template-columns:7em 1fr}
 .career li{grid-template-columns:1fr;gap:2px}
}
@media (max-width:1024px){
 .hdr .cta{display:none}
 .menu-btn{display:inline-flex}
 .hdr nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 16px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(11,31,51,.08);font-size:16px}
 .hdr nav.open{display:flex}
 .hdr nav a{padding:14px 0;border-bottom:1px solid var(--line)}
 .hdr nav a[aria-current="page"]{color:var(--deep);border-bottom-color:var(--line);font-weight:700}
 .stickycta{display:flex;position:fixed;inset:auto 0 0 0;z-index:30;padding:10px 16px;justify-content:center;background:rgba(244,249,253,.95)}
 .stickycta .btn{width:100%;max-width:480px;justify-content:center}
 body{padding-bottom:76px}
}
@media (max-width:820px){
 .nw{display:inline}
 .lead.lead-one{white-space:normal}
 .two>*,.prof>*{min-width:0}
 .dim{display:none}
}

/* 印刷：まだ表示されていない要素も印刷し、追従ボタン・メニューは出さない */
@media print{.js .rv{opacity:1;transform:none}.stickycta,.menu-btn,.hdr .cta{display:none}.hdr{position:static}}

/* ===================== E案：D案のトップバナーと動きの演出（土台はA案） ===================== */
.hero-d{position:relative;min-height:min(80vh,700px);min-height:min(80svh,700px);display:flex;align-items:flex-end;padding:88px 0 48px;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.hero-d .wrap{position:relative;z-index:1}
.hero-d .kick{font-family:'DM Mono','Noto Sans JP',monospace;font-size:13px;letter-spacing:.26em;color:var(--deep);display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hero-d .kick:before{content:"";width:36px;height:1px;background:var(--blue)}
.hero-d h1{font-weight:900;font-size:clamp(28px,6vw,86px);line-height:1.18;letter-spacing:-.02em;max-width:14em}
.hero-d h1 .mk{background:linear-gradient(transparent 70%,var(--yellow) 70%) no-repeat left bottom;background-size:0% 100%;transition:background-size .9s cubic-bezier(.7,0,.2,1) 1.5s}
.hero-d h1.on .mk{background-size:100% 100%}
.hero-foot{display:grid;grid-template-columns:minmax(0,34em) auto;gap:24px 56px;align-items:end;margin-top:28px}
.hero-d .sub{font-size:clamp(15px,1.35vw,17px);line-height:2}
.hero-d .scroll{position:absolute;right:16px;bottom:24px;z-index:1;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--deep);writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}
.hero-d .scroll:after{content:"";width:1px;height:48px;background:linear-gradient(var(--blue),transparent);animation:scroll-hint 2.2s ease-in-out infinite}
@keyframes scroll-hint{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.4}}
/* 図形：出現→ゆっくり漂う→マウスに追従（JSが --mx --my を更新） */
.motif{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.motif i{position:absolute;display:block;will-change:transform,clip-path}
.motif .layer{position:absolute;inset:0;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.motif .l1{transform:translate(calc(var(--mx,0) * 28px),calc(var(--my,0) * 22px))}
.motif .l2{transform:translate(calc(var(--mx,0) * -16px),calc(var(--my,0) * -12px))}
.motif .l3{transform:translate(calc(var(--mx,0) * 40px),calc(var(--my,0) * 30px))}
.motif .m1{left:38%;top:-18%;width:46vw;height:46vw;max-width:720px;max-height:720px;background:var(--blue);opacity:.13;clip-path:inset(0 100% 100% 0);animation:wipe-in 1.4s .1s cubic-bezier(.7,0,.2,1) forwards,drift1 14s 1.6s ease-in-out infinite alternate;transform:rotate(-8deg)}
.motif .m2{left:58%;top:8%;width:30vw;height:30vw;max-width:480px;max-height:480px;background:var(--ink);opacity:.08;clip-path:inset(0 100% 100% 0);animation:wipe-in 1.4s .35s cubic-bezier(.7,0,.2,1) forwards,drift2 18s 1.8s ease-in-out infinite alternate;transform:rotate(-8deg)}
.motif .m3{left:50%;top:-10%;width:3px;height:120%;background:var(--yellow);transform:rotate(28deg);transform-origin:top;clip-path:inset(0 0 100% 0);animation:line-in 1.2s .7s cubic-bezier(.7,0,.2,1) forwards}
.motif .m4{left:46%;top:10%;width:22vw;height:22vw;max-width:360px;max-height:360px;border:1px solid var(--blue);opacity:0;transform:rotate(-8deg);animation:ring-in 1.2s 1s ease-out forwards,spin 40s 2.2s linear infinite}
@keyframes wipe-in{to{clip-path:inset(0 0 0 0)}}
@keyframes line-in{to{clip-path:inset(0 0 0 0)}}
@keyframes ring-in{to{opacity:.45}}
@keyframes drift1{from{transform:rotate(-8deg) translate(0,0)}to{transform:rotate(-5deg) translate(-3%,4%)}}
@keyframes drift2{from{transform:rotate(-8deg) translate(0,0)}to{transform:rotate(-12deg) translate(4%,-5%)}}
@keyframes spin{from{transform:rotate(-8deg)}to{transform:rotate(352deg)}}
/* 読み込み時に順に立ち上がる */
.js .up{opacity:0;transform:translateY(18px);animation:up 1.1s .15s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes up{to{opacity:1;transform:none}}
/* 文字を1字ずつ立ち上げる（JSが span.ch に分割する） */
.js .split .ch{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--i,0s)}
.js .split.on .ch{opacity:1}
.js [data-split]:not(.ready){visibility:hidden}
/* 画像を左から拭うように表示 */
.ph-wrap{margin:0;overflow:hidden}
.js .wipe img{clip-path:inset(0 100% 0 0);transform:scale(1.08);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)}
.js .wipe.on img{clip-path:inset(0 0 0 0);transform:none}
/* 進め方：各項目の上辺の青い線が順に伸びる */
.js .grow>li:before{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--n,1)*.12s)}
.js .grow.on>li:before{transform:scaleX(1)}
@media (max-width:900px){
 .hero-d{min-height:auto;padding:72px 0 56px}
 .hero-foot{grid-template-columns:1fr}
 .motif .m1{left:30%;top:-6%;width:80vw;height:80vw}
 .motif .m2{left:62%;top:22%;width:50vw;height:50vw}
 .motif .m4{left:40%;top:16%;width:44vw;height:44vw}
 .hero-d .scroll{display:none}
}
@media (prefers-reduced-motion:reduce){
 .motif .m1,.motif .m2,.motif .m3,.motif .m4{animation:none;clip-path:none}
 .motif .m1{opacity:.13}.motif .m2{opacity:.08}.motif .m3{opacity:1}.motif .m4{opacity:.45}
 .motif .layer{transform:none;transition:none}
 .hero-d .scroll:after{animation:none}
 .hero-d h1 .mk{background-size:100% 100%;transition:none}
 .js .up{animation:none;opacity:1;transform:none}
 .js .split .ch{opacity:1;transform:none;transition:none}
 .js .wipe img{clip-path:none;transform:none;transition:none}
 .js .grow>li:before{transform:none;transition:none}
}

/* 印刷：演出中の要素もすべて表示し、図形とSCROLLは出さない */
@media print{.js .split .ch,.js .up{opacity:1;transform:none;transition:none;animation:none}.js [data-split]:not(.ready){visibility:visible}.js .wipe img{clip-path:none;transform:none}.js .grow>li:before{transform:none}.js .rv{transition:none}.motif,.hero-d .scroll{display:none}}