{"id":4731,"date":"2026-04-10T17:00:00","date_gmt":"2026-04-10T08:00:00","guid":{"rendered":"https:\/\/www.takken-aidemanabu.com\/?p=4731"},"modified":"2026-04-13T16:44:05","modified_gmt":"2026-04-13T07:44:05","slug":"%e3%80%90%e3%83%95%e3%83%ad%e3%83%bc%e3%83%81%e3%83%a3%e3%83%bc%e3%83%88%e7%89%88%e3%80%91%e9%8c%af%e8%aa%a4%ef%bc%88%c2%a795%ef%bc%89%e3%81%ae%e5%88%a4%e6%96%ad%e3%82%a2%e3%83%ab%e3%82%b4%e3%83%aa","status":"publish","type":"post","link":"https:\/\/www.takken-aidemanabu.com\/?p=4731","title":{"rendered":"\u3010\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u7248\u3011\u932f\u8aa4\uff08\u00a795\uff09\u306e\u5224\u65ad\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0"},"content":{"rendered":"\n
\n \ud83d\udcd6<\/span>\n
\n
\u306f\u3058\u3081\u3066\u5b66\u3076\u65b9\u3078<\/div>\n \u9519\u8aa4\u306e\u4ed5\u7d44\u307f\u3092\u6f2b\u753b\u3067\u7406\u89e3\u3059\u308b \u2192<\/a>\n <\/div>\n<\/div>\n\n \n \u300e\u932f\u8aa4\u300f\u306e\u5224\u65ad\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n .font-noto { font-family: 'Noto Sans JP', sans-serif; }\n <\/style>\n\n\n\n<div class=\"max-w-4xl mx-auto bg-white rounded-3xl shadow-2xl overflow-hidden border border-gray-200\">\n\n <!-- \u30d8\u30c3\u30c0\u30fc\u30a8\u30ea\u30a2 -->\n <div class=\"relative bg-indigo-600 text-white p-6 md:p-8 rounded-t-3xl overflow-hidden shadow-md\">\n <i data-lucide=\"brain-circuit\" class=\"absolute -top-8 -right-8 w-48 h-48 text-indigo-400 opacity-20 transform rotate-12\"><\/i>\n <div class=\"relative z-10\">\n <div class=\"text-sm font-bold tracking-wider text-indigo-200 mb-2 flex items-center\">\n <i data-lucide=\"scale\" class=\"w-4 h-4 mr-1\"><\/i> \u6c11\u6cd5\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u5224\u65ad\n <\/div>\n <div class=\"text-3xl md:text-4xl font-extrabold tracking-tight\">\u300e\u932f\u8aa4\u300f\u306e\u5224\u65ad\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0<\/div>\n <\/div>\n <\/div>\n\n <!-- \u7b2c1\u90e8\uff1a\u57fa\u672c\u30d5\u30ed\u30fc\u3010\u5f53\u4e8b\u8005\u9593\u3011 -->\n <div class=\"p-6 md:p-8 space-y-8\">\n <!-- \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb -->\n <div class=\"flex items-end space-x-3 border-b-2 border-indigo-100 pb-3\">\n <i data-lucide=\"users\" class=\"w-8 h-8 text-indigo-600 mb-1\"><\/i>\n <div>\n <div class=\"text-sm font-bold text-indigo-600 mb-1\">\u7b2c1\u90e8\uff1a\u57fa\u672c\u30d5\u30ed\u30fc\uff08OS\uff09<\/div>\n <div class=\"text-2xl font-bold text-gray-800 leading-none\">\u3010\u5f53\u4e8b\u8005\u9593\u3011\u306e\u5224\u65ad\u624b\u9806 <span class=\"text-lg font-normal text-gray-500 ml-2\">\u8868\u610f\u8005A vs \u76f8\u624b\u65b9B<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"text-gray-600 leading-relaxed bg-indigo-50\/50 p-4 rounded-lg border border-indigo-50 text-sm md:text-base\">\n \u8868\u610f\u8005A\u304c\u300c\u52d8\u9055\u3044\uff08\u932f\u8aa4\uff09\u300d\u3092\u3057\u3066\u5951\u7d04\u3057\u3066\u3057\u307e\u3063\u305f\u5834\u5408\u3001B\u306b\u5bfe\u3057\u3066\u300c\u53d6\u308a\u6d88\u3057\u300d\u3092\u4e3b\u5f35\u3067\u304d\u308b\u304b\u3069\u3046\u304b\u3092\u5224\u65ad\u3059\u308b\u30d5\u30ed\u30fc\u3067\u3059\u3002\n <\/div>\n\n <!-- Step 1 -->\n <div class=\"space-y-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-indigo-600 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 1<\/span>\n <div class=\"text-xl font-bold text-gray-800\">\u300c\u52d5\u6a5f\u306e\u932f\u8aa4\u300d\u304b\u300c\u8868\u793a\u306e\u932f\u8aa4\u300d\u304b\uff1f<\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-indigo-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5\">\u307e\u305a\u3001A\u306e\u52d8\u9055\u3044\u304c\u3069\u306e\u30bf\u30a4\u30d7\u304b\u3092\u898b\u6975\u3081\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <!-- \u8868\u793a\u306e\u932f\u8aa4\u30ab\u30fc\u30c9 -->\n <div class=\"bg-white border-2 border-amber-200 hover:border-amber-400 transition-colors rounded-xl p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-amber-50 rounded-bl-full -z-10 group-hover:scale-110 transition-transform\"><\/div>\n <div>\n <div class=\"flex items-center space-x-2 mb-3\">\n <div class=\"p-2 bg-amber-100 rounded-lg\"><i data-lucide=\"lightbulb\" class=\"w-5 h-5 text-amber-600\"><\/i><\/div>\n <span class=\"font-bold text-gray-800 text-lg\">\u52d5\u6a5f\u306e\u932f\u8aa4<\/span>\n <\/div>\n <p class=\"text-sm text-gray-600 mb-5 leading-tight\">\u52d5\u6a5f\u30fb\u7406\u7531\u306e\u601d\u3044\u9055\u3044\u3002<br><span class=\"text-gray-400 text-xs\">\u4f8b\uff1a\u300c\u5730\u4fa1\u304c\u4e0a\u304c\u308b\u3068\u601d\u3063\u3066\u300d\u300c\u672c\u7269\u3060\u3068\u601d\u3063\u3066\u300d<\/span><\/p>\n <\/div>\n <div class=\"bg-amber-100 text-amber-800 font-bold p-3 rounded-lg text-center flex flex-col items-center justify-center\">\n <span class=\"mb-1\">\u27a1 Step 2 \u3078<\/span>\n <span class=\"text-xs font-normal opacity-80\">\uff08\u6761\u4ef6\u4ed8\u304d\u3067\u5bfe\u8c61\uff09<\/span>\n <\/div>\n <\/div><div class=\"bg-white border-2 border-gray-200 hover:border-indigo-300 transition-colors rounded-xl p-5 flex flex-col justify-between shadow-sm group\">\n <div>\n <div class=\"flex items-center space-x-2 mb-3\">\n <div class=\"p-2 bg-gray-100 rounded-lg group-hover:bg-indigo-50 transition-colors\"><i data-lucide=\"file-edit\" class=\"w-5 h-5 text-gray-600 group-hover:text-indigo-600\"><\/i><\/div>\n <span class=\"font-bold text-gray-800 text-lg\">\u8868\u793a\u306e\u932f\u8aa4<\/span>\n <\/div>\n <p class=\"text-sm text-gray-500 mb-5\">\u66f8\u304d\u9593\u9055\u3044\u3001\u8a00\u3044\u9593\u9055\u3044\u306a\u3069<\/p>\n <\/div>\n <div class=\"bg-gray-100 group-hover:bg-indigo-50 group-hover:text-indigo-700 transition-colors text-gray-700 font-bold p-3 rounded-lg text-center flex flex-col items-center justify-center\">\n <span class=\"mb-1\">\u27a1 Step 3 \u3078<\/span>\n <span class=\"text-xs font-normal opacity-70\">\uff08\u539f\u5247\u3068\u3057\u3066\u53d6\u6d88\u3057\u306e\u5bfe\u8c61\uff09<\/span>\n <\/div>\n <\/div>\n <!-- \u52d5\u6a5f\u306e\u932f\u8aa4\u30ab\u30fc\u30c9 -->\n \n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 2 -->\n <div class=\"space-y-4 pt-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-amber-500 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 2<\/span>\n <div class=\"text-xl font-bold text-gray-800 flex items-center\">\n \u52d5\u6a5f\u306f\u300c\u8868\u793a\u300d\u3055\u308c\u3066\u3044\u305f\u304b\uff1f\n <span class=\"ml-3 bg-red-100 text-red-600 text-xs font-bold px-2 py-1 rounded-md border border-red-200 flex items-center\"><i data-lucide=\"flame\" class=\"w-3 h-3 mr-1\"><\/i>\u91cd\u8981<\/span>\n <\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-amber-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5\">\u52d5\u6a5f\u306e\u932f\u8aa4\u306e\u5834\u5408\u3001\u305d\u306e\u52d5\u6a5f\u304c\u76f8\u624b\u65b9B\u306b\u4f1d\u308f\u3063\u3066\u3044\u305f\u304b\uff1f<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-rose-50 border border-rose-200 rounded-xl p-4 shadow-sm flex items-start space-x-4\">\n <div class=\"bg-white p-2 rounded-full shadow-sm flex-shrink-0\"><i data-lucide=\"message-square-off\" class=\"w-6 h-6 text-rose-500\"><\/i><\/div>\n <div class=\"w-full\">\n <div class=\"font-bold text-rose-800 mb-2 text-lg\">NO\uff08\u8868\u793a\u306a\u3057\uff09<\/div>\n <p class=\"text-xs text-rose-700 mb-4 leading-relaxed\">\u81ea\u5206\u3060\u3051\u3067\u52dd\u624b\u306b\u601d\u3044\u8fbc\u3093\u3067\u3044\u305f\u5834\u5408\u306f\u3053\u3053\u3067\u7d42\u4e86<\/p>\n <div class=\"bg-rose-500 text-white font-bold py-2 rounded-lg text-center shadow flex items-center justify-center space-x-2\">\n <i data-lucide=\"x-octagon\" class=\"w-5 h-5\"><\/i>\n <span>\u53d6\u6d88\u3057\u4e0d\u53ef\uff08\u7d42\u4e86\uff09<\/span>\n <\/div>\n <\/div>\n <\/div><div class=\"bg-emerald-50 border border-emerald-200 rounded-xl p-4 shadow-sm flex items-start space-x-4\">\n <div class=\"bg-white p-2 rounded-full shadow-sm flex-shrink-0\"><i data-lucide=\"message-circle\" class=\"w-6 h-6 text-emerald-500\"><\/i><\/div>\n <div class=\"w-full\">\n <div class=\"font-bold text-emerald-800 mb-2 text-lg\">YES\uff08\u8868\u793a\u3055\u308c\u3066\u3044\u305f\uff09<\/div>\n <p class=\"text-xs text-emerald-700 mb-4 leading-relaxed\">\u660e\u793a\u307e\u305f\u306f\u9ed9\u793a\u306b\u4f1d\u308f\u3063\u3066\u3044\u308c\u3070\u3001\u8981\u7d20\u306e\u932f\u8aa4\u3068\u306a\u308a\u5f97\u308b<\/p>\n <div class=\"bg-white text-emerald-700 font-bold py-2 rounded-lg text-center border border-emerald-200 shadow-sm\">\u27a1 Step 3 \u3078<\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 3 -->\n <div class=\"space-y-4 pt-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-indigo-600 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 3<\/span>\n <div class=\"text-xl font-bold text-gray-800\">\u8868\u610f\u8005A\u306b\u300c\u91cd\u5927\u306a\u904e\u5931\uff08\u91cd\u904e\u5931\uff09\u300d\u306f\u3042\u308b\u304b\uff1f<\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-indigo-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5\">\u91cd\u8981\u306a\u932f\u8aa4\u3067\u3042\u3063\u3066\u3082\u3001A\u306b\u3046\u3063\u304b\u308a\u5ea6\u5408\u3044\u304c\u5f37\u3059\u304e\u308b\uff08\u91cd\u904e\u5931\uff09\u304b\uff1f<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border-2 border-green-400 rounded-xl p-5 shadow-sm relative overflow-hidden\">\n <div class=\"absolute -right-4 -bottom-4 opacity-10\"><i data-lucide=\"thumbs-up\" class=\"w-24 h-24 text-green-600\"><\/i><\/div>\n <div class=\"font-bold text-green-800 mb-2 text-lg\">NO\uff08\u91cd\u904e\u5931\u306a\u3057\uff09<\/div>\n <p class=\"text-sm text-gray-600 mb-5\">\u8efd\u904e\u5931\u307e\u305f\u306f\u7121\u904e\u5931\u3067\u3042\u308c\u3070\u4fdd\u8b77\u3055\u308c\u307e\u3059<\/p>\n <div class=\"bg-green-500 text-white font-bold py-3 px-4 rounded-lg flex justify-between items-center shadow-md\">\n <span class=\"flex items-center text-lg\"><i data-lucide=\"check-circle-2\" class=\"w-6 h-6 mr-2\"><\/i> \u53d6\u6d88\u3057\u53ef<\/span>\n <span class=\"bg-white\/20 px-3 py-1 rounded-md text-sm\">A\u306e\u52dd\u3061<\/span>\n <\/div>\n <\/div>\n <div class=\"bg-white border-2 border-amber-300 rounded-xl p-5 shadow-sm\">\n <div class=\"font-bold text-amber-800 mb-2 text-lg\">YES\uff08\u91cd\u904e\u5931\u3042\u308a\uff09<\/div>\n <p class=\"text-sm text-gray-600 mb-5\">\u539f\u5247 <span class=\"font-bold text-rose-600 bg-rose-50 px-1 rounded\">\u53d6\u6d88\u3057\u4e0d\u53ef<\/span> \u3060\u304c\u3001\u4f8b\u5916\u306e\u4f8b\u5916\u3092\u30c1\u30a7\u30c3\u30af<\/p>\n <div class=\"bg-amber-100 text-amber-900 font-bold py-3 px-4 rounded-lg text-center border border-amber-300 flex items-center justify-center\">\n \u27a1 Step 4\uff08\u9006\u8ee2\u30eb\u30fc\u30eb\uff09\u3078\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 4 -->\n <div class=\"space-y-4 pt-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-rose-500 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 4<\/span>\n <div class=\"text-xl font-bold text-gray-800\">\u3010\u9006\u8ee2\u30eb\u30fc\u30eb\u3011\u76f8\u624b\u65b9B\u306e\u72b6\u614b\u306f\uff1f<\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-rose-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5\">A\u306b\u91cd\u904e\u5931\u304c\u3042\u3063\u3066\u3082\u3001\u76f8\u624b\u65b9B\u304c\u4ee5\u4e0b\u306e\u3044\u305a\u308c\u304b\u306b\u8a72\u5f53\u3059\u308b\u304b\uff1f<\/p>\n <\/div>\n \n <!-- \u30b7\u30fc\u30bd\u30fc\u578b\u30ea\u30b9\u30c8 -->\n <div class=\"bg-white border border-gray-200 rounded-xl shadow-md overflow-hidden\">\n <div class=\"bg-slate-50 p-5 border-b border-gray-200\">\n <ul class=\"space-y-4\">\n <li class=\"flex items-start space-x-4 bg-white p-3 rounded-lg border border-gray-100 shadow-sm\">\n <div class=\"bg-rose-100 p-2 rounded-lg text-rose-600\"><i data-lucide=\"user-x\" class=\"w-5 h-5\"><\/i><\/div>\n <div>\n <span class=\"font-bold text-gray-800 block text-lg leading-tight mb-1\">B\u304c\u60aa\u610f<\/span>\n <p class=\"text-xs text-gray-500\">A\u306e\u932f\u8aa4\u3092\u77e5\u3063\u3066\u3044\u305f<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start space-x-4 bg-white p-3 rounded-lg border border-gray-100 shadow-sm\">\n <div class=\"bg-amber-100 p-2 rounded-lg text-amber-600\"><i data-lucide=\"eye-off\" class=\"w-5 h-5\"><\/i><\/div>\n <div>\n <span class=\"font-bold text-gray-800 block text-lg leading-tight mb-1\">B\u306b\u91cd\u904e\u5931\u304c\u3042\u308b<\/span>\n <p class=\"text-xs text-gray-500\">A\u306e\u932f\u8aa4\u3092\u5bb9\u6613\u306b\u77e5\u308a\u5f97\u305f\u306e\u306b\u77e5\u3089\u306a\u304b\u3063\u305f<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start space-x-4 bg-white p-3 rounded-lg border border-gray-100 shadow-sm\">\n <div class=\"bg-indigo-100 p-2 rounded-lg text-indigo-600\"><i data-lucide=\"users\" class=\"w-5 h-5\"><\/i><\/div>\n <div>\n <span class=\"font-bold text-gray-800 block text-lg leading-tight mb-1\">B\u3082\u540c\u4e00\u306e\u932f\u8aa4\u306b\u9665\u3063\u3066\u3044\u305f<\/span>\n <p class=\"text-xs text-gray-500\">\u5171\u901a\u932f\u8aa4<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"grid grid-cols-2 divide-x divide-gray-200\">\n <div class=\"p-5 bg-rose-50 flex flex-col items-center justify-center text-center group hover:bg-rose-100 transition-colors\">\n <div class=\"text-rose-800 font-bold mb-3\">NO <span class=\"text-xs font-normal\">\uff08B\u304c\u5584\u610f\u7121\u904e\u5931\uff09<\/span><\/div>\n <div class=\"bg-gray-500 text-white font-bold py-2 px-4 rounded-lg w-full flex justify-center items-center shadow-sm\">\n <i data-lucide=\"x-circle\" class=\"w-5 h-5 mr-2\"><\/i> \u53d6\u6d88\u3057\u4e0d\u53ef <span class=\"ml-2 bg-white\/20 px-2 py-0.5 rounded text-xs\">A\u306e\u8ca0\u3051<\/span>\n <\/div>\n <\/div><div class=\"p-5 bg-green-50 flex flex-col items-center justify-center text-center group hover:bg-green-100 transition-colors\">\n <div class=\"text-green-800 font-bold mb-3\">YES <span class=\"text-xs font-normal\">\uff08\u3044\u305a\u308c\u304b\u306b\u8a72\u5f53\uff09<\/span><\/div>\n <div class=\"bg-green-500 text-white font-bold py-2 px-4 rounded-lg w-full flex justify-center items-center shadow-sm\">\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 mr-2\"><\/i> \u53d6\u6d88\u3057\u53ef <span class=\"ml-2 bg-white\/20 px-2 py-0.5 rounded text-xs\">A\u306e\u52dd\u3061<\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u7b2c1\u90e8\u5f8c\u534a\uff1a\u5bfe\u7b2c\u4e09\u8005\u306e\u5224\u65ad\u624b\u9806 -->\n <div class=\"p-6 md:p-8 space-y-8 bg-teal-50\/30 border-t border-gray-200\">\n <!-- \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb -->\n <div class=\"flex items-end space-x-3 border-b-2 border-teal-200 pb-3\">\n <i data-lucide=\"shield-alert\" class=\"w-8 h-8 text-teal-600 mb-1\"><\/i>\n <div>\n <div class=\"text-2xl font-bold text-gray-800 leading-none\">\u3010\u5bfe\u7b2c\u4e09\u8005\u3011\u306e\u5224\u65ad\u624b\u9806 <span class=\"text-lg font-normal text-gray-500 ml-2\">\u8868\u610f\u8005A vs \u7b2c\u4e09\u8005C<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"text-gray-700 leading-relaxed bg-white p-5 rounded-xl shadow-sm border border-teal-100\">\n A\u304cB\u3068\u306e\u5951\u7d04\u3092\u932f\u8aa4\u3067\u53d6\u308a\u6d88\u3057\u305f\u3044\u304c\u3001\u65e2\u306bB\u304c\u305d\u306e\u4e0d\u52d5\u7523\u3092\u7b2c\u4e09\u8005C\u306b\u8ee2\u58f2\u3057\u3066\u3057\u307e\u3063\u3066\u3044\u305f\u5834\u5408\u306e\u5224\u65ad\u30d5\u30ed\u30fc\u3067\u3059\u3002<br>\n <div class=\"mt-3 inline-flex items-center bg-teal-50 text-teal-800 px-3 py-1.5 rounded-lg border border-teal-200 text-sm font-bold\">\n <i data-lucide=\"info\" class=\"w-4 h-4 mr-2\"><\/i> \u524d\u63d0\uff1aA\u306fB\u306b\u5bfe\u3057\u3066\uff08\u5f53\u4e8b\u8005\u9593\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3057\uff09\u53d6\u6d88\u3057\u6a29\u3092\u6301\u3063\u3066\u3044\u308b\u72b6\u614b\u3068\u3057\u307e\u3059\u3002\n <\/div>\n <\/div>\n\n <!-- Step 1 \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3 -->\n <div class=\"space-y-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-teal-600 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 1<\/span>\n <div class=\"text-xl font-bold text-gray-800\">\u7b2c\u4e09\u8005C\u306f\u300c\u53d6\u6d88\u3057\u524d\u300d\u306e\u767b\u5834\u304b\uff1f<\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-teal-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5\">\u7b2c\u4e09\u8005C\u306e\u767b\u5834\u30bf\u30a4\u30df\u30f3\u30b0\u306f\u3044\u3064\u304b\uff1f<\/p>\n <\/div>\n \n <div class=\"bg-white p-6 rounded-xl border border-gray-200 shadow-sm mb-5\">\n <!-- \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u63cf\u753b -->\n <div class=\"relative h-2 bg-gray-200 rounded-full mb-8 mt-6 mx-8\">\n <!-- A-B\u5951\u7d04 -->\n <div class=\"absolute -top-4 -left-4 w-10 h-10 bg-slate-700 rounded-full border-4 border-white flex items-center justify-center shadow-md\">\n <i data-lucide=\"handshake\" class=\"w-4 h-4 text-white\"><\/i>\n <\/div>\n <div class=\"absolute top-6 -left-6 text-xs font-bold text-slate-600 w-20 text-center\">A-B\u5951\u7d04<\/div>\n \n <!-- C\u767b\u5834 (\u53d6\u6d88\u3057\u524d) -->\n <div class=\"absolute -top-4 left-1\/2 w-10 h-10 bg-teal-500 rounded-full border-4 border-white flex items-center justify-center shadow-md transform -translate-x-1\/2 animate-pulse\">\n <span class=\"text-sm text-white font-black\">C?<\/span>\n <\/div>\n <div class=\"absolute top-6 left-1\/2 text-xs font-bold text-teal-700 w-32 text-center transform -translate-x-1\/2 bg-teal-50 py-1 rounded\">\u53d6\u6d88\u3057\u524d\u306eC\u767b\u5834?<\/div>\n\n <!-- \u53d6\u6d88\u3057 -->\n <div class=\"absolute -top-4 -right-4 w-10 h-10 bg-indigo-500 rounded-full border-4 border-white flex items-center justify-center shadow-md\">\n <i data-lucide=\"ban\" class=\"w-4 h-4 text-white\"><\/i>\n <\/div>\n <div class=\"absolute top-6 -right-6 text-xs font-bold text-indigo-600 w-20 text-center\">A\u304c\u53d6\u6d88\u3057<\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border-2 border-gray-300 rounded-xl p-4 shadow-sm\">\n <div class=\"font-bold text-gray-800 mb-2 text-lg\">NO\uff08\u53d6\u6d88\u3057\u5f8c\u306e\u7b2c\u4e09\u8005\uff09<\/div>\n <p class=\"text-xs text-gray-500 mb-4 h-8\">A\u304c\u53d6\u308a\u6d88\u3057\u305f\u5f8c\u306a\u306e\u306bB\u304cC\u306b\u58f2\u3063\u305f\u5834\u5408\u306f\u3001<span class=\"font-bold text-rose-500\">\u5148\u306b\u767b\u8a18\u3092\u5099\u3048\u305f\u65b9\u304c\u52dd\u3064<\/span><\/p>\n <div class=\"bg-slate-700 text-white font-bold py-2 rounded-lg text-center shadow flex justify-center items-center\">\n <i data-lucide=\"flag\" class=\"w-4 h-4 mr-2\"><\/i> \u65e9\u3044\u8005\u52dd\u3061\uff08\u5bfe\u6297\u554f\u984c\uff09\n <\/div>\n <\/div><div class=\"bg-white border-2 border-teal-200 rounded-xl p-4 shadow-sm\">\n <div class=\"font-bold text-teal-800 mb-2 text-lg\">YES\uff08\u53d6\u6d88\u3057\u524d\u306e\u7b2c\u4e09\u8005\uff09<\/div>\n <p class=\"text-xs text-gray-500 mb-4 h-8\">A\u304c\u53d6\u308a\u6d88\u3059\u524d\u306bB\u304b\u3089\u8cb7\u3044\u53d7\u3051\u305f\u5834\u5408\u306f\u6c11\u6cd595\u67614\u9805\u306e\u9069\u7528<\/p>\n <div class=\"bg-teal-50 text-teal-800 font-bold py-2 rounded-lg text-center border border-teal-200\">\u27a1 Step 2 \u3078<\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 2 \u5bfe\u7acb\u69cb\u9020 -->\n <div class=\"space-y-4 pt-4\">\n <div class=\"flex items-center space-x-3\">\n <span class=\"bg-teal-600 text-white font-bold px-3 py-1 rounded-full text-sm shadow-sm\">Step 2<\/span>\n <div class=\"text-xl font-bold text-gray-800\">\u7b2c\u4e09\u8005C\u306e\u300c\u5584\u610f\u30fb\u7121\u904e\u5931\u300d\u30c1\u30a7\u30c3\u30af<\/div>\n <\/div>\n <div class=\"pl-2 border-l-4 border-teal-200 ml-4 py-1\">\n <div class=\"flex items-start mb-4\">\n <span class=\"text-indigo-600 font-black text-xl mr-2 leading-none\">Q.<\/span>\n <p class=\"text-gray-700 font-bold pt-0.5 leading-relaxed\">\u6539\u6b63\u6c11\u6cd5\u3067\u306f\u3001\u932f\u8aa4\u306b\u3088\u308b\u53d6\u6d88\u3057\u306f\u300c\u5584\u610f\u3067\u304b\u3064\u904e\u5931\u304c\u306a\u3044\u7b2c\u4e09\u8005\u300d\u306b\u306f\u5bfe\u6297\u3067\u304d\u307e\u305b\u3093\u3002C\u306e\u72b6\u614b\u306f\uff1f<\/p>\n <\/div>\n \n <!-- VS\u56f3 -->\n <div class=\"flex items-center justify-between bg-white p-5 rounded-2xl border-2 border-gray-100 shadow-md mb-6 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-indigo-50\/50 via-white to-teal-50\/50\"><\/div>\n \n <div class=\"flex flex-col items-center relative z-10 w-1\/3\">\n <div class=\"w-16 h-16 bg-indigo-100 border-2 border-indigo-200 rounded-full flex items-center justify-center text-indigo-600 mb-2 shadow-sm\">\n <i data-lucide=\"user-minus\" class=\"w-8 h-8\"><\/i>\n <\/div>\n <span class=\"font-bold text-base text-gray-800\">\u8868\u610f\u8005 A<\/span>\n <span class=\"text-xs bg-white border border-indigo-200 text-indigo-700 px-3 py-1 rounded-full mt-2 shadow-sm font-bold\">\u571f\u5730\u3092\u53d6\u308a\u623b\u3057\u305f\u3044<\/span>\n <\/div>\n \n <div class=\"flex flex-col items-center justify-center relative z-10 w-1\/3\">\n <div class=\"bg-yellow-400 p-3 rounded-full shadow-lg mb-2 animate-bounce\">\n <i data-lucide=\"swords\" class=\"w-6 h-6 text-white\"><\/i>\n <\/div>\n <span class=\"text-sm font-black text-gray-700 bg-white border-2 border-gray-200 px-4 py-1.5 rounded-full shadow-sm whitespace-nowrap\">\u5bfe\u6297\u3067\u304d\u308b\u304b\uff1f<\/span>\n <\/div>\n\n <div class=\"flex flex-col items-center relative z-10 w-1\/3\">\n <div class=\"w-16 h-16 bg-teal-100 border-2 border-teal-200 rounded-full flex items-center justify-center text-teal-600 mb-2 shadow-sm\">\n <i data-lucide=\"user-plus\" class=\"w-8 h-8\"><\/i>\n <\/div>\n <span class=\"font-bold text-base text-gray-800\">\u7b2c\u4e09\u8005 C<\/span>\n <span class=\"text-xs bg-white border border-teal-200 text-teal-700 px-3 py-1 rounded-full mt-2 shadow-sm font-bold\">\u571f\u5730\u3092\u8cb7\u3063\u305f\u4eba<\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border-2 border-green-400 rounded-xl p-5 flex flex-col justify-between shadow-sm relative overflow-hidden\">\n <div class=\"absolute right-0 bottom-0 opacity-10 transform translate-x-4 translate-y-4\"><i data-lucide=\"trophy\" class=\"w-32 h-32 text-green-600\"><\/i><\/div>\n <div class=\"relative z-10\">\n <div class=\"font-bold text-green-800 mb-3 text-lg\">NO\uff08C\u304c\u60aa\u610f \u307e\u305f\u306f \u6709\u904e\u5931\uff09<\/div>\n <p class=\"text-sm text-gray-600 mb-5 leading-relaxed\">\u4e8b\u60c5\u3092\u77e5\u3063\u3066\u3044\u305f\u308a\u3001\u4e0d\u6ce8\u610f\u3067\u77e5\u3089\u306a\u304b\u3063\u305fC\u306b\u306f\u5bfe\u6297\u3067\u304d\u308b\u3002\u571f\u5730\u3092\u53d6\u308a\u623b\u305b\u308b\u3002<\/p>\n <\/div>\n <div class=\"bg-green-500 text-white font-bold py-3 rounded-lg text-center flex items-center justify-center space-x-2 shadow-md relative z-10\">\n <i data-lucide=\"check-circle-2\" class=\"w-6 h-6\"><\/i>\n <span class=\"text-lg\">A\u306e\u52dd\u3061<\/span>\n <\/div>\n <\/div><div class=\"bg-white border-2 border-rose-300 rounded-xl p-5 flex flex-col justify-between shadow-sm\">\n <div>\n <div class=\"font-bold text-rose-800 mb-3 text-lg\">YES\uff08C\u304c\u5584\u610f\u7121\u904e\u5931\uff09<\/div>\n <p class=\"text-sm text-gray-600 mb-5 leading-relaxed\">\u4e8b\u60c5\u3092\u77e5\u3089\u305a\u3001\u843d\u3061\u5ea6\u3082\u306a\u3044C\u306b\u306f\u5bfe\u6297\u3067\u304d\u306a\u3044\u3002\u571f\u5730\u3092\u53d6\u308a\u623b\u305b\u306a\u3044\u3002<\/p>\n <\/div>\n <div class=\"bg-rose-500 text-white font-bold py-3 rounded-lg text-center flex items-center justify-center space-x-2 shadow-md\">\n <i data-lucide=\"x-circle\" class=\"w-6 h-6\"><\/i>\n <span class=\"text-lg\">A\u306e\u8ca0\u3051 <span class=\"text-sm font-normal opacity-80\">(C\u306e\u52dd\u3061)<\/span><\/span>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u6ce8\u610f\u66f8\u304d -->\n <div class=\"bg-yellow-50 border-2 border-yellow-300 p-5 rounded-2xl shadow-md flex items-start space-x-4 mt-8 relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-2 h-full bg-yellow-400\"><\/div>\n <div class=\"bg-white p-2 rounded-full shadow-sm flex-shrink-0\"><i data-lucide=\"alert-triangle\" class=\"w-6 h-6 text-yellow-500\"><\/i><\/div>\n <div>\n <div class=\"font-bold text-yellow-900 mb-2 text-lg\">\u6ce8\u610f\u70b9\uff08\u767b\u8a18\u306f\u4e0d\u8981\uff09<\/div>\n <p class=\"text-sm text-yellow-800 leading-relaxed font-medium\">\n \u300c\u53d6\u6d88\u3057\u524d\u306e\u7b2c\u4e09\u8005\u300d\u3068\u306e\u52dd\u8ca0\u306b\u304a\u3044\u3066\u3001A\u304c\u52dd\u3064\uff08\u5bfe\u6297\u3067\u304d\u308b\uff09\u305f\u3081\u306e\u6761\u4ef6\u306f\u3001<span class=\"font-black text-rose-600 bg-rose-100 px-1 py-0.5 rounded mx-1\">C\u304c\u60aa\u610f\u307e\u305f\u306f\u6709\u904e\u5931\u3067\u3042\u308b\u3053\u3068\u3060\u3051<\/span>\u3067\u3059\u3002A\u304c\u767b\u8a18\u3092\u5099\u3048\u3066\u3044\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n \u9006\u306b\u3001C\u304c\u5584\u610f\u7121\u904e\u5931\u3067\u3042\u308c\u3070\u3001C\u306f\u767b\u8a18\u304c\u306a\u304f\u3066\u3082\u4fdd\u8b77\u3055\u308c\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<div class=\"w-full max-w-4xl mx-auto font-sans px-4 py-6 space-y-2\">\n\n <!-- \u30bf\u30a4\u30c8\u30eb -->\n <div class=\"text-center mb-4\">\n <span class=\"bg-blue-700 text-white text-sm font-bold px-4 py-1.5 rounded-full\">\u26a1 \u932f\u8aa4\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\uff08\u901f\u89e3\u7528\uff09<\/span>\n <\/div>\n\n <!-- Phase 1 \u30d8\u30c3\u30c0\u30fc -->\n <div class=\"bg-indigo-700 text-white text-xs font-bold py-1.5 rounded-lg\">\u3010Phase 1\u3011\u5f53\u4e8b\u8005\u9593\uff08\u53d6\u6d88\u3057\u53ef\u5426\uff09<\/div>\n\n <!-- Step 1 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-indigo-50 border-2 border-indigo-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-indigo-600 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 1<\/span>\n <div class=\"font-bold text-indigo-900\">\u300c\u52d5\u6a5f\u306e\u932f\u8aa4\u300d\u304b\u300c\u8868\u793a\u306e\u932f\u8aa4\u300d\u304b\uff1f<\/div>\n <div class=\"text-xs text-indigo-600 mt-1\">\u52d5\u6a5f\uff1d\u5185\u5fc3\u306b\u3068\u3069\u307e\u308b\u610f\u601d\u5f62\u6210\u306e\u524d\u63d0\uff0f\u8868\u793a\uff1d\u6587\u8a00\u30fb\u6570\u91cf\u30fb\u6027\u8cea\u306e\u52d8\u9055\u3044<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-amber-600 font-bold text-xs\">\u52d5\u6a5f\u306e\u932f\u8aa4 \u2199<\/div>\n <div class=\"bg-amber-50 border border-amber-200 rounded-lg px-3 py-2 text-xs text-amber-800 mt-1\">\u2192 Step 2 \u3078<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-indigo-600 font-bold text-xs\">\u8868\u793a\u306e\u932f\u8aa4 \u2198<\/div>\n <div class=\"bg-indigo-50 border border-indigo-200 rounded-lg px-3 py-2 text-xs text-indigo-800 mt-1\">\u2192 Step 3 \u3078<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 2 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-amber-50 border-2 border-amber-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-amber-500 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 2<\/span>\n <div class=\"font-bold text-amber-900\">\u52d5\u6a5f\u306f\u76f8\u624b\u65b9B\u306b\u300c\u8868\u793a\u300d\u3055\u308c\u3066\u3044\u305f\u304b\uff1f<\/div>\n <div class=\"text-xs text-amber-700 mt-1\">\u8868\u610f\u8005\u304c\u300c\u25cb\u25cb\u3060\u304b\u3089\u8cb7\u3046\u300d\u3068\u8ff0\u3079\u3066\u3044\u305f\u304b<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-red-500 font-bold text-xs\">NO \u2199<\/div>\n <div class=\"bg-red-50 border border-red-200 rounded-lg px-3 py-2 text-xs text-red-700 mt-1\">\u274c \u53d6\u6d88\u3057\u4e0d\u53ef<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-green-600 font-bold text-xs\">YES \u2198<\/div>\n <div class=\"bg-green-50 border border-green-200 rounded-lg px-3 py-2 text-xs text-green-800 mt-1\">\u2192 Step 3 \u3078<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 3 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-indigo-50 border-2 border-indigo-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-indigo-600 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 3<\/span>\n <div class=\"font-bold text-indigo-900\">\u8868\u610f\u8005A\u306b\u300c\u91cd\u5927\u306a\u904e\u5931\u300d\u306f\u3042\u308b\u304b\uff1f<\/div>\n <div class=\"text-xs text-indigo-600 mt-1\">\u901a\u5e38\u4eba\u306a\u3089\u6ce8\u610f\u3059\u308c\u3070\u6c17\u3065\u3051\u308b\u904e\u5931\uff08\u00a795\u2462\uff09<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-red-500 font-bold text-xs\">NO \u2199<\/div>\n <div class=\"bg-emerald-50 border border-emerald-200 rounded-lg px-3 py-2 text-xs text-emerald-700 mt-1\">\u2705 \u53d6\u6d88\u3057\u53ef<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-green-600 font-bold text-xs\">YES \u2198<\/div>\n <div class=\"bg-red-50 border border-red-200 rounded-lg px-3 py-2 text-xs text-red-700 mt-1\">\u2192 Step 4 \u3078\uff08\u9006\u8ee2\uff1f\uff09<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 4 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-rose-50 border-2 border-rose-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-rose-500 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 4<\/span>\n <div class=\"font-bold text-rose-900\">\u9006\u8ee2\u30eb\u30fc\u30eb\uff1a\u6b21\u306e\u3069\u308c\u304b\u306b\u8a72\u5f53\u3059\u308b\u304b\uff1f<\/div>\n <div class=\"text-xs text-rose-700 mt-1\">\u2460B\u81ea\u8eab\u3082\u60aa\u610f\u30fb\u91cd\u904e\u5931\u3042\u308a\u3000\u2461\u5171\u901a\u932f\u8aa4\uff08AB\u4e21\u65b9\u304c\u540c\u3058\u52d8\u9055\u3044\uff09<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-red-500 font-bold text-xs\">NO \u2199<\/div>\n <div class=\"bg-red-50 border border-red-200 rounded-lg px-3 py-2 text-xs text-red-700 mt-1\">\u274c \u53d6\u6d88\u3057\u4e0d\u53ef<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-green-600 font-bold text-xs\">YES \u2198<\/div>\n <div class=\"bg-emerald-50 border border-emerald-200 rounded-lg px-3 py-2 text-xs text-emerald-700 mt-1\">\u2705 \u53d6\u6d88\u3057\u53ef\uff08\u9006\u8ee2\uff09<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 2 \u30d8\u30c3\u30c0\u30fc -->\n <div class=\"bg-teal-700 text-white text-xs font-bold py-1.5 rounded-lg mt-4\">\u3010Phase 2\u3011\u5bfe\u7b2c\u4e09\u8005\uff08\u53d6\u6d88\u3057\u306e\u7b2c\u4e09\u8005\u3078\u306e\u5bfe\u6297\uff09<\/div>\n\n <!-- Phase2 Step 1 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-teal-50 border-2 border-teal-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-teal-600 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 1<\/span>\n <div class=\"font-bold text-teal-900\">\u7b2c\u4e09\u8005C\u306f\u300c\u53d6\u6d88\u3057\u524d\u300d\u306b\u767b\u5834\u3057\u305f\u304b\uff1f<\/div>\n <div class=\"text-xs text-teal-700 mt-1\">AB\u9593\u306e\u6cd5\u5f8b\u884c\u70ba\u304c\u53d6\u6d88\u3055\u308c\u308b\u524d\u306bC\u304c\u6a29\u5229\u53d6\u5f97<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-gray-500 font-bold text-xs\">NO\uff08\u53d6\u6d88\u3057\u5f8c\uff09 \u2199<\/div>\n <div class=\"bg-gray-100 border border-gray-300 rounded-lg px-3 py-2 text-xs text-gray-600 mt-1\">\u767b\u8a18\u306e\u5148\u5f8c\u3067\u6c7a\u307e\u308b<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-teal-600 font-bold text-xs\">YES\uff08\u53d6\u6d88\u3057\u524d\uff09 \u2198<\/div>\n <div class=\"bg-teal-50 border border-teal-200 rounded-lg px-3 py-2 text-xs text-teal-800 mt-1\">\u2192 Step 2 \u3078<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase2 Step 2 -->\n <div class=\"flex flex-col items-center\">\n <div class=\"w-full bg-teal-50 border-2 border-teal-300 rounded-xl px-4 pt-2 pb-3 relative mt-3\">\n <span class=\"absolute -top-3 left-4 bg-teal-600 text-white text-xs font-bold px-2 py-0.5 rounded-full\">Step 2<\/span>\n <div class=\"font-bold text-teal-900\">\u7b2c\u4e09\u8005C\u306f\u300c\u5584\u610f\u304b\u3064\u7121\u904e\u5931\u300d\u304b\uff1f\uff08\u00a795\u2463\uff09<\/div>\n <div class=\"text-xs text-teal-700 mt-1\">\u932f\u8aa4\u306e\u4e8b\u5b9f\u3092\u77e5\u3089\u305a\u3001\u304b\u3064\u77e5\u3089\u306a\u3044\u3053\u3068\u306b\u904e\u5931\u304c\u306a\u3044<\/div>\n <\/div>\n <div class=\"flex w-full justify-between mt-1\">\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-red-500 font-bold text-xs\">NO \u2199<\/div>\n <div class=\"bg-red-50 border border-red-200 rounded-lg px-3 py-2 text-xs text-red-700 mt-1\">\u2705 A\u306fC\u306b\u53d6\u6d88\u3057\u5bfe\u6297\u53ef<\/div>\n <\/div>\n <div class=\"flex flex-col items-center w-2\/5\">\n <div class=\"text-green-600 font-bold text-xs\">YES \u2198<\/div>\n <div class=\"bg-emerald-50 border border-emerald-200 rounded-lg px-3 py-2 text-xs text-emerald-700 mt-1\">\u274c A\u306fC\u306b\u53d6\u6d88\u3057\u5bfe\u6297\u4e0d\u53ef<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u5f15\u3063\u304b\u3051\u6ce8\u610f -->\n <div class=\"w-full bg-yellow-50 border-l-4 border-yellow-400 rounded-lg px-4 py-3 mt-6\">\n <div class=\"font-bold text-yellow-800 text-sm mb-1\">\u26a0\ufe0f \u5f15\u3063\u304b\u3051\u6ce8\u610f<\/div>\n <div class=\"text-xs text-yellow-700 leading-relaxed\">\n \u300c<strong>\u76f8\u624b\u65b9B<\/strong>\u304c\u932f\u8aa4\u3092\u7406\u7531\u306b\u53d6\u6d88\u3057\u3092\u4e3b\u5f35\u300d\u2192 <strong class=\"text-red-600\">\u53d6\u6d88\u3057\u4e0d\u53ef<\/strong><br>\n \u53d6\u6d88\u3057\u3092\u4e3b\u5f35\u3067\u304d\u308b\u306e\u306f<strong>\u52d8\u9055\u3044\u3057\u305f\u672c\u4eba\uff08\u8868\u610f\u8005A\uff09\u306e\u307f<\/strong>\uff08\u00a795\uff09\n <\/div>\n <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcd6 \u306f\u3058\u3081\u3066\u5b66\u3076\u65b9\u3078 \u9519\u8aa4\u306e\u4ed5\u7d44\u307f\u3092\u6f2b\u753b\u3067\u7406\u89e3\u3059\u308b \u2192 \u300e\u932f\u8aa4\u300f\u306e\u5224\u65ad\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0 \u6c11\u6cd5\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u5224\u65ad \u300e\u932f\u8aa4\u300f\u306e\u5224\u65ad\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0 \u7b2c1\u90e8\uff1a\u57fa\u672c\u30d5\u30ed\u30fc\uff08OS\uff09 \u3010\u5f53\u4e8b\u8005\u9593\u3011\u306e\u5224\u65ad\u624b\u9806 \u8868\u610f\u8005A vs \u76f8\u624b\u65b9B \u8868\u610f […]<\/p>\n","protected":false},"author":1,"featured_media":4874,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":"","footnotes":""},"categories":[5,11],"tags":[],"class_list":["post-4731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-5","category-11"],"_links":{"self":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4731","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=4731"}],"version-history":[{"count":25,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4731\/revisions"}],"predecessor-version":[{"id":5168,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/posts\/4731\/revisions\/5168"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=\/wp\/v2\/media\/4874"}],"wp:attachment":[{"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.takken-aidemanabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}