@charset "UTF-8";
/* ==========================================================================
   LDM 下層リニューアル 第20弾（2026-09-28）
   対象：このような方に / 実際の事例 / LDMとは何か / 成果につながる4つの理由 /
         他の手法との違い / よくあるご質問
   文字・内容は変えず、古い枠・チェック・見出し・表の見た目だけを整える。
   色は ldm-sub-2026.css の変数（--ldm-purple など）を使う。
   ========================================================================== */

/* ---- チェックリスト（赤いチェック＋グレーの二重枠 → 丸いチェック付きのカード） ---- */
#contents_left .bullet{border:1px solid var(--ldm-line) !important;border-radius:14px;padding:6px 22px !important;margin:6px 0 30px !important;background:#fff;}
#contents_left .bullet ul{border:0 !important;padding:0 !important;margin:0 !important;}
#contents_left .bullet li{position:relative;list-style:none;background:none !important;padding:15px 0 15px 38px !important;border-bottom:1px solid var(--ldm-line);line-height:1.85 !important;}
#contents_left .bullet li:last-child{border-bottom:0;}
#contents_left .bullet li::before{content:"";position:absolute;left:0;top:18px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--ldm-purple),var(--ldm-purple-deep));}
#contents_left .bullet li::after{content:"";position:absolute;left:8px;top:23px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}

/* ---- 小見出し（左の太線＋グレーの下線 → 薄紫の帯） ---- */
#contents_left h3.title_ol_01{border:0 !important;border-left:4px solid var(--ldm-purple) !important;border-radius:0 10px 10px 0;background:var(--ldm-purple-pale) !important;color:var(--ldm-purple-deep) !important;font-size:16px !important;line-height:1.7 !important;padding:12px 18px !important;margin:44px 0 22px !important;}
#contents_left .contents-body > h3.title_ol_01:first-child{margin-top:8px !important;}

/* ---- 本文の写真：灰色の枠をやめて角丸に ---- */
#contents_left .obj-right,#contents_left .obj-left{border:0 !important;border-radius:12px;box-shadow:0 6px 18px rgba(153,73,159,.10);}
#contents_left .contents-body div > img[width="630"]{border-radius:12px;}

/* ---- 【ライフ・デザイン・メソッド®とは？】の目次：二重枠 → 番号付きのリンクカード ---- */
#contents_left .column-menu{border:0 !important;margin:48px 0 0 !important;}
#contents_left .column-menu-body{border:1px solid var(--ldm-line) !important;border-radius:16px;background:var(--ldm-purple-pale) !important;padding:22px 22px 14px !important;margin:0 !important;}
#contents_left .column-menu-body .txt-purple{margin:0 0 12px !important;font-size:15px !important;color:var(--ldm-purple-deep) !important;}
#contents_left .column-menu-body ul{margin:0 !important;padding:0 !important;}
#contents_left .column-menu-body li{list-style:none;margin:0 0 8px !important;padding:12px 16px !important;background:#fff;border:1px solid var(--ldm-line);border-radius:10px;font-size:14px !important;line-height:1.7 !important;}
#contents_left .column-menu-body li a{color:var(--ldm-text) !important;text-decoration:none;}
#contents_left .column-menu-body li:has(a):hover{border-color:var(--ldm-purple);}
#contents_left .column-menu-body li:has(a):hover a{color:var(--ldm-purple-deep) !important;}
#contents_left .column-menu-body li img.img-center{display:none;}
/* いま見ているページ */
#contents_left .column-menu-body li:not(:has(a)){background:linear-gradient(135deg,var(--ldm-purple),var(--ldm-purple-deep));border-color:transparent;color:#fff !important;font-weight:bold;}

/* ---- 実際の事例：プロフィールと体験談 ---- */
#contents_left .case-profile{border:1px solid var(--ldm-line) !important;border-radius:16px;background:var(--ldm-purple-pale) !important;padding:22px !important;font-size:14px !important;overflow:hidden;}
#contents_left .case-profile p{font-size:14px !important;line-height:1.9 !important;}
#contents_left .case-profile .obj-left{border-radius:12px;margin:0 20px 10px 0 !important;}
#contents_left .case-column{border:1px solid var(--ldm-line) !important;border-radius:16px;background:#fff;padding:26px 28px !important;margin-top:24px !important;}
#contents_left .case-column p strong{display:block;color:var(--ldm-purple-deep);font-size:16px;line-height:1.7;margin-top:14px;}

