{"id":4707,"date":"2026-04-11T22:00:00","date_gmt":"2026-04-11T13:00:00","guid":{"rendered":"https:\/\/www.takken-aidemanabu.com\/?p=4707"},"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%9027%e5%b9%b4-%e5%95%8f2%ef%bc%88%e5%85%a84%e8%82%a2%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.takken-aidemanabu.com\/?p=4707","title":{"rendered":"\u3010\u865a\u507d\u8868\u793a\u3011\u904e\u53bb\u554f \u5e73\u621027\u5e74 \u554f2\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\u621027\u5e74 \u554f2 \u80a21<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v01-tab-n\" onclick=\"ki2v01_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=\"ki2v01-tab-p\" onclick=\"ki2v01_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=\"ki2v01-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u5584\u610f\u306eC\u304cB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u305f\u5834\u5408\u3001C\u304c\u307e\u3060\u767b\u8a18\u3092\u5099\u3048\u3066\u3044\u306a\u304f\u3066\u3082\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u304b\u3089\u7532\u571f\u5730\u3092\u8cfc\u5165\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\u306fB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u305f\u8005\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u3042\u308a\uff09<\/div>\n        <div><span class=\"bg-purple-100 text-purple-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 4<\/span>C\uff1d\u5584\u610f\uff08\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff09\u30fb\u767b\u8a18\u306a\u3057<\/div>\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\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\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\u304b\u3089\u7532\u571f\u5730\u3092\u300c\u8cb7\u3044\u53d7\u3051\u305f\u300d\u4eba\u7269\u3067\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u58f2\u8cb7\uff09\u306b\u57fa\u3065\u3044\u3066\u65b0\u305f\u306b\u72ec\u7acb\u3057\u305f\u6cd5\u5f8b\u4e0a\u306e\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\u5584\u610f\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 4\u3078\uff09\u3002<\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-purple-200\"><div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Step 4\uff0e\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-purple-50 p-3 text-sm\">\u554f\u984c\u6587\u306b\u300c<strong>\u5584\u610f\u306eC<\/strong>\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1aC\u306b\u904e\u5931\u304c\u3042\u3063\u3066\u3082\u3001\u307e\u305f\u767b\u8a18\u304c\u306a\u304f\u3066\u3082\u7d50\u8ad6\u306f\u5909\u308f\u308a\u307e\u305b\u3093\u3002\u865a\u507d\u8868\u793a\u306e\u7b2c\u4e09\u8005\u4fdd\u8b77\u306b\u300c\u7121\u904e\u5931\u300d\u3082\u300c\u767b\u8a18\u300d\u3082\u4e0d\u8981\u3067\u3059\u3002<\/span><\/div><\/div>\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\">\u5584\u610f\u306e\u7b2c\u4e09\u8005C\u306f\u6c11\u6cd594\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u308b\u3002C\u306b\u904e\u5931\u304c\u3042\u3063\u3066\u3082\u30fb\u767b\u8a18\u304c\u306a\u304f\u3066\u3082\u4fdd\u8b77\u3055\u308c\u3001A\u306fC\u306b\u4eee\u88c5\u58f2\u8cb7\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=\"ki2v01-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u5584\u610f\u306eC\u304cB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u305f\u5834\u5408\u3001C\u304c\u307e\u3060\u767b\u8a18\u3092\u5099\u3048\u3066\u3044\u306a\u304f\u3066\u3082\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u300c\u7b2c\u4e09\u8005\u300d\u8a72\u5f53<\/span>\n        <span class=\"bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full\">C\uff1d\u5584\u610f\u30fb\u767b\u8a18\u306a\u3057<\/span>\n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v01-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=\"ki2v01-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-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=\"ki2v01-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=\"ki2v01-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-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=\"ki2v01-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=\"ki2v01-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-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=\"ki2v01-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=\"ki2v01-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-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=\"ki2v01-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=\"ki2v01-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v01-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=\"ki2v01-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v01_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=\"ki2v01_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=\"ki2v01-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v01-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\">\u5584\u610f\u306e\u7b2c\u4e09\u8005C\u306f\u6c11\u6cd594\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u308b\u3002C\u306b\u904e\u5931\u304c\u3042\u3063\u3066\u3082\u30fb\u767b\u8a18\u304c\u306a\u304f\u3066\u3082\u4fdd\u8b77\u3055\u308c\u3001A\u306fC\u306b\u4eee\u88c5\u58f2\u8cb7\u306e\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v01_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 ki2v01_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 ki2v01_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 ki2v01_s4c='\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09'; \/\/ '\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 ki2v01_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 ki2v01_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 ki2v01_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 ki2v01_s2ok='C\u304cB\u304b\u3089\u8cfc\u5165\u3057\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 ki2v01_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v01_s3ok='C\u306fB\u304b\u3089\u571f\u5730\u3092\u8cfc\u5165\u3057\u305f\u5b9f\u969b\u306e\u53d6\u5f15\u76f8\u624b\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306a\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u306e\u3067\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 Step 4\u3067C\u306e\u5584\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v01_s3ng='C\u306fB\u304b\u3089\u571f\u5730\u3092\u300c\u8cb7\u3044\u53d7\u3051\u305f\u300d\u4eba\u7269\u3067\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002';\nvar ki2v01_s4ok='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5584\u610f\u306e\u7b2c\u4e09\u8005\u306f\u3001\u767b\u8a18\u306a\u3057\u30fb\u904e\u5931\u3042\u308a\u3067\u308294\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v01_s4ng='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002C\u306f\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002';\nvar ki2v01_s5ok='';\nvar ki2v01_s5ng='';\nvar ki2v01_vok='\u5584\u610f\u306e\u7b2c\u4e09\u8005C\u306f94\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u3001A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002\u300c\u767b\u8a18\u3092\u5099\u3048\u3066\u3044\u306a\u304f\u3066\u3082\u300d\u3068\u3044\u3046\u8a18\u8ff0\u3082\u6b63\u3057\u3044\u3067\u3059\u3002';\nvar ki2v01_vng='\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306e\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002Step 4\u3067\u5584\u610f\u306eC\u304c\u78ba\u8a8d\u3055\u308c\u305f\u6642\u70b9\u3067A\u306e\u8ca0\u3051\u3067\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v01_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v01-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v01-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v01-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('ki2v01-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 ki2v01_q1(ans){\n  var fb=document.getElementById('ki2v01-q1-fb');\n  var btns=document.getElementById('ki2v01-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'+ki2v01_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('ki2v01-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 ki2v01_q2(ans){\n  var fb=document.getElementById('ki2v01-q2-fb');\n  var btns=document.getElementById('ki2v01-q2-btns');\n  if(ans===ki2v01_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v01_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v01_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v01_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v01-qv';}\n    else if(ki2v01_s3c!==''){next='ki2v01-q3';}\n    else if(ki2v01_s4c!==''){next='ki2v01-q4';}\n    else{next='ki2v01-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'+ki2v01_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v01_q3(ans){\n  var fb=document.getElementById('ki2v01-q3-fb');\n  var btns=document.getElementById('ki2v01-q3-btns');\n  if(ans===ki2v01_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v01_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v01_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v01_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v01-qv';}\n    else if(ki2v01_s4c!==''){next='ki2v01-q4';}\n    else{next='ki2v01-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'+ki2v01_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v01_q4(ans){\n  var fb=document.getElementById('ki2v01-q4-fb');\n  var btns=document.getElementById('ki2v01-q4-btns');\n  if(ans===ki2v01_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v01_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v01_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v01_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v01-qv';}\n    else if(ki2v01_s5c!==''){next='ki2v01-q5';}\n    else{next='ki2v01-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'+ki2v01_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v01_q5(ans){\n  var fb=document.getElementById('ki2v01-q5-fb');\n  var btns=document.getElementById('ki2v01-q5-btns');\n  if(ans===ki2v01_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v01_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v01_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v01-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'+ki2v01_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v01_qVerdict(ans){\n  var fb=document.getElementById('ki2v01-qv-fb');\n  var btns=document.getElementById('ki2v01-qv-btns');\n  if(ans===ki2v01_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v01_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v01_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v01-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'+ki2v01_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v01_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v01-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v01-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v01-q1-btns').innerHTML=\n    '<button onclick=\"ki2v01_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=\"ki2v01_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\u621027\u5e74 \u554f2 \u80a22<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v02-tab-n\" onclick=\"ki2v02_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=\"ki2v02-tab-p\" onclick=\"ki2v02_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=\"ki2v02-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u5584\u610f\u306eC\u304c\u3001B\u3068\u306e\u9593\u3067\u3001B\u304c\u7532\u571f\u5730\u4e0a\u306b\u5efa\u3066\u305f\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\uff08\u8cb8\u4e3bB\u3001\u501f\u4e3bC\uff09\u3092\u7de0\u7d50\u3057\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u3068\u306e\u9593\u3067\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\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\u306fB\u3068\u306e\u4e59\u5efa\u7269\u306e\u8cc3\u501f\u4eba\uff08\u7532\u571f\u5730\u306e\u865a\u507d\u8868\u793a\u3068\u306f\u7121\u95a2\u4fc2\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\u3068\u306e\u9593\u3067\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\u3092\u7de0\u7d50\u3057\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\u58f2\u8cb7\u306e\u76ee\u7684\u7269\u3067\u3042\u308b<strong>\u7532\u571f\u5730<\/strong>\u3067\u306f\u306a\u304f\u3001<strong>\u4e59\u5efa\u7269<\/strong>\uff08\u7532\u571f\u5730\u4e0a\u306e\u5efa\u7269\uff09\u306e\u8cc3\u501f\u4eba\u3067\u3059\u3002AB\u9593\u306e\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u7532\u571f\u5730\u306e\u4eee\u88c5\u58f2\u8cb7\uff09\u306b\u57fa\u3065\u304f\u5229\u5bb3\u95a2\u4fc2\u3067\u306f\u306a\u304f\u3001\u5225\u500b\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\uff09\u306b\u57fa\u3065\u304f\u95a2\u4fc2\u306b\u3059\u304e\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<\/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\">C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\uff08\u7532\u571f\u5730\uff09\u3067\u306f\u306a\u304f\u3001\u4e59\u5efa\u7269\u306e\u8cc3\u501f\u4eba\u306b\u3059\u304e\u306a\u3044\u3002\u7532\u571f\u5730\u306e\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304f\u65b0\u305f\u306a\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u8005\u3067\u306f\u306a\u3044\u305f\u3081\u300194\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\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u7df4\u7fd2\u30e2\u30fc\u30c9 ===== -->\n  <div id=\"ki2v02-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u5584\u610f\u306eC\u304c\u3001B\u3068\u306e\u9593\u3067\u3001B\u304c\u7532\u571f\u5730\u4e0a\u306b\u5efa\u3066\u305f\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\uff08\u8cb8\u4e3bB\u3001\u501f\u4e3bC\uff09\u3092\u7de0\u7d50\u3057\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u300c\u7b2c\u4e09\u8005\u300d\u975e\u8a72\u5f53<\/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=\"ki2v02-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=\"ki2v02-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-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=\"ki2v02-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=\"ki2v02-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-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=\"ki2v02-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=\"ki2v02-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-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=\"ki2v02-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=\"ki2v02-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-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=\"ki2v02-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=\"ki2v02-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v02-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=\"ki2v02-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v02_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=\"ki2v02_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=\"ki2v02-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v02-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\">C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\uff08\u7532\u571f\u5730\uff09\u3067\u306f\u306a\u304f\u3001\u4e59\u5efa\u7269\u306e\u8cc3\u501f\u4eba\u306b\u3059\u304e\u306a\u3044\u3002\u7532\u571f\u5730\u306e\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304f\u65b0\u305f\u306a\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u8005\u3067\u306f\u306a\u3044\u305f\u3081\u300194\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\u3002<\/p>\n        <button onclick=\"ki2v02_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 ki2v02_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 ki2v02_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 ki2v02_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 ki2v02_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 ki2v02_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 ki2v02_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 ki2v02_s2ok='C\u304cB\u3068\u306e\u9593\u3067\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\u3092\u7d50\u3093\u3067\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 ki2v02_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u3068\u306e\u9593\u3067\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\u5951\u7d04\u3092\u7de0\u7d50\u3057\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v02_s3ok='C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\uff08\u7532\u571f\u5730\uff09\u3068\u306f\u5225\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4e59\u5efa\u7269\u306e\u8cc3\u8cb8\u501f\uff09\u306e\u5f53\u4e8b\u8005\u3067\u3059\u3002\u7532\u571f\u5730\u306e\u865a\u507d\u8868\u793a\u306b\u57fa\u3065\u304f\u5229\u5bb3\u95a2\u4fc2\u3067\u306f\u306a\u3044\u305f\u3081\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u305b\u3093\u3002\u2192 A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u3059\u3002\u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v02_s3ng='C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\uff08\u7532\u571f\u5730\uff09\u3067\u306f\u306a\u304f\u3001\u4e59\u5efa\u7269\u306e\u8cc3\u501f\u4eba\u3067\u3059\u3002\u7532\u571f\u5730\u306e\u865a\u507d\u8868\u793a\u3068\u76f4\u63a5\u95a2\u4fc2\u3057\u306a\u3044\u5229\u5bb3\u95a2\u4fc2\u306e\u305f\u3081\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u305b\u3093\u3002';\nvar ki2v02_s4ok='';\nvar ki2v02_s4ng='';\nvar ki2v02_s5ok='';\nvar ki2v02_s5ng='';\nvar ki2v02_vok='\u4e59\u5efa\u7269\u306e\u8cc3\u501f\u4ebaC\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3068\u7121\u95a2\u4fc2\u306a\u6cd5\u5f8b\u95a2\u4fc2\u306e\u305f\u3081\u300c\u7b2c\u4e09\u8005\u300d\u975e\u8a72\u5f53\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u308b\u306e\u3067\u3001\u300c\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\u300d\u3068\u3044\u3046\u8a18\u8ff0\u306f\u8aa4\u308a\u3067\u3059\u3002';\nvar ki2v02_vng='Step 3\u3067C\u304c\u300c\u7b2c\u4e09\u8005\u300d\u975e\u8a72\u5f53\u3068\u78ba\u8a8d\u3055\u308c\u305f\u6642\u70b9\u3067A\u306e\u52dd\u3061\u3067\u3059\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u3059\u3002\u2192 \u00d7 \u8aa4\u308a';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v02_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v02-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v02-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v02-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('ki2v02-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 ki2v02_q1(ans){\n  var fb=document.getElementById('ki2v02-q1-fb');\n  var btns=document.getElementById('ki2v02-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'+ki2v02_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('ki2v02-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 ki2v02_q2(ans){\n  var fb=document.getElementById('ki2v02-q2-fb');\n  var btns=document.getElementById('ki2v02-q2-btns');\n  if(ans===ki2v02_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v02_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v02_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v02_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v02-qv';}\n    else if(ki2v02_s3c!==''){next='ki2v02-q3';}\n    else if(ki2v02_s4c!==''){next='ki2v02-q4';}\n    else{next='ki2v02-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'+ki2v02_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v02_q3(ans){\n  var fb=document.getElementById('ki2v02-q3-fb');\n  var btns=document.getElementById('ki2v02-q3-btns');\n  if(ans===ki2v02_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v02_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v02_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v02_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v02-qv';}\n    else if(ki2v02_s4c!==''){next='ki2v02-q4';}\n    else{next='ki2v02-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'+ki2v02_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v02_q4(ans){\n  var fb=document.getElementById('ki2v02-q4-fb');\n  var btns=document.getElementById('ki2v02-q4-btns');\n  if(ans===ki2v02_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v02_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v02_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v02_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v02-qv';}\n    else if(ki2v02_s5c!==''){next='ki2v02-q5';}\n    else{next='ki2v02-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'+ki2v02_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v02_q5(ans){\n  var fb=document.getElementById('ki2v02-q5-fb');\n  var btns=document.getElementById('ki2v02-q5-btns');\n  if(ans===ki2v02_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v02_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v02_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v02-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'+ki2v02_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v02_qVerdict(ans){\n  var fb=document.getElementById('ki2v02-qv-fb');\n  var btns=document.getElementById('ki2v02-qv-btns');\n  if(ans===ki2v02_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v02_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v02_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v02-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'+ki2v02_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v02_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v02-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v02-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v02-q1-btns').innerHTML=\n    '<button onclick=\"ki2v02_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=\"ki2v02_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\u621027\u5e74 \u554f2 \u80a23<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v03-tab-n\" onclick=\"ki2v03_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=\"ki2v03-tab-p\" onclick=\"ki2v03_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=\"ki2v03-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002B\u306e\u50b5\u6a29\u8005\u3067\u3042\u308b\u5584\u610f\u306eC\u304c\u3001\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u306fB\u540d\u7fa9\u306e\u7532\u571f\u5730\u306e\u5dee\u62bc\u50b5\u6a29\u8005\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u3042\u308a\uff09<\/div>\n        <div><span class=\"bg-purple-100 text-purple-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 4<\/span>C\uff1d\u5584\u610f\uff08\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff09<\/div>\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\">B\u306eA\u304b\u3089\u306e\u53d6\u5f97\u540d\u7fa9\u3092\u524d\u63d0\u306b\u3001B\u306eA\u304b\u3089\u53d6\u5f97\u3057\u305f\u7532\u571f\u5730\u3092C\u304c\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\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u58f2\u8cb7\u3055\u308c\u305f\u7532\u571f\u5730\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\u5584\u610f\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 4\u3078\uff09\u3002<\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-purple-200\"><div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Step 4\uff0e\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-purple-50 p-3 text-sm\">\u554f\u984c\u6587\u306b\u300c<strong>\u5584\u610f\u306eC<\/strong>\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\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\u8a72\u5f53\u3057\u307e\u3059\u3002\u767b\u8a18\u304c\u79fb\u8ee2\u3057\u3066\u3044\u306a\u304f\u3066\u3082\u5dee\u62bc\u3048\u306f\u6709\u52b9\u3067\u3059\u3002<\/span><\/div><\/div>\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\u3082\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u306e\u305f\u3081\u3001A\u306fC\u306b\u4eee\u88c5\u58f2\u8cb7\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=\"ki2v03-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002B\u306e\u50b5\u6a29\u8005\u3067\u3042\u308b\u5584\u610f\u306eC\u304c\u3001\u7532\u571f\u5730\u3092\u5dee\u3057\u62bc\u3055\u3048\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092C\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u300c\u7b2c\u4e09\u8005\u300d\u8a72\u5f53<\/span>\n        <span class=\"bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full\">C\uff1d\u5584\u610f<\/span>\n        \n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v03-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=\"ki2v03-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-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=\"ki2v03-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=\"ki2v03-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-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=\"ki2v03-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=\"ki2v03-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-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=\"ki2v03-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=\"ki2v03-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-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=\"ki2v03-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=\"ki2v03-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v03-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=\"ki2v03-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v03_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=\"ki2v03_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=\"ki2v03-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v03-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\u3082\u6c11\u6cd594\u67612\u9805\u306e\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3059\u308b\u3002C\u304c\u5584\u610f\u306e\u305f\u3081\u3001A\u306fC\u306b\u4eee\u88c5\u58f2\u8cb7\u306e\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v03_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 ki2v03_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 ki2v03_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 ki2v03_s4c='\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09'; \/\/ '\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 ki2v03_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 ki2v03_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 ki2v03_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 ki2v03_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 ki2v03_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 ki2v03_s3ok='B\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\u8005C\u306f\u3001\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 Step 4\u3067C\u306e\u5584\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v03_s3ng='\u5dee\u62bc\u50b5\u6a29\u8005C\u3082\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\u4eee\u88c5\u3055\u308c\u305f\u7532\u571f\u5730\uff09\u306b\u57fa\u3065\u304f\u5229\u5bb3\u95a2\u4fc2\u8005\u3067\u3059\u3002\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002';\nvar ki2v03_s4ok='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5584\u610f\u306e\u7b2c\u4e09\u8005\u306f94\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u307e\u3059\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v03_s4ng='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002C\u306f\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002';\nvar ki2v03_s5ok='';\nvar ki2v03_s5ng='';\nvar ki2v03_vok='\u5584\u610f\u306e\u5dee\u62bc\u50b5\u6a29\u8005C\u306f94\u67612\u9805\u306b\u3088\u308a\u4fdd\u8b77\u3055\u308c\u3001A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002';\nvar ki2v03_vng='Step 4\u3067\u5584\u610f\u306eC\u304c\u78ba\u8a8d\u3055\u308c\u305f\u6642\u70b9\u3067A\u306e\u8ca0\u3051\u3067\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v03_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v03-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v03-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v03-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('ki2v03-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 ki2v03_q1(ans){\n  var fb=document.getElementById('ki2v03-q1-fb');\n  var btns=document.getElementById('ki2v03-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'+ki2v03_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('ki2v03-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 ki2v03_q2(ans){\n  var fb=document.getElementById('ki2v03-q2-fb');\n  var btns=document.getElementById('ki2v03-q2-btns');\n  if(ans===ki2v03_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v03_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v03_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v03_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v03-qv';}\n    else if(ki2v03_s3c!==''){next='ki2v03-q3';}\n    else if(ki2v03_s4c!==''){next='ki2v03-q4';}\n    else{next='ki2v03-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'+ki2v03_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v03_q3(ans){\n  var fb=document.getElementById('ki2v03-q3-fb');\n  var btns=document.getElementById('ki2v03-q3-btns');\n  if(ans===ki2v03_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v03_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v03_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v03_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v03-qv';}\n    else if(ki2v03_s4c!==''){next='ki2v03-q4';}\n    else{next='ki2v03-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'+ki2v03_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v03_q4(ans){\n  var fb=document.getElementById('ki2v03-q4-fb');\n  var btns=document.getElementById('ki2v03-q4-btns');\n  if(ans===ki2v03_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v03_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v03_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v03_s4c==='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'){next='ki2v03-qv';}\n    else if(ki2v03_s5c!==''){next='ki2v03-q5';}\n    else{next='ki2v03-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'+ki2v03_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v03_q5(ans){\n  var fb=document.getElementById('ki2v03-q5-fb');\n  var btns=document.getElementById('ki2v03-q5-btns');\n  if(ans===ki2v03_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v03_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v03_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v03-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'+ki2v03_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v03_qVerdict(ans){\n  var fb=document.getElementById('ki2v03-qv-fb');\n  var btns=document.getElementById('ki2v03-qv-btns');\n  if(ans===ki2v03_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v03_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v03_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v03-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'+ki2v03_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v03_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v03-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v03-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v03-q1-btns').innerHTML=\n    '<button onclick=\"ki2v03_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=\"ki2v03_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\u621027\u5e74 \u554f2 \u80a24<\/div>\n\n  <!-- \u30bf\u30d6 -->\n  <div class=\"flex gap-2\">\n    <button id=\"ki2v04-tab-n\" onclick=\"ki2v04_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=\"ki2v04-tab-p\" onclick=\"ki2v04_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=\"ki2v04-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u7532\u571f\u5730\u304cB\u304b\u3089\u60aa\u610f\u306eC\u3078\u3001C\u304b\u3089\u5584\u610f\u306eD\u3078\u3068\u8b72\u6e21\u3055\u308c\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092D\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u304b\u3089\u7532\u571f\u5730\u3092\u8cfc\u5165\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\u306fB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u305f\u8005\uff08\u300c\u7b2c\u4e09\u8005\u300d\u306e\u8a72\u5f53\u6027\u3042\u308a\uff09<\/div>\n        <div><span class=\"bg-purple-100 text-purple-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 4<\/span>C\uff1d\u60aa\u610f\uff08\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3063\u3066\u3044\u305f\uff09\u2192 D\u3078C\u2192D\u8ee2\u58f2<\/div>\n        <div><span class=\"bg-pink-100 text-pink-700 text-xs px-2 py-0.5 rounded-full mr-2\">Step 5<\/span>D\uff1d\u5584\u610f\uff08\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\u30fb\u8ee2\u5f97\u8005\uff09<\/div>\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\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\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\u304b\u3089\u7532\u571f\u5730\u3092\u300c\u8cb7\u3044\u53d7\u3051\u305f\u300d\u4eba\u7269\u3067\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\uff08\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\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\u5584\u610f\u30fb\u60aa\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 4\u3078\uff09\u3002<\/div><\/div>\n    <!-- Step 4\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-purple-200\"><div class=\"bg-purple-400 text-white text-xs font-bold px-3 py-2\">Step 4\uff0e\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-purple-50 p-3 text-sm\">\u554f\u984c\u6587\u306b\u300c<strong>\u60aa\u610f\u306eC<\/strong>\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3063\u3066\u3044\u305f\uff08\u60aa\u610f\uff09\u3067\u3059\u3002A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u3059\uff08C\u306f\u4fdd\u8b77\u3055\u308c\u307e\u305b\u3093\uff09\u3002\u3057\u304b\u3057\u3001C\u304b\u3089D\u3078\u306e\u8ee2\u58f2\u304c\u3042\u308a\u307e\u3059\u3002\u8ee2\u5f97\u8005D\u306e\u5584\u610f\u60aa\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\uff08Step 5\u3078\uff09\u3002<\/div><\/div>\n    <!-- Step 5\uff08\u6761\u4ef6\u4ed8\u304d\uff09 -->\n    <div class=\"rounded-xl overflow-hidden border border-pink-200\"><div class=\"bg-pink-400 text-white text-xs font-bold px-3 py-2\">Step 5\uff0e\u8ee2\u5f97\u8005D\u306e\u300c\u5584\u610f\u300d\u30c1\u30a7\u30c3\u30af<\/div><div class=\"bg-pink-50 p-3 text-sm\">\u554f\u984c\u6587\u306b\u300c<strong>\u5584\u610f\u306eD<\/strong>\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u2192 \u8ee2\u5f97\u8005D\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002<br><span class=\"text-xs text-slate-500 mt-1 block\">\u26a0\ufe0f \u30dd\u30a4\u30f3\u30c8\uff1aC\u304c\u60aa\u610f\u3067\u3082\u3001\u8ee2\u5f97\u8005D\u304c\u5584\u610f\u306a\u3089\u3001D\u306fA\u306b\u5bfe\u3057\u306694\u67612\u9805\u306e\u4fdd\u8b77\u3092\u4e3b\u5f35\u3067\u304d\u307e\u3059\uff08\u6d44\u5316\u6cd5\u5247\uff09\u3002A\u306fD\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002<\/span><\/div><\/div>\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\">C\u304c\u60aa\u610f\u3067\u3082A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u308b\u3002\u3057\u304b\u3057\u8ee2\u5f97\u8005D\u304c\u5584\u610f\u306e\u5834\u5408\u3001D\u306fA\u306b\u5bfe\u3057\u306694\u67612\u9805\u306e\u4fdd\u8b77\u3092\u4e3b\u5f35\u3067\u304d\u308b\u305f\u3081\u3001A\u306fD\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=\"ki2v04-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\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2\u8cb7\u5951\u7d04\u3092\u7de0\u7d50\u3057\u305f\u3002\u7532\u571f\u5730\u304cB\u304b\u3089\u60aa\u610f\u306eC\u3078\u3001C\u304b\u3089\u5584\u610f\u306eD\u3078\u3068\u8b72\u6e21\u3055\u308c\u305f\u5834\u5408\u3001A\u306fAB\u9593\u306e\u58f2\u8cb7\u5951\u7d04\u306e\u7121\u52b9\u3092D\u306b\u4e3b\u5f35\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u306a\u3044\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\u300c\u7b2c\u4e09\u8005\u300d\u8a72\u5f53<\/span>\n        <span class=\"bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full\">C\uff1d\u60aa\u610f<\/span>\n        <span class=\"bg-pink-100 text-pink-700 px-2 py-0.5 rounded-full\">D\uff1d\u5584\u610f\uff08\u8ee2\u5f97\u8005\uff09<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Q1: Step 1\uff08\u5e38\u306b\u8868\u793a\u30fb\u5e38\u306b YES\uff09 -->\n    <div id=\"ki2v04-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=\"ki2v04-q1-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-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=\"ki2v04-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=\"ki2v04-q2-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-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=\"ki2v04-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=\"ki2v04-q3-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-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=\"ki2v04-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=\"ki2v04-q4-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-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=\"ki2v04-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=\"ki2v04-q5-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-q5-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u6700\u7d42\u5224\u5b9a -->\n    <div id=\"ki2v04-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=\"ki2v04-qv-btns\" class=\"flex gap-2\">\n          <button onclick=\"ki2v04_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=\"ki2v04_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=\"ki2v04-qv-fb\" class=\"ki2-hidden mt-2 text-xs\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u7d50\u8ad6 -->\n    <div id=\"ki2v04-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\">C\u304c\u60aa\u610f\u3067\u3082A\u306fC\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u308b\u3002\u3057\u304b\u3057\u8ee2\u5f97\u8005D\u304c\u5584\u610f\u306e\u5834\u5408\u3001D\u306fA\u306b\u5bfe\u3057\u306694\u67612\u9805\u306e\u4fdd\u8b77\u3092\u4e3b\u5f35\u3067\u304d\u308b\u305f\u3081\u3001A\u306fD\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002<\/p>\n        <button onclick=\"ki2v04_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 ki2v04_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 ki2v04_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 ki2v04_s4c='\u60aa\u610f\uff08\u77e5\u3063\u3066\u3044\u305f\uff09'; \/\/ '\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 ki2v04_s5c='\u5584\u610f\uff08\u77e5\u3089\u306a\u304b\u3063\u305f\uff09'; \/\/ '\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 ki2v04_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 ki2v04_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 ki2v04_s2ok='C\u304cB\u304b\u3089\u8cfc\u5165\u3057\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 ki2v04_s2ng='\u554f\u984c\u6587\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002C\u304cB\u304b\u3089\u7532\u571f\u5730\u3092\u8cb7\u3044\u53d7\u3051\u3066\u304a\u308a\u3001\u7b2c\u4e09\u8005C\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\u3002';\nvar ki2v04_s3ok='C\u306fB\u304b\u3089\u571f\u5730\u3092\u8cfc\u5165\u3057\u305f\u5b9f\u969b\u306e\u53d6\u5f15\u76f8\u624b\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u65b0\u305f\u306a\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u306e\u3067\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002\u2192 Step 4\u3067C\u306e\u5584\u610f\u60aa\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v04_s3ng='C\u306fB\u304b\u3089\u571f\u5730\u3092\u300c\u8cb7\u3044\u53d7\u3051\u305f\u300d\u4eba\u7269\u3067\u3059\u3002\u865a\u507d\u306e\u6cd5\u5f8b\u95a2\u4fc2\u306b\u57fa\u3065\u304d\u72ec\u7acb\u3057\u305f\u5229\u5bb3\u95a2\u4fc2\u3092\u6301\u3064\u300c\u7b2c\u4e09\u8005\u300d\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002';\nvar ki2v04_s4ok='\u554f\u984c\u6587\u306b\u300c\u60aa\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3063\u3066\u3044\u305f\u305f\u3081\u4fdd\u8b77\u3055\u308c\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u8ee2\u5f97\u8005D\u304c\u3044\u307e\u3059\u3002\u2192 Step 5\u3067D\u306e\u5584\u610f\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002';\nvar ki2v04_s4ng='\u554f\u984c\u6587\u306b\u300c\u60aa\u610f\u306eC\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002C\u306fAB\u9593\u306e\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3063\u3066\u3044\u305f\uff08\u60aa\u610f\uff09\u3067\u3059\u3002';\nvar ki2v04_s5ok='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eD\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002C\u304c\u60aa\u610f\u3067\u3082\u8ee2\u5f97\u8005D\u304c\u5584\u610f\u306a\u3089\u3001D\u306fA\u306b\u5bfe\u3057\u3066\u4fdd\u8b77\u3092\u4e3b\u5f35\u3067\u304d\u307e\u3059\uff08\u6d44\u5316\u6cd5\u5247\uff09\u3002\u2192 \u6700\u7d42\u5224\u5b9a\u3078\u9032\u307f\u307e\u3059\u3002';\nvar ki2v04_s5ng='\u554f\u984c\u6587\u306b\u300c\u5584\u610f\u306eD\u300d\u3068\u660e\u8a18\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u8ee2\u5f97\u8005D\u306f\u4eee\u88c5\u58f2\u8cb7\u3092\u77e5\u3089\u306a\u304b\u3063\u305f\uff08\u5584\u610f\uff09\u3067\u3059\u3002';\nvar ki2v04_vok='\u8ee2\u5f97\u8005D\u304c\u5584\u610f\u306a\u3089\u3001\u524d\u4e3bC\u304c\u60aa\u610f\u3067\u3042\u3063\u3066\u308294\u67612\u9805\u306e\u4fdd\u8b77\u304c\u53ca\u3073\u3001A\u306fD\u306b\u7121\u52b9\u3092\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002';\nvar ki2v04_vng='Step 5\u3067\u5584\u610f\u306eD\u304c\u78ba\u8a8d\u3055\u308c\u305f\u6642\u70b9\u3067A\u306e\u8ca0\u3051\u3067\u3059\u3002\u2192 \u25cb \u6b63\u3057\u3044';\n\n\/\/ ===== \u30e2\u30fc\u30c9\u5207\u66ff =====\nfunction ki2v04_setMode(m){\n  var isN=m==='normal';\n  document.getElementById('ki2v04-normal').style.display=isN?'block':'none';\n  document.getElementById('ki2v04-practice').style.display=isN?'none':'block';\n  document.getElementById('ki2v04-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('ki2v04-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 ki2v04_q1(ans){\n  var fb=document.getElementById('ki2v04-q1-fb');\n  var btns=document.getElementById('ki2v04-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'+ki2v04_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('ki2v04-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 ki2v04_q2(ans){\n  var fb=document.getElementById('ki2v04-q2-fb');\n  var btns=document.getElementById('ki2v04-q2-btns');\n  if(ans===ki2v04_s2c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v04_s2ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v04_s2c+' \u2713<\/span>';\n    var next;\n    if(ki2v04_s2c==='NO\uff08\u767b\u5834\u3057\u3066\u3044\u306a\u3044\uff09'){next='ki2v04-qv';}\n    else if(ki2v04_s3c!==''){next='ki2v04-q3';}\n    else if(ki2v04_s4c!==''){next='ki2v04-q4';}\n    else{next='ki2v04-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'+ki2v04_s2ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v04_q3(ans){\n  var fb=document.getElementById('ki2v04-q3-fb');\n  var btns=document.getElementById('ki2v04-q3-btns');\n  if(ans===ki2v04_s3c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v04_s3ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v04_s3c+' \u2713<\/span>';\n    var next;\n    if(ki2v04_s3c==='NO\uff08\u8a72\u5f53\u3057\u306a\u3044\uff09'){next='ki2v04-qv';}\n    else if(ki2v04_s4c!==''){next='ki2v04-q4';}\n    else{next='ki2v04-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'+ki2v04_s3ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v04_q4(ans){\n  var fb=document.getElementById('ki2v04-q4-fb');\n  var btns=document.getElementById('ki2v04-q4-btns');\n  if(ans===ki2v04_s4c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v04_s4ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v04_s4c+' \u2713<\/span>';\n    var next;\n    if(ki2v04_s5c!==''){next='ki2v04-q5';}\n    else{next='ki2v04-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'+ki2v04_s4ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v04_q5(ans){\n  var fb=document.getElementById('ki2v04-q5-fb');\n  var btns=document.getElementById('ki2v04-q5-btns');\n  if(ans===ki2v04_s5c){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v04_s5ok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v04_s5c+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v04-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'+ki2v04_s5ng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v04_qVerdict(ans){\n  var fb=document.getElementById('ki2v04-qv-fb');\n  var btns=document.getElementById('ki2v04-qv-btns');\n  if(ans===ki2v04_vc){\n    fb.className='mt-2 text-xs text-green-700';\n    fb.innerHTML='\u2705 \u6b63\u89e3\uff01'+ki2v04_vok;\n    btns.innerHTML='<span class=\"font-bold text-sm text-green-700\">'+ki2v04_vc+' \u2713<\/span>';\n    setTimeout(function(){document.getElementById('ki2v04-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'+ki2v04_vng;\n  }\n  fb.style.display='block';\n}\n\nfunction ki2v04_reset(){\n  ['q2','q3','q4','q5','qv','result'].forEach(function(id){\n    document.getElementById('ki2v04-'+id).classList.add('ki2-hidden');\n  });\n  ['q1','q2','q3','q4','q5','qv'].forEach(function(id){\n    var fb=document.getElementById('ki2v04-'+id+'-fb');\n    if(fb){fb.style.display='none';fb.innerHTML='';}\n  });\n  document.getElementById('ki2v04-q1-btns').innerHTML=\n    '<button onclick=\"ki2v04_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=\"ki2v04_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>\u904e\u53bb\u554f4\u80a2\u3092\u901a\u3057\u3066\u78ba\u8a8d\u3067\u304d\u308b\u3053\u3068\u2014\u2014\u865a\u507d\u8868\u793a\u306e\u5224\u5b9a\u306f\u300c\u8ab0\u304c\u5584\u610f\u304b\u300d\u306e\u4e00\u70b9\u306b\u96c6\u7d04\u3055\u308c\u308b\u3002\u6761\u6587\u306e\u8a00\u8449\u304c\u5909\u308f\u3063\u3066\u3082\u898b\u308b\u3079\u304d\u8ef8\u306f\u5909\u308f\u3089\u306a\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2192 \u6b21\u306e\u8a18\u4e8b\uff1a\u300c\u904e\u53bb\u554f \u5e73\u621024\u5e74 \u554f1\u300d\uff08\u7b2c\u4e09\u8005\u306b\u300c\u8a72\u5f53\u3059\u308b\u304b\u5426\u304b\u300d\u3060\u3051\u3092\u554f\u3046\u5178\u578b\u51fa\u984c\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\u621027\u5e74 \u554f2 \u80a21 \ud83d\udcd6 \u89e3\u8aac \ud83c\udfcb \u7df4\u7fd2 \ud83d\udccb \u554f\u984c\u6587 A\u306f\u3001\u305d\u306e\u6240\u6709\u3059\u308b\u7532\u571f\u5730\u3092\u8b72\u6e21\u3059\u308b\u610f\u601d\u304c\u306a\u3044\u306e\u306b\u3001B\u3068\u901a\u8b00\u3057\u3066\u3001A\u3092\u58f2\u4e3b\u3001B\u3092\u8cb7\u4e3b\u3068\u3059\u308b\u7532\u571f\u5730\u306e\u4eee\u88c5\u306e\u58f2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4871,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-4707","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\/4707","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=4707"}],"version-history":[{"count":9,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4707\/revisions"}],"predecessor-version":[{"id":4937,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4707\/revisions\/4937"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/media\/4871"}],"wp:attachment":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}