/* 243（2026-10-21）吉田さんの修正指示「集客最大化・デザイン」
   - CTA（診断・相談）だけにコーラルを使う（245：原色を抑えて #bf5139）。LINE のボタンは LINE の緑（244）。ピンクは初期費用0円キャンペーンだけ
   - 英字の小見出しは HTML から削除済み。余白を詰め、セクションごとに背景を変える */
:root{--m243-lineg:#06c755;--m243-lineg-dk:#05b04b;--m243-cta:#bf5139;--m243-cta-dk:#a8452f;--m243-navy:#102650;--m243-blue:#2448d8;--m243-pink:#102650;--m243-ink:#2b3446;--m243-mute:#5b6577;--m243-pale:#f4f7fc;--m243-line:#dfe6f2}

/* ── ボタン ── */
html body.design .m243-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 28px;border-radius:12px;border:2px solid var(--m243-cta);font-weight:800;font-size:17px;line-height:1.3;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
html body.design .m243-btn--main{background:var(--m243-cta);color:#fff!important;box-shadow:0 8px 20px rgb(221 106 80 / .22)}
html body.design .m243-btn--main:hover{background:var(--m243-cta-dk);border-color:var(--m243-cta-dk);transform:translateY(-1px)}
html body.design .m243-btn--main small{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgb(255 255 255 / .22)}
html body.design .m243-btn--main i{font-style:normal}
/* 244：LINE のボタンは LINE のブランドカラー（緑・白文字） */
html body.design .m243-btn--line{background:var(--m243-lineg);border-color:var(--m243-lineg);color:#fff!important;box-shadow:0 8px 20px rgb(6 199 85 / .25)}
html body.design .m243-btn--line:hover{background:var(--m243-lineg-dk);border-color:var(--m243-lineg-dk);transform:translateY(-1px)}
html body.design .m243-link{display:inline-flex;align-items:center;gap:6px;color:var(--m243-navy)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:5px}
html body.design .m243-link i{font-style:normal}
html body.design .m243-cta3{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:28px}
html body.design .m243-endcta{margin:48px auto 0;padding:28px 24px;max-width:860px;border-radius:20px;background:#fff;border:1px solid var(--m243-line);text-align:center}
html body.design .m243-endcta .m243-cta3{justify-content:center;margin-top:16px}
html body.design .m243-endlead{margin:0;font-weight:700;color:var(--m243-navy)}
html body.design .m243-campline{margin:14px 0 0;font-size:14px;color:var(--m243-mute)}
html body.design .m243-campline b{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;background:var(--m243-pink);color:#fff;font-size:13px}
/* 既存の「押すボタン」もコーラルに（ヘッダーの無料診断・フォームの送信など） */
html body.design:not(#a243):not(#b243) :is(a,button).primary128,html body.design:not(#a243):not(#b243) .nav-consult,html body.design:not(#a243):not(#b243) :is(.cf176-next,.cf176-send){background:var(--m243-cta)!important;border-color:var(--m243-cta)!important;color:#fff!important}
html body.design:not(#a243):not(#b243) .nav-consult .cta-icon128{background:#fff!important;color:var(--m243-cta)!important}
html body.design:not(#a243):not(#b243) .nav-line243{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;margin-right:10px;border:2px solid var(--m243-lineg);border-radius:999px;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important;background:var(--m243-lineg)}
html body.design:not(#a243):not(#b243) .nav-line243:hover{background:var(--m243-lineg-dk);border-color:var(--m243-lineg-dk)}

/* ── ヘッダー下の帯（キャンペーン）・スマホの固定バー ── */
html body.design .m243-strip{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 16px;background:var(--m243-pink);color:#fff!important;font-size:14px;text-decoration:none!important;line-height:1.4;flex-wrap:wrap}
html body.design .m243-strip b{font-weight:800}
html body.design .m243-strip i{font-style:normal}
html body.design .m243-sbar{display:none}
@media (max-width:767px){
  html body.design .m243-sbar{display:grid;grid-template-columns:2fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:2147483000;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgb(255 255 255 / .96);box-shadow:0 -6px 18px rgb(16 38 80 / .12)}
  html body.design .m243-sbar a{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;font-weight:800;font-size:16px;text-decoration:none!important}
  html body.design .m243-sbar-main{background:var(--m243-cta);color:#fff!important}
  html body.design .m243-sbar-line{border:2px solid var(--m243-lineg);color:#fff!important;background:var(--m243-lineg)}
  html body.design{padding-bottom:76px!important}
  html body.design .m243-strip{font-size:13px;padding:8px 12px}
}

/* ── 余白を詰める・英字の残り ── */
html body.design:not(#a243):not(#b243) main>section.section{padding-top:clamp(56px,6.5vw,88px)!important;padding-bottom:clamp(56px,6.5vw,88px)!important}
html body.design:not(#a243):not(#b243) :is(.eyebrow,.bk155-eyebrow,.b158-eyebrow){display:none!important}
html body.design .m243-sublead{max-width:760px;margin:16px auto 0;text-align:center;color:var(--m243-ink);line-height:1.9}
html body.design main section[class*="m243-"] h2{font-size:clamp(26px,3vw,38px);line-height:1.45;color:var(--m243-navy);text-align:center;margin:0;font-weight:800;letter-spacing:.02em}
/* ピンクはキャンペーンだけ：プランの3つ目・カードの上の線を青に */
html body.design:not(#a243):not(#b243) .plans242 .price-panel{border-top-color:var(--m243-blue)!important}
html body.design:not(#a243):not(#b243) .plans242 .price-panel .value{color:var(--m243-blue)!important}
html body.design:not(#a243):not(#b243) .option233-card{border-top-color:var(--m243-blue)!important}

/* ── ファーストビュー ── */
html body.design .m243-hero{padding:56px 0 64px!important;background:linear-gradient(180deg,#fff 0%,var(--m243-pale) 100%)}
html body.design .m243-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
html body.design .m243-kicker{margin:0 0 14px;font-weight:700;color:var(--m243-blue);font-size:15px}
html body.design .m243-catch{margin:0;font-size:clamp(34px,4.3vw,58px)!important;line-height:1.3!important;font-weight:900;color:var(--m243-navy);letter-spacing:.01em;text-align:left!important}
html body.design .m243-catch em{font-style:normal;color:var(--m243-blue)}
html body.design .m243-lead{margin:20px 0 0;font-size:16px;line-height:1.9;color:var(--m243-ink);max-width:560px}
html body.design .m243-lead b{color:var(--m243-navy)}
html body.design .m243-stats{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px}
html body.design .m243-stats li{padding:14px 10px;border-radius:20px;background:#fff;border:1px solid var(--m243-line);text-align:center}
html body.design .m243-stats b{display:block;font-family:'Inter','Outfit',system-ui,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.1;color:var(--m243-navy)}
html body.design .m243-stats li:nth-child(2) b{color:var(--m243-pink)}
html body.design .m243-stats small{font-size:15px;font-weight:800;margin-left:2px}
html body.design .m243-stats span{display:block;margin-top:6px;font-size:13px;color:var(--m243-mute)}
html body.design .m243-stats em{display:block;font-style:normal;font-size:11px;color:var(--m243-pink);font-weight:700}
html body.design .m243-hero-visual{position:relative;min-height:470px}
html body.design .m243-mock-pc{position:absolute;right:0;top:0;width:92%;margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 50px rgb(16 38 80 / .22);border:1px solid var(--m243-line)}
html body.design .m243-mock-bar{display:flex;gap:6px;padding:9px 12px;background:#eef2f8}
html body.design .m243-mock-bar i{width:9px;height:9px;border-radius:50%;background:#c9d3e3}
html body.design .m243-mock-pc img{display:block;width:100%;height:auto}
html body.design .m243-mock-sp{position:absolute;left:0;bottom:0;width:30%;margin:0;border-radius:20px;overflow:hidden;border:6px solid #1c2233;background:#1c2233;box-shadow:0 18px 40px rgb(16 38 80 / .3)}
html body.design .m243-mock-sp img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:top}
html body.design .m243-hero-photo{position:absolute;right:4%;bottom:-6px;width:38%;margin:0;border-radius:20px;overflow:hidden;border:5px solid #fff;box-shadow:0 14px 32px rgb(16 38 80 / .22)}
html body.design .m243-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
html body.design .m243-hero-cap{position:absolute;left:32%;bottom:-34px;margin:0;font-size:12px;color:var(--m243-mute)}

/* ── お悩み ── */
html body.design .m243-worry{background:#fff}
html body.design .m243-worry-list{list-style:none;margin:32px auto 0;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body.design .m243-worry-list li{position:relative;padding:16px 18px 16px 52px;border-radius:12px;background:var(--m243-pale);font-weight:700;color:var(--m243-navy);line-height:1.6}
html body.design .m243-worry-list li::before{content:'';position:absolute;left:18px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--m243-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
html body.design .m243-bridge{margin:28px auto 0;text-align:center;font-size:18px;color:var(--m243-navy);line-height:1.8}
html body.design .m243-bridge b{background:linear-gradient(transparent 62%,#ffe1d9 62%)}

/* ── なぜ集客が増えるのか ── */
html body.design .m243-why{background:var(--m243-pale)}
html body.design .m243-data{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html body.design .m243-data li{padding:22px 18px;border-radius:20px;background:#fff;border:1px solid var(--m243-line)}
html body.design .m243-data b{display:block;font-family:'Inter','Outfit',system-ui,sans-serif;font-size:clamp(30px,3vw,42px);font-weight:900;color:var(--m243-blue);line-height:1.1}
html body.design .m243-data span{display:block;margin-top:10px;font-size:14px;line-height:1.7;color:var(--m243-ink)}
html body.design .m243-src{margin:12px 0 0;font-size:12px;color:var(--m243-mute);text-align:right}
html body.design .m243-entr{margin-top:64px}
html body.design .m243-entr h3{text-align:center;font-size:clamp(20px,2.2vw,28px);line-height:1.55;color:var(--m243-navy);margin:0}
html body.design .m243-entr-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body.design .m243-entr-item{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--m243-line)}
html body.design .m243-entr-item h4{margin:16px 0 0;font-size:18px;color:var(--m243-navy)}
html body.design .m243-entr-item p{margin:8px 0 0;font-size:14px;line-height:1.8;color:var(--m243-ink)}
html body.design .m243-phone{position:relative;margin:0 auto;width:min(220px,100%);padding:14px 10px 12px;border-radius:26px;background:#1c2233}
html body.design .m243-phone-label{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:999px;background:var(--m243-blue);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
html body.design .m243-phone-screen{min-height:250px;padding:10px;border-radius:20px;background:#fff;font-size:11px;line-height:1.5;color:#333;display:grid;align-content:start;gap:7px}
html body.design .m243-phone figcaption{margin-top:6px;text-align:center;color:#dfe6f2;font-size:11px}
html body.design .m243-ph-q{padding:7px 10px;border-radius:999px;background:#f1f3f6;color:#555}
html body.design .m243-ph-res{display:grid;gap:2px;padding:6px 4px;border-bottom:1px solid #eee}
html body.design .m243-ph-res small{color:#888;font-size:10px}
html body.design .m243-ph-res b{color:#1a4fc4;font-size:11.5px}
html body.design .m243-ph-res span{color:#666}
html body.design :is(.m243-ph-res,.m243-ph-card).is-me{background:#fff7f4;border:2px solid var(--m243-cta);border-radius:8px}
html body.design .m243-ph-map{position:relative;height:96px;border-radius:12px;background:linear-gradient(135deg,#e6efe3 0 30%,#dfe9f5 30% 55%,#eef0e6 55%)}
html body.design .m243-pin{position:absolute;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9aa6bd}
html body.design .m243-pin:nth-child(1){left:42%;top:30%}
html body.design .m243-pin:nth-child(2){left:18%;top:58%}
html body.design .m243-pin:nth-child(3){left:72%;top:52%}
html body.design .m243-pin.is-me{background:var(--m243-cta);width:20px;height:20px}
html body.design .m243-ph-card{display:grid;gap:2px;padding:8px}
html body.design .m243-ph-card em{justify-self:start;margin-top:4px;padding:2px 10px;border-radius:999px;background:#1a73e8;color:#fff;font-style:normal;font-size:10px}
html body.design .m243-ph-chat{padding:8px 10px;border-radius:12px;max-width:90%}
html body.design .m243-ph-chat.is-user{justify-self:end;background:#e8eefc}
html body.design .m243-ph-chat.is-ai{background:#f4f4f6}
html body.design .m243-ph-chat b{color:var(--m243-cta-dk)}

/* ── 広告との違い・LISH が作る理由 ── */
html body.design .m243-stock{background:#fff}
html body.design .m243-vs{margin:32px auto 0;max-width:960px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body.design .m243-vs-col{padding:24px;border-radius:20px;background:var(--m243-pale);border:1px solid var(--m243-line)}
html body.design .m243-vs-col.is-me{background:#fff;border:2px solid var(--m243-blue)}
html body.design .m243-vs-col h3{margin:0 0 12px;font-size:19px;color:var(--m243-navy)}
html body.design .m243-vs-col ul{margin:0;padding-left:1.2em;line-height:1.9;color:var(--m243-ink)}
html body.design .m243-note{margin:18px auto 0;max-width:760px;text-align:center;font-size:14px;color:var(--m243-mute)}
html body.design .m243-lish{background:var(--m243-navy)}
html body.design .m243-lish-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
html body.design .m243-lish-photo{margin:0;border-radius:20px;overflow:hidden}
html body.design .m243-lish-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
html body.design main .m243-lish h2{color:#fff!important;text-align:left!important}
html body.design .m243-lish-copy>p{margin:18px 0 0;color:#dfe6f2;line-height:1.9}
html body.design .m243-facts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
html body.design .m243-facts li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:12px 16px;border-radius:12px;background:rgb(255 255 255 / .08);color:#fff}
html body.design .m243-facts b{font-size:18px}
html body.design .m243-facts span{color:#dfe6f2;font-size:14px}
html body.design .m243-lish .m243-endcta{margin-top:28px;text-align:left;background:#fff}
html body.design .m243-lish .m243-endcta .m243-cta3{justify-content:flex-start}

/* ── 料金・キャンペーン ── */
html body.design .m243-price .plans242{margin-top:32px}
html body.design .m243-camp{margin:24px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:28px;border-radius:20px;background:#fff6f9;border:2px solid var(--m243-pink)}
html body.design .m243-camp-tag{display:inline-block;margin:0 0 10px;padding:3px 12px;border-radius:999px;background:var(--m243-pink);color:#fff;font-weight:800;font-size:14px}
html body.design .m243-camp h3{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.5;color:var(--m243-navy)}
html body.design .m243-camp h3 b{font-family:'Inter','Outfit',system-ui,sans-serif;font-size:1.6em;color:var(--m243-pink)}
html body.design .m243-camp-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0}
html body.design .m243-camp-row span{width:100%;font-size:14px;color:var(--m243-mute)}
html body.design .m243-camp-row s{color:var(--m243-mute)}
html body.design .m243-camp-row b{font-family:'Inter','Outfit',system-ui,sans-serif;font-size:34px;color:var(--m243-navy)}
html body.design .m243-camp-n{margin:6px 0 16px;font-size:14px;color:var(--m243-ink)}
html body.design .m243-fine{margin:18px 0 0;font-size:14px;color:var(--m243-mute);text-align:center}
html body.design .m243-fine a{color:var(--m243-blue)}
html body.design .m243-morelink{margin:20px 0 0;text-align:center}
html body.design .m243-morelink a{color:var(--m243-blue);font-weight:700}

/* ── 最後のCTA ── */
html body.design .m243-final{padding:72px 0;background:var(--m243-navy);text-align:center}
html body.design main .m243-final h2,html body.design .m243-final h2{color:#fff!important}
html body.design .m243-final p{color:#dfe6f2;line-height:1.9;margin:14px 0 0}
html body.design .m243-final .m243-cta3{justify-content:center}
html body.design .m243-final .m243-link{color:#fff!important}
html body.design .m243-final .m243-campline{color:#dfe6f2}

/* ── シミュレーターの LINE ボタン ── */
html body.design .m243-simcta{margin-top:16px;text-align:center}
html body.design .m243-simcta .m243-btn{width:100%;max-width:520px}

/* ── 無料集客診断 ── */
html body.design .dg243{max-width:860px;margin:0 auto}
html body.design .dg243-q{margin:0 0 22px;padding:22px;border:1px solid var(--m243-line);border-radius:20px;background:#fff}
html body.design .dg243-q legend{padding:0 6px;font-weight:800;font-size:18px;color:var(--m243-navy)}
html body.design .dg243-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
html body.design .dg243-opts label{cursor:pointer}
html body.design .dg243-opts input{position:absolute;opacity:0;pointer-events:none}
html body.design .dg243-opts span{display:inline-flex;align-items:center;min-height:46px;padding:8px 18px;border-radius:999px;border:2px solid var(--m243-line);background:var(--m243-pale);font-weight:700;color:var(--m243-navy)}
html body.design .dg243-opts input:checked+span{border-color:var(--m243-blue);background:#eaf0ff;color:var(--m243-blue)}
html body.design .dg243-opts input:focus-visible+span{outline:3px solid var(--m243-blue);outline-offset:2px}
html body.design .dg243-form>.m243-btn{width:100%;margin-top:6px}
html body.design .dg243-err{color:#c62828;font-weight:700;text-align:center}
html body.design .dg243-result{margin-top:32px;padding:32px;border-radius:20px;background:#fff;border:2px solid var(--m243-blue)}
html body.design .dg243-tag{display:inline-block;margin:0;padding:3px 12px;border-radius:999px;background:var(--m243-blue);color:#fff;font-weight:800;font-size:13px}
html body.design .dg243-result h3{margin:12px 0 0;font-size:26px;color:var(--m243-navy)}
html body.design .dg243-result h3 b{color:var(--m243-blue)}
html body.design .dg243-price{margin:8px 0 0}
html body.design .dg243-price b{font-family:'Inter','Outfit',system-ui,sans-serif;font-size:44px;color:var(--m243-navy)}
html body.design .dg243-price small{margin-left:8px;color:var(--m243-mute)}
html body.design .dg243-dl{margin:18px 0 0;display:grid;gap:8px}
html body.design .dg243-dl div{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--m243-line)}
html body.design .dg243-dl dt{flex:0 0 120px;font-weight:700;color:var(--m243-navy)}
html body.design .dg243-dl dd{margin:0}
html body.design .dg243-sub{margin:20px 0 0;font-weight:700;color:var(--m243-navy)}
html body.design .dg243-themes{margin:8px 0 0;padding-left:1.2em;line-height:1.9}
html body.design .dg243-note{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#fff6e5}

/* ── スマホ ── */
@media (max-width:1023px){
  html body.design .m243-hero-in,html body.design .m243-lish-in{grid-template-columns:1fr;gap:32px}
  html body.design .m243-hero-visual{min-height:0;aspect-ratio:16/11}
  html body.design .m243-data{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.design .m243-entr-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}
@media (max-width:767px){
  html body.design .m243-hero{padding:28px 0 56px!important}
  html body.design .m243-catch{font-size:32px!important}
  html body.design .m243-stats{gap:6px}
  html body.design .m243-stats li{padding:10px 4px}
  html body.design .m243-stats b{font-size:24px}
  html body.design .m243-stats small{font-size:12px}
  html body.design .m243-stats span{font-size:11px}
  html body.design .m243-cta3{flex-direction:column;align-items:stretch}
  html body.design .m243-cta3 .m243-link{justify-content:center}
  html body.design .m243-worry-list,html body.design .m243-vs,html body.design .m243-camp{grid-template-columns:1fr}
  html body.design .m243-data{grid-template-columns:1fr 1fr;gap:8px}
  html body.design .m243-data li{padding:14px 12px}
  html body.design .m243-src{text-align:left}
  html body.design .m243-hero-cap{left:0;bottom:-28px}
  html body.design .m243-endcta{padding:22px 16px}
  html body.design .nav-line243{display:none!important}
}

/* 243：既存の強い指定を上書き（3つ目のプランのピンク・「通常」ボタンのピンク・LISH の紺の背景） */
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .price-panel:last-child{border-top-color:var(--m243-blue)!important;border-bottom-color:var(--m243-line)!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .price-panel:last-child .value{color:var(--m243-blue)!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .mo165[data-mo224] .mo224-init button[data-init="100000"][aria-pressed="true"]{background:var(--m243-navy)!important;border-color:var(--m243-navy)!important;color:#fff!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .mo165[data-mo224] .mo224-init button[data-init="0"][aria-pressed="true"]{background:var(--m243-pink)!important;border-color:var(--m243-pink)!important;color:#fff!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) main>section.m243-lish{background:var(--m243-navy)!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) main>section.m243-lish h2{color:#fff!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) main>section.m243-lish .m243-lish-copy>p{color:#dfe6f2!important}
html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) main>section.m243-lish .m243-facts li{color:#fff!important}

@media (max-width:767px){html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .mo165 .mo165-plan{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important}html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243) .mo165 .mo165-plan button{min-width:0!important;width:100%!important;white-space:normal!important}}

/* ══ 247（2026-10-21）指示書をもう一度照合して、見せ方を整える ══ */
/* 改行：見出しと短い文は文節で折り返す。本文は最後の行が1〜2文字だけにならないように */
html body.design main :is(h2,h3,h4,.m243-worry-list li,.m243-data span,.m243-endlead,.m243-bridge,.m243-note,.m243-sublead,.section-head p,.m243-vs-col li,.m243-facts span){word-break:auto-phrase;text-wrap:balance}
html body.design main p{text-wrap:pretty}

/* 背景のメリハリ：白が続かないように交互に（ヒーロー→悩み 白→理由 薄青→記事 白→広告との違い 薄青→LISH 紺） */
html body.design:not(#a247):not(#b247) main .m243-why,html body.design:not(#a247):not(#b247) main .m243-stock{background:var(--m243-pale)!important}
html body.design .m243-stock .m243-vs-col{background:#fff}

/* 数字ブロック：出典はカードごと、補足の数字は1行で */
html body.design .m243-data li{display:flex;flex-direction:column}
html body.design .m243-data small{display:block;margin-top:auto;padding-top:12px;font-size:11px;line-height:1.55;color:var(--m243-mute)}
html body.design .m247-plus{max-width:900px;margin:20px auto 0;padding:14px 22px;border-radius:12px;background:#fff;border-left:4px solid var(--m243-blue);font-size:15px;line-height:1.8;color:var(--m243-ink)}
html body.design .m247-plus b{margin-right:4px;font-size:18px;color:var(--m243-blue)}

/* 3つの入口：スマホ画面の高さをそろえ、説明文の書き出しの高さもそろえる */
html body.design .m243-phone-screen{height:292px;min-height:0;overflow:hidden}
html body.design .m243-phone[data-kind="ai"] .m243-phone-screen{display:flex;flex-direction:column;gap:8px}
html body.design .m247-ph-cite{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;color:#4b5375}
html body.design .m247-ph-cite span{width:100%}
html body.design .m247-ph-cite b{padding:2px 8px;border-radius:999px;background:#eef2ff;color:#2448d8;font-weight:700}
html body.design .m243-entr-item{display:flex;flex-direction:column}

/* 広告との違い：小さなグラフ */
html body.design .m247-graph{display:block;width:100%;height:auto;margin:0 0 16px;padding:10px 12px 6px;border-radius:12px;background:var(--m243-pale);box-sizing:border-box}
html body.design .m247-graph .m247-bars rect{fill:#b9c2d4}
html body.design .m247-graph.is-me .m247-bars rect{fill:var(--m243-blue)}
html body.design .m247-graph .m247-stop{stroke:var(--m243-cta);stroke-width:2;stroke-dasharray:4 3}
html body.design .m247-graph text{font-size:11px;font-weight:700;fill:var(--m243-mute)}
html body.design .m247-graph.is-me text{fill:var(--m243-blue)}

/* LISHが作る理由：写真2枚を縦に（重ねない） */
html body.design .m243-lish-in{align-items:start}
html body.design .m243-lish-photo{display:grid;gap:12px;border-radius:0;overflow:visible}
html body.design .m243-lish-photo img{border-radius:20px}
html body.design .m243-lish-photo img+img{aspect-ratio:16/9}
html body.design .m243-lish-photo figcaption{font-size:13px;line-height:1.6;color:#dfe6f2}
html body.design .m243-lish .m243-cta3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body.design .m243-lish .m243-cta3 .m243-btn{padding-inline:14px;font-size:16px}
html body.design .m243-lish .m243-cta3 .m243-link{grid-column:1/-1;justify-self:center}

/* 記事シミュレーター：プラン3つ・初期費用2つを横一列ずつに（右にずれて縦に積まれていた） */
@media (min-width:801px){
  html body.design:not(#a247):not(#b247) .mo165[data-mo224]{grid-template-columns:minmax(0,1fr)!important}
  html body.design:not(#a247):not(#b247) .mo165[data-mo224] .mo165-plan{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  html body.design:not(#a247):not(#b247) .mo165[data-mo224] .mo165-plan.mo224-init{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 制作の流れ：PCは7つを横に並べて短くする（1行ずつだと約1,400px） */
@media (min-width:1101px){
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;max-width:1200px!important;position:relative}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]::before{content:'';position:absolute;left:7%;right:7%;top:31px;height:2px;background:#cdd6ee}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]>li{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;padding:0 10px!important;border:0!important;text-align:center!important;min-height:0!important}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]>li:before{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#fff!important;border:2px solid #dfe6f2!important;font-size:24px!important;position:relative!important;z-index:1}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]>li:first-child:before,html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223]>li:last-child:before{background:var(--m243-blue)!important;border-color:var(--m243-blue)!important;color:#fff!important}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223] h3{font-size:17px!important}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247) #flow ol[data-flow223] p{font-size:14px!important;line-height:1.75!important}
  html body.design #flow .motif124{display:none}
}

/* スマホ */
@media (max-width:767px){
  /* 3つの入口：画面を小さくして説明と横に並べる（縦に3台並ぶと約1,700px） */
  html body.design .m243-entr-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:6px 14px;align-items:start;padding:16px 14px}
  html body.design .m243-entr-item .m243-phone{grid-row:1/3;zoom:.5;margin:0}
  html body.design .m243-entr-item h4{margin:0;font-size:17px}
  html body.design .m243-entr-item p{margin:0;font-size:14px;line-height:1.75}
  /* 記事の例：横にスワイプ */
  html body.design:not(#a247):not(#b247) .ex163-grid{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 12px;scrollbar-width:none}
  html body.design:not(#a247):not(#b247) .ex163-grid::-webkit-scrollbar{display:none}
  html body.design:not(#a247):not(#b247) .ex163-grid>.ex163-card{flex:0 0 80%;scroll-snap-align:center}
  html body.design .m243-lish .m243-cta3{grid-template-columns:1fr}
  html body.design .m243-lish-photo img+img{display:none}
}
/* 247b：流れの丸を正円に、01と07は青地に白い数字 */
@media (min-width:1101px){
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247):not(#g247) #flow ol[data-flow223]>li:before{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-height:64px!important;aspect-ratio:1/1!important;padding:0!important;box-sizing:border-box!important;line-height:1!important;text-align:center!important;background-image:none!important;box-shadow:none!important;flex:none!important}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247):not(#g247) #flow ol[data-flow223]>li:first-child:before,html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247):not(#g247) #flow ol[data-flow223]>li:last-child:before{background:#2448d8!important;border-color:#2448d8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
}
/* 247b：グラフの「申込」を1行に・カードの説明の改行 */
html body.design .cf154-col.is-first .cf154-m{white-space:nowrap}
html body.design .cf154-sum em{word-break:auto-phrase;text-wrap:balance}
@media (max-width:767px){
  html body.design .cf154-col.is-first .cf154-m{font-size:10px;letter-spacing:-.04em}
  /* 初期費用のボタン：名前と説明を縦に（横に並べると詰まる） */
  html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243):not(#f247) .mo165[data-mo224] .mo224-init button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;text-align:left!important}
  html body[data-deck232]:not(#a243):not(#b243):not(#c243):not(#d243):not(#e243):not(#f247) .mo165[data-mo224] .mo224-init button small{margin:0!important;text-align:left!important}
}
/* ══ 248（2026-10-21）読む文字はPC・スマホとも中央揃え（橋村さん「ところどころ左揃えなのが気持ち悪い」）
   例外：フォームの入力欄と項目名／左右に項目と値が並ぶ表の行（料金の内訳・定義リスト・比較表）／ボタンの中／スマホ画面のイラスト／グラフ／パンくず ══ */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main :is(h1,h2,h3,h4,h5,h6,p,li,figcaption,legend,blockquote,summary,article,.lead,.value,.tag,.faq139-text,.m243-camp-head,.m243-camp-body,.wk175-before,.wk175-after):not(form *):not(button *):not(button):not(dl *):not(.plan242-list *):not(.price-line *):not(.m243-phone *):not(.cf154-chart *):not([role=table] *):not(.crumb *):not(.bk155-btns *):not(.mo165-plan *){text-align:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main :is(ul,ol):not(form *):not(button *):not(button):not(dl *):not(.plan242-list *):not(.price-line *):not(.m243-phone *):not(.cf154-chart *):not([role=table] *):not(.crumb *):not(.bk155-btns *):not(.mo165-plan *){list-style-position:inside!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main :is(ul,ol):not(form *):not(button *):not(button):not(dl *):not(.plan242-list *):not(.price-line *):not(.m243-phone *):not(.cf154-chart *):not([role=table] *):not(.crumb *):not(.bk155-btns *):not(.mo165-plan *)>li{padding-left:0!important}
/* 横に並ぶもの（ボタン・タグ・選択肢）も真ん中に寄せる */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main :is(.m243-cta3,.m243-camp-row,.m243-facts li,.dg243-opts,.actions,.cta-row,.more155,.hero-actions,.m243-stats,.wk175-head,.wk175-tags,.m243-hero-copy):not(form *):not(button *):not(button):not(dl *):not(.plan242-list *):not(.price-line *):not(.m243-phone *):not(.cf154-chart *):not([role=table] *):not(.crumb *):not(.bk155-btns *):not(.mo165-plan *){justify-content:center!important;justify-items:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .m243-hero-copy{text-align:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .m243-catch,html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .m243-lead{margin-inline:auto!important}
/* 見出しと説明が左右に分かれる組み方は、縦に積んで中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .section-head{display:block!important;text-align:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .section-head>*{margin-inline:auto!important;max-width:820px}
/* 悩みのリスト：チェックの印は左のまま、文字は真ん中 */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .m243-worry-list li{padding-inline:52px!important}
/* 248b：シミュレーター下のカード、無料診断の質問と選択肢も中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .cf154-sum-item{text-align:center!important;align-items:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .dg243 :is(legend,.dg243-q h3,.dg243-q p){text-align:center!important;width:100%}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248) main .dg243-opts{justify-content:center!important}
/* 248c：中央揃えで崩れたところ・残りの左揃え */
/* 悩みのリスト：チェックの印と文字が重ならないように左右の余白を戻す */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main ul.m243-worry-list>li{padding:16px 52px!important}
/* ヒーローの数字3つ：カードの幅をそろえる（中央寄せで縮んでいた） */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .m243-stats{justify-items:stretch!important}
/* 記事シミュレーター：TRY・ボタンの中・月数・合計も中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main [data-mo165] .try167{justify-self:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .mo165-plan button{text-align:center!important;align-items:center!important;justify-content:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main :is(.mo165-range,.mo165-range span,.mo165-out){text-align:center!important;justify-content:center!important}
/* 比較表：項目名の列も中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .cmp156 [role=rowheader]{text-align:center!important;justify-content:center!important}
/* 248d：スライダーは幅いっぱいのまま */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .mo165-range{display:block!important;width:100%!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .mo165-range input[type=range]{display:block!important;width:100%!important;margin-inline:0!important}
/* 248e：箱ごと左に置かれていた文、横並びで左に詰められていた質問、表の列も中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main :is(.package-summary122,.lead,.section-head p,.m243-sublead,.cmp156-note,.fine,.m243-src,.m243-note){margin-left:auto!important;margin-right:auto!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main details>summary{justify-content:center!important;text-align:center!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .price-line>*,html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .price-line strong:last-child{text-align:center!important;justify-self:center!important}
/* 248f：制作実績のカード：番号と見出しを並べたまま中央へ */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .wk175-text{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:baseline!important;column-gap:12px!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .wk175-text>:not(.wk175-no):not(h4){flex:0 0 100%!important}
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .dg243-opts span{text-align:center!important;justify-content:center!important}

/* 248g：ヒーロー写真の説明も中央に */
html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .m243-hero-cap{text-align:center!important;margin-inline:auto!important}
/* 248h：初期制作のヒーロー（枠が中身に合わせて縮む型）は説明文の幅を決めて、細長く折り返さないように */
@media (min-width:1024px){html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) .page-hero[data-ph168="fv"] .wrap>.lead{width:520px!important;max-width:520px!important}}
/* 制作実績のカード：スマホは番号→見出し→説明を縦に積んで中央 */
@media (max-width:767px){html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .wk175-text{display:block!important;text-align:center!important}html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) main .wk175-text>*{display:block!important;text-align:center!important;margin-inline:auto!important}}
@media (min-width:1024px){html body.design:not(#a248):not(#b248):not(#c248):not(#d248):not(#e248):not(#f248):not(#g248):not(#h248) .page-hero[data-ph168="fv"] .wrap>.iso233{display:none!important}}

html body.design .page-hero .lead{word-break:auto-phrase;text-wrap:balance}

/* 249：スマホでも見出しの改行（br）を残す。文節で折り返す設定（247）があるので、文の切れ目で改行したほうが自然 */
@media (max-width:767px){html body[data-deck232]:not(#a249):not(#b249):not(#c249):not(#d249):not(#e249):not(#f249):not(#g249) .section-head h2 br{display:inline!important}}
/* 249：見出しの言葉のまとまりを途中で割らない */
html body.design h2 .nw249{display:inline-block}
@media (max-width:767px){html body.design main h2 .ac155{display:inline-block}}

/* ══ 250（2026-10-21）PC・タブレットでは、アコーディオン（FAQ）と表は左揃えに戻す（橋村さん「1920・1440で見ると変に中央揃え」）。スマホは中央のまま ══ */
@media (min-width:768px){
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details>summary{text-align:left!important;justify-content:space-between!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details>summary .faq139-text{text-align:left!important;flex:1 1 auto!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details :is(p,li,dd,dt,div,span){text-align:left!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details>p{margin-left:0!important;margin-right:0!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main .cmp156 [role=rowheader]{text-align:left!important;justify-content:center!important;align-items:flex-start!important;padding-left:22px!important}
  /* FAQ（details だけの組み方）：線の端にくっつかないよう左右に余白、回答は幅いっぱい */
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details:is([name=faq185],[name=faq253])>summary{padding-left:20px!important;padding-right:20px!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main details:is([name=faq185],[name=faq253])>p{padding-left:20px!important;padding-right:56px!important;max-width:none!important;width:auto!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main .price-line>*{text-align:left!important;justify-self:stretch!important}
  html body.design:not(#a250):not(#b250):not(#c250):not(#d250):not(#e250):not(#f250):not(#g250):not(#h250):not(#i250) main .price-line>:last-child{text-align:right!important}
}
/* ══ 251（2026-10-21）LINE のボタン：ヘッダーは横16：縦9で大きく、すべての LINE ボタンに LINE の吹き出しアイコン ══ */
:root{--m251-line-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 38'%3E%3Cpath fill='%23fff' d='M20 2C9.5 2 1 8.9 1 17.4c0 7.6 6.7 14 15.8 15.2.6.1 1.5.4 1.7 1 .2.5.1 1.3.1 1.8l-.3 1.6c-.1.5-.4 1.9 1.7 1 2-.9 11-6.5 15-11.1C37.8 23.8 39 20.8 39 17.4 39 8.9 30.5 2 20 2z'/%3E%3Ctext x='20' y='21.6' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-weight='900' font-size='10.4' fill='%2306C755'%3ELINE%3C/text%3E%3C/svg%3E")}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251) .nav-line243{width:96px!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important;padding:0!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;font-size:13px!important;line-height:1!important;letter-spacing:.04em}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251) .nav-line243::before{content:'';display:block;width:24px;height:23px;background:var(--m251-line-icon) center/contain no-repeat}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251) :is(.m243-btn--line,.m243-sbar-line)::before{content:'';flex:none;width:28px;height:27px;background:var(--m251-line-icon) center/contain no-repeat}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251) .m243-sbar-line{gap:8px!important}
/* 251b：文字の見やすさの微調整（小さすぎる文字を上げる・薄い文字を濃く・色付きボタンの白文字に薄い影） */
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) .nav-line243::before{width:30px!important;height:29px!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) .nav-line243{gap:3px!important;font-size:13px!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) main .tax242{font-size:13px!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) main :is(.m243-data small,.m243-stats span,.m243-stats em){font-size:12px!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) main .m243-btn--main small{font-size:13px!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) main :is(.cf176-opt-badge,.cf176-multi-text,.cf176-steps li:not(.is-on),[class*=cf176] small){color:#4b5375!important}
html body.design:not(#a251):not(#b251):not(#c251):not(#d251):not(#e251):not(#f251):not(#g251):not(#h251):not(#i251):not(#j251) :is(.m243-btn--main,.m243-btn--line,.m243-sbar a,.nav-consult,.nav-line243,.cf176-next,.cf176-send){text-shadow:0 1px 1px rgb(0 0 0 / .22)}

/* 253（2026-10-21）ヒーロー：ボタンは同じ幅で縦に並べ、相談はその下の中央に。数字のカードは数字を少し小さくして余白をとる（橋村さん「PC・モニターでアンバランス」） */
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-hero .m243-cta3{display:grid!important;grid-template-columns:minmax(0,420px)!important;justify-content:center!important;gap:12px!important}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-hero .m243-cta3 .m243-btn{width:100%!important;padding-inline:20px!important}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-hero .m243-cta3 .m243-link{justify-self:center!important;margin-top:4px}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-hero .m243-campline{text-align:center!important}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-stats li{padding:16px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-stats b{font-size:clamp(24px,2.3vw,34px)!important;white-space:nowrap}
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-stats b small{font-size:.42em!important}
/* 253：途中のCTA（aside）の見出しを最後のCTAと同じ大きさに */
html body.design:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main .m243-final.m247-mid h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.45!important;font-weight:800!important;letter-spacing:.02em!important;margin:0!important}

/* 253：次フェーズの下書き（集客の仕組み・よくある質問） */
html body.design .m253-do{margin:12px 0 0!important;padding:12px 14px;border-radius:12px;background:var(--m243-pale);font-size:14px;line-height:1.8;color:var(--m243-ink)}
html body.design .m253-do b{display:block;margin-bottom:4px;color:var(--m243-blue);font-size:13px}
html body.design .m253-table .price-line{grid-template-columns:1fr 1.3fr 1fr 1fr!important}
@media (max-width:767px){html body.design .m253-table .price-line{grid-template-columns:1fr 1fr!important;row-gap:4px}}
/* 253b：紺・薄青と決めているセクションは、ページのどこに置いても「3つ目ごとの背景」（iso233）に上書きされないよう固定 */
html body[data-deck232]:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main>section.m243-lish{background:var(--m243-navy)!important}
html body[data-deck232]:not(#a253):not(#b253):not(#c253):not(#d253):not(#e253):not(#f253):not(#g253):not(#h253):not(#i253):not(#j253) main>section:is(.m243-why,.m243-stock){background:var(--m243-pale)!important}
/* 記事の数の表：段落の余白で列がずれないように */
html body.design .m253-table .price-line>*{margin:0!important;align-self:center!important}
/* 254（2026-10-21）トップの7ステップ：番号の丸が左に寄っていた（align-self:start が残っていた）ので中央に。左右の余白もそろえる */
@media (min-width:1101px){
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247):not(#g247):not(#h254):not(#i254) #flow ol[data-flow223]>li{padding:0 10px!important}
  html body[data-design223="miekata"]:not(#d223):not(#e223):not(#f247):not(#g247):not(#h254):not(#i254) #flow ol[data-flow223]>li::before{align-self:center!important;margin:0 auto 16px!important}
}
/* ヘッダーの LINE ボタン（PC・モニター）：アイコンを左、文字を右に横並び（大きさは 16:9 のまま） */
html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254) .nav-line243{flex-direction:row!important;gap:7px!important;font-size:15px!important}
html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254) .nav-line243::before{width:26px!important;height:25px!important}
/* 254b：初期制作のヒーロー（PC・モニター）：文字とイラストを中央の幅にまとめ、文字は左揃え（橋村さん「左右の端に寄り過ぎ」） */
@media (min-width:1024px){
  html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254):not(#l254) .page-hero[data-ph168="fv"]{display:grid!important;grid-template-columns:minmax(0,520px) minmax(0,560px)!important;justify-content:center!important;align-items:center!important;column-gap:clamp(40px,5vw,80px)!important;padding-inline:40px!important}
  html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254):not(#l254) .page-hero[data-ph168="fv"]>.wrap{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important}
  html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254):not(#l254) .page-hero[data-ph168="fv"]>.wrap>*{text-align:left!important;margin-left:0!important;margin-right:0!important;justify-self:start!important}
  html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254):not(#l254) .page-hero[data-ph168="fv"]>.wrap>.lead{width:100%!important;max-width:520px!important;justify-self:stretch!important;text-wrap:pretty!important;margin-top:22px!important}
  html body.design:not(#a254):not(#b254):not(#c254):not(#d254):not(#e254):not(#f254):not(#g254):not(#h254):not(#i254):not(#j254):not(#k254):not(#l254) .page-hero[data-ph168="fv"]>.fv165{margin:0!important;justify-self:end!important;left:auto!important;right:auto!important}
}
/* 表：見出しの行と中身の行で左右の余白をそろえる */
html body.design .price-table .price-line:not(.head){padding-left:16px!important;padding-right:16px!important}
/* 257：次フェーズの下書き（いまの支払いと比べる・業種別） */
html body.design .m257-calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1080px;margin:0 auto}
html body.design .m257-col,html body.design .m257-out{padding:24px;border:1px solid #dfe6f2;border-radius:20px;background:#fff}
html body.design .m257-out{grid-column:1/-1;background:#f4f7fc}
html body.design .m257-field{display:block;margin-top:16px;text-align:left}
html body.design .m257-field span{display:flex;justify-content:space-between;font-weight:700;font-size:15px;color:#102650}
html body.design .m257-field small{font-weight:400;color:#4b5375}
html body.design .m257-field input{width:100%;min-height:48px;margin-top:6px;padding:0 14px;border:1px solid #7d8aa6;border-radius:8px;font-size:18px;font-family:'Barlow','Noto Sans JP',sans-serif;box-sizing:border-box}
html body.design .m257-plans{display:grid;gap:12px;margin-top:16px}
html body.design .m257-plan{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid #dfe6f2;border-radius:12px;cursor:pointer;text-align:left}
html body.design .m257-plan:has(input:checked){border:2px solid #2448d8;background:#f4f7fc}
html body.design .m257-plan span{display:flex;flex-direction:column;font-size:14px;color:#4b5375}
html body.design .m257-plan b{font-size:17px;color:#102650}
html body.design .m257-camp{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;min-height:48px;font-weight:700;color:#102650}
html body.design .m257-row{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:10px 0;border-bottom:1px solid #dfe6f2}
html body.design .m257-row span{font-weight:700;color:#102650;min-width:12em;text-align:right}
html body.design .m257-row b{font-family:'Barlow',sans-serif;font-size:32px;color:#102650}
html body.design .m257-row.is-me b{color:#2448d8}
html body.design .m257-y{margin:16px 0 8px;font-weight:700;color:#102650;text-align:center}
html body.design .m257-y b{font-family:'Barlow',sans-serif;font-size:24px;color:#2448d8}
html body.design .m257-y small{display:block;font-weight:400;font-size:13px;color:#4b5375}
html body.design .m257-words{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 16px;max-width:860px}
html body.design .m257-words span{padding:10px 18px;border:1px solid #dfe6f2;border-radius:999px;background:#fff;font-weight:700;color:#102650}
html body.design .m257-themes{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 auto 16px;padding:0;list-style:none}
html body.design .m257-themes li{padding:20px 24px;border:1px solid #dfe6f2;border-radius:20px;background:#fff;font-weight:700;color:#102650}
html body.design .m257-planbox{max-width:760px;margin:0 auto;padding:32px 24px;border:2px solid #2448d8;border-radius:20px;background:#fff;text-align:center}
html body.design .m257-planbox>p:first-child{margin:0;color:#2448d8;font-weight:700}
html body.design .m257-price b{font-family:'Barlow',sans-serif;font-size:40px;color:#102650}
html body.design .m257-inds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto;padding:0;list-style:none}
html body.design .m257-inds a{display:flex;flex-direction:column;gap:8px;height:100%;padding:24px;border:1px solid #dfe6f2;border-radius:20px;background:#fff;text-decoration:none;box-sizing:border-box}
html body.design .m257-inds b{font-size:20px;color:#102650}
html body.design .m257-inds span{font-size:14px;color:#4b5375;line-height:1.7}
@media (max-width:767px){
  html body.design .m257-calc,html body.design .m257-themes,html body.design .m257-inds{grid-template-columns:1fr;gap:16px}
  html body.design .m257-col,html body.design .m257-out{padding:16px}
  html body.design .m257-row{flex-wrap:wrap}html body.design .m257-row span{min-width:0;width:100%;text-align:center}
}