{"id":4715,"date":"2026-04-11T21:00:00","date_gmt":"2026-04-11T12:00:00","guid":{"rendered":"https:\/\/www.takken-aidemanabu.com\/?p=4715"},"modified":"2026-04-12T21:02:52","modified_gmt":"2026-04-12T12:02:52","slug":"%e3%80%90%e8%99%9a%e5%81%bd%e8%a1%a8%e7%a4%ba%e3%80%91%e9%81%8e%e5%8e%bb%e5%95%8f-%e5%b9%b3%e6%88%9024%e5%b9%b4-%e5%95%8f1%ef%bc%88%e5%85%a84%e8%82%a2%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.takken-aidemanabu.com\/?p=4715","title":{"rendered":"\u3010\u865a\u507d\u8868\u793a\u3011\u904e\u53bb\u554f \u5e73\u621024\u5e74 \u554f1\uff08\u51684\u80a2\uff09"},"content":{"rendered":"\n<style>\n@keyframes ki2FadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n.ki2-fade{animation:ki2FadeIn .35s ease both}\n.ki2-hidden{display:none}\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<div class=\"max-w-xl mx-auto p-3 space-y-3 font-sans\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"bg-slate-800 text-white rounded-xl p-3\">\n    <div class=\"text-xs text-slate-300\">\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u3088\u308b\u51e6\u7406<\/div>\n    <div class=\"text-xs text-slate-400 mt-1\">\ud83d\udcd6 \u89e3\u8aac\u3067\u7406\u89e3 \u2192 \ud83c\udfcb \u7df4\u7fd2\u3067\u5b9a\u7740<\/div>\n  <\/div>\n\n  <!-- \u51fa\u5178 -->\n  <div class=\"text-xs text-slate-500 text-right font-medium\">\u5e73\u621024\u5e74 \u554f1 \u80a21<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v05-tab-n\" onclick=\"ki2v05_setMode('normal')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-700 text-white\">\ud83d\udcd6 \u89e3\u8aac<\/button>\n    <button id=\"ki2v05-tab-p\" onclick=\"ki2v05_setMode('practice')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-200 text-slate-600\">\ud83c\udfcb \u7df4\u7fd2<\/button>\n  <\/div>\n\n  <!-- ===== \u89e3\u8aac\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v05-normal\" class=\"space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3001A\u304b\u3089B\u306b\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305fB\u306e\u50b5\u6a29\u8005C\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u306e\u62bd\u51fa -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"space-y-1 text-sm\">\n        <div><span class=\"bg-slate-100 text-slate-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 1<\/span>A\u3068B\u304c\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u306e\u4eee\u88c5\u58f2\u8cb7<\/div>\n        <div><span class=\"bg-blue-100 text-blue-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 2<\/span>C\u304cB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305f\uff08\u7b2c\u4e09\u8005\u304c\u767b\u5834\uff09<\/div>\n        <div><span class=\"bg-orange-100 text-orange-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 3<\/span>C\uff1d\u5dee\u62bc\u50b5\u6a29\u8005\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u30c1\u30a7\u30c3\u30af\uff09<\/div>\n        \n        \n      <\/div>\n    <\/div>\n    <!-- Step 1\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-slate-300\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Step 1\uff0e\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3 text-sm\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306e\u5951\u7d04\u306f<strong>\u7121\u52b9<\/strong>\uff08\u6c11\u6cd594\u67611\u9805\uff09\u3002\u7b2c\u4e09\u8005\u304c\u767b\u5834\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 2\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 2\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-blue-200\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Step 2\uff0e\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3 text-sm\">C\u304cB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u3066\u3044\u307e\u3059\u3002\u2192 \u7b2c\u4e09\u8005C\u304c<strong>\u767b\u5834\u3057\u3066\u3044\u307e\u3059<\/strong>\u3002C\u304c94\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 3\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 3\uff08\u6761\u4ef6\u4ed8\u304d\uff1aS3_BLOCK \u3092 generator \u304c\u5165\u308c\u308b or \u7a7a\u6587\u5b57\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-orange-200\"><div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Step 3\uff0e\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-orange-50 p-3 text-sm\">C\u306fB\u540d\u7fa9\u306e\u7532\u571f\u5730\uff08\u4eee\u88c5\u58f2\u8cb7\u306e\u76ee\u7684\u7269\uff09\u3092\u5dee\u3057\u62bc\u3055\u3048\u305f\u50b5\u6a29\u8005\u3067\u3059\u3002B\u540d\u7fa9\u3068\u3057\u3066\u767b\u8a18\u3055\u308c\u305f\u7532\u571f\u5730\uff08\u865a\u507d\u8868\u793a\u306e\u7d50\u679c\uff09\u3092\u524d\u63d0\u306b\u3001\u305d\u306e\u8ca1\u7523\u304b\u3089\u50b5\u6a29\u306e\u6e80\u8db3\u3092\u5f97\u3088\u3046\u3068\u3059\u308b\u65b0\u305f\u306a\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u8005\u3067\u3059\u3002\u2192 C\u306f\u6c11\u6cd594\u67612\u9805\u306e<strong>\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059<\/strong>\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1a\u5dee\u62bc\u50b5\u6a29\u8005\u3082\u300c\u7b2c\u4e09\u8005\u300d\u306b\u542b\u307e\u308c\u307e\u3059\uff08\u5224\u4f8b\uff09\u3002<\/span><\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- Step 5\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- \u7d50\u8ad6 -->\n    <div class=\"rounded-xl overflow-hidden border border-green-200\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u5dee\u62bc\u50b5\u6a29\u8005C\u306fB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u524d\u63d0\u306b\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u7df4\u7fd2\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v05-practice\" class=\"ki2-hidden space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3001A\u304b\u3089B\u306b\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305fB\u306e\u50b5\u6a29\u8005C\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u30bf\u30b0 -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"flex flex-wrap gap-1 text-xs\">\n        <span class=\"bg-slate-100 text-slate-700 px-2 py-0.5 rounded-full\">\u901a\u8b00\u4eee\u88c5\u3042\u308a<\/span>\n        <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full\">\u7b2c\u4e09\u8005C\uff08\u767b\u5834\uff09<\/span>\n        <span class=\"bg-orange-100 text-orange-700 px-2 py-0.5 rounded-full\">C\uff1d\u5dee\u62bc\u50b5\u6a29\u8005<\/span>\n        \n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v05-q1\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-fade\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Q1\uff0eStep 1\uff1a\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v05-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_q1('YES\uff08\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v05_q1('NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v05-q1-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q2: Step 2\uff08\u5e38\u306b\u5b58\u5728\u3001Q1\u6b63\u89e3\u5f8c\u306b\u8868\u793a\uff09 -->\n    <div id=\"ki2v05-q2\" class=\"rounded-xl overflow-hidden border border-blue-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Q2\uff0eStep 2\uff1a\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3\">\n        <p class=\"text-sm mb-3\">B\uff08\u540d\u7fa9\u4eba\uff09\u304b\u3089\u6a29\u5229\u3092\u53d6\u5f97\u3057\u305f\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v05-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_q2('YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v05_q2('NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v05-q2-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q3: Step 3\uff08\u8a72\u5f53\u6027\u3002s3_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v05-q3\" class=\"rounded-xl overflow-hidden border border-orange-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Q3\uff0eStep 3\uff1a\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-orange-50 p-3\">\n        <p class=\"text-sm mb-3\">C\u306fC\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u304b\uff1f<br><span class=\"text-xs text-slate-500\">\uff08\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306b\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\uff09<\/span><\/p>\n        <div id=\"ki2v05-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_q3('YES\uff08\u8a72\u5f53\u3059\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">YES\uff08\u8a72\u5f53\u3059\u308b\uff09<\/button>\n          <button onclick=\"ki2v05_q3('NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v05-q3-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q4: Step 4\uff08\u5584\u610f\u30c1\u30a7\u30c3\u30af\u3002s4_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v05-q4\" class=\"rounded-xl overflow-hidden border border-purple-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Q4\uff0eStep 4\uff1a\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-purple-50 p-3\">\n        <p class=\"text-sm mb-3\">\u7b2c\u4e09\u8005C\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v05-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_q4('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v05_q4('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v05-q4-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q5: Step 5\uff08\u8ee2\u5f97\u8005\u3002s5_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v05-q5\" class=\"rounded-xl overflow-hidden border border-pink-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-pink-400 text-white text-xs font-bold px-3 py-2\">Q5\uff0eStep 5\uff1a\u8ee2\u5f97\u8005D\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-pink-50 p-3\">\n        <p class=\"text-sm mb-3\">\u8ee2\u5f97\u8005D\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v05-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_q5('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v05_q5('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v05-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v05-qv\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-hidden ki2-fade\">\n      <div class=\"bg-slate-600 text-white text-xs font-bold px-3 py-2\">\u6700\u7d42\u5224\u5b9a<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">\u4ee5\u4e0a\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u51e6\u7406\u306e\u7d50\u679c\u3001\u3053\u306e\u8a18\u8ff0\u306f\u6b63\u3057\u3044\u3067\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v05-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v05_qVerdict('\u25cb \u6b63\u3057\u3044')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-green-50\">\u25cb \u6b63\u3057\u3044<\/button>\n          <button onclick=\"ki2v05_qVerdict('\u00d7 \u8aa4\u308a')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-red-50\">\u00d7 \u8aa4\u308a<\/button>\n        <\/div>\n        <div id=\"ki2v05-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v05-result\" class=\"ki2-hidden rounded-xl overflow-hidden border border-green-200 ki2-fade\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u5dee\u62bc\u50b5\u6a29\u8005C\u306fB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u524d\u63d0\u306b\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v05_reset()\" class=\"mt-2 w-full py-1.5 rounded-lg text-xs bg-slate-200 text-slate-600 hover:bg-slate-300\">\ud83d\udd04 \u3082\u3046\u4e00\u5ea6<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script>\n\/\/ ===== Per-question data\uff08generator \u304c\u7f6e\u63db\uff09 =====\n\/\/ Step 2: \u7b2c\u4e09\u8005\u306e\u767b\u5834\nvar ki2v05_s2c='YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09'; \/\/ 'YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09' or 'NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'\n\/\/ Step 3: \u8a72\u5f53\u6027\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v05_s3c='YES\uff08\u8a72\u5f53\u3059\u308b\uff09'; \/\/ 'YES\uff08\u8a72\u5f53\u3059\u308b\uff09', 'NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09', or ''\n\/\/ Step 4: \u5584\u610f\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v05_s4c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ Step 5: \u8ee2\u5f97\u8005\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v05_s5c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ \u6700\u7d42\u5224\u5b9a\nvar ki2v05_vc='\u25cb \u6b63\u3057\u3044'; \/\/ '\u25cb \u6b63\u3057\u3044' or '\u00d7 \u8aa4\u308a'\n\n\/\/ \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30e1\u30c3\u30bb\u30fc\u30b8\nvar ki2v05_s1ok='A\u3068B\u306f\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u3092\u4eee\u88c5\u58f2\u8cb7\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306f\u7121\u52b9\u3002Step 2\u3067\u7b2c\u4e09\u8005\u306e\u767b\u5834\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v05_s2ok='C\u304cB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u3066\u3044\u308b\u306e\u3067\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002\u2192 Step 3\u3067C\u306e\u300c\u8a72\u5f53\u6027\u300d\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v05_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v05_s3ok='B\u540d\u7fa9\u306e\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305f\u5dee\u62bc\u50b5\u6a29\u8005C\u306f\u3001\u865a\u507d\u8868\u793a\uff08\u4eee\u88c5\u58f2\u8cb7\uff09\u306e\u7d50\u679c\u751f\u3058\u305f\u6cd5\u5f8b\u95a2\u4fc2\u3092\u524d\u63d0\u3068\u3059\u308b\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u8005\u3067\u3059\u3002\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v05_s3ng='\u5dee\u62bc\u50b5\u6a29\u8005\u3082\u865a\u507d\u8868\u793a\u306e\u76ee\u7684\u7269\uff08\u7532\u571f\u5730\uff09\u306b\u95a2\u3059\u308b\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\uff08\u5224\u4f8b\uff09\u3002';\nvar ki2v05_s4ok='';\nvar ki2v05_s4ng='';\nvar ki2v05_s5ok='';\nvar ki2v05_s5ng='';\nvar ki2v05_vok='\u5dee\u62bc\u50b5\u6a29\u8005C\u306fB\u540d\u7fa9\u306e\u7532\u571f\u5730\u306b\u95a2\u3059\u308b\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u8005\u3068\u3057\u306694\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002';\nvar ki2v05_vng='Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3068\u78ba\u8a8d\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v05_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v05-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v05-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v05-tab-n').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-700 text-white':'bg-slate-200 text-slate-600');\n  document.getElementById('ki2v05-tab-p').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-200 text-slate-600':'bg-slate-700 text-white');\n}\n\n\/\/ ===== \u30b9\u30c6\u30c3\u30d7\u30cf\u30f3\u30c9\u30e9 =====\nfunction ki2v05_q1(ans){\n  var fb=document.getElementById('ki2v05-q1-fb');\n  var btns=document.getElementById('ki2v05-q1-btns');\n  if(ans==='YES\uff08\u3057\u3066\u3044\u308b\uff09'){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_s1ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">YES\uff08\u3057\u3066\u3044\u308b\uff09\u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v05-q2').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002\u865a\u507d\u8868\u793a\u306e\u554f\u984c\u3067\u306f\u3001A\u3068B\u306f\u5fc5\u305a\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u3002';\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_q2(ans){\n  var fb=document.getElementById('ki2v05-q2-fb');\n  var btns=document.getElementById('ki2v05-q2-btns');\n  if(ans===ki2v05_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v05_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v05_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v05-qv';}\n    else if(ki2v05_s3c!==''){next='ki2v05-q3';}\n    else if(ki2v05_s4c!==''){next='ki2v05-q4';}\n    else{next='ki2v05-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v05_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_q3(ans){\n  var fb=document.getElementById('ki2v05-q3-fb');\n  var btns=document.getElementById('ki2v05-q3-btns');\n  if(ans===ki2v05_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v05_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v05_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v05-qv';}\n    else if(ki2v05_s4c!==''){next='ki2v05-q4';}\n    else{next='ki2v05-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v05_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_q4(ans){\n  var fb=document.getElementById('ki2v05-q4-fb');\n  var btns=document.getElementById('ki2v05-q4-btns');\n  if(ans===ki2v05_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v05_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v05_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v05-qv';}\n    else if(ki2v05_s5c!==''){next='ki2v05-q5';}\n    else{next='ki2v05-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v05_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_q5(ans){\n  var fb=document.getElementById('ki2v05-q5-fb');\n  var btns=document.getElementById('ki2v05-q5-btns');\n  if(ans===ki2v05_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v05_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v05-qv').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v05_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_qVerdict(ans){\n  var fb=document.getElementById('ki2v05-qv-fb');\n  var btns=document.getElementById('ki2v05-qv-btns');\n  if(ans===ki2v05_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v05_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v05_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v05-result').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v05_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v05_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v05-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v05-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v05-q1-btns').innerHTML=\n    '<button onclick=\"ki2v05_q1(\\'YES\uff08\u3057\u3066\u3044\u308b\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>'+\n    '<button onclick=\"ki2v05_q1(\\'NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>';\n}\n<\/script>\n\n\n<style>\n@keyframes ki2FadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n.ki2-fade{animation:ki2FadeIn .35s ease both}\n.ki2-hidden{display:none}\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<div class=\"max-w-xl mx-auto p-3 space-y-3 font-sans\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"bg-slate-800 text-white rounded-xl p-3\">\n    <div class=\"text-xs text-slate-300\">\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u3088\u308b\u51e6\u7406<\/div>\n    <div class=\"text-xs text-slate-400 mt-1\">\ud83d\udcd6 \u89e3\u8aac\u3067\u7406\u89e3 \u2192 \ud83c\udfcb \u7df4\u7fd2\u3067\u5b9a\u7740<\/div>\n  <\/div>\n\n  <!-- \u51fa\u5178 -->\n  <div class=\"text-xs text-slate-500 text-right font-medium\">\u5e73\u621024\u5e74 \u554f1 \u80a22<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v06-tab-n\" onclick=\"ki2v06_setMode('normal')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-700 text-white\">\ud83d\udcd6 \u89e3\u8aac<\/button>\n    <button id=\"ki2v06-tab-p\" onclick=\"ki2v06_setMode('practice')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-200 text-slate-600\">\ud83c\udfcb \u7df4\u7fd2<\/button>\n  <\/div>\n\n  <!-- ===== \u89e3\u8aac\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v06-normal\" class=\"space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u306e\u9593\u306b\u306f\u50b5\u6a29\u50b5\u52d9\u95a2\u4fc2\u304c\u306a\u3044\u306b\u3082\u304b\u304b\u308f\u3089\u305a\u3001\u4e21\u8005\u304c\u901a\u8b00\u306e\u4e0a\u3067B\u306e\u305f\u3081\u306b\u62b5\u5f53\u6a29\u3092\u8a2d\u5b9a\u3057\u3001\u305d\u306e\u65e8\u306e\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u306b\u5bfe\u3059\u308b\u8cb8\u4ed8\u50b5\u6a29\u3092\u62c5\u4fdd\u3059\u308b\u305f\u3081\u306bB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u305f\u50b5\u6a29\u8005C\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u306e\u62bd\u51fa -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"space-y-1 text-sm\">\n        <div><span class=\"bg-slate-100 text-slate-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 1<\/span>A\u3068B\u304c\u901a\u8b00\u3057\u3066\u62b5\u5f53\u6a29\u8a2d\u5b9a\u3092\u4eee\u88c5\uff08\u865a\u507d\u8868\u793a\uff09<\/div>\n        <div><span class=\"bg-blue-100 text-blue-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 2<\/span>C\u304cB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u305f\uff08\u7b2c\u4e09\u8005\u304c\u767b\u5834\uff09<\/div>\n        <div><span class=\"bg-orange-100 text-orange-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 3<\/span>C\uff1d\u8ee2\u62b5\u5f53\u6a29\u8005\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u30c1\u30a7\u30c3\u30af\uff09<\/div>\n        \n        \n      <\/div>\n    <\/div>\n    <!-- Step 1\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-slate-300\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Step 1\uff0e\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3 text-sm\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u62b5\u5f53\u6a29\u8a2d\u5b9a\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306e\u62b5\u5f53\u6a29\u8a2d\u5b9a\u5951\u7d04\u306f<strong>\u7121\u52b9<\/strong>\uff08\u6c11\u6cd594\u67611\u9805\uff09\u3002\u7b2c\u4e09\u8005\u304c\u767b\u5834\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 2\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 2\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-blue-200\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Step 2\uff0e\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3 text-sm\">C\u304cB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u3066\u3044\u307e\u3059\u3002\u2192 \u7b2c\u4e09\u8005C\u304c<strong>\u767b\u5834\u3057\u3066\u3044\u307e\u3059<\/strong>\u3002C\u304c94\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 3\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 3\uff08\u6761\u4ef6\u4ed8\u304d\uff1aS3_BLOCK \u3092 generator \u304c\u5165\u308c\u308b or \u7a7a\u6587\u5b57\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-orange-200\"><div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Step 3\uff0e\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-orange-50 p-3 text-sm\">C\u306fB\u306e\u62b5\u5f53\u6a29\uff08\u4eee\u88c5\u3055\u308c\u305f\u865a\u507d\u306e\u62b5\u5f53\u6a29\uff09\u3092\u524d\u63d0\u306b\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u3066\u3044\u307e\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u3055\u308c\u305f\u62b5\u5f53\u6a29\uff09\u306b\u57fa\u3065\u3044\u3066\u65b0\u305f\u306a\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 C\u306f\u6c11\u6cd594\u67612\u9805\u306e<strong>\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059<\/strong>\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1a\u8ee2\u62b5\u5f53\u6a29\u8005\u3082\u4eee\u88c5\u62b5\u5f53\u6a29\u3092\u524d\u63d0\u306b\u5229\u76ca\u3092\u53d7\u3051\u308b\u300c\u7b2c\u4e09\u8005\u300d\u306b\u542b\u307e\u308c\u307e\u3059\u3002<\/span><\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- Step 5\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- \u7d50\u8ad6 -->\n    <div class=\"rounded-xl overflow-hidden border border-green-200\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u8ee2\u62b5\u5f53\u6a29\u8005C\u306fB\u306e\u4eee\u88c5\u62b5\u5f53\u6a29\u3092\u524d\u63d0\u306b\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u4eee\u88c5\u306e\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u7df4\u7fd2\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v06-practice\" class=\"ki2-hidden space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u306e\u9593\u306b\u306f\u50b5\u6a29\u50b5\u52d9\u95a2\u4fc2\u304c\u306a\u3044\u306b\u3082\u304b\u304b\u308f\u3089\u305a\u3001\u4e21\u8005\u304c\u901a\u8b00\u306e\u4e0a\u3067B\u306e\u305f\u3081\u306b\u62b5\u5f53\u6a29\u3092\u8a2d\u5b9a\u3057\u3001\u305d\u306e\u65e8\u306e\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u306b\u5bfe\u3059\u308b\u8cb8\u4ed8\u50b5\u6a29\u3092\u62c5\u4fdd\u3059\u308b\u305f\u3081\u306bB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u305f\u50b5\u6a29\u8005C\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u30bf\u30b0 -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"flex flex-wrap gap-1 text-xs\">\n        <span class=\"bg-slate-100 text-slate-700 px-2 py-0.5 rounded-full\">\u901a\u8b00\u4eee\u88c5\u3042\u308a\uff08\u62b5\u5f53\u6a29\u8a2d\u5b9a\uff09<\/span>\n        <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full\">\u7b2c\u4e09\u8005C\uff08\u767b\u5834\uff09<\/span>\n        <span class=\"bg-orange-100 text-orange-700 px-2 py-0.5 rounded-full\">C\uff1d\u8ee2\u62b5\u5f53\u6a29\u8005<\/span>\n        \n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v06-q1\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-fade\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Q1\uff0eStep 1\uff1a\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v06-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_q1('YES\uff08\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v06_q1('NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v06-q1-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q2: Step 2\uff08\u5e38\u306b\u5b58\u5728\u3001Q1\u6b63\u89e3\u5f8c\u306b\u8868\u793a\uff09 -->\n    <div id=\"ki2v06-q2\" class=\"rounded-xl overflow-hidden border border-blue-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Q2\uff0eStep 2\uff1a\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3\">\n        <p class=\"text-sm mb-3\">B\uff08\u540d\u7fa9\u4eba\uff09\u304b\u3089\u6a29\u5229\u3092\u53d6\u5f97\u3057\u305f\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v06-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_q2('YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v06_q2('NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v06-q2-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q3: Step 3\uff08\u8a72\u5f53\u6027\u3002s3_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v06-q3\" class=\"rounded-xl overflow-hidden border border-orange-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Q3\uff0eStep 3\uff1a\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-orange-50 p-3\">\n        <p class=\"text-sm mb-3\">C\u306fC\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u304b\uff1f<br><span class=\"text-xs text-slate-500\">\uff08\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306b\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\uff09<\/span><\/p>\n        <div id=\"ki2v06-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_q3('YES\uff08\u8a72\u5f53\u3059\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">YES\uff08\u8a72\u5f53\u3059\u308b\uff09<\/button>\n          <button onclick=\"ki2v06_q3('NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v06-q3-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q4: Step 4\uff08\u5584\u610f\u30c1\u30a7\u30c3\u30af\u3002s4_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v06-q4\" class=\"rounded-xl overflow-hidden border border-purple-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Q4\uff0eStep 4\uff1a\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-purple-50 p-3\">\n        <p class=\"text-sm mb-3\">\u7b2c\u4e09\u8005C\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v06-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_q4('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v06_q4('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v06-q4-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q5: Step 5\uff08\u8ee2\u5f97\u8005\u3002s5_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v06-q5\" class=\"rounded-xl overflow-hidden border border-pink-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-pink-400 text-white text-xs font-bold px-3 py-2\">Q5\uff0eStep 5\uff1a\u8ee2\u5f97\u8005D\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-pink-50 p-3\">\n        <p class=\"text-sm mb-3\">\u8ee2\u5f97\u8005D\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v06-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_q5('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v06_q5('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v06-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v06-qv\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-hidden ki2-fade\">\n      <div class=\"bg-slate-600 text-white text-xs font-bold px-3 py-2\">\u6700\u7d42\u5224\u5b9a<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">\u4ee5\u4e0a\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u51e6\u7406\u306e\u7d50\u679c\u3001\u3053\u306e\u8a18\u8ff0\u306f\u6b63\u3057\u3044\u3067\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v06-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v06_qVerdict('\u25cb \u6b63\u3057\u3044')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-green-50\">\u25cb \u6b63\u3057\u3044<\/button>\n          <button onclick=\"ki2v06_qVerdict('\u00d7 \u8aa4\u308a')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-red-50\">\u00d7 \u8aa4\u308a<\/button>\n        <\/div>\n        <div id=\"ki2v06-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v06-result\" class=\"ki2-hidden rounded-xl overflow-hidden border border-green-200 ki2-fade\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u8ee2\u62b5\u5f53\u6a29\u8005C\u306fB\u306e\u4eee\u88c5\u62b5\u5f53\u6a29\u3092\u524d\u63d0\u306b\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u4eee\u88c5\u306e\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v06_reset()\" class=\"mt-2 w-full py-1.5 rounded-lg text-xs bg-slate-200 text-slate-600 hover:bg-slate-300\">\ud83d\udd04 \u3082\u3046\u4e00\u5ea6<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script>\n\/\/ ===== Per-question data\uff08generator \u304c\u7f6e\u63db\uff09 =====\n\/\/ Step 2: \u7b2c\u4e09\u8005\u306e\u767b\u5834\nvar ki2v06_s2c='YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09'; \/\/ 'YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09' or 'NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'\n\/\/ Step 3: \u8a72\u5f53\u6027\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v06_s3c='YES\uff08\u8a72\u5f53\u3059\u308b\uff09'; \/\/ 'YES\uff08\u8a72\u5f53\u3059\u308b\uff09', 'NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09', or ''\n\/\/ Step 4: \u5584\u610f\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v06_s4c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ Step 5: \u8ee2\u5f97\u8005\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v06_s5c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ \u6700\u7d42\u5224\u5b9a\nvar ki2v06_vc='\u25cb \u6b63\u3057\u3044'; \/\/ '\u25cb \u6b63\u3057\u3044' or '\u00d7 \u8aa4\u308a'\n\n\/\/ \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30e1\u30c3\u30bb\u30fc\u30b8\nvar ki2v06_s1ok='A\u3068B\u306f\u901a\u8b00\u3057\u3066\u62b5\u5f53\u6a29\u8a2d\u5b9a\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306f\u7121\u52b9\u3002Step 2\u3067\u7b2c\u4e09\u8005\u306e\u767b\u5834\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v06_s2ok='C\u304cB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u3066\u3044\u308b\u306e\u3067\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002\u2192 Step 3\u3067C\u306e\u300c\u8a72\u5f53\u6027\u300d\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v06_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u304b\u3089\u8ee2\u62b5\u5f53\u6a29\u306e\u8a2d\u5b9a\u3092\u53d7\u3051\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v06_s3ok='\u8ee2\u62b5\u5f53\u6a29\u8005C\u306fB\u306e\u4eee\u88c5\u62b5\u5f53\u6a29\uff08\u865a\u507d\u8868\u793a\u306e\u7d50\u679c\uff09\u3092\u524d\u63d0\u306b\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v06_s3ng='\u8ee2\u62b5\u5f53\u6a29\u8005\u3082\u4eee\u88c5\u3055\u308c\u305f\u62b5\u5f53\u6a29\u3092\u524d\u63d0\u306b\u5229\u76ca\u3092\u53d7\u3051\u308b\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\uff08\u5224\u4f8b\uff09\u3002';\nvar ki2v06_s4ok='';\nvar ki2v06_s4ng='';\nvar ki2v06_s5ok='';\nvar ki2v06_s5ng='';\nvar ki2v06_vok='\u8ee2\u62b5\u5f53\u6a29\u8005C\u308294\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070\u4fdd\u8b77\u3055\u308c\u307e\u3059\u3002';\nvar ki2v06_vng='Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3068\u78ba\u8a8d\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v06_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v06-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v06-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v06-tab-n').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-700 text-white':'bg-slate-200 text-slate-600');\n  document.getElementById('ki2v06-tab-p').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-200 text-slate-600':'bg-slate-700 text-white');\n}\n\n\/\/ ===== \u30b9\u30c6\u30c3\u30d7\u30cf\u30f3\u30c9\u30e9 =====\nfunction ki2v06_q1(ans){\n  var fb=document.getElementById('ki2v06-q1-fb');\n  var btns=document.getElementById('ki2v06-q1-btns');\n  if(ans==='YES\uff08\u3057\u3066\u3044\u308b\uff09'){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_s1ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">YES\uff08\u3057\u3066\u3044\u308b\uff09\u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v06-q2').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002\u865a\u507d\u8868\u793a\u306e\u554f\u984c\u3067\u306f\u3001A\u3068B\u306f\u5fc5\u305a\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u3002';\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_q2(ans){\n  var fb=document.getElementById('ki2v06-q2-fb');\n  var btns=document.getElementById('ki2v06-q2-btns');\n  if(ans===ki2v06_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v06_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v06_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v06-qv';}\n    else if(ki2v06_s3c!==''){next='ki2v06-q3';}\n    else if(ki2v06_s4c!==''){next='ki2v06-q4';}\n    else{next='ki2v06-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v06_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_q3(ans){\n  var fb=document.getElementById('ki2v06-q3-fb');\n  var btns=document.getElementById('ki2v06-q3-btns');\n  if(ans===ki2v06_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v06_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v06_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v06-qv';}\n    else if(ki2v06_s4c!==''){next='ki2v06-q4';}\n    else{next='ki2v06-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v06_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_q4(ans){\n  var fb=document.getElementById('ki2v06-q4-fb');\n  var btns=document.getElementById('ki2v06-q4-btns');\n  if(ans===ki2v06_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v06_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v06_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v06-qv';}\n    else if(ki2v06_s5c!==''){next='ki2v06-q5';}\n    else{next='ki2v06-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v06_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_q5(ans){\n  var fb=document.getElementById('ki2v06-q5-fb');\n  var btns=document.getElementById('ki2v06-q5-btns');\n  if(ans===ki2v06_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v06_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v06-qv').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v06_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_qVerdict(ans){\n  var fb=document.getElementById('ki2v06-qv-fb');\n  var btns=document.getElementById('ki2v06-qv-btns');\n  if(ans===ki2v06_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v06_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v06_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v06-result').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v06_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v06_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v06-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v06-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v06-q1-btns').innerHTML=\n    '<button onclick=\"ki2v06_q1(\\'YES\uff08\u3057\u3066\u3044\u308b\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>'+\n    '<button onclick=\"ki2v06_q1(\\'NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>';\n}\n<\/script>\n\n\n<style>\n@keyframes ki2FadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n.ki2-fade{animation:ki2FadeIn .35s ease both}\n.ki2-hidden{display:none}\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<div class=\"max-w-xl mx-auto p-3 space-y-3 font-sans\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"bg-slate-800 text-white rounded-xl p-3\">\n    <div class=\"text-xs text-slate-300\">\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u3088\u308b\u51e6\u7406<\/div>\n    <div class=\"text-xs text-slate-400 mt-1\">\ud83d\udcd6 \u89e3\u8aac\u3067\u7406\u89e3 \u2192 \ud83c\udfcb \u7df4\u7fd2\u3067\u5b9a\u7740<\/div>\n  <\/div>\n\n  <!-- \u51fa\u5178 -->\n  <div class=\"text-xs text-slate-500 text-right font-medium\">\u5e73\u621024\u5e74 \u554f1 \u80a23<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v07-tab-n\" onclick=\"ki2v07_setMode('normal')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-700 text-white\">\ud83d\udcd6 \u89e3\u8aac<\/button>\n    <button id=\"ki2v07-tab-p\" onclick=\"ki2v07_setMode('practice')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-200 text-slate-600\">\ud83c\udfcb \u7df4\u7fd2<\/button>\n  <\/div>\n\n  <!-- ===== \u89e3\u8aac\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v07-normal\" class=\"space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3001A\u304b\u3089B\u306b\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u304cA\u304b\u3089\u53d6\u5f97\u3057\u305f\u7532\u571f\u5730\u306e\u6240\u6709\u6a29\u3092\u6709\u3057\u3066\u3044\u308b\u3082\u306e\u3068\u4fe1\u3058\u3066B\u306b\u5bfe\u3057\u3066\u91d1\u92ad\u3092\u8cb8\u3057\u4ed8\u3051\u305fC\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u306e\u62bd\u51fa -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"space-y-1 text-sm\">\n        <div><span class=\"bg-slate-100 text-slate-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 1<\/span>A\u3068B\u304c\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u306e\u4eee\u88c5\u58f2\u8cb7<\/div>\n        <div><span class=\"bg-blue-100 text-blue-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 2<\/span>C\u304cB\u306b\u91d1\u92ad\u3092\u8cb8\u3057\u4ed8\u3051\u305f\uff08\u7b2c\u4e09\u8005\u304c\u767b\u5834\u3059\u308b\u304b\uff1f\uff09<\/div>\n        <div><span class=\"bg-orange-100 text-orange-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 3<\/span>C\uff1d\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005\uff08\u7532\u571f\u5730\u3078\u306e\u76f4\u63a5\u306e\u5229\u5bb3\u95a2\u4fc2\u306a\u3057\uff09<\/div>\n        \n        \n      <\/div>\n    <\/div>\n    <!-- Step 1\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-slate-300\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Step 1\uff0e\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3 text-sm\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306e\u5951\u7d04\u306f<strong>\u7121\u52b9<\/strong>\uff08\u6c11\u6cd594\u67611\u9805\uff09\u3002\u7b2c\u4e09\u8005\u304c\u767b\u5834\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 2\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 2\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-blue-200\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Step 2\uff0e\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3 text-sm\">C\u304cB\u306b\u5bfe\u3057\u3066\u91d1\u92ad\u3092\u8cb8\u3057\u4ed8\u3051\u3066\u3044\u307e\u3059\u3002\u2192 \u767b\u5834\u4eba\u7269C\u304c\u5b58\u5728\u3057\u307e\u3059\u3002C\u304c94\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 3\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 3\uff08\u6761\u4ef6\u4ed8\u304d\uff1aS3_BLOCK \u3092 generator \u304c\u5165\u308c\u308b or \u7a7a\u6587\u5b57\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-orange-200\"><div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Step 3\uff0e\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-orange-50 p-3 text-sm\">C\u306fB\u306b\u5bfe\u3057\u3066\u304a\u91d1\u3092\u8cb8\u3057\u305f\u3060\u3051\u306e<strong>\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005<\/strong>\u3067\u3059\u3002\u7532\u571f\u5730\uff08\u4eee\u88c5\u58f2\u8cb7\u306e\u76ee\u7684\u7269\uff09\u306b\u95a2\u3059\u308b\u76f4\u63a5\u306e\u5229\u5bb3\u95a2\u4fc2\u306f\u306a\u304f\u3001\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u7532\u571f\u5730\u306e\u4eee\u88c5\u58f2\u8cb7\uff09\u306b\u57fa\u3065\u3044\u3066\u65b0\u305f\u306a\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\u3068\u306f\u3044\u3048\u307e\u305b\u3093\u3002\u2192 C\u306f\u6c11\u6cd594\u67612\u9805\u306e<strong>\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u305b\u3093<\/strong>\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u3059\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1a\u300cB\u304c\u571f\u5730\u3092\u6301\u3063\u3066\u3044\u308b\u3068\u4fe1\u3058\u3066\u300d\u304a\u91d1\u3092\u8cb8\u3057\u305f\u5834\u5408\u3067\u3082\u3001\u5b9f\u969b\u306b\u7532\u571f\u5730\u306b\u95a2\u3059\u308b\u5229\u5bb3\u95a2\u4fc2\uff08\u5dee\u62bc\u3048\u30fb\u62b5\u5f53\u6a29\u7b49\uff09\u304c\u306a\u3051\u308c\u3070\u300c\u7b2c\u4e09\u8005\u300d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/span><\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- Step 5\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- \u7d50\u8ad6 -->\n    <div class=\"rounded-xl overflow-hidden border border-green-200\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u00d7 \u8aa4\u308a<\/p>\n        <p class=\"text-xs text-slate-600\">\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005\u306f\u7532\u571f\u5730\uff08\u865a\u507d\u8868\u793a\u306e\u76ee\u7684\u7269\uff09\u306b\u5bfe\u3059\u308b\u76f4\u63a5\u306e\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u305f\u306a\u3044\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u306a\u3044\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u308b\uff08C\u306f\u4fdd\u8b77\u3055\u308c\u306a\u3044\uff09\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u7df4\u7fd2\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v07-practice\" class=\"ki2-hidden space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3001A\u304b\u3089B\u306b\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001B\u304cA\u304b\u3089\u53d6\u5f97\u3057\u305f\u7532\u571f\u5730\u306e\u6240\u6709\u6a29\u3092\u6709\u3057\u3066\u3044\u308b\u3082\u306e\u3068\u4fe1\u3058\u3066B\u306b\u5bfe\u3057\u3066\u91d1\u92ad\u3092\u8cb8\u3057\u4ed8\u3051\u305fC\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u30bf\u30b0 -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"flex flex-wrap gap-1 text-xs\">\n        <span class=\"bg-slate-100 text-slate-700 px-2 py-0.5 rounded-full\">\u901a\u8b00\u4eee\u88c5\u3042\u308a<\/span>\n        <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full\">\u7b2c\u4e09\u8005C\uff08\u767b\u5834\uff09<\/span>\n        <span class=\"bg-orange-100 text-orange-700 px-2 py-0.5 rounded-full\">C\uff1d\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005<\/span>\n        \n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v07-q1\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-fade\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Q1\uff0eStep 1\uff1a\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v07-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_q1('YES\uff08\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v07_q1('NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v07-q1-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q2: Step 2\uff08\u5e38\u306b\u5b58\u5728\u3001Q1\u6b63\u89e3\u5f8c\u306b\u8868\u793a\uff09 -->\n    <div id=\"ki2v07-q2\" class=\"rounded-xl overflow-hidden border border-blue-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Q2\uff0eStep 2\uff1a\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3\">\n        <p class=\"text-sm mb-3\">B\uff08\u540d\u7fa9\u4eba\uff09\u304b\u3089\u6a29\u5229\u3092\u53d6\u5f97\u3057\u305f\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v07-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_q2('YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v07_q2('NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v07-q2-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q3: Step 3\uff08\u8a72\u5f53\u6027\u3002s3_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v07-q3\" class=\"rounded-xl overflow-hidden border border-orange-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Q3\uff0eStep 3\uff1a\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-orange-50 p-3\">\n        <p class=\"text-sm mb-3\">C\u306fC\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u304b\uff1f<br><span class=\"text-xs text-slate-500\">\uff08\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306b\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\uff09<\/span><\/p>\n        <div id=\"ki2v07-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_q3('YES\uff08\u8a72\u5f53\u3059\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">YES\uff08\u8a72\u5f53\u3059\u308b\uff09<\/button>\n          <button onclick=\"ki2v07_q3('NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v07-q3-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q4: Step 4\uff08\u5584\u610f\u30c1\u30a7\u30c3\u30af\u3002s4_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v07-q4\" class=\"rounded-xl overflow-hidden border border-purple-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Q4\uff0eStep 4\uff1a\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-purple-50 p-3\">\n        <p class=\"text-sm mb-3\">\u7b2c\u4e09\u8005C\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v07-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_q4('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v07_q4('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v07-q4-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q5: Step 5\uff08\u8ee2\u5f97\u8005\u3002s5_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v07-q5\" class=\"rounded-xl overflow-hidden border border-pink-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-pink-400 text-white text-xs font-bold px-3 py-2\">Q5\uff0eStep 5\uff1a\u8ee2\u5f97\u8005D\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-pink-50 p-3\">\n        <p class=\"text-sm mb-3\">\u8ee2\u5f97\u8005D\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v07-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_q5('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v07_q5('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v07-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v07-qv\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-hidden ki2-fade\">\n      <div class=\"bg-slate-600 text-white text-xs font-bold px-3 py-2\">\u6700\u7d42\u5224\u5b9a<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">\u4ee5\u4e0a\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u51e6\u7406\u306e\u7d50\u679c\u3001\u3053\u306e\u8a18\u8ff0\u306f\u6b63\u3057\u3044\u3067\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v07-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v07_qVerdict('\u25cb \u6b63\u3057\u3044')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-green-50\">\u25cb \u6b63\u3057\u3044<\/button>\n          <button onclick=\"ki2v07_qVerdict('\u00d7 \u8aa4\u308a')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-red-50\">\u00d7 \u8aa4\u308a<\/button>\n        <\/div>\n        <div id=\"ki2v07-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v07-result\" class=\"ki2-hidden rounded-xl overflow-hidden border border-green-200 ki2-fade\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u00d7 \u8aa4\u308a<\/p>\n        <p class=\"text-xs text-slate-600\">\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005\u306f\u7532\u571f\u5730\uff08\u865a\u507d\u8868\u793a\u306e\u76ee\u7684\u7269\uff09\u306b\u5bfe\u3059\u308b\u76f4\u63a5\u306e\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u305f\u306a\u3044\u305f\u308194\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u306a\u3044\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u308b\uff08C\u306f\u4fdd\u8b77\u3055\u308c\u306a\u3044\uff09\u3002<\/p>\n        <button onclick=\"ki2v07_reset()\" class=\"mt-2 w-full py-1.5 rounded-lg text-xs bg-slate-200 text-slate-600 hover:bg-slate-300\">\ud83d\udd04 \u3082\u3046\u4e00\u5ea6<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script>\n\/\/ ===== Per-question data\uff08generator \u304c\u7f6e\u63db\uff09 =====\n\/\/ Step 2: \u7b2c\u4e09\u8005\u306e\u767b\u5834\nvar ki2v07_s2c='YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09'; \/\/ 'YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09' or 'NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'\n\/\/ Step 3: \u8a72\u5f53\u6027\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v07_s3c='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'; \/\/ 'YES\uff08\u8a72\u5f53\u3059\u308b\uff09', 'NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09', or ''\n\/\/ Step 4: \u5584\u610f\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v07_s4c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ Step 5: \u8ee2\u5f97\u8005\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v07_s5c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ \u6700\u7d42\u5224\u5b9a\nvar ki2v07_vc='\u00d7 \u8aa4\u308a'; \/\/ '\u25cb \u6b63\u3057\u3044' or '\u00d7 \u8aa4\u308a'\n\n\/\/ \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30e1\u30c3\u30bb\u30fc\u30b8\nvar ki2v07_s1ok='A\u3068B\u306f\u901a\u8b00\u3057\u3066\u7532\u571f\u5730\u3092\u4eee\u88c5\u58f2\u8cb7\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306f\u7121\u52b9\u3002Step 2\u3067\u7b2c\u4e09\u8005\u306e\u767b\u5834\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v07_s2ok='B\u306b\u91d1\u92ad\u3092\u8cb8\u3057\u305fC\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002\u2192 Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v07_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u306b\u91d1\u92ad\u3092\u8cb8\u3057\u4ed8\u3051\u3066\u304a\u308a\u3001\u95a2\u4fc2\u8005\u3068\u3057\u3066\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v07_s3ok='\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005C\u306f\u7532\u571f\u5730\u3078\u306e\u76f4\u63a5\u306e\u5229\u5bb3\u95a2\u4fc2\u304c\u306a\u304f\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u305b\u3093\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v07_s3ng='C\u306f\u5358\u306bB\u306b\u304a\u91d1\u3092\u8cb8\u3057\u305f\u3060\u3051\u3067\u3059\u3002\u7532\u571f\u5730\uff08\u4eee\u88c5\u58f2\u8cb7\u306e\u76ee\u7684\u7269\uff09\u306b\u5bfe\u3059\u308b\u5dee\u62bc\u3048\u3084\u62b5\u5f53\u6a29\u8a2d\u5b9a\u306a\u3069\u306e\u76f4\u63a5\u7684\u306a\u5229\u5bb3\u95a2\u4fc2\u304c\u306a\u3044\u305f\u3081\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u305b\u3093\u3002';\nvar ki2v07_s4ok='';\nvar ki2v07_s4ng='';\nvar ki2v07_s5ok='';\nvar ki2v07_s5ng='';\nvar ki2v07_vok='\u5358\u306a\u308b\u91d1\u92ad\u50b5\u6a29\u8005\u306f94\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u306a\u3044\u305f\u3081\u3001\u300c\u7b2c\u4e09\u8005\u306b\u8a72\u5f53\u3059\u308b\u300d\u3068\u3044\u3046\u8a18\u8ff0\u306f\u8aa4\u308a\u3067\u3059\u3002';\nvar ki2v07_vng='Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u306a\u3044\u3068\u78ba\u8a8d\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u300c\u8a72\u5f53\u3059\u308b\u300d\u306f\u8aa4\u308a\u3067\u3059\u3002\u2192 \u00d7 \u8aa4\u308a';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v07_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v07-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v07-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v07-tab-n').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-700 text-white':'bg-slate-200 text-slate-600');\n  document.getElementById('ki2v07-tab-p').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-200 text-slate-600':'bg-slate-700 text-white');\n}\n\n\/\/ ===== \u30b9\u30c6\u30c3\u30d7\u30cf\u30f3\u30c9\u30e9 =====\nfunction ki2v07_q1(ans){\n  var fb=document.getElementById('ki2v07-q1-fb');\n  var btns=document.getElementById('ki2v07-q1-btns');\n  if(ans==='YES\uff08\u3057\u3066\u3044\u308b\uff09'){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_s1ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">YES\uff08\u3057\u3066\u3044\u308b\uff09\u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v07-q2').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002\u865a\u507d\u8868\u793a\u306e\u554f\u984c\u3067\u306f\u3001A\u3068B\u306f\u5fc5\u305a\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u3002';\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_q2(ans){\n  var fb=document.getElementById('ki2v07-q2-fb');\n  var btns=document.getElementById('ki2v07-q2-btns');\n  if(ans===ki2v07_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v07_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v07_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v07-qv';}\n    else if(ki2v07_s3c!==''){next='ki2v07-q3';}\n    else if(ki2v07_s4c!==''){next='ki2v07-q4';}\n    else{next='ki2v07-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v07_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_q3(ans){\n  var fb=document.getElementById('ki2v07-q3-fb');\n  var btns=document.getElementById('ki2v07-q3-btns');\n  if(ans===ki2v07_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v07_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v07_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v07-qv';}\n    else if(ki2v07_s4c!==''){next='ki2v07-q4';}\n    else{next='ki2v07-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v07_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_q4(ans){\n  var fb=document.getElementById('ki2v07-q4-fb');\n  var btns=document.getElementById('ki2v07-q4-btns');\n  if(ans===ki2v07_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v07_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v07_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v07-qv';}\n    else if(ki2v07_s5c!==''){next='ki2v07-q5';}\n    else{next='ki2v07-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v07_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_q5(ans){\n  var fb=document.getElementById('ki2v07-q5-fb');\n  var btns=document.getElementById('ki2v07-q5-btns');\n  if(ans===ki2v07_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v07_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v07-qv').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v07_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_qVerdict(ans){\n  var fb=document.getElementById('ki2v07-qv-fb');\n  var btns=document.getElementById('ki2v07-qv-btns');\n  if(ans===ki2v07_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v07_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v07_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v07-result').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v07_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v07_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v07-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v07-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v07-q1-btns').innerHTML=\n    '<button onclick=\"ki2v07_q1(\\'YES\uff08\u3057\u3066\u3044\u308b\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>'+\n    '<button onclick=\"ki2v07_q1(\\'NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>';\n}\n<\/script>\n\n\n<style>\n@keyframes ki2FadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n.ki2-fade{animation:ki2FadeIn .35s ease both}\n.ki2-hidden{display:none}\n<\/style>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<div class=\"max-w-xl mx-auto p-3 space-y-3 font-sans\">\n\n  <!-- \u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"bg-slate-800 text-white rounded-xl p-3\">\n    <div class=\"text-xs text-slate-300\">\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u3088\u308b\u51e6\u7406<\/div>\n    <div class=\"text-xs text-slate-400 mt-1\">\ud83d\udcd6 \u89e3\u8aac\u3067\u7406\u89e3 \u2192 \ud83c\udfcb \u7df4\u7fd2\u3067\u5b9a\u7740<\/div>\n  <\/div>\n\n  <!-- \u51fa\u5178 -->\n  <div class=\"text-xs text-slate-500 text-right font-medium\">\u5e73\u621024\u5e74 \u554f1 \u80a24<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v08-tab-n\" onclick=\"ki2v08_setMode('normal')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-700 text-white\">\ud83d\udcd6 \u89e3\u8aac<\/button>\n    <button id=\"ki2v08-tab-p\" onclick=\"ki2v08_setMode('practice')\" class=\"flex-1 py-2 rounded-lg text-sm font-bold bg-slate-200 text-slate-600\">\ud83c\udfcb \u7df4\u7fd2<\/button>\n  <\/div>\n\n  <!-- ===== \u89e3\u8aac\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v08-normal\" class=\"space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u3001A\u3092\u8cb8\u4e3b\u3001B\u3092\u501f\u4e3b\u3068\u3059\u308b\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\u3092\u4eee\u88c5\u3057\u305f\u5834\u5408\u306b\u3001\u5f53\u8a72\u4eee\u88c5\u50b5\u6a29\u3092A\u304b\u3089\u8b72\u308a\u53d7\u3051\u305fC\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u306e\u62bd\u51fa -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"space-y-1 text-sm\">\n        <div><span class=\"bg-slate-100 text-slate-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 1<\/span>A\u3068B\u304c\u901a\u8b00\u3057\u3066\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\u3092\u4eee\u88c5<\/div>\n        <div><span class=\"bg-blue-100 text-blue-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 2<\/span>C\u304cA\u304b\u3089\u4eee\u88c5\u50b5\u6a29\u3092\u8b72\u308a\u53d7\u3051\u305f\uff08\u7b2c\u4e09\u8005\u304c\u767b\u5834\uff09<\/div>\n        <div><span class=\"bg-orange-100 text-orange-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 3<\/span>C\uff1d\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4eba\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u30c1\u30a7\u30c3\u30af\uff09<\/div>\n        \n        \n      <\/div>\n    <\/div>\n    <!-- Step 1\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-slate-300\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Step 1\uff0e\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3 text-sm\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306e\u5951\u7d04\u306f<strong>\u7121\u52b9<\/strong>\uff08\u6c11\u6cd594\u67611\u9805\uff09\u3002\u7b2c\u4e09\u8005\u304c\u767b\u5834\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 2\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 2\uff08\u5e38\u306b\u8868\u793a\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-blue-200\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Step 2\uff0e\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3 text-sm\">C\u304cA\u304b\u3089\u4eee\u88c5\u50b5\u6a29\uff08\u67b6\u7a7a\u306e\u8cb8\u4ed8\u50b5\u6a29\uff09\u3092\u8b72\u308a\u53d7\u3051\u3066\u3044\u307e\u3059\u3002\u2192 \u7b2c\u4e09\u8005C\u304c<strong>\u767b\u5834\u3057\u3066\u3044\u307e\u3059<\/strong>\u3002C\u304c94\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 3\u3078\uff09\u3002<\/div>\n    <\/div>\n    <!-- Step 3\uff08\u6761\u4ef6\u4ed8\u304d\uff1aS3_BLOCK \u3092 generator \u304c\u5165\u308c\u308b or \u7a7a\u6587\u5b57\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-orange-200\"><div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Step 3\uff0e\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-orange-50 p-3 text-sm\">C\u306fAB\u9593\u306e\u4eee\u88c5\u3055\u308c\u305f\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u304b\u3089\u751f\u3058\u305f\u50b5\u6a29\uff08\u4eee\u88c5\u50b5\u6a29\uff09\u3092\u8b72\u308a\u53d7\u3051\u3066\u3044\u307e\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\uff09\u306b\u57fa\u3065\u3044\u3066\u65b0\u305f\u306a\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 C\u306f\u6c11\u6cd594\u67612\u9805\u306e<strong>\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059<\/strong>\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1a\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4eba\u306f\u3001\u305d\u306e\u4eee\u88c5\u50b5\u6a29\u81ea\u4f53\u3092\u524d\u63d0\u306b\u5229\u76ca\u3092\u53d7\u3051\u308b\u300c\u7b2c\u4e09\u8005\u300d\u3067\u3059\u3002<\/span><\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- Step 5\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    \n    <!-- \u7d50\u8ad6 -->\n    <div class=\"rounded-xl overflow-hidden border border-green-200\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4ebaC\u306f\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u6d88\u8cbb\u8cb8\u501f\uff09\u306b\u57fa\u3065\u304f\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u8005\u3068\u3057\u306694\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u7df4\u7fd2\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v08-practice\" class=\"ki2-hidden space-y-3\">\n    <!-- \u554f\u984c\u6587 -->\n    <div class=\"bg-white border border-slate-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-slate-500 mb-2\">\ud83d\udccb \u554f\u984c\u6587<\/div>\n      <p class=\"text-sm leading-relaxed\">A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u3001A\u3092\u8cb8\u4e3b\u3001B\u3092\u501f\u4e3b\u3068\u3059\u308b\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u5951\u7d04\u3092\u4eee\u88c5\u3057\u305f\u5834\u5408\u306b\u3001\u5f53\u8a72\u4eee\u88c5\u50b5\u6a29\u3092A\u304b\u3089\u8b72\u308a\u53d7\u3051\u305fC\u306f\u3001\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002<\/p>\n    <\/div>\n    <!-- \u6761\u4ef6\u30bf\u30b0 -->\n    <div class=\"bg-amber-50 border border-amber-200 rounded-xl p-3\">\n      <div class=\"text-xs font-bold text-amber-700 mb-2\">\ud83d\udd11 \u6761\u4ef6\u306e\u62bd\u51fa<\/div>\n      <div class=\"flex flex-wrap gap-1 text-xs\">\n        <span class=\"bg-slate-100 text-slate-700 px-2 py-0.5 rounded-full\">\u901a\u8b00\u4eee\u88c5\u3042\u308a\uff08\u6d88\u8cbb\u8cb8\u501f\uff09<\/span>\n        <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded-full\">\u7b2c\u4e09\u8005C\uff08\u767b\u5834\uff09<\/span>\n        <span class=\"bg-orange-100 text-orange-700 px-2 py-0.5 rounded-full\">C\uff1d\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4eba<\/span>\n        \n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v08-q1\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-fade\">\n      <div class=\"bg-slate-500 text-white text-xs font-bold px-3 py-2\">Q1\uff0eStep 1\uff1a\u901a\u8b00\u4eee\u88c5\u306e\u78ba\u8a8d<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">A\u3068B\u306f\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v08-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_q1('YES\uff08\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v08_q1('NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v08-q1-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q2: Step 2\uff08\u5e38\u306b\u5b58\u5728\u3001Q1\u6b63\u89e3\u5f8c\u306b\u8868\u793a\uff09 -->\n    <div id=\"ki2v08-q2\" class=\"rounded-xl overflow-hidden border border-blue-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-blue-400 text-white text-xs font-bold px-3 py-2\">Q2\uff0eStep 2\uff1a\u7b2c\u4e09\u8005\u306e\u767b\u5834\u78ba\u8a8d<\/div>\n      <div class=\"bg-blue-50 p-3\">\n        <p class=\"text-sm mb-3\">B\uff08\u540d\u7fa9\u4eba\uff09\u304b\u3089\u6a29\u5229\u3092\u53d6\u5f97\u3057\u305f\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v08-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_q2('YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09<\/button>\n          <button onclick=\"ki2v08_q2('NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-blue-200 hover:bg-blue-50\">NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v08-q2-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q3: Step 3\uff08\u8a72\u5f53\u6027\u3002s3_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v08-q3\" class=\"rounded-xl overflow-hidden border border-orange-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-orange-400 text-white text-xs font-bold px-3 py-2\">Q3\uff0eStep 3\uff1a\u7b2c\u4e09\u8005\u306e\u300c\u8a72\u5f53\u6027\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-orange-50 p-3\">\n        <p class=\"text-sm mb-3\">C\u306fC\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u304b\uff1f<br><span class=\"text-xs text-slate-500\">\uff08\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306b\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3063\u305f\u8005\uff09<\/span><\/p>\n        <div id=\"ki2v08-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_q3('YES\uff08\u8a72\u5f53\u3059\u308b\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">YES\uff08\u8a72\u5f53\u3059\u308b\uff09<\/button>\n          <button onclick=\"ki2v08_q3('NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-orange-200 hover:bg-orange-50\">NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v08-q3-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q4: Step 4\uff08\u5584\u610f\u30c1\u30a7\u30c3\u30af\u3002s4_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v08-q4\" class=\"rounded-xl overflow-hidden border border-purple-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Q4\uff0eStep 4\uff1a\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-purple-50 p-3\">\n        <p class=\"text-sm mb-3\">\u7b2c\u4e09\u8005C\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v08-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_q4('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v08_q4('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-purple-200 hover:bg-purple-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v08-q4-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Q5: Step 5\uff08\u8ee2\u5f97\u8005\u3002s5_correct='' \u306e\u5834\u5408\u306f JS \u304c\u98db\u3070\u3059\uff09 -->\n    <div id=\"ki2v08-q5\" class=\"rounded-xl overflow-hidden border border-pink-200 ki2-hidden ki2-fade\">\n      <div class=\"bg-pink-400 text-white text-xs font-bold px-3 py-2\">Q5\uff0eStep 5\uff1a\u8ee2\u5f97\u8005D\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n      <div class=\"bg-pink-50 p-3\">\n        <p class=\"text-sm mb-3\">\u8ee2\u5f97\u8005D\u306fAB\u9593\u306e\u5951\u7d04\u304c\u865a\u507d\u8868\u793a\u3067\u3042\u308b\u3053\u3068\u3092\u77e5\u3063\u3066\u3044\u307e\u3057\u305f\u304b\uff1f<\/p>\n        <div id=\"ki2v08-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_q5('\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/button>\n          <button onclick=\"ki2v08_q5('\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-pink-200 hover:bg-pink-50\">\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09<\/button>\n        <\/div>\n        <div id=\"ki2v08-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v08-qv\" class=\"rounded-xl overflow-hidden border border-slate-300 ki2-hidden ki2-fade\">\n      <div class=\"bg-slate-600 text-white text-xs font-bold px-3 py-2\">\u6700\u7d42\u5224\u5b9a<\/div>\n      <div class=\"bg-slate-50 p-3\">\n        <p class=\"text-sm mb-3\">\u4ee5\u4e0a\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u51e6\u7406\u306e\u7d50\u679c\u3001\u3053\u306e\u8a18\u8ff0\u306f\u6b63\u3057\u3044\u3067\u3059\u304b\uff1f<\/p>\n        <div id=\"ki2v08-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v08_qVerdict('\u25cb \u6b63\u3057\u3044')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-green-50\">\u25cb \u6b63\u3057\u3044<\/button>\n          <button onclick=\"ki2v08_qVerdict('\u00d7 \u8aa4\u308a')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-300 hover:bg-red-50\">\u00d7 \u8aa4\u308a<\/button>\n        <\/div>\n        <div id=\"ki2v08-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v08-result\" class=\"ki2-hidden rounded-xl overflow-hidden border border-green-200 ki2-fade\">\n      <div class=\"bg-green-400 text-white text-xs font-bold px-3 py-2\">\u7d50\u8ad6<\/div>\n      <div class=\"bg-green-50 p-3 text-sm\">\n        <p class=\"font-bold text-green-700 text-lg mb-1\">\u5224\u5b9a\uff1a\u25cb \u6b63\u3057\u3044<\/p>\n        <p class=\"text-xs text-slate-600\">\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4ebaC\u306f\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u6d88\u8cbb\u8cb8\u501f\uff09\u306b\u57fa\u3065\u304f\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u8005\u3068\u3057\u306694\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v08_reset()\" class=\"mt-2 w-full py-1.5 rounded-lg text-xs bg-slate-200 text-slate-600 hover:bg-slate-300\">\ud83d\udd04 \u3082\u3046\u4e00\u5ea6<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<script>\n\/\/ ===== Per-question data\uff08generator \u304c\u7f6e\u63db\uff09 =====\n\/\/ Step 2: \u7b2c\u4e09\u8005\u306e\u767b\u5834\nvar ki2v08_s2c='YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09'; \/\/ 'YES\uff08\u767b\u5834\u3057\u3066\u3044\u308b\uff09' or 'NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'\n\/\/ Step 3: \u8a72\u5f53\u6027\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v08_s3c='YES\uff08\u8a72\u5f53\u3059\u308b\uff09'; \/\/ 'YES\uff08\u8a72\u5f53\u3059\u308b\uff09', 'NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09', or ''\n\/\/ Step 4: \u5584\u610f\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v08_s4c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ Step 5: \u8ee2\u5f97\u8005\uff08\u4e0d\u8981\u306a\u3089\u7a7a\u6587\u5b57 ''\uff09\nvar ki2v08_s5c=''; \/\/ '\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09', '\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09', or ''\n\/\/ \u6700\u7d42\u5224\u5b9a\nvar ki2v08_vc='\u25cb \u6b63\u3057\u3044'; \/\/ '\u25cb \u6b63\u3057\u3044' or '\u00d7 \u8aa4\u308a'\n\n\/\/ \u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u30e1\u30c3\u30bb\u30fc\u30b8\nvar ki2v08_s1ok='A\u3068B\u306f\u901a\u8b00\u3057\u3066\u91d1\u92ad\u6d88\u8cbb\u8cb8\u501f\u3092\u4eee\u88c5\u3057\u3066\u3044\u307e\u3059\u3002\u2192 AB\u9593\u306f\u7121\u52b9\u3002Step 2\u3067\u7b2c\u4e09\u8005\u306e\u767b\u5834\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v08_s2ok='C\u304cA\u304b\u3089\u4eee\u88c5\u50b5\u6a29\u3092\u8b72\u308a\u53d7\u3051\u3066\u3044\u308b\u306e\u3067\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002\u2192 Step 3\u3067C\u306e\u300c\u8a72\u5f53\u6027\u300d\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v08_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cA\u304b\u3089\u4eee\u88c5\u50b5\u6a29\u3092\u8b72\u308a\u53d7\u3051\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v08_s3ok='\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4ebaC\u306f\u3001\u305d\u306e\u4eee\u88c5\u3055\u308c\u305f\u6cd5\u5f8b\u95a2\u4fc2\uff08\u6d88\u8cbb\u8cb8\u501f\uff09\u3092\u524d\u63d0\u306b\u72ec\u7acb\u306e\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v08_s3ng='\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4eba\u3082\u3001\u305d\u306e\u4eee\u88c5\u3055\u308c\u305f\u6cd5\u5f8b\u95a2\u4fc2\u3092\u524d\u63d0\u306b\u5229\u76ca\u3092\u53d7\u3051\u308b\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\uff08\u5224\u4f8b\uff09\u3002';\nvar ki2v08_s4ok='';\nvar ki2v08_s4ng='';\nvar ki2v08_s5ok='';\nvar ki2v08_s5ng='';\nvar ki2v08_vok='\u4eee\u88c5\u50b5\u6a29\u306e\u8b72\u53d7\u4ebaC\u308294\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002C\u304c\u5584\u610f\u3067\u3042\u308c\u3070\u4fdd\u8b77\u3055\u308c\u307e\u3059\u3002';\nvar ki2v08_vng='Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3068\u78ba\u8a8d\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v08_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v08-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v08-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v08-tab-n').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-700 text-white':'bg-slate-200 text-slate-600');\n  document.getElementById('ki2v08-tab-p').className='flex-1 py-2 rounded-lg text-sm font-bold '+(isN?'bg-slate-200 text-slate-600':'bg-slate-700 text-white');\n}\n\n\/\/ ===== \u30b9\u30c6\u30c3\u30d7\u30cf\u30f3\u30c9\u30e9 =====\nfunction ki2v08_q1(ans){\n  var fb=document.getElementById('ki2v08-q1-fb');\n  var btns=document.getElementById('ki2v08-q1-btns');\n  if(ans==='YES\uff08\u3057\u3066\u3044\u308b\uff09'){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_s1ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">YES\uff08\u3057\u3066\u3044\u308b\uff09\u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v08-q2').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002\u865a\u507d\u8868\u793a\u306e\u554f\u984c\u3067\u306f\u3001A\u3068B\u306f\u5fc5\u305a\u901a\u8b00\u3057\u3066\u4eee\u88c5\u5951\u7d04\u3092\u3057\u3066\u3044\u307e\u3059\u3002';\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_q2(ans){\n  var fb=document.getElementById('ki2v08-q2-fb');\n  var btns=document.getElementById('ki2v08-q2-btns');\n  if(ans===ki2v08_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v08_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v08_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v08-qv';}\n    else if(ki2v08_s3c!==''){next='ki2v08-q3';}\n    else if(ki2v08_s4c!==''){next='ki2v08-q4';}\n    else{next='ki2v08-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v08_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_q3(ans){\n  var fb=document.getElementById('ki2v08-q3-fb');\n  var btns=document.getElementById('ki2v08-q3-btns');\n  if(ans===ki2v08_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v08_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v08_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v08-qv';}\n    else if(ki2v08_s4c!==''){next='ki2v08-q4';}\n    else{next='ki2v08-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v08_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_q4(ans){\n  var fb=document.getElementById('ki2v08-q4-fb');\n  var btns=document.getElementById('ki2v08-q4-btns');\n  if(ans===ki2v08_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v08_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v08_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v08-qv';}\n    else if(ki2v08_s5c!==''){next='ki2v08-q5';}\n    else{next='ki2v08-qv';}\n    setTimeout(function(){document.getElementById(next).classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v08_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_q5(ans){\n  var fb=document.getElementById('ki2v08-q5-fb');\n  var btns=document.getElementById('ki2v08-q5-btns');\n  if(ans===ki2v08_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v08_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v08-qv').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v08_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_qVerdict(ans){\n  var fb=document.getElementById('ki2v08-qv-fb');\n  var btns=document.getElementById('ki2v08-qv-btns');\n  if(ans===ki2v08_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v08_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v08_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v08-result').classList.remove('ki2-hidden');},600);\n  }else{\n    fb.className='mt-2 text-xs text-red-600';\n    fb.innerHTML='\u274c \u9055\u3044\u307e\u3059\u3002'+ki2v08_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v08_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v08-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v08-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v08-q1-btns').innerHTML=\n    '<button onclick=\"ki2v08_q1(\\'YES\uff08\u3057\u3066\u3044\u308b\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">YES\uff08\u3057\u3066\u3044\u308b\uff09<\/button>'+\n    '<button onclick=\"ki2v08_q1(\\'NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09\\')\" class=\"flex-1 py-2 text-sm rounded-lg bg-white border border-slate-200 hover:bg-slate-50\">NO\uff08\u3057\u3066\u3044\u306a\u3044\uff09<\/button>';\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udccc <strong>\u3053\u306e\u8a18\u4e8b\u306e\u6838\u5fc3<\/strong><br>\u5e73\u621024\u5e74\u306f\u300c\u7b2c\u4e09\u8005\u306b\u8a72\u5f53\u3059\u308b\u304b\u5426\u304b\u300d\u3068\u3044\u3046\u4e00\u70b9\u3060\u3051\u3092\u7e70\u308a\u8fd4\u3057\u554f\u3046\u51fa\u984c\u3060\u3002\u5f62\u304c\u5909\u308f\u3063\u3066\u3082\u5224\u5b9a\u8ef8\u306f\u5909\u308f\u3089\u306a\u3044\u2014\u2014\u305d\u308c\u3092\u4f53\u3067\u899a\u3048\u308b\u554f\u984c\u96c6\u3060\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2192 \u6b21\u306e\u8a18\u4e8b\uff1a\u300c\u904e\u53bb\u554f \u5e73\u621030\u5e74\u30fb\u4ee4\u548c7\u5e74\u300d\uff08\u6539\u6b63\u5f8c\u306e\u51fa\u984c\u3067\u300c\u7121\u904e\u5931\u300d\u304c\u52a0\u308f\u3063\u305f\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\uff09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u3088\u308b\u51e6\u7406 \ud83d\udcd6 \u89e3\u8aac\u3067\u7406\u89e3 \u2192 \ud83c\udfcb \u7df4\u7fd2\u3067\u5b9a\u7740 \u5e73\u621024\u5e74 \u554f1 \u80a21 \ud83d\udcd6 \u89e3\u8aac \ud83c\udfcb \u7df4\u7fd2 \ud83d\udccb \u554f\u984c\u6587 A\u304c\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u306b\u3064\u304d\u3001A\u3068B\u304c\u901a\u8b00\u306e\u4e0a\u3067\u58f2\u8cb7\u5951\u7d04\u3092\u4eee\u88c5\u3057\u3001A\u304b\u3089B\u306b\u6240\u6709\u6a29\u79fb\u8ee2\u767b\u8a18\u304c\u306a\u3055\u308c\u305f\u5834\u5408\u306b\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-4715","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"_links":{"self":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4715"}],"version-history":[{"count":2,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4715\/revisions"}],"predecessor-version":[{"id":4938,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4715\/revisions\/4938"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/media\/4870"}],"wp:attachment":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}