/* ================================================================
   deck07-ext.css 追記ブロック（B班: SEM-64〜SEM-100 / 37型）
   - deck07.css / deck07.js / sample-index.html は不変更
   - このブロックのセレクタはすべて x64-〜x100- 接頭辞（B班範囲のみ）
   - 視覚DNA: 黒#0a0b0d系 × 黄#f5d020 × 白カード(3px #111 + ハードシャドウ)
   ================================================================ */

/* ---- SEM-64 商品全体像（箱と中身） ---- */
.x64-box{position:relative;width:430px;height:330px;background:#111;color:#fff;border:3px solid #111;box-shadow:14px 14px 0 rgba(17,17,17,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.x64-lid{position:absolute;left:-14px;right:-14px;top:-44px;height:44px;background:#f5d020;border:3px solid #111}
.x64-item{background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.x64-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#111;color:#f5d020;font-size:21px;font-weight:950}

/* ---- SEM-65 カリキュラム週次表 ---- */
.x65-row{background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;display:flex;align-items:center;gap:20px;padding:14px 24px}
.x65-wk{flex:0 0 66px;height:66px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:950}
.x65-out{margin-left:auto;background:#f7f6f1;border:2px solid #111;padding:6px 12px;font-size:17px;font-weight:900;white-space:nowrap}

/* ---- SEM-66 3プラン比較表 ---- */
.x66-plan{position:relative;background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;display:flex;flex-direction:column}
.x66-head{background:#111;color:#fff;text-align:center;padding:14px 10px;font-size:28px;font-weight:950;letter-spacing:.04em}
.x66-price{text-align:center;padding:18px 10px 4px;font-size:52px;font-weight:950;line-height:1}
.x66-tax{text-align:center;font-size:18px;font-weight:900;color:#777;padding-bottom:10px}
.x66-tr{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 22px;border-top:2px solid #eee;font-size:20px}
.x66-th{color:#777;font-weight:900;white-space:nowrap}
.x66-td{font-weight:950;text-align:right}
.x66-featured{border-width:4px;transform:translateY(-18px);box-shadow:14px 14px 0 #111;z-index:1}
.x66-featured .x66-head{background:#f5d020;color:#111}
.x66-ribbon{position:absolute;top:-26px;left:50%;transform:translateX(-50%);background:#111;color:#f5d020;font-size:20px;font-weight:950;padding:8px 20px;white-space:nowrap}

/* ---- SEM-67 価格アンカリング（通常→今回） ---- */
.x67-old{position:relative;display:inline-block;font-size:88px;font-weight:950;color:rgba(255,255,255,.82);line-height:1}
.x67-old::after{content:"";position:absolute;left:-4%;right:-4%;top:46%;height:11px;background:#f5d020;transform:rotate(-5deg);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.x67-arrow{width:0;height:0;border-left:32px solid transparent;border-right:32px solid transparent;border-top:40px solid #f5d020;margin:24px auto}
.x67-new{font-size:160px;font-weight:950;color:#f5d020;line-height:1;letter-spacing:-.01em}
.x67-reason{background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.25);padding:20px 34px;font-size:24px;font-weight:850;line-height:1.55;color:rgba(255,255,255,.86)}

/* ---- SEM-68 特典スタック（積み上げ） ---- */
.x68-tier{display:flex;align-items:center;gap:18px;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:12px 26px;margin:0 auto}
.x68-badge{flex:0 0 auto;background:#111;color:#f5d020;font-size:19px;font-weight:950;padding:6px 14px;white-space:nowrap}
.x68-name{font-size:25px;font-weight:950}
.x68-val{margin-left:auto;font-size:21px;font-weight:950;color:#c87941;white-space:nowrap}
.x68-total{display:flex;align-items:center;justify-content:center;gap:22px;background:#111;color:#fff;font-size:29px;font-weight:950;padding:18px}

/* ---- SEM-69 保証・返金カード ---- */
.x69-cert{position:relative;background:#fff;border:3px solid #111;box-shadow:14px 14px 0 #111;padding:54px 64px}
.x69-inner{position:absolute;inset:16px;border:2px dashed #999;pointer-events:none}
.x69-seal{position:absolute;right:56px;top:-36px;width:150px;height:150px;border-radius:50%;background:#111;color:#f5d020;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.28);z-index:2}
.x69-seal::before{content:"";position:absolute;inset:10px;border:2px dashed rgba(245,208,32,.7);border-radius:50%}
.x69-rib{position:absolute;width:36px;height:70px;background:#c87941;z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.x69-cond{display:flex;gap:14px;align-items:flex-start;font-size:22px;font-weight:900;line-height:1.5;color:#444}
.x69-cbox{flex:0 0 30px;height:30px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:950;margin-top:3px}

/* ---- SEM-70 締切・枠数（事実ベース） ---- */
.x70-slot{width:110px;height:110px;border:3px solid #f5d020;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:950;color:#f5d020}
.x70-filled{background:#f5d020;color:#111}
.x70-band{background:#f5d020;color:#111;display:flex;align-items:center;justify-content:center;gap:26px;padding:18px;font-size:29px;font-weight:950}

/* ---- SEM-71 受講後の1日（タイムライン） ---- */
.x71-rail{position:absolute;left:10px;top:16px;bottom:16px;width:5px;background:#111}
.x71-item{position:relative;display:flex;align-items:flex-start;gap:22px;padding-left:44px}
.x71-item::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:#f5d020;border:5px solid #111;z-index:1}
.x71-time{flex:0 0 104px;font-size:27px;font-weight:950}
.x71-chip-ai{background:#f5d020;color:#111;border:2px solid #111;font-size:16px;font-weight:950;padding:3px 10px;white-space:nowrap}
.x71-chip-you{background:#fff;color:#111;border:2px solid #111;font-size:16px;font-weight:950;padding:3px 10px;white-space:nowrap}

/* ---- SEM-72 よくある反論→回答3連 ---- */
.x72-row{display:grid;grid-template-columns:1fr 64px 1.4fr;align-items:stretch}
.x72-obj{background:#1d1f26;color:#fff;border:3px solid #111;padding:16px 26px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.x72-ans{background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:16px 26px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.x72-arr{width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:30px solid #111;margin:auto}

/* ---- SEM-73 決済ステップ3 ---- */
.x73-step{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:30px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;flex:1}
.x73-num{width:70px;height:70px;border-radius:50%;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:33px;font-weight:950}
.x73-arr{width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:28px solid #111;flex:0 0 auto;align-self:center}
.x73-chip{background:#111;color:#f5d020;padding:9px 20px;font-size:21px;font-weight:950;white-space:nowrap}

/* ---- SEM-74 向いている人・向いていない人 ---- */
.x74-fit{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;display:flex;flex-direction:column}
.x74-unfit{background:#efeeea;border:3px solid #999;display:flex;flex-direction:column}
.x74-h-fit{background:#f5d020;color:#111;padding:15px;text-align:center;font-size:29px;font-weight:950;border-bottom:3px solid #111}
.x74-h-unfit{background:#9a988e;color:#fff;padding:15px;text-align:center;font-size:29px;font-weight:950;border-bottom:3px solid #999}
.x74-li{display:flex;gap:16px;align-items:flex-start;padding:17px 26px;font-size:23px;font-weight:900;line-height:1.45}
.x74-ok{flex:0 0 34px;height:34px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;margin-top:2px}
.x74-ng{flex:0 0 34px;height:34px;background:#fff;color:#999;border:2px solid #999;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;margin-top:2px}

/* ---- SEM-75 個別相談への橋渡し ---- */
.x75-cliff{position:absolute;bottom:13%;height:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px}
.x75-cliff-l{left:5.5%;width:25%;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.32);color:#fff}
.x75-cliff-r{right:5.5%;width:25%;background:#f5d020;color:#111;border:3px solid #111;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.x75-beam{position:absolute;left:28.5%;right:28.5%;bottom:41.5%;height:34px;background:#f5d020;border:3px solid #111;box-shadow:0 16px 40px rgba(0,0,0,.4);z-index:1}
.x75-beamlbl{position:absolute;left:50%;bottom:45%;transform:translateX(-50%);background:#111;color:#f5d020;border:2px solid #f5d020;padding:12px 26px;font-size:27px;font-weight:950;white-space:nowrap;z-index:2}
.x75-valley{position:absolute;left:33%;right:33%;bottom:15%;text-align:center;font-size:21px;font-weight:900;color:rgba(255,255,255,.55)}

/* ---- SEM-76 QR大+一言 ---- */
.x76-qr{position:relative;width:430px;height:430px;background:#fff;border:3px solid #111;box-shadow:0 36px 90px rgba(0,0,0,.5);padding:34px}
.x76-mod{width:100%;height:100%;background:repeating-linear-gradient(0deg,#111 0 13px,transparent 13px 26px),repeating-linear-gradient(90deg,#111 0 13px,transparent 13px 26px);opacity:.9}
.x76-eye{position:absolute;width:84px;height:84px;background:#fff;border:13px solid #111}
.x76-eye::after{content:"";position:absolute;inset:11px;background:#111}
.x76-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f5d020;color:#111;border:2px solid #111;font-size:19px;font-weight:950;padding:8px 14px;white-space:nowrap}

/* ---- SEM-77 2ボタン（今すぐ/相談） ---- */
.x77-btn{position:relative;border:3px solid #111;box-shadow:12px 12px 0 #111;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:36px 30px}
.x77-primary{background:#f5d020;color:#111}
.x77-secondary{background:#fff;color:#111}
.x77-mini{width:118px;height:118px;background-color:#fff;background-image:repeating-linear-gradient(0deg,#111 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,#111 0 8px,transparent 8px 16px);border:2px solid #111}

/* ---- SEM-78 最後の1問い ---- */
.x78-mark{width:96px;height:14px;background:#f5d020;margin:0 auto}

/* ---- SEM-79 未来対比（1年後×2列） ---- */
.x79-col-a{background:#efeeea;border:3px solid #999;display:flex;flex-direction:column}
.x79-col-b{background:#fff;border:3px solid #111;box-shadow:12px 12px 0 #111;display:flex;flex-direction:column}
.x79-h-a{background:#9a988e;color:#fff;padding:16px;text-align:center;font-size:28px;font-weight:950}
.x79-h-b{background:#f5d020;color:#111;padding:16px;text-align:center;font-size:28px;font-weight:950;border-bottom:3px solid #111}
.x79-li{padding:17px 30px;font-size:24px;font-weight:900;line-height:1.45;border-top:2px solid #ddd;display:flex;gap:14px;align-items:flex-start}

/* ---- SEM-80 行動チェックリスト3 ---- */
.x80-item{display:flex;align-items:center;gap:26px;padding:25px 36px;border-top:3px solid #111}
.x80-item:first-child{border-top:0}
.x80-box{flex:0 0 58px;height:58px;border:4px solid #111;background:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:950;color:#111}
.x80-when{flex:0 0 auto;background:#111;color:#f5d020;font-size:20px;font-weight:950;padding:8px 16px;white-space:nowrap}

/* ---- SEM-81 次のアクション1つだけ大 ---- */
.x81-band{background:#f5d020;color:#111;border:3px solid #111;box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 40px;text-align:center}

/* ---- SEM-82 お礼+連絡先 ---- */
.x82-chip{background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.28);padding:24px 30px;display:flex;flex-direction:column;gap:10px;align-items:center;flex:1;text-align:center}
.x82-k{font-size:19px;font-weight:950;color:#f5d020;letter-spacing:.1em}
.x82-v{font-size:26px;font-weight:900;color:#fff}

/* ---- SEM-83 アンコール（もう一度結論） ---- */
.x83-cell{background:#fff;color:#111;border:3px solid #111;box-shadow:8px 8px 0 rgba(245,208,32,.9);padding:20px 30px;font-size:34px;font-weight:950;text-align:center}
.x83-x{color:#f5d020;font-size:46px;font-weight:950;align-self:center}

/* ---- SEM-84 記入ワーク枠（考える時間） ---- */
.x84-sheet{background:#fff;border:3px solid #111;box-shadow:12px 12px 0 #111;padding:38px 48px;display:flex;flex-direction:column;justify-content:space-around}
.x84-line{display:flex;align-items:center;gap:22px;border-bottom:3px dashed #aaa;padding:0 6px 14px}
.x84-n{flex:0 0 46px;height:46px;border-radius:50%;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:950}
.x84-timer{background:#111;color:#f5d020;font-size:28px;font-weight:950;padding:12px 26px;letter-spacing:.1em;white-space:nowrap}

/* ---- SEM-85 2択投票 ---- */
.x85-opt{border:3px solid #111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:36px}
.x85-a{background:#f5d020;color:#111;box-shadow:14px 14px 0 rgba(245,208,32,.3)}
.x85-b{background:#fff;color:#111;box-shadow:14px 14px 0 rgba(255,255,255,.2)}
.x85-letter{font-size:112px;font-weight:950;line-height:1}
.x85-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:35px;font-weight:950;border:4px solid #fff;z-index:2}

/* ---- SEM-86 チャット誘導（「1と打って」） ---- */
.x86-one{font-size:430px;font-weight:950;line-height:.82;color:#f5d020;text-shadow:0 30px 80px rgba(0,0,0,.5)}
.x86-bubble{background:#fff;color:#111;border-radius:14px;padding:10px 20px;font-size:24px;font-weight:950;align-self:flex-start;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.x86-name{font-size:16px;font-weight:850;color:rgba(255,255,255,.55);margin:0 0 4px 6px}

/* ---- SEM-87 ペア共有指示 ---- */
.x87-ava{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:950;border:4px solid #111}
.x87-ava-a{background:#111;color:#f5d020}
.x87-ava-b{background:#f5d020;color:#111}
.x87-dblarr{width:160px;height:44px;background:#111;clip-path:polygon(0 50%,16% 0,16% 32%,84% 32%,84% 0,100% 50%,84% 100%,84% 68%,16% 68%,16% 100%)}
.x87-step{display:flex;gap:18px;align-items:center;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:16px 26px}
.x87-sn{flex:0 0 46px;height:46px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:950}
.x87-t{margin-left:auto;background:#f7f6f1;border:2px solid #111;font-size:17px;font-weight:900;padding:4px 12px;white-space:nowrap}

/* ---- SEM-88 自己診断5問 ---- */
.x88-q{display:flex;align-items:center;gap:22px;padding:19px 30px;border-top:2px solid #e5e2d8;font-size:25px;font-weight:900}
.x88-q:first-child{border-top:0}
.x88-chk{flex:0 0 44px;height:44px;border:4px solid #111;background:#fff}
.x88-score{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:28px;display:flex;flex-direction:column;gap:14px}

/* ---- SEM-89 ビンゴ風9マス ---- */
.x89-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:14px}
.x89-cell{background:#fff;border:3px solid #111;box-shadow:6px 6px 0 #111;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:900;line-height:1.4;padding:10px}
.x89-free{background:#f5d020;font-size:34px;font-weight:950;letter-spacing:.08em}

/* ---- SEM-90 宿題提示 ---- */
.x90-card{position:relative;background:#fff;color:#111;border:3px solid #111;box-shadow:0 34px 80px rgba(0,0,0,.5);padding:50px 58px;display:flex;flex-direction:column;gap:18px}
.x90-tape{position:absolute;width:190px;height:42px;background:rgba(245,208,32,.92);box-shadow:0 6px 16px rgba(0,0,0,.25);border:1px solid rgba(17,17,17,.25)}

/* ---- SEM-91 スクショタイム（保存推奨） ---- */
.x91-corner{position:absolute;width:104px;height:104px;pointer-events:none}
.x91-tl{left:-26px;top:-26px;border-left:14px solid #111;border-top:14px solid #111}
.x91-tr{right:-26px;top:-26px;border-right:14px solid #111;border-top:14px solid #111}
.x91-bl{left:-26px;bottom:-26px;border-left:14px solid #111;border-bottom:14px solid #111}
.x91-br{right:-26px;bottom:-26px;border-right:14px solid #111;border-bottom:14px solid #111}
.x91-row{display:flex;gap:20px;align-items:baseline;padding:17px 8px;border-top:2px solid #e5e2d8;font-size:27px;font-weight:900}
.x91-row:first-child{border-top:0}
.x91-shoot{position:absolute;left:50%;top:-26px;transform:translate(-50%,-50%);background:#111;color:#f5d020;font-size:21px;font-weight:950;padding:9px 22px;white-space:nowrap}

/* ---- SEM-92 折れ線トレンド（CSS） ---- */
.x92-chart{position:absolute}
.x92-grid{position:absolute;left:0;right:0;height:2px;background:#ddd}
.x92-area{position:absolute;inset:0;background:rgba(245,208,32,.42);clip-path:polygon(0 91%,20% 77%,40% 59%,60% 41%,80% 25%,100% 9%,100% 100%,0 100%)}
.x92-line{position:absolute;inset:0;background:#111;clip-path:polygon(0 91%,20% 77%,40% 59%,60% 41%,80% 25%,100% 9%,100% 13.4%,80% 29.4%,60% 45.4%,40% 63.4%,20% 81.4%,0 95.4%)}
.x92-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #111;transform:translate(-50%,-50%);z-index:2}
.x92-dot-last{background:#f5d020}
.x92-lbl{position:absolute;transform:translate(-50%,-160%);font-size:19px;font-weight:950;background:#fff;border:2px solid #111;padding:2px 9px;z-index:3;white-space:nowrap}
.x92-x{position:absolute;top:100%;transform:translate(-50%,12px);font-size:19px;font-weight:900;color:#777;white-space:nowrap}
.x92-y{position:absolute;right:100%;transform:translate(-14px,-50%);font-size:18px;font-weight:900;color:#777;white-space:nowrap}

/* ---- SEM-93 円グラフ（conic-gradient） ---- */
.x93-pie{width:460px;height:460px;border-radius:50%;border:4px solid #111;box-shadow:12px 12px 0 #111;background:conic-gradient(#111 0 35%,#c87941 35% 60%,#f5d020 60% 80%,#dcd8ca 80% 100%)}
.x93-lg{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:2px solid #e5e2d8;font-size:24px;font-weight:900}
.x93-lg:first-child{border-top:0}
.x93-sw{flex:0 0 34px;height:34px;border:3px solid #111}
.x93-pct{margin-left:auto;font-weight:950;font-size:26px}
.x93-tag{background:#111;color:#f5d020;font-size:16px;font-weight:950;padding:3px 10px;white-space:nowrap}

/* ---- SEM-94 ドーナツKPI ---- */
.x94-card{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;display:flex;flex-direction:column;align-items:center;gap:20px;padding:34px 20px 30px}
.x94-donut{position:relative;width:248px;height:248px;border-radius:50%;border:3px solid #111;background:conic-gradient(#f5d020 0 var(--v,75%),#efeeea var(--v,75%) 100%)}
.x94-hole{position:absolute;inset:44px;border-radius:50%;background:#fff;border:3px solid #111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}

/* ---- SEM-95 表（5行比較） ---- */
.x95-tbl{display:grid;grid-template-columns:1.12fr 1fr 1fr 1.3fr;border:3px solid #111;background:#fff;box-shadow:12px 12px 0 #111}
.x95-c{padding:16px 20px;font-size:22px;font-weight:900;border-top:2px solid #e2dfd4;border-left:2px solid #e2dfd4;display:flex;align-items:center;line-height:1.35}
.x95-c:nth-child(4n+1){border-left:0}
.x95-hd{background:#111;color:#fff;font-size:24px;font-weight:950;border-top:0;justify-content:center}
.x95-hd-ai{background:#f5d020;color:#111}
.x95-th{background:#f7f6f1;color:#555;font-weight:950}
.x95-ai{background:rgba(245,208,32,.16);font-weight:950}

/* ---- SEM-96 プロセスタイム（所要時間帯） ---- */
.x96-axis{position:absolute;top:0;bottom:0;width:2px;background:#e0dccd}
.x96-axlbl{position:absolute;top:-38px;transform:translateX(-50%);font-size:19px;font-weight:900;color:#777;white-space:nowrap}
.x96-lbl{position:absolute;left:0;width:210px;font-size:23px;font-weight:950;line-height:56px;white-space:nowrap}
.x96-bar{position:absolute;top:5px;height:46px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:950;border:3px solid #111;white-space:nowrap}
.x96-b1{background:#111;color:#f5d020}
.x96-b2{background:#f5d020;color:#111}

/* ---- SEM-97 統計カード3（地図なし） ---- */
.x97-card{background:rgba(255,255,255,.96);border:3px solid #111;box-shadow:10px 10px 0 rgba(245,208,32,.85);padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:#111}
.x97-idx{font-size:18px;font-weight:950;color:#c87941;letter-spacing:.12em}
.x97-num{font-size:92px;font-weight:950;line-height:1}
.x97-cap{font-size:23px;font-weight:900;color:#555;line-height:1.45}

/* ---- SEM-98 ランキングTOP5 ---- */
.x98-row{display:flex;align-items:center;gap:20px}
.x98-rank{flex:0 0 96px;height:62px;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:950;background:#111;color:#fff}
.x98-r1{background:#f5d020;color:#111;border:3px solid #111;font-size:29px}
.x98-track{flex:1;position:relative;height:62px;background:#efede4;border:2px solid #ddd}
.x98-bar{position:absolute;left:0;top:0;bottom:0;background:#111;display:flex;align-items:center;color:#fff;font-size:23px;font-weight:950;padding:0 22px;white-space:nowrap}
.x98-bar1{background:#f5d020;color:#111;border-right:3px solid #111}
.x98-pct{flex:0 0 96px;font-size:28px;font-weight:950;text-align:right}

/* ---- SEM-99 ヒートマップ風（強弱グリッド） ---- */
.x99-grid{display:grid;grid-template-columns:210px repeat(4,1fr);gap:8px}
.x99-cell{height:74px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900;border:2px solid #111}
.x99-rowlbl{justify-content:flex-start;border:0;font-size:24px;font-weight:950}
.x99-collbl{border:0;background:transparent;font-size:22px;font-weight:950;color:#555;height:50px}
.x99-l5{background:#f5d020}
.x99-l4{background:#f8dd57}
.x99-l3{background:#fae98f}
.x99-l2{background:#fdf3c6}
.x99-l1{background:#efede4;color:#999}
.x99-lgbar{width:280px;height:22px;border:2px solid #111;background:linear-gradient(90deg,#efede4,#fdf3c6,#fae98f,#f8dd57,#f5d020)}

/* ---- SEM-100 用語辞書（3語） ---- */
.x100-entry{display:grid;grid-template-columns:96px 1fr;gap:0 28px;padding:26px 8px;border-top:3px solid #111;align-items:start}
.x100-entry:first-child{border-top:0;padding-top:6px}
.x100-no{width:70px;height:70px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:950}
.x100-term{font-size:38px;font-weight:950;line-height:1.2;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.x100-yomi{font-size:19px;font-weight:900;color:#777}
.x100-pos{background:#111;color:#fff;font-size:16px;font-weight:900;padding:3px 10px}
.x100-def{font-size:24px;font-weight:850;line-height:1.5;margin-top:8px}
.x100-ex{font-size:21px;font-weight:850;color:#8a877a;margin-top:6px}

/* ---- B班ブロックここまで（SEM-64〜SEM-100） ---- */

/* ================================================================
   ===== A班 SEM-27〜63 (x27-〜x63-) =====
   deck07-ext.css 追記ブロック（A班: SEM-27〜SEM-63 / 37型）
   - B班ブロック（x64-〜x100-）の後ろに追記のみ。既存記述は不変更
   - このブロックのセレクタはすべて x27-〜x63- 接頭辞（A班範囲のみ）
   - 視覚DNA: 黒#0a0b0d系 × 黄#f5d020 × 白カード(3px #111 + ハードシャドウ)
   ================================================================ */

/* ---- SEM-27 統計ショック ---- */
.x27-num{font-size:330px;font-weight:950;line-height:.92;color:#f5d020;letter-spacing:-.02em;text-shadow:0 26px 70px rgba(0,0,0,.45)}
.x27-unit{font-size:120px}
.x27-rule{width:220px;height:10px;background:#f5d020;margin:34px auto 30px}
.x27-stmt{font-size:46px;font-weight:950;line-height:1.45;color:#fff}
.x27-src{font-size:18px;font-weight:850;color:rgba(255,255,255,.5)}

/* ---- SEM-28 共感チェックリスト6項目 ---- */
.x28-item{background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;display:flex;align-items:center;gap:20px;padding:18px 26px}
.x28-box{flex:0 0 46px;height:46px;border:4px solid #111;background:#fff}
.x28-t{font-size:24px;font-weight:950;line-height:1.35}
.x28-s{font-size:17px;font-weight:850;color:#777;margin-top:3px}
.x28-band{background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;font-size:25px;font-weight:950}

/* ---- SEM-29 損失カウンター ---- */
.x29-digit{width:112px;height:170px;background:#16181e;border:2px solid rgba(255,255,255,.3);box-shadow:0 18px 44px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:104px;font-weight:950;color:#f5d020;position:relative}
.x29-digit::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:rgba(0,0,0,.6)}
.x29-sep{font-size:80px;font-weight:950;color:rgba(255,255,255,.7);align-self:flex-end;padding-bottom:6px}
.x29-yen{font-size:64px;font-weight:950;color:rgba(255,255,255,.85);align-self:center}
.x29-chip{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.3);padding:10px 22px;font-size:21px;font-weight:900;white-space:nowrap}
.x29-x{font-size:26px;font-weight:950;color:#f5d020;align-self:center}

/* ---- SEM-30 顧客の声引用（問題側） ---- */
.x30-q{position:relative;background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:48px 46px 36px;display:flex;flex-direction:column;justify-content:center}
.x30-mark{position:absolute;left:24px;top:-44px;font-size:104px;font-weight:950;color:#f5d020;text-shadow:4px 4px 0 #111;line-height:1}
.x30-txt{font-size:30px;font-weight:950;line-height:1.65}
.x30-who{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:19px;font-weight:900;color:#555}
.x30-who::before{content:"";width:44px;height:3px;background:#111}

/* ---- SEM-31 悪循環ループ図 ---- */
.x31-node{position:absolute;width:330px;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:16px 18px;text-align:center;font-size:24px;font-weight:950;line-height:1.35}
.x31-n{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#111;color:#f5d020;font-size:18px;font-weight:950;margin-bottom:8px}
.x31-center{position:absolute;width:190px;height:190px;border-radius:50%;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:950;box-shadow:0 0 0 12px rgba(245,208,32,.35)}
.x31-esc{position:absolute;background:#f5d020;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:14px 24px;font-size:22px;font-weight:950;white-space:nowrap}

/* ---- SEM-32 よくある誤解×3 ---- */
.x32-card{position:relative;border:3px solid #111;background:#fff;box-shadow:9px 9px 0 #111;display:flex;flex-direction:column}
.x32-myth{background:#1d1f26;color:#fff;padding:26px 28px 24px;min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.x32-mh{font-size:18px;font-weight:950;color:rgba(255,255,255,.55);letter-spacing:.1em}
.x32-strike{position:relative;display:inline-block;font-size:28px;font-weight:950;line-height:1.4}
.x32-strike::after{content:"";position:absolute;left:-1%;right:-1%;top:50%;height:7px;background:#f5d020;transform:rotate(-2deg)}
.x32-tag{position:absolute;right:-13px;top:-18px;background:#f5d020;color:#111;border:3px solid #111;font-size:18px;font-weight:950;padding:5px 13px;z-index:2}
.x32-fact{padding:24px 28px 26px;display:flex;gap:14px;align-items:center;flex:1}
.x32-ok{flex:0 0 36px;height:36px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;margin-top:3px}

/* ---- SEM-33 放置コスト年換算 ---- */
.x33-step{background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px 12px;flex:1}
.x33-k{font-size:20px;font-weight:900;color:#777}
.x33-v{font-weight:950;line-height:1}
.x33-arr{width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:28px solid #111;align-self:center;flex:0 0 auto}
.x33-final{background:#f5d020;flex:1.25}

/* ---- SEM-34 2択の分かれ道 ---- */
.x34-sign{position:absolute;width:330px;border:3px solid #111;padding:22px 26px;text-align:center;z-index:3}
.x34-sign-l{background:#3a3d45;color:rgba(255,255,255,.88);border-color:rgba(255,255,255,.45);box-shadow:0 18px 44px rgba(0,0,0,.4)}
.x34-sign-r{background:#f5d020;color:#111;box-shadow:0 22px 54px rgba(0,0,0,.5)}
.x34-pole{position:absolute;width:12px;background:#777;z-index:2}

/* ---- SEM-35 画面スクショ+指摘バッジ ---- */
.x35-frame{position:absolute;background:#fff;border:3px solid #111;box-shadow:14px 14px 0 #111;overflow:hidden}
.x35-frame img{width:100%;height:100%;object-fit:cover;object-position:top}
.x35-badge{position:absolute;width:54px;height:54px;border-radius:50%;background:#f5d020;border:3px solid #111;box-shadow:0 8px 20px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:950;z-index:3}
.x35-li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:16px 22px}
.x35-n{flex:0 0 42px;height:42px;border-radius:50%;background:#f5d020;border:3px solid #111;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:950;margin-top:2px}

/* ---- SEM-36 3層ピラミッド ---- */
.x36-lbl{position:absolute;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:14px 20px;width:330px}
.x36-tag{display:inline-block;background:#111;color:#f5d020;font-size:16px;font-weight:950;padding:3px 12px;margin-bottom:7px}
.x36-lt{font-size:24px;font-weight:950;line-height:1.25}
.x36-ld{font-size:17px;font-weight:850;color:#555;line-height:1.45;margin-top:5px}

/* ---- SEM-37 2軸マトリクス ---- */
.x37-plot{position:absolute;border-left:4px solid #111;border-bottom:4px solid #111}
.x37-q{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:900;color:#9a978a;line-height:1.4}
.x37-hot{background:rgba(245,208,32,.4);border:3px dashed #111;color:#111;font-weight:950}
.x37-dot{position:absolute;transform:translate(-50%,-50%);background:#111;color:#fff;font-size:19px;font-weight:950;padding:8px 16px;white-space:nowrap;box-shadow:5px 5px 0 rgba(17,17,17,.25);z-index:2}
.x37-dot-hot{background:#f5d020;color:#111;border:3px solid #111}
.x37-ax{position:absolute;font-size:21px;font-weight:950;color:#555;white-space:nowrap}
.x37-cap{position:absolute;width:0;height:0}
.x37-cap-x{border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #111}
.x37-cap-y{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:20px solid #111}

/* ---- SEM-38 ロードマップ横3段 ---- */
.x38-stage{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:22px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.x38-no{width:52px;height:52px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:950;flex:0 0 auto}
.x38-w{margin-left:auto;background:#f7f6f1;border:2px solid #111;font-size:17px;font-weight:900;padding:4px 12px;white-space:nowrap}
.x38-li{display:flex;gap:12px;font-size:20px;font-weight:850;color:#444;line-height:1.45}
.x38-li::before{content:"";flex:0 0 13px;height:13px;background:#f5d020;border:2px solid #111;margin-top:7px}
.x38-chev{width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left:34px solid #111;align-self:center;flex:0 0 auto}
.x38-rail{position:absolute;left:2%;right:2%;top:50%;height:10px;background:#111;transform:translateY(-50%)}
.x38-dotm{position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#f5d020;border:5px solid #111;z-index:1}
.x38-mlb{position:absolute;top:100%;transform:translateX(-50%);margin-top:16px;font-size:19px;font-weight:950;color:#555;white-space:nowrap}

/* ---- SEM-39 歯車連携 ---- */
.x39-chip{background:#fff;border:3px solid #111;box-shadow:6px 6px 0 #111;padding:10px 20px;font-size:20px;font-weight:950;white-space:nowrap}
.x39-note{position:absolute;background:#111;color:#f5d020;padding:12px 26px;font-size:24px;font-weight:950;white-space:nowrap}

/* ---- SEM-40 ファネル ---- */
.x40-note{position:absolute;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:12px 18px;font-size:19px;font-weight:900;line-height:1.4;width:300px}
.x40-hot{background:#f5d020}

/* ---- SEM-41 レバー（小さな力→大成果） ---- */
.x41-ground{position:absolute;height:6px;background:rgba(255,255,255,.4)}
.x41-plank{position:absolute;height:28px;background:#fff;border:3px solid #111;box-shadow:0 16px 40px rgba(0,0,0,.45);transform-origin:50% 50%}
.x41-fulcrum{position:absolute;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:120px solid #f5d020;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}
.x41-load{position:absolute;background:#1d1f26;border:3px solid rgba(255,255,255,.55);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.x41-force{position:absolute;width:150px;height:150px;border-radius:50%;background:#f5d020;color:#111;border:3px solid #111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:950;text-align:center;box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:2}
.x41-dn{position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:26px solid #f5d020}
.x41-up{position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:26px solid #fff}
.x41-tag{position:absolute;background:#111;color:#f5d020;border:2px solid #f5d020;font-size:20px;font-weight:950;padding:8px 18px;white-space:nowrap}

/* ---- SEM-42 氷山（見える仕事/見えない仕事） ---- */
.x42-sea{position:absolute;left:0;right:0;bottom:0;background:#e9e6d8;border-top:4px solid #111}
.x42-wlbl{position:absolute;background:#111;color:#fff;font-size:18px;font-weight:950;padding:5px 16px;white-space:nowrap}
.x42-chip{position:absolute;background:#fff;border:2px solid #111;padding:7px 16px;font-size:19px;font-weight:950;white-space:nowrap;z-index:2}
.x42-chip-d{background:#111;border-color:#f5d020;color:#f5d020}

/* ---- SEM-43 公式（A×B−C） ---- */
.x43-term{border:3px solid #111;box-shadow:9px 9px 0 #111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px 18px;background:#fff;flex:1}
.x43-a{background:#f5d020}
.x43-c{background:#1d1f26;color:#fff}
.x43-op{font-size:76px;font-weight:950;align-self:center;flex:0 0 auto}
.x43-name{font-size:36px;font-weight:950;line-height:1.15}
.x43-def{font-size:19px;font-weight:850;color:#555;line-height:1.45}
.x43-c .x43-def{color:rgba(255,255,255,.65)}
.x43-ans{background:#111;color:#fff;border:3px solid #111;box-shadow:9px 9px 0 rgba(245,208,32,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px 22px;flex:1.15}

/* ---- SEM-44 循環サイクル5ノード ---- */
.x44-node{position:absolute;transform:translate(-50%,-50%);width:250px;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:14px 12px;text-align:center;z-index:2}
.x44-nn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#111;color:#f5d020;font-size:18px;font-weight:950;margin-bottom:6px}
.x44-nt{font-size:23px;font-weight:950;line-height:1.3}
.x44-hub{position:absolute;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;background:#f5d020;border:3px solid #111;box-shadow:12px 12px 0 rgba(17,17,17,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;gap:6px}

/* ---- SEM-45 積み木（土台→応用） ---- */
.x45-b{border:3px solid #111;display:flex;align-items:center;justify-content:center;font-weight:950;background:#fff;box-shadow:6px 6px 0 rgba(17,17,17,.16);font-size:23px}
.x45-base{background:#f5d020}
.x45-ghost{background:#efede4;color:#8a877a;border-color:#8a877a;box-shadow:none}
.x45-panel{border:3px solid #111;background:#fff;box-shadow:10px 10px 0 #111;position:relative;overflow:hidden}
.x45-ph{position:absolute;left:0;right:0;top:0;padding:12px;text-align:center;font-size:24px;font-weight:950;border-bottom:3px solid #111}
.x45-ph-ng{background:#efede4;color:#666}
.x45-ph-ok{background:#f5d020;color:#111}
.x45-verdict{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;font-size:21px;font-weight:950;white-space:nowrap}

/* ---- SEM-46 数字3連KPI ---- */
.x46-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 26px;flex:1}
.x46-num{font-size:148px;font-weight:950;line-height:1;letter-spacing:-.02em}
.x46-bar{width:130px;height:12px;background:#f5d020;border:3px solid #111}
.x46-cap{font-size:28px;font-weight:950}
.x46-sub{font-size:19px;font-weight:850;color:#777;line-height:1.5}
.x46-div{width:3px;background:#111;align-self:stretch;flex:0 0 auto}

/* ---- SEM-47 タイムライン成長曲線 ---- */
.x47-step{position:absolute;bottom:0;background:#efede4;border:3px solid #111;box-shadow:6px 6px 0 rgba(17,17,17,.14)}
.x47-tread{position:absolute;left:-3px;right:-3px;top:-13px;height:13px;background:#f5d020;border:3px solid #111}
.x47-flag{position:absolute;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:12px 16px;width:250px;z-index:2}
.x47-pin{position:absolute;width:4px;background:#111;z-index:1}
.x47-when{display:inline-block;background:#111;color:#f5d020;font-size:16px;font-weight:950;padding:3px 11px;margin-bottom:7px}
.x47-kv{font-size:25px;font-weight:950;line-height:1.25}
.x47-kd{font-size:17px;font-weight:850;color:#555;margin-top:5px;line-height:1.4}

/* ---- SEM-48 事例カード2枚比較 ---- */
.x48-card{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;display:flex;flex-direction:column}
.x48-head{background:#111;color:#fff;padding:14px 24px;display:flex;align-items:baseline;gap:14px}
.x48-row{display:flex;gap:16px;padding:16px 24px;border-top:2px solid #e5e2d8;align-items:center;flex:1}
.x48-k{flex:0 0 118px;background:#f7f6f1;border:2px solid #111;text-align:center;font-size:17px;font-weight:950;padding:5px 0;white-space:nowrap}
.x48-res{background:rgba(245,208,32,.22)}
.x48-res .x48-k{background:#f5d020}

/* ---- SEM-49 受講生の声グリッド4 ---- */
.x49-card{background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.x49-top{display:flex;align-items:center;gap:14px}
.x49-ava{width:58px;height:58px;border-radius:50%;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:950;flex:0 0 auto}
.x49-ava-y{background:#f5d020;color:#111;border:3px solid #111}
.x49-who{font-size:19px;font-weight:900;color:#555;line-height:1.3}
.x49-tag{margin-left:auto;background:#f5d020;border:2px solid #111;font-size:16px;font-weight:950;padding:4px 10px;white-space:nowrap}
.x49-txt{font-size:22px;font-weight:900;line-height:1.55}

/* ---- SEM-50 登壇・掲載ロゴ帯 ---- */
.x50-cat{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.x50-cath{background:#111;color:#f5d020;font-size:19px;font-weight:950;padding:6px 18px;white-space:nowrap}
.x50-line{flex:1;height:2px;background:#ddd}
.x50-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.x50-logo{height:112px;background:#fff;border:2px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#3d3d3d;text-align:center;padding:8px 10px}
.x50-name{font-size:25px;font-weight:950;letter-spacing:.03em;line-height:1.2}
.x50-min{font-family:"Hiragino Mincho ProN","YuMincho","Yu Mincho",serif;font-weight:800}
.x50-sub{font-size:13px;font-weight:850;color:#999;letter-spacing:.16em}
.x50-frame{border:3px double #777;padding:8px 18px}

/* ---- SEM-51 棒グラフ比較（CSSのみ） ---- */
.x51-plot{position:absolute;border-left:4px solid #111;border-bottom:4px solid #111}
.x51-gl{position:absolute;left:0;right:0;height:2px;background:#e3e0d2}
.x51-ylb{position:absolute;right:100%;transform:translate(-12px,-50%);font-size:17px;font-weight:900;color:#999;white-space:nowrap}
.x51-grp{position:absolute;bottom:0;display:flex;align-items:flex-end;gap:18px}
.x51-bar{width:92px;position:relative;border:3px solid #111}
.x51-bar-b{background:#cdc9b8}
.x51-bar-a{background:#f5d020}
.x51-val{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-8px);font-size:22px;font-weight:950;white-space:nowrap}
.x51-glb{position:absolute;top:100%;left:50%;transform:translate(-50%,14px);font-size:21px;font-weight:950;white-space:nowrap}
.x51-lg{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:900;white-space:nowrap}
.x51-sw{width:28px;height:28px;border:3px solid #111}

/* ---- SEM-52 カレンダー活動密度 ---- */
.x52-grid{position:relative;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,44px);grid-auto-columns:44px;gap:7px}
.x52-c{border:2px solid rgba(17,17,17,.16)}
.x52-l0{background:#eceadf}
.x52-l1{background:#fdf3c6}
.x52-l2{background:#fae98f}
.x52-l3{background:#f8dd57}
.x52-l4{background:#f5d020;border-color:#111}
.x52-marker{position:absolute;top:-16px;bottom:-16px;width:4px;background:#111;z-index:2}
.x52-mlbl{position:absolute;top:-58px;transform:translateX(-50%);background:#111;color:#f5d020;font-size:17px;font-weight:950;padding:5px 14px;white-space:nowrap;z-index:2}
.x52-dlb{font-size:15px;font-weight:900;color:#999;height:44px;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}
.x52-wlb{position:absolute;top:100%;transform:translateX(-50%);margin-top:12px;font-size:16px;font-weight:900;color:#999;white-space:nowrap}

/* ---- SEM-53 成果物モザイク9枚 ---- */
.x53-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:16px}
.x53-tile{position:relative;border:2px solid rgba(255,255,255,.38);overflow:hidden;background:#101318}
.x53-tile img{width:100%;height:100%;object-fit:cover}
.x53-lbl{position:absolute;left:0;bottom:0;background:rgba(17,17,17,.88);color:#fff;font-size:15px;font-weight:900;padding:4px 12px}
.x53-stat{background:#f5d020;border:3px solid #111;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}

/* ---- SEM-54 第三者評価の引用大 ---- */
.x54-wrap{position:absolute;background:#fff;border:3px solid #111;box-shadow:14px 14px 0 #111;padding:64px 90px 44px;display:flex;flex-direction:column;justify-content:center;gap:28px}
.x54-mark{position:absolute;font-size:140px;font-weight:950;color:#f5d020;text-shadow:4px 4px 0 #111;line-height:1;z-index:2}
.x54-txt{font-size:40px;font-weight:950;line-height:1.65;text-align:center}
.x54-attr{display:flex;align-items:center;justify-content:center;gap:18px;font-size:21px;font-weight:900;color:#555;flex-wrap:wrap}
.x54-attr b{color:#111;font-size:24px}
.x54-src{background:#f7f6f1;border:2px solid #111;font-size:17px;font-weight:900;padding:5px 14px;white-space:nowrap}

/* ---- SEM-55 章まとめ3点 ---- */
.x55-chip{display:inline-flex;align-items:center;gap:12px;background:#111;color:#fff;font-size:22px;font-weight:950;padding:9px 24px}
.x55-row{display:flex;align-items:center;gap:26px;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:22px 34px}
.x55-n{flex:0 0 56px;height:56px;background:#f5d020;border:3px solid #111;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:950}
.x55-next{display:flex;align-items:center;justify-content:center;gap:16px;font-size:23px;font-weight:950;color:#555}

/* ---- SEM-56 次章予告 ---- */
.x56-no{font-size:150px;font-weight:950;line-height:1;color:rgba(255,255,255,.26)}
.x56-no-on{color:#f5d020;text-shadow:0 18px 44px rgba(0,0,0,.4)}
.x56-arr{width:110px;height:36px;background:#fff;clip-path:polygon(0 32%,60% 32%,60% 0,100% 50%,60% 100%,60% 68%,0 68%);align-self:center;opacity:.7}
.x56-chip{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.32);padding:18px 26px;font-size:23px;font-weight:900;display:flex;align-items:center;gap:16px}
.x56-cn{flex:0 0 40px;height:40px;background:#f5d020;color:#111;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:950}

/* ---- SEM-57 ワーク指示 ---- */
.x57-goal{background:#fff;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:30px 38px}
.x57-rule{display:flex;align-items:center;gap:16px;background:#fff;border:3px solid #111;box-shadow:6px 6px 0 #111;padding:15px 24px;font-size:22px;font-weight:900}
.x57-rn{flex:0 0 40px;height:40px;background:#f5d020;border:3px solid #111;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:950}
.x57-start{background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;gap:22px;padding:16px;font-size:25px;font-weight:950}

/* ---- SEM-58 質問受付Q枠 ---- */
.x58-q{font-size:300px;font-weight:950;line-height:.8;color:#f5d020;text-shadow:9px 9px 0 #111}
.x58-way{display:flex;align-items:center;gap:18px;background:#fff;border:3px solid #111;box-shadow:8px 8px 0 #111;padding:18px 26px}
.x58-ic{flex:0 0 54px;height:54px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:950}

/* ---- SEM-59 アンケート誘導 ---- */
.x59-form{background:#fff;border:3px solid #111;box-shadow:12px 12px 0 #111;padding:28px 36px;display:flex;flex-direction:column;gap:18px}
.x59-fh{display:flex;align-items:center;gap:14px;border-bottom:3px solid #111;padding-bottom:14px;font-size:22px;font-weight:950}
.x59-radio{display:flex;gap:20px;align-items:center}
.x59-r{width:36px;height:36px;border-radius:50%;border:4px solid #111;background:#fff}
.x59-r-on{background:#f5d020}
.x59-line{height:3px;background:#ddd}
.x59-why{display:flex;align-items:center;gap:16px;font-size:23px;font-weight:900}
.x59-wn{flex:0 0 40px;height:40px;background:#111;color:#f5d020;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:950}
.x59-qr{width:150px;height:150px;background-color:#fff;background-image:repeating-linear-gradient(0deg,#111 0 9px,transparent 9px 18px),repeating-linear-gradient(90deg,#111 0 9px,transparent 9px 18px);border:3px solid #111;flex:0 0 auto}

/* ---- SEM-60 黒1文の間 ---- */
.x60-line{font-size:64px;font-weight:950;line-height:1.7;text-align:center;color:#fff}
.x60-dots{display:flex;gap:16px;justify-content:center}
.x60-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.35)}
.x60-dot-y{background:#f5d020}
.x60-note{font-size:18px;font-weight:850;color:rgba(255,255,255,.42);letter-spacing:.28em;text-align:center}

/* ---- SEM-61 講師の失敗告白 ---- */
.x61-li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:18px 24px}
.x61-ng{flex:0 0 40px;height:40px;background:#c87941;color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:950;margin-top:2px}
.x61-lesson{background:#f5d020;border:3px solid #111;box-shadow:10px 10px 0 #111;padding:32px 36px;display:flex;flex-direction:column;gap:14px}
.x61-cost{background:#1d1f26;color:#fff;border:3px solid #111;padding:18px 26px;display:flex;align-items:baseline;justify-content:center;gap:16px}

/* ---- SEM-62 メモ推奨強調 ---- */
.x62-note{position:relative;background:#fff;border:3px solid #111;box-shadow:12px 12px 0 #111;padding:80px 60px 40px}
.x62-rings{position:absolute;left:44px;right:44px;top:20px;height:26px;background-image:radial-gradient(circle at 13px 13px,#111 8px,transparent 9px);background-size:52px 26px;background-repeat:repeat-x}
.x62-rule{position:absolute;left:60px;right:60px;height:2px;background:#e4e1d4}
.x62-word{font-size:54px;font-weight:950;text-align:center;line-height:1.5;position:relative;z-index:1}
.x62-pencil{position:absolute;width:230px;height:34px;background:#f5d020;border:3px solid #111;transform:rotate(-24deg);z-index:3}
.x62-pencil::before{content:"";position:absolute;left:-42px;top:-3px;bottom:-3px;width:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-right:42px solid #111}
.x62-pencil::after{content:"";position:absolute;right:-3px;top:-3px;bottom:-3px;width:26px;background:#111}

/* ---- SEM-63 冒頭の問いへ巻き戻し ---- */
.x63-rw{display:flex;gap:10px;align-items:center}
.x63-tri{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:46px solid #f5d020}
.x63-qbox{position:relative;background:rgba(255,255,255,.06);border:3px solid rgba(255,255,255,.5);padding:44px 50px;text-align:center;font-size:47px;font-weight:950;line-height:1.5}
.x63-qtag{position:absolute;left:36px;top:-24px;background:#111;color:#f5d020;border:2px solid #f5d020;font-size:19px;font-weight:950;padding:6px 18px;white-space:nowrap}
.x63-ans{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:24px 26px;border:3px solid rgba(255,255,255,.35);background:rgba(255,255,255,.05);color:rgba(255,255,255,.78)}
.x63-ans-y{background:#f5d020;border-color:#111;color:#111;box-shadow:0 24px 56px rgba(0,0,0,.5)}
.x63-alab{font-size:19px;font-weight:950;letter-spacing:.08em}
.x63-atxt{font-size:29px;font-weight:950;line-height:1.35}

/* ---- A班ブロックここまで（SEM-27〜SEM-63） ---- */