/* ---- LDMとは何か：「できていない状態」→「できている状態」 ---- */
#contents_left hr{border:0;border-top:1px solid var(--ldm-line);margin:24px 0;clear:both;}
#contents_left .about-column-w{border:0 !important;border-radius:14px;overflow:hidden;}
#contents_left .about-column{border:1px solid #e4dfe6 !important;border-radius:14px;background:#f7f6f8 !important;color:var(--ldm-text) !important;padding:20px 22px 8px !important;}
#contents_left .about-column strong{display:block;font-size:15px;color:#6f6f6f;margin-bottom:10px;}
#contents_left .about-column ul{margin:0 !important;padding:0 !important;}
#contents_left .about-column li{position:relative;list-style:none;padding-left:18px;margin-bottom:12px !important;line-height:1.85;}
#contents_left .about-column li::before{content:"";position:absolute;left:2px;top:.75em;width:7px;height:7px;border-radius:50%;background:#b9b3bc;}
/* 矢印のあとの箱＝「できている状態」 */
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"]) + .about-column-w .about-column{background:#fff !important;border:2px solid var(--ldm-purple) !important;}
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"]) + .about-column-w .about-column strong{color:var(--ldm-purple-deep);}
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"]) + .about-column-w .about-column li::before{background:var(--ldm-purple);}
/* 灰色の大きな矢印画像 → 小さな紫の矢印 */
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"]){height:44px;position:relative;}
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"]) img{display:none;}
#contents_left div[style*="text-align"]:has(> img[src*="img-about05.jpg"])::before{content:"";position:absolute;left:50%;top:8px;margin-left:-14px;border:14px solid transparent;border-top:16px solid var(--ldm-purple);border-bottom:0;}

/* ---- よくあるご質問 ---- */
#contents_left .faq_box{margin:0 0 36px !important;border:1px solid var(--ldm-line);border-radius:16px;background:#fff;overflow:hidden;}
#contents_left .faq_box h3{position:relative;border:0 !important;background:var(--ldm-purple-pale) !important;color:var(--ldm-purple-deep) !important;font-size:17px !important;line-height:1.7 !important;margin:0 0 18px !important;padding:16px 22px 18px !important;text-align:left;}
#contents_left .faq_box h3::first-line{font-size:13px;letter-spacing:.12em;color:var(--ldm-purple);}
#contents_left .faq_box h4{display:inline-block;margin:0 22px 10px !important;padding:2px 14px;border-radius:999px;border:1px solid var(--ldm-purple);color:var(--ldm-purple-deep);font-size:13px !important;line-height:1.6;}
#contents_left .faq_box .faq_txt{margin:0 22px 10px !important;}
#contents_left .faq_box .faq_return{margin:0 22px 18px;}
/* ツールの表（灰色のマス目 → 薄紫の見出し列＋細い線） */
#contents_left .toolds table{width:100% !important;margin:18px 0 !important;border:1px solid var(--ldm-line) !important;border-radius:12px;overflow:hidden;border-collapse:separate !important;border-spacing:0 !important;}
#contents_left .toolds td{background:#fff !important;border:0 !important;border-bottom:1px solid var(--ldm-line) !important;padding:11px 14px !important;font-size:13px !important;line-height:1.7 !important;vertical-align:top;}
#contents_left .toolds td:first-child{background:var(--ldm-purple-pale) !important;color:var(--ldm-purple-deep);font-weight:bold;width:40%;}
#contents_left .toolds tr:last-child td{border-bottom:0 !important;}

/* ---- スマホ ---- */
@media screen and (max-width:750px){
  #contents_left .bullet{padding:4px 16px !important;}
  #contents_left .bullet li{padding:13px 0 13px 34px !important;}
  #contents_left .bullet li::before{top:16px;width:22px;height:22px;}
  #contents_left .bullet li::after{left:8px;top:21px;}
  #contents_left h3.title_ol_01{font-size:15px !important;padding:10px 14px !important;margin:34px 0 18px !important;}
  #contents_left h3.title_ol_01 br{display:none;}
  #contents_left .column-menu-body{padding:18px 14px 10px !important;}
  #contents_left .case-profile,#contents_left .case-column{padding:18px 16px !important;}
  #contents_left .faq_box h3{font-size:15px !important;padding:14px 16px !important;}
  #contents_left .faq_box h4,#contents_left .faq_box .faq_txt,#contents_left .faq_box .faq_return{margin-left:16px !important;margin-right:16px !important;}
  #contents_left .toolds td{display:block;width:auto !important;white-space:normal !important;}
  #contents_left .toolds td:first-child{border-bottom:0 !important;padding-bottom:4px !important;}
}