@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800;900&display=swap');
/* 11/06 YUJI の直接の指示（Claude が直接入れる分。style.css は外注が同時に触るので別ファイル） */

/* スマホ右上のメニューボタン：丸で囲まない */
.u045-ham{background:transparent!important;border-radius:0!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.u045.is-open .u045-ham{background:transparent!important}

/* メンバー「3つの数字」：文字を少し小さく、枠は白に */
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat{border-color:#fff!important;border-radius:16px!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__n{font-size:clamp(28px,3.2vw,46px)!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__l{font-size:clamp(11px,1vw,14px)!important}

/* 会社概要の3人：テープと足元の白い台紙を外し、3人を少し小さく */
#company .company__d1{display:none!important}
#company .company__photo-stage .paperphoto{display:none!important}
#company .company__people{left:4%!important;width:92%!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))!important}
@media(max-width:900px){#company .company__people{left:6%!important;width:88%!important}}

/* 顧問：関口ケントの吹き出しを少し下へ（超太客のカードから離す） */
@media(min-width:901px){#komon .komon-guide__bubble{transform:translate(128px,-24px)!important}}

/* 超太客プランの札が光の層に隠れて文字が消えるバグ：札を光より必ず手前へ */
.plans .plan{isolation:isolate}
.plans .plan .plan__orn{z-index:0!important}
.plans .plan .plan__tag{position:relative!important;z-index:6!important;background-color:#20212a!important;opacity:1!important}
.plans .plan .plan__tag .pn,.plans .plan .plan__tag .pp{position:relative;z-index:1;color:#fff!important}
.plans .plan .plan__badge{z-index:7!important}

/* フッターの縦幅を半分くらいに */
@media(min-width:901px){footer.ft{height:190px!important;padding-top:64px!important;padding-bottom:16px!important}}
@media(min-width:901px){.ft__copy,.ft__legal{top:0!important}}

/* 11/06 YUJI：会社概要の3人は全身表示。灰色・黒の飾りと影は外す。足首で切らない */
#company .scrap{display:none!important}
#company .company__photo{aspect-ratio:auto!important;margin-top:0!important;margin-bottom:40px!important}
#company .company__photo-stage{position:relative!important;inset:auto!important;clip-path:none!important;overflow:visible!important}
#company .company__people{position:relative!important;left:auto!important;bottom:auto!important;display:block!important;width:min(100%,500px)!important;height:auto!important;margin:0 auto!important;filter:none!important;z-index:6!important}

/* 11/06 YUJI：拳をもう少し上へ */

/* 11/06 YUJI 採用：数字の欄は P5（サインポール）。列をそろえ、アイコンは縦の真ん中、数字との間に余白 */
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats{gap:12px!important;border-left:12px solid #fff!important;padding-left:0!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;column-gap:30px!important;align-items:center!important;width:100%!important;min-height:116px!important;border:0!important;background:linear-gradient(90deg,#fff 0 18px,#17212a 18px)!important;border-radius:0 30px 30px 0!important;padding:12px 28px 12px 40px!important;clip-path:none!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat>img{width:88px!important;height:88px!important;object-fit:contain!important;align-self:center!important;justify-self:center!important;margin:0!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;min-width:0}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__n{display:block!important;font-family:'M PLUS Rounded 1c','Noto Sans JP',sans-serif!important;font-weight:900!important;color:#2fc0ea!important;font-size:clamp(34px,3.4vw,50px)!important;line-height:1.1!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__l{display:block!important;margin:0!important;text-align:left!important;font-size:clamp(12px,1vw,15px)!important;color:#e9eef2!important}
@media(max-width:900px){
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat{grid-template-columns:64px minmax(0,1fr)!important;column-gap:18px!important;min-height:92px!important;padding:10px 18px 10px 32px!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat>img{width:62px!important;height:62px!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__n{font-size:32px!important}
}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat__l{position:static!important;transform:none!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats{border-left:26px solid #fff!important}
html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat{background:#17212a!important;padding-left:24px!important}
@media(max-width:900px){html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats{border-left-width:16px!important}html:not([class^="v-"]):not([class*=" v-"]) #members .member-stats .mstats .stat{padding-left:16px!important}}

/* ===== 11/06 深夜 YUJI の指示 ===== */
/* 火種 PC：ドバシーを拳と同じくらい右へ。本文の幅を戻して「火種は共感を変える仲間だ。」を3行にしない */
@media(min-width:921px){
  html #hidane .hidane__body{padding-right:96px!important}
  html #hidane .hidane-guide{right:-132px!important}
  html #hidane .hidane__body .hidane__t2 br,html #hidane .hidane__t1 br{display:none}
}
/* 火種 スマホ：手順の枠をはみ出さない／ボタンは左・右にドバシーの頭／吹き出しはボタンの下 */
@media(max-width:920px){
  html #hidane .hidane__body{min-width:0!important;max-width:100%!important;padding-right:0!important}
  html #hidane .hidane__body>*{max-width:100%!important;box-sizing:border-box}
  html #hidane .hidane__links{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:56%!important;max-width:56%!important;gap:10px!important;margin-top:22px!important}
  html #hidane .hidane__links .btn{height:54px!important;padding-inline:10px!important;font-size:clamp(12px,3.3vw,15px)!important}
  html #hidane .hidane-guide{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:56% 44%!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;margin:-118px 0 0!important;align-items:start!important;pointer-events:none}
  html #hidane .hidane-guide__fig{position:relative!important;grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;height:auto!important;overflow:visible!important;margin:0!important}
  html #hidane .hidane-guide__fig img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
  html #hidane .hidane-guide__bubble{position:relative!important;grid-column:1!important;grid-row:1!important;inset:auto!important;width:auto!important;max-width:none!important;margin:138px 10px 0 0!important;padding:12px 12px!important;font-size:clamp(12px,3.3vw,15px)!important;line-height:1.6!important;align-self:start!important;justify-self:stretch!important;transform:none!important}
  html #hidane .hidane-guide__bubble::after{left:auto!important;right:-13px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%) rotate(45deg)!important}
}
/* 顧問：本文を右まで使い、ピンチの箱を上へ。関口はその分小さくして頭を特典にかけない */
@media(min-width:901px){
  html #komon .komon__about>.txt{max-width:920px!important}
  html #komon .komon__about>.txt br{display:none}
  html #komon .komon__pinch{margin-top:clamp(70px,7vw,110px)!important}
  html #komon .komon-guide{height:clamp(320px,28vw,400px)!important}
}
/* スポンサー：にしけんを腰の少し上まで見せる（足元は Fancy Webmate の札の後ろ） */
@media(min-width:901px){
  html #vip .vip-nishiken{top:-148px!important}
  html #vip .vip-nishiken__fig{height:250px!important}
}
/* 問い合わせフォーム：スマカクのフォームのように、やわらかく */
html .business-form{max-width:760px!important;padding:clamp(24px,4vw,44px)!important;background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(0,0,0,.22)!important}
html .business-form__grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
html .business-form label{gap:8px!important;font-size:15px!important;font-weight:700!important;color:#1f2933}
html .business-form label b{border-radius:4px!important;background:#e8322b!important;font-weight:700!important;padding:.1em .5em!important}
html .business-form input,html .business-form select,html .business-form textarea{min-height:52px!important;padding:12px 14px!important;border:1px solid #d3d9de!important;border-radius:10px!important;background:#f7f9fa!important;font-size:16px!important;font-weight:500!important}
html .business-form input:focus,html .business-form select:focus,html .business-form textarea:focus{outline:0!important;border-color:#009eca!important;background:#fff!important;box-shadow:0 0 0 3px rgba(0,158,202,.18)!important}
html .business-form__submit{display:block!important;width:100%!important;max-width:360px!important;margin:28px auto 0!important;height:60px!important;border:0!important;border-radius:999px!important;background:#009eca!important;color:#fff!important;font:700 17px/1 'Noto Sans JP',sans-serif!important;box-shadow:none!important;clip-path:none!important}
html .business-form__notice{border-left:0!important;border-radius:10px!important;text-align:center}

/* 雑誌の切り抜きの素材を、無地のセクションの左右に散らす（中身には重ねない） */
.paper-bit{position:absolute;z-index:1;height:auto;max-width:none;pointer-events:none;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.18))}
#komon,#youtube,#mission{overflow-x:clip}
#komon>.wrap,#youtube>.wrap,#mission>.wrap{position:relative;z-index:2}
#komon .section-scrap{opacity:1!important}
@media(max-width:900px){.paper-bit{width:var(--mw)!important}.paper-bit.pb-hm{display:none}}

/* 吹き出しの影は水色でなくグレー */
#hidane .hidane-guide__bubble,#komon .komon-guide__bubble,#vip .vip-guide__bubble,#vip .vip-nishiken__bubble{box-shadow:5px 5px 0 #8b9198!important}
.paper-bit[src*="splat"]{display:none}
.paper-bit{display:none!important}

/* 11/06 YUJI：会社概要と同じ世界観で生成した背景（左右に破れ紙・街・青い紙・テープ） */
#mission::before{background:url(assets/gen/bg-mission.webp) center top/100% 100% no-repeat!important}
#youtube::before{background:url(assets/gen/bg-youtube.webp) center top/100% 100% no-repeat!important}
#komon::before{background:url(assets/gen/bg-komon.webp) center top/100% 100% no-repeat!important}
html body #mission.sec.section--clean::before,html body #mission.sec.section--clean.has-edge::before,html body #mission.section--bright::before{background:url(assets/gen/bg-mission.webp) center top/100% 100% no-repeat!important}
@media(max-width:900px){html body #mission.sec.section--clean::before,html body #mission.sec.section--clean.has-edge::before,#youtube::before,#komon::before{background-size:134% 100%!important;background-position:center top!important}}
html body #mission.sec.section--clean.has-edge::before{background-size:100vw 100%!important;background-position:center top!important}
@media(max-width:900px){html body #mission.sec.section--clean.has-edge::before{background-size:134vw 100%!important}}

/* FV：切り貼りのコピー（B）。縦につぶさない */
html[data-fv="ex"] .fv-ex__text img{transform:none!important;height:auto!important;width:100%!important;max-height:none!important;object-fit:contain!important}
@media(min-width:921px){html[data-fv="ex"] .fv-ex__text{z-index:6!important;width:52%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;height:auto!important}html[data-fv="ex"] .fv-ex__logo{z-index:5!important}}
/* ミッション：左の街の写真が本文にかからないよう、背景を少し広げて端を外へ */
@media(min-width:901px){html body #mission.sec.section--clean.has-edge::before{background-size:122vw 100%!important}}

/* 11/06 FV（PC）：JS で動かすのをやめ、すべてステージ幅 --W の割合で固定。窓の大きさを変えても一緒に伸び縮みするだけ */
@media(min-width:921px){
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions{top:auto!important;bottom:calc(var(--W) * .072)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(calc(var(--W) * .54),94vw)!important;height:calc(var(--W) * .0357)!important;min-height:0!important;display:flex!important;gap:calc(var(--W) * .011)!important;z-index:8!important}
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions .fv-button{flex:1 1 0;min-width:0;height:100%!important}
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions .fv-button a{font-size:calc(var(--W) * .0112)!important}
  html[data-fv="ex"] .fv-ex__text{top:auto!important;bottom:calc(var(--W) * .1085)!important;left:50%!important;right:auto!important;width:52%!important;height:auto!important;transform:translateX(-50%)!important;translate:none!important;z-index:6!important}
  html[data-fv="ex"] .fv-ex__logo{top:auto!important;bottom:calc(var(--W) * .178)!important;left:50%!important;right:auto!important;width:34%!important;transform:translateX(-50%)!important;translate:none!important;z-index:7!important}
}

/* 11/06 YUJI：背景の素材はやりすぎ。端からちょっと見える程度に。文字にかけない */
@media(min-width:901px){
  html body #komon::before,html body #youtube::before{background-size:134vw 100%!important;background-position:center top!important}
  html body #mission.sec.section--clean.has-edge::before{background-size:130vw 100%!important}
}
@media(max-width:900px){
  html body #komon::before,html body #youtube::before,html body #mission.sec.section--clean.has-edge::before{background-size:170vw 100%!important;background-position:center top!important}
}

/* 11/06 YUJI スマホ：拳は必ず右上。ドバシーは小さく右に寄せる */
@media(max-width:920px){
  html #hidane .fist{left:auto!important;right:-2%!important;top:clamp(90px,24vw,170px)!important;bottom:auto!important;width:clamp(84px,24vw,150px)!important}
  html #hidane .hidane-guide{grid-template-columns:minmax(0,1fr) clamp(120px,32vw,200px)!important;margin:-96px 0 0!important}
  html #hidane .hidane-guide__fig{justify-self:end!important}
  html #hidane .hidane-guide__bubble{margin:112px 12px 0 0!important}
}

/* 11/06 YUJI：フォームは2列（種類・会社名／お名前・メール）、内容だけ全幅。縦に長くしない */
html .business-form{max-width:860px!important}
html .business-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 22px!important}
html .business-form__message{grid-column:1/-1!important}
html .business-form textarea{min-height:150px!important}
@media(max-width:560px){html .business-form__grid{grid-template-columns:minmax(0,1fr)!important}}

/* 11/06 YUJI：YouTube→企業の境目を水平に切らない。破れ紙の縁に戻す（黒いグラデーションは付けない） */
html body #contact>.edge{display:block!important;filter:brightness(.42) saturate(.7)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 86%)!important;mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 86%)!important;z-index:3!important}

/* 11/06 YUJI：拳は JS で動かさない。見出し1行目に対して CSS だけで固定（窓を動かしても一緒に動くだけ） */
html body #hidane .big{position:relative;z-index:2}
html body #hidane .big .ln:has(.fist){position:relative;display:inline-block;width:max-content;max-width:none}
html body #hidane .big .ln .fist{position:absolute!important;z-index:-1!important;left:calc(100% - 1.85em)!important;right:auto!important;top:-1.5em!important;bottom:auto!important;width:clamp(130px,11vw,180px)!important;height:auto!important;max-width:none!important;translate:none!important;margin:0!important}
@media(max-width:920px){
  html body #hidane .big .ln:has(.fist){display:block}
  html body #hidane .big .ln .fist{left:calc(100% + 3px)!important;right:auto!important;top:50%!important;bottom:auto!important;translate:0 -50%!important;width:clamp(60px,16.5vw,120px)!important}
}

/* ロードマップ：前の案の文章を戻す */
html .yt-roadmap__lead{margin:6px 0 22px;font-size:clamp(14px,1.15vw,16px);font-weight:700;color:#3a3f46}
html .yt-roadmap__why{margin:30px 0 8px;max-width:820px;font-size:clamp(14px,1.1vw,16px);line-height:1.95;color:#2c3036}
html .yt-roadmap__why b{font-weight:900;color:#16161d}

/* 11/06 YUJI：本文と黒い箱の隙間を詰める。関口は位置そのままで、足を黒い箱の上に乗せる */
@media(min-width:901px){
  html body #komon .komon__pinch{margin-top:26px!important}
  html body #komon .komon-guide{translate:0 calc(clamp(70px,7vw,110px) - 26px)!important;z-index:6!important}
}

/* ロードマップの本文も読みやすく（紙の上でくっきり） */
html .yt-roadmap__why,html .yt-roadmap__closing{position:relative;z-index:2;color:#16161d!important;font-weight:700}
html .yt-roadmap__act{padding-bottom:22px!important;min-height:0!important}

/* 11/06 YUJI スマホ：「エンタメで、何が悪い。」は改行せず横1列 */
@media(max-width:920px) and (max-aspect-ratio:5/4){
  html[data-fv="ex"] .fv-ex__text{left:50%!important;right:auto!important;width:96vw!important;transform:translateX(-50%)!important;bottom:auto!important;height:auto!important}
}

/* スマホ FV：コピーはロゴのすぐ下、ボタンはコピーのすぐ下（JS を使わず割合で固定） */
@media(max-width:920px) and (orientation:portrait){
  html[data-fv="ex"] body .fv-ex__text{top:61.5%!important}
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions{top:calc(61.5% + 15.6vw + 14px)!important;bottom:auto!important}
}
@media(min-width:541px) and (max-width:920px) and (orientation:portrait){
  html[data-fv="ex"] body .fv-ex__text{top:67%!important}
  html[data-fv="ex"] .fv>.fv-layer.fv-layer--actions{top:calc(67% + 15.6vw + 14px)!important}
}

/* ロードマップの下：数字を主役に。破れ紙の世界観で（画像は既存のテープだけ） */
html .yt-why{position:relative;z-index:2;margin:44px 0 0}
html .yt-why__q{display:inline-block;margin:0 0 18px;padding:.5em 1em;background:#16161d;color:#fff;font:900 clamp(15px,1.4vw,20px)/1.4 'Noto Sans JP',sans-serif;transform:rotate(-1deg);box-shadow:5px 5px 0 #009eca}
html .yt-why__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin:0;padding:0;list-style:none}
html .yt-why__list li{position:relative;padding:22px 22px 24px;background:#fff;border:3px solid #16161d;box-shadow:6px 6px 0 #16161d;transform:rotate(.6deg)}
html .yt-why__list li:nth-child(2){transform:rotate(-.7deg) translateY(10px)}
html .yt-why__list li:nth-child(3){transform:rotate(.5deg) translateY(20px);background:#16161d;box-shadow:6px 6px 0 #009eca}
html .yt-why__list b{display:block;font:400 clamp(38px,4vw,60px)/1.1 'Dela Gothic One',sans-serif;color:#009eca}
html .yt-why__list b i{font-style:normal;font-size:.5em;margin-left:.08em}
html .yt-why__list span{display:block;margin-top:8px;font-size:clamp(14px,1.1vw,16px);font-weight:700;line-height:1.7;color:#16161d}
html .yt-why__list li:nth-child(3) span{color:#fff}
html .yt-roadmap__closing{display:inline-block!important;margin:52px 0 0!important;padding:.6em 1.2em!important;background:#009eca;color:#fff!important;font:900 clamp(17px,1.8vw,26px)/1.4 'Noto Sans JP',sans-serif!important;transform:rotate(-1deg);clip-path:polygon(0 8%,100% 0,98.6% 100%,1% 94%)}
@media(max-width:760px){html .yt-why__list{grid-template-columns:minmax(0,1fr)}html .yt-why__list li,html .yt-why__list li:nth-child(n){transform:none}}

/* 超太客の稲妻は札より手前に。光の放射・キラキラは札の後ろのまま */
.plans .plan.plan--chou .plan__orn{z-index:auto!important}
.plans .plan.plan--chou .plan__orn img{z-index:0!important}
.plans .plan.plan--chou .plan__orn img[src*="chou_bolt"]{z-index:8!important}
.plans .plan.plan--chou .plan__orn .orn__ring{z-index:0!important}

/* EDGE-HD START：引き伸ばしの背景をやめ、端専用の高精細パーツを比率そのままで差し込む */
/* mission */
@media(min-width:901px){
  html body #mission.sec.section--clean.has-edge::before{left:0!important;right:0!important;--ew:max(240px,17.5vw);--m:max(20px,calc((100vw - 1104px) / 2));background-color:#e9e5dc!important;background-image:url(assets/gen/edge/a1-l.webp),url(assets/gen/edge/a2-r.webp),url(assets/gen/edge/a3-l.webp),url(assets/gen/edge/b3-r.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,var(--ew) auto,var(--ew) auto,1024px auto!important;background-position:left min(0px,calc(var(--m) - 14px - var(--ew) * 0.84)) top 250px,right min(0px,calc(var(--m) - 14px - var(--ew) * 0.72)) top 1040px,left min(0px,calc(var(--m) - 14px - var(--ew) * 0.88)) top 1640px,right min(0px,calc(var(--m) - 14px - var(--ew) * 0.94)) top 2130px,center top!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat!important}
}
@media(max-width:900px){
  html body #mission.sec.section--clean.has-edge::before{--ew:150px;background-color:#e9e5dc!important;background-image:url(assets/gen/edge/a1-l-sp.webp),url(assets/gen/edge/a2-r-sp.webp),url(assets/gen/edge/a3-l-sp.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,var(--ew) auto,683px auto!important;background-position:left calc(104px - var(--ew) * 0.84) top 262px,right calc(46px - var(--ew) * 0.72) top 1120px,left calc(42px - var(--ew) * 0.88) top 2060px,center top!important;background-repeat:no-repeat,no-repeat,no-repeat,repeat!important}
}
/* youtube */
@media(min-width:901px){
  html body #youtube::before{--ew:max(240px,17.5vw);--m:max(20px,calc((100vw - 1104px) / 2));background-color:#e9e5dc!important;background-image:url(assets/gen/edge/b1-l.webp),url(assets/gen/edge/b2-r.webp),url(assets/gen/edge/b3-l.webp),url(assets/gen/edge/a3-r.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,var(--ew) auto,var(--ew) auto,1024px auto!important;background-position:left min(0px,calc(var(--m) - 14px - var(--ew) * 0.9)) top 170px,right min(0px,calc(var(--m) - 14px - var(--ew) * 0.66)) top 1130px,left min(0px,calc(var(--m) - 14px - var(--ew) * 0.94)) top 1640px,right min(0px,calc(var(--m) - 14px - var(--ew) * 0.88)) top 1890px,center top!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat!important}
}
@media(max-width:900px){
  html body #youtube::before{--ew:150px;background-color:#e9e5dc!important;background-image:url(assets/gen/edge/b2-r-sp.webp),url(assets/gen/edge/b1-l-sp.webp),url(assets/gen/edge/b3-r-sp.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,var(--ew) auto,683px auto!important;background-position:right calc(100px - var(--ew) * 0.66) top 420px,left calc(44px - var(--ew) * 0.9) top 1160px,right calc(42px - var(--ew) * 0.94) top 1880px,center top!important;background-repeat:no-repeat,no-repeat,no-repeat,repeat!important}
}
/* komon */
@media(min-width:901px){
  html body #komon::before{--ew:max(240px,17.5vw);--m:max(20px,calc((100vw - 1104px) / 2));background-color:#e9e5dc!important;background-image:url(assets/gen/edge/c1-r.webp),url(assets/gen/edge/c2-l.webp),url(assets/gen/edge/c3-r.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,var(--ew) auto,1024px auto!important;background-position:right min(0px,calc(var(--m) - 14px - var(--ew) * 0.85)) top 110px,left min(0px,calc(var(--m) - 14px - var(--ew) * 0.75)) top 640px,right min(0px,calc(var(--m) - 14px - var(--ew) * 0.85)) top 930px,center top!important;background-repeat:no-repeat,no-repeat,no-repeat,repeat!important}
}
@media(max-width:900px){
  html body #komon::before{--ew:150px;background-color:#e9e5dc!important;background-image:url(assets/gen/edge/c1-r-sp.webp),url(assets/gen/edge/c2-l-sp.webp),url(assets/gen/paper_light_hd.webp)!important;background-size:var(--ew) auto,var(--ew) auto,683px auto!important;background-position:right calc(28px - var(--ew) * 0.85) top 40px,left calc(40px - var(--ew) * 0.75) top 980px,center top!important;background-repeat:no-repeat,no-repeat,repeat!important}
}
/* EDGE-HD END */

/* 11/06 YUJI：KOMON の導線は YouTube メンバーシップ＋公式LINE の2つ */
.btn--yt{background:#e60026;color:#fff}
#komon .btnrow .btn{min-height:50px}
@media(min-width:901px){#komon .btnrow .btn{padding-left:1.15em;padding-right:1.15em}}
/* 11/06 YUJI：関口ケントを大きく（足は黒い箱の上のまま。吹き出しは今の場所から動かさない） */
@media(min-width:901px){
  html body #komon .komon-guide{height:clamp(368px,32.2vw,460px)!important}
  html body #komon .komon-guide__bubble{top:calc(56px + clamp(48px,4.2vw,60px))!important}
}
@media(max-width:900px){
  html body #komon .komon__pinch{--kh:300px}
}

/* 11/06 YUJI：超太客の帯、mamori とスマート確定申告のロゴを大きく（札の高さは変えない） */
#vip .marquee li:has(img[src*="mamori-trim"]){width:clamp(190px,17vw,250px)}
#vip .marquee li:has(img[src*="smart-tax-trim"]){width:clamp(150px,13vw,190px)}
@media(max-width:760px){
  #vip .marquee li:has(img[src*="mamori-trim"]){width:170px}
  #vip .marquee li:has(img[src*="smart-tax-trim"]){width:124px}
}

/* 11/06 YUJI：ロードマップの下はカードでなく解説文に（文章は元の案のまま） */
html .yt-why__txt .nw{white-space:nowrap}
html .yt-why__txt{position:relative;z-index:2;max-width:980px;color:#16161d;font-size:clamp(15px,1.3vw,18px);font-weight:700;line-height:1.9}
html .yt-why__txt p{margin:0 0 .35em}
html .yt-why__txt b{font-family:'Dela Gothic One',sans-serif;font-weight:400;font-size:1.34em;color:#009eca;margin:0 .06em}
html .yt-why__txt .yt-why__end{margin-top:.9em;font-weight:900;font-size:1.1em}

/* 11/06 YUJI：動画とロードマップの間に、案件につなげる枠 */
html .yt-pitch{position:relative;z-index:2;margin-top:clamp(48px,6vw,84px);margin-bottom:clamp(48px,6vw,84px);padding:clamp(26px,3.4vw,46px) clamp(20px,3.4vw,46px) clamp(28px,3.4vw,46px)!important;background:#16161d;color:#fff;box-shadow:8px 8px 0 #009eca;box-sizing:border-box;width:min(1104px,calc(100% - 36px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
html .yt-pitch__eye{display:inline-block;margin:0 0 12px;padding:.3em .8em;background:#fff;color:#16161d;font-weight:900;font-size:clamp(13px,1.05vw,15px);transform:rotate(-1deg)}
html .yt-pitch__title{margin:0 0 clamp(14px,2vw,26px);color:#fff;font:400 clamp(30px,4.3vw,60px)/1.25 'Dela Gothic One',sans-serif}
html .yt-pitch__title em{font-style:normal;color:#2fc0ea;white-space:nowrap}
html .yt-pitch__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}
html .yt-pitch__graph{position:relative;container-type:inline-size;aspect-ratio:1576/1104}
html .yt-pitch__graph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
html .yt-pitch__n{position:absolute;margin:0;line-height:1.2;white-space:nowrap}
html .yt-pitch__n span{display:block;font-weight:700;font-size:clamp(11px,2.5cqw,14px);color:#cfd6dc}
html .yt-pitch__n b{display:block;font-family:'Dela Gothic One',sans-serif;font-weight:400;font-size:6cqw;color:#fff}
html .yt-pitch__n--now{left:1%;top:0}
html .yt-pitch__n--now b{font-size:11.5cqw;color:#2fc0ea}
html .yt-pitch__n--mid{right:1%;bottom:2%;text-align:right}
html .yt-pitch__n--start{left:7%;top:49%}
html .yt-pitch__txt p{margin:0 0 .7em;font-size:clamp(14px,1.2vw,17px);font-weight:700;line-height:1.85;color:#fff}
html .yt-pitch__txt p:first-child{font:400 clamp(20px,2.1vw,30px)/1.45 'Dela Gothic One',sans-serif}
html .yt-pitch__txt .nw{white-space:nowrap}
html .yt-pitch__txt .yt-pitch__k{margin:1.1em 0 .5em;font-size:clamp(13px,1.05vw,15px);color:#cfd6dc}
html .yt-pitch__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
html .yt-pitch__chips li{padding:.32em .9em;border:2px solid #fff;font-weight:900;font-size:clamp(13px,1.1vw,15px)}
.btn--pitch{background:#009eca;color:#fff}
@media(max-width:900px){
  html .yt-pitch{box-shadow:6px 6px 0 #009eca}
  html .yt-pitch__body{grid-template-columns:minmax(0,1fr)}
  html .yt-pitch .btn{display:flex;justify-content:center;width:100%}
  html .yt-pitch__chips{gap:6px}
  html .yt-pitch__chips li{padding:.3em .62em;border-width:2px;font-size:13px}
}

/* 11/06 YUJI：窓を縮めた時（正方形に近い横長）。ロゴの下の英字がコピーに隠れないよう、ロゴとコピーを収める */
@media(min-width:541px) and (max-width:920px) and (min-aspect-ratio:1/1) and (max-aspect-ratio:5/4){
  html[data-fv="ex"] body .fv-ex__trio{clip-path:inset(0 0 8% 0)!important}
  html[data-fv="ex"] body .fv-ex__logo{top:26%!important;width:min(46vw,430px)!important}
  html[data-fv="ex"] body .fv-ex__text{top:62%!important;width:min(72vw,680px)!important}
}

/* 11/06 YUJI：ぷくぷくのロゴと暗い肖像の繋ぎ。ちび三銃士が自分のカードの上の辺に腰掛ける */
#members .mchibi{position:absolute;z-index:6;right:7%;bottom:100%;height:clamp(122px,10.5vw,160px);width:auto;translate:0 30%;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
@media(max-width:767px){#members .members{padding-top:112px!important;margin-top:-40px!important}}