/*
 * spot-lp-mono.css — 「白・黒・赤」デザイン仕様（2026-08-09 伊藤さん提供）の実装。
 *
 * ★適用範囲：「安心してお任せいただける理由」セクション（.sl-strengthsec）だけ★
 *   2026-08-09 伊藤さん指示「安心してお任せいただける理由だけ変更後、その他は戻して」。
 *   一度ページ全面に適用したが、この1セクションのみに戻した。他のセクションは従来デザイン
 *   （data-boxes="flat" までの状態）のまま＝このファイルは .sl-strengthsec の外を一切触らない。
 *
 * スコープは #spotlp[data-design="mono"] .sl-strengthsec のみ。config に 'design' => 'mono' を
 * 書いたLPだけ、このCSSと Noto Sans JP（500/700/900）が読み込まれる（functions.php）。
 * 共有CSS（spot-lp.css）は一切書き換えていないので、他のスポットLPは無傷。
 *
 * 仕様の要点（このセクションに適用しているもの）
 *  1. 3色限定：白（地）／黒（墨）／赤 #E23E14（番号のみ）＋グレー（本文 #2A2C30／補助 #6E6E6A）
 *  2. 装飾排除：影・淡色の塗り箱・アクセント色のベタ塗りを使わない
 *  3. 角は立てる：写真・箱すべて border-radius 0
 *  4. 線は最後の手段：カードの4辺を囲む枠と、見出し下の飾り線を撤去し、余白で区切る
 *  5. タイポ：書体は各LPのまま（2026-08-10 伊藤さん判断でNotoの読み込みは廃止）。ウェイトと字間だけ揃える
 */

/* ===== セクションの地とタイポ ===== */
#spotlp[data-design="mono"] .sl-strengthsec{
  background:#fff;
  color:#2A2C30;
  font-weight:500;
}

/* ===== 角丸・影・光彩の一掃（このセクション内だけ） ===== */
#spotlp[data-design="mono"] .sl-strengthsec *,
#spotlp[data-design="mono"] .sl-strengthsec *::before,
#spotlp[data-design="mono"] .sl-strengthsec *::after{
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

/* ===== 見出し：飾り線を撤去し、黒の900で立てる ===== */
#spotlp[data-design="mono"] .sl-strengthsec .cb-strengths-h{
  color:#111318;font-weight:900;letter-spacing:-0.02em;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strengths-h::after{display:none !important;}

/* ===== カード：囲み枠と塗りをやめ、余白で区切る ===== */
#spotlp[data-design="mono"] .sl-strengthsec .cb-strengths{gap:36px 30px;margin-top:34px;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength{background:transparent;border:0;align-items:flex-start;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-img{background:#EFEFED;flex-basis:30%;max-width:170px;align-self:stretch;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-body{padding:0 0 0 20px;justify-content:flex-start;}

/* ===== 番号は赤（仕様：番号・記号はアクセント赤）。バッジのベタ塗りはやめる ===== */
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-badge{
  color:#111318;font-weight:900;letter-spacing:-0.02em;gap:10px;align-items:baseline;margin-bottom:8px;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-badge i{
  background:none;color:#E23E14;width:auto;height:auto;font-size:17px;font-weight:900;letter-spacing:0;}

/* ===== 本文・注記 ===== */
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-p{color:#2A2C30;font-weight:500;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-p b{color:#111318;font-weight:700;}
#spotlp[data-design="mono"] .sl-strengthsec .cb-strength-note{color:#6E6E6A;font-weight:500;}

@media(max-width:640px){
  #spotlp[data-design="mono"] .sl-strengthsec .cb-strengths{gap:26px;margin-top:24px;}
  #spotlp[data-design="mono"] .sl-strengthsec .cb-strength-img{flex-basis:32%;max-width:140px;}
  #spotlp[data-design="mono"] .sl-strengthsec .cb-strength-body{padding-left:15px;}
}