{"id":503,"date":"2025-05-24T06:51:37","date_gmt":"2025-05-23T21:51:37","guid":{"rendered":"https:\/\/www.quest-up.net\/?p=503"},"modified":"2026-05-04T23:47:45","modified_gmt":"2026-05-04T14:47:45","slug":"%e3%80%90%e7%94%9f%e6%88%90ai%e3%83%91%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%88%e5%af%be%e7%ad%96%e3%83%96%e3%83%ad%e3%82%b0%e3%80%8cai%ef%bc%88%e4%ba%ba%e5%b7%a5%e7%9f%a5%e8%83%bd%ef%bc%89%e3%81%a8","status":"publish","type":"post","link":"https:\/\/www.quest-up.net\/?p=503","title":{"rendered":"\u3010\u751f\u6210AI\u30d1\u30b9\u30dd\u30fc\u30c8\u5bfe\u7b56\u30d6\u30ed\u30b0\u300cAI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u3068\u306f\u4f55\u304b\uff1f\u300d#01\u3011"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

\u300cAI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u3068\u306f\u4f55\u304b\uff1f\u300d<\/strong><\/h2>\n\n\n\n

\u3053\u3093\u306b\u3061\u306f\u3001QUESTUP\u306e\u6728\u6751\u3067\u3059\u3002
\u672c\u65e5\u304b\u3089\u300c\u751f\u6210AI\u30d1\u30b9\u30dd\u30fc\u30c8\u300d\u306e\u53d6\u5f97\u306b\u5411\u3051\u305f\u5b66\u7fd2\u306e\u8a18\u9332\u3092\u6642\u3005\u30d6\u30ed\u30b0\u306b\u307e\u3068\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u7b2c1\u56de\u306f\u3001\u300cAI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u300d\u3068\u3044\u3046\u8a00\u8449\u305d\u306e\u3082\u306e\u306e\u5b9a\u7fa9\u3068\u3001\u305d\u306e\u51fa\u767a\u70b9\u304b\u3089\u73fe\u5728\u306b\u81f3\u308b\u307e\u3067\u306e\u9032\u5316\u3001\u305d\u3057\u3066\u3088\u304f\u6df7\u540c\u3055\u308c\u304c\u3061\u306a\u300c\u30ed\u30dc\u30c3\u30c8\u300d\u3068\u306e\u9055\u3044\u306b\u3064\u3044\u3066\u6574\u7406\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

1. AI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u306e\u5b9a\u7fa9\u3068\u306f\uff1f<\/h2>\n\n\n\n

\u300cAI\u300d\u3068\u306f\u3001\u201cArtificial Intelligence\u201d\u306e\u7565\u3067\u3001\u65e5\u672c\u8a9e\u3067\u306f\u300c\u4eba\u5de5\u77e5\u80fd\u300d\u3068\u8a33\u3055\u308c\u307e\u3059\u3002
\u3053\u308c\u306f\u3001\u4eba\u9593\u306e\u77e5\u7684\u80fd\u529b\u2500\u2500\u305f\u3068\u3048\u3070\u3001\u300c\u8003\u3048\u308b\u300d\u300c\u5224\u65ad\u3059\u308b\u300d\u300c\u5b66\u7fd2\u3059\u308b\u300d\u300c\u4e88\u6e2c\u3059\u308b\u300d\u306a\u3069\u306e\u50cd\u304d\u3092\u3001\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u3084\u30b7\u30b9\u30c6\u30e0\u306b\u4eba\u5de5\u7684\u306b\u518d\u73fe\u3055\u305b\u3088\u3046\u3068\u3059\u308b\u6280\u8853\u3084\u4ed5\u7d44\u307f\u306e\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n

\ud83d\udd0d \u30dd\u30a4\u30f3\u30c8\u6574\u7406\uff1a<\/strong><\/p>\n\n\n\n

    \n
  • \u4eba\u9593\u306e\u201c\u77e5\u80fd\u201d\u3092\u6a21\u5023\u3059\u308b\u6280\u8853<\/li>\n\n\n\n
  • \u63a8\u8ad6\u30fb\u5b66\u7fd2\u30fb\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30fb\u753b\u50cf\u8a8d\u8b58\u306a\u3069\u304c\u542b\u307e\u308c\u308b<\/li>\n\n\n\n
  • \u660e\u78ba\u306a\u5b9a\u7fa9\u306f\u5206\u91ce\u306b\u3088\u3063\u3066\u3084\u3084\u7570\u306a\u308b\u304c\u3001\u57fa\u672c\u306f\u300c\u77e5\u7684\u306a\u51e6\u7406\u3092\u3059\u308b\u6a5f\u68b0\u300d<\/li>\n<\/ul>\n\n\n\n

    <\/p>\n\n\n\n

    \n\n\n\n

    2. AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9055\u3044<\/h2>\n\n\n\n

    AI\u3068\u30ed\u30dc\u30c3\u30c8\u306f\u3001\u6df7\u540c\u3055\u308c\u3084\u3059\u3044\u8a00\u8449\u3067\u3059\u3002
    \u3053\u3053\u3067\u306f\u305d\u306e\u9055\u3044\u3092\u660e\u78ba\u306b\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

    \u6bd4\u8f03\u9805\u76ee<\/th>AI\uff08\u4eba\u5de5\u77e5\u80fd\uff09<\/th>\u30ed\u30dc\u30c3\u30c8<\/th><\/tr><\/thead>
    \u672c\u8cea<\/td>\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2<\/td>\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\uff08\u7269\u7406\u7684\u306a\u6a5f\u68b0\uff09<\/td><\/tr>
    \u76ee\u7684<\/td>\u77e5\u7684\u306a\u5224\u65ad\u3084\u5b66\u7fd2\u3092\u884c\u3046<\/td>\u5b9f\u969b\u306b\u52d5\u4f5c\u3059\u308b\u30fb\u4f5c\u696d\u3092\u884c\u3046<\/td><\/tr>
    \u95a2\u4fc2\u6027<\/td>\u30ed\u30dc\u30c3\u30c8\u306bAI\u304c\u642d\u8f09\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3082\u3042\u308b<\/td>AI\u3092\u4f7f\u308f\u306a\u3044\u30ed\u30dc\u30c3\u30c8\u3082\u5b58\u5728\u3059\u308b<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    \u305f\u3068\u3048\u3070\u3001ChatGPT\u306fAI\u3067\u3059\u304c\u30ed\u30dc\u30c3\u30c8\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002
    \u9006\u306b\u3001\u304a\u6383\u9664\u30ed\u30dc\u30c3\u30c8\u300c\u30eb\u30f3\u30d0\u300d\u306f\u30ed\u30dc\u30c3\u30c8\u3067\u3042\u308a\u3001\u4e00\u90e8AI\u3082\u642d\u8f09\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001AI\u304c\u306a\u3044\u5358\u7d14\u52d5\u4f5c\u306e\u30ed\u30dc\u30c3\u30c8\u3082\u591a\u6570\u5b58\u5728\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    \n\n\n\n

    3. AI\u306e\u51fa\u767a\u70b9\u3068\u73fe\u5728<\/h2>\n\n\n\n

    AI\u306e\u6b74\u53f2\u306f1956\u5e74\u3001\u30a2\u30e1\u30ea\u30ab\u30fb\u30c0\u30fc\u30c8\u30de\u30b9\u4f1a\u8b70\u306b\u3066\u30b8\u30e7\u30f3\u30fb\u30de\u30c3\u30ab\u30fc\u30b7\u30fc\u3089\u304c\u300c\u4eba\u5de5\u77e5\u80fd\uff08Artificial Intelligence\uff09\u300d\u3068\u3044\u3046\u8a00\u8449\u3092\u63d0\u6848\u3057\u305f\u3068\u3053\u308d\u304b\u3089\u59cb\u307e\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

    \u5f53\u521d\u306f\u300c\u4eba\u9593\u306e\u3088\u3046\u306b\u8003\u3048\u308b\u30de\u30b7\u30f3\u300d\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u9032\u5316\u3057\u3066\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

    \ud83e\udde0 AI\u306e\u9032\u5316\u30b9\u30c6\u30fc\u30b8<\/h4>\n\n\n\n
    \u6642\u4ee3<\/th>\u7279\u5fb4<\/th><\/tr><\/thead>
    1950\uff5e70\u5e74\u4ee3<\/td>\u63a8\u8ad6\u3084\u30eb\u30fc\u30eb\u30d9\u30fc\u30b9\uff08\u8a18\u53f7\u51e6\u7406\u578bAI\uff09<\/td><\/tr>
    1980\u5e74\u4ee3<\/td>\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0\uff08\u5c02\u9580\u77e5\u8b58\u3092\u4f7f\u3063\u305f\u63a8\u8ad6\uff09<\/td><\/tr>
    2000\u5e74\u4ee3\u4ee5\u964d<\/td>\u6a5f\u68b0\u5b66\u7fd2\uff08\u7d4c\u9a13\u304b\u3089\u5b66\u3076\uff09<\/td><\/tr>
    2010\u5e74\u4ee3\u4ee5\u964d<\/td>\u30c7\u30a3\u30fc\u30d7\u30e9\u30fc\u30cb\u30f3\u30b0\uff08\u5927\u91cf\u30c7\u30fc\u30bf\u3068\u6df1\u5c64\u5b66\u7fd2\uff09<\/td><\/tr>
    2020\u5e74\u4ee3\uff5e<\/td>\u751f\u6210AI\uff08\u753b\u50cf\u30fb\u30c6\u30ad\u30b9\u30c8\u306e\u81ea\u52d5\u751f\u6210\u3001\u4f8b\uff1aChatGPT\uff09<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    \u4eca\u3067\u306f\u3001\u751f\u6210AI\u3068\u3044\u3046\u65b0\u3057\u3044\u30ab\u30c6\u30b4\u30ea\u304c\u767b\u5834\u3057\u3001\u753b\u50cf\u3001\u97f3\u58f0\u3001\u52d5\u753b\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u5275\u9020\u3059\u3089\u53ef\u80fd\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u307e\u3055\u306bAI\u306e\u9032\u5316\u306f\u52a0\u901f\u5ea6\u3092\u5897\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    \n\n\n\n

    \u307e\u3068\u3081\uff1aAI\u306f\u201c\u8003\u3048\u308b\u529b\u201d\u3092\u3082\u3063\u305f\u4ed5\u7d44\u307f<\/h2>\n\n\n\n

    AI\u3068\u306f\u5358\u306a\u308b\u9053\u5177\u3067\u306f\u306a\u304f\u3001\u300c\u77e5\u7684\u306a\u50cd\u304d\u300d\u3092\u518d\u73fe\u3059\u308b\u305f\u3081\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u6280\u8853\u3067\u3059\u3002
    \u30ed\u30dc\u30c3\u30c8\u3068\u306e\u9055\u3044\u3082\u6b63\u3057\u304f\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001AI\u306b\u3067\u304d\u308b\u3053\u3068\u30fb\u3067\u304d\u306a\u3044\u3053\u3068\u304c\u898b\u3048\u3066\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

    \u4eca\u5f8c\u306e\u8a18\u4e8b\u3067\u306f\u3001\u751f\u6210AI\u3084\u30d7\u30ed\u30f3\u30d7\u30c8\u3001\u6d3b\u7528\u4e8b\u4f8b\u3001\u30ea\u30b9\u30af\u30fb\u502b\u7406\u3001\u6cd5\u7684\u554f\u984c\u306a\u3069\u306b\u3064\u3044\u3066\u3082\u5b66\u3073\u306a\u304c\u3089\u3001\u7406\u89e3\u3092\u6df1\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

    \u4ee5\u4e0bAI\u306b\u3088\u3063\u3066\u30b9\u30e9\u30a4\u30c9\u5f62\u5f0f\u3067\u307e\u3068\u3081\u304f\u308c\u305f\u306e\u3092\u5171\u6709\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\uff01<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n\n\n\n \n \n AI\u306e\u4eba\u5de5\u77e5\u80fd\u3068\u306f<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .wordpress-container {\n max-width: 100%;\n overflow: hidden;\n margin: 0 auto;\n box-sizing: border-box;\n }\n .slide-container {\n width: 100%;\n max-width: 900px;\n min-height: 500px;\n position: relative;\n overflow: hidden;\n \/* \u80cc\u666f\u8272\u3092\u6fc3\u304f\u3059\u308b *\/\n background: linear-gradient(135deg, #1a4bbc 0%, #0f2980 100%);\n border: 2px solid #0a1f6c;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n margin: 20px auto;\n }\n .tech-pattern {\n position: absolute;\n width: 100%;\n height: 100%;\n background-image: \n radial-gradient(circle at 10% 20%, rgba(255,255,255,0.1) 0%, transparent 8%),\n radial-gradient(circle at 30% 50%, rgba(255,255,255,0.1) 0%, transparent 10%),\n radial-gradient(circle at 70% 30%, rgba(255,255,255,0.1) 0%, transparent 12%),\n radial-gradient(circle at 90% 60%, rgba(255,255,255,0.1) 0%, transparent 15%);\n opacity: 0.8;\n }\n .title {\n font-size: 48px;\n font-weight: 800;\n color: #ffffff;\n line-height: 1.2;\n letter-spacing: 2px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n .subtitle {\n font-size: 24px;\n font-weight: 400;\n color: #ffffff;\n letter-spacing: 1px;\n text-shadow: 0 1px 2px rgba(0,0,0,0.3);\n }\n .ai-networks {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 50%;\n height: 50%;\n opacity: 0.35; \/* Increased opacity *\/\n background-image: url('https:\/\/aismiley.co.jp\/wp-content\/uploads\/2021\/02\/234-1024x555.png');\n background-size: cover;\n background-position: center;\n transform: rotate(-10deg) translate(5%, 10%);\n filter: brightness(1.2) contrast(1.1);\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n .floating-icon {\n animation: float 3s ease-in-out infinite;\n }\n .content-wrapper {\n position: relative;\n z-index: 10;\n background: rgba(0, 22, 100, 0.5);\n border-radius: 15px;\n padding: 20px;\n backdrop-filter: blur(5px);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n width: 90%;\n max-width: 800px;\n margin: 0 auto;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wordpress-container\">\n <div class=\"slide-container flex flex-col justify-center items-center py-10\">\n <div class=\"tech-pattern\"><\/div>\n \n <div class=\"content-wrapper text-center\">\n <!-- AI Icon -->\n <div class=\"floating-icon mb-4\">\n <i class=\"fas fa-brain text-white text-7xl opacity-90\" aria-hidden=\"true\"><\/i>\n <\/div>\n \n <!-- Title -->\n <div class=\"z-10 text-center px-6\">\n <h1 class=\"title mb-4\">AI\u306e\u4eba\u5de5\u77e5\u80fd\u3068\u306f<\/h1>\n <p class=\"subtitle\">\u4eba\u5de5\u77e5\u80fd\u306e\u5b9a\u7fa9\u30fb\u6b74\u53f2\u30fb\u793e\u4f1a\u3068\u306e\u95a2\u4fc2<\/p>\n <\/div>\n \n <!-- Bottom indicator -->\n <div class=\"mt-8\">\n <div class=\"px-4 py-2 bg-white bg-opacity-20 rounded-full inline-block\">\n <span class=\"text-white font-medium\">\u30b9\u30e9\u30a4\u30c9 1\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"ai-networks\"><\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u306e\u5b9a\u7fa9\uff1a\u4eba\u5de5\u77e5\u80fd\u3068\u306f\u4f55\u304b<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .definition-box {\n border-left: 4px solid #2563eb;\n background-color: rgba(37, 99, 235, 0.05);\n border-radius: 0 8px 8px 0;\n padding: 15px 20px;\n margin-bottom: 20px;\n }\n .key-point {\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n animation: fadeIn 0.8s ease-in;\n }\n .brain-container {\n position: absolute;\n right: 60px;\n top: 160px;\n width: 300px;\n height: 300px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .brain-outline {\n position: absolute;\n width: 100%;\n height: 100%;\n border: 3px dashed #2563eb;\n border-radius: 50%;\n animation: rotate 20s linear infinite;\n }\n .circuit-lines {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 400px;\n height: 200px;\n background-image: linear-gradient(90deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%), \n linear-gradient(0deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%);\n background-size: 20px 20px;\n opacity: 0.4;\n z-index: 0;\n }\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-8 w-3\/4\">\n <h2 class=\"header-title\">AI\u306e\u5b9a\u7fa9\uff1a\u4eba\u5de5\u77e5\u80fd\u3068\u306f\u4f55\u304b<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-16 py-4 z-10\">\n <!-- Definition box -->\n <div class=\"definition-box mb-8\">\n <p class=\"text-2xl font-medium text-gray-800\">\n AI = <span class=\"text-blue-600 font-bold\">A<\/span>rtificial <span class=\"text-blue-600 font-bold\">I<\/span>ntelligence (\u4eba\u5de5\u77e5\u80fd)\n <\/p>\n <\/div>\n \n <!-- Key points with icons -->\n <div class=\"flex flex-col ml-4\">\n <div class=\"key-point\" style=\"animation-delay: 0.2s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-2xl mr-4\" aria-hidden=\"true\"><\/i>\n <p class=\"text-xl text-gray-800\">\u4eba\u9593\u306e\u77e5\u80fd\u3092\u518d\u73fe\u3059\u308b\u80fd\u529b\u3092\u6301\u3063\u305f\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30b7\u30b9\u30c6\u30e0<\/p>\n <\/div>\n \n <div class=\"key-point\" style=\"animation-delay: 0.4s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-2xl mr-4\" aria-hidden=\"true\"><\/i>\n <p class=\"text-xl text-gray-800\">\u5b66\u7fd2\u30fb\u63a8\u8ad6\u30fb\u5224\u65ad\u306a\u3069\u306e\u77e5\u7684\u306a\u4f5c\u696d\u3092\u884c\u3048\u308b<\/p>\n <\/div>\n \n <div class=\"key-point\" style=\"animation-delay: 0.6s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-2xl mr-4\" aria-hidden=\"true\"><\/i>\n <p class=\"text-xl text-gray-800\">\u30c7\u30fc\u30bf\u304b\u3089\u5b66\u7fd2\u3057\u3001\u81ea\u3089\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b\u80fd\u529b<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Brain visual -->\n <div class=\"brain-container\">\n <div class=\"brain-outline\"><\/div>\n <i class=\"fas fa-brain text-blue-500 text-9xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-lines\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>2\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u3068\u4eba\u9593\u306e\u77e5\u80fd\u306e\u6bd4\u8f03<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .comparison-container {\n display: flex;\n justify-content: space-between;\n margin-top: 20px;\n }\n .comparison-column {\n width: 45%;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n }\n .human-column {\n background-color: rgba(255, 255, 255, 0.8);\n border-top: 4px solid #3b82f6;\n }\n .ai-column {\n background-color: rgba(219, 234, 254, 0.4);\n border-top: 4px solid #1d4ed8;\n }\n .column-title {\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n color: #1e40af;\n }\n .feature-item {\n display: flex;\n align-items: center;\n margin-bottom: 22px;\n animation: fadeIn 0.8s ease-in;\n }\n .vs-circle {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-weight: 700;\n font-size: 24px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: \n radial-gradient(circle at 20% 20%, #dbeafe 1px, transparent 1px),\n radial-gradient(circle at 60% 60%, #dbeafe 1px, transparent 1px),\n radial-gradient(circle at 40% 80%, #dbeafe 1px, transparent 1px);\n background-size: 30px 30px;\n opacity: 0.3;\n z-index: 0;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-8 w-3\/4\">\n <h2 class=\"header-title\">AI\u3068\u4eba\u9593\u306e\u77e5\u80fd\u306e\u6bd4\u8f03<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-4 z-10 relative\">\n <div class=\"comparison-container\">\n <!-- Human intelligence side -->\n <div class=\"comparison-column human-column\">\n <div class=\"column-title\">\n <i class=\"fas fa-user text-blue-600 text-3xl mr-4\" aria-hidden=\"true\"><\/i>\n \u4eba\u9593\u306e\u77e5\u80fd\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.2s;\">\n <i class=\"fas fa-lightbulb text-yellow-500 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u5275\u9020\u6027<\/h3>\n <p class=\"text-gray-600\">\u65b0\u3057\u3044\u30a2\u30a4\u30c7\u30a2\u3084\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u751f\u307f\u51fa\u305b\u308b<\/p>\n <\/div>\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.4s;\">\n <i class=\"fas fa-heart text-red-500 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u611f\u60c5<\/h3>\n <p class=\"text-gray-600\">\u611f\u60c5\u306b\u57fa\u3065\u3044\u305f\u5224\u65ad\u3084\u5171\u611f\u80fd\u529b\u304c\u3042\u308b<\/p>\n <\/div>\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.6s;\">\n <i class=\"fas fa-street-view text-green-600 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u5e38\u8b58\u7684\u7406\u89e3<\/h3>\n <p class=\"text-gray-600\">\u6587\u8108\u3084\u793e\u4f1a\u7684\u80cc\u666f\u3092\u81ea\u7136\u306b\u7406\u89e3\u3067\u304d\u308b<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- VS circle -->\n <div class=\"vs-circle\">VS<\/div>\n \n <!-- AI intelligence side -->\n <div class=\"comparison-column ai-column\">\n <div class=\"column-title\">\n <i class=\"fas fa-robot text-blue-700 text-3xl mr-4\" aria-hidden=\"true\"><\/i>\n AI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.3s;\">\n <i class=\"fas fa-tachometer-alt text-blue-500 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u9ad8\u901f\u51e6\u7406<\/h3>\n <p class=\"text-gray-600\">\u81a8\u5927\u306a\u30c7\u30fc\u30bf\u3092\u77ed\u6642\u9593\u3067\u51e6\u7406\u3067\u304d\u308b<\/p>\n <\/div>\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.5s;\">\n <i class=\"fas fa-fingerprint text-indigo-500 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u30d1\u30bf\u30fc\u30f3\u8a8d\u8b58<\/h3>\n <p class=\"text-gray-600\">\u30c7\u30fc\u30bf\u304b\u3089\u6cd5\u5247\u6027\u3084\u30d1\u30bf\u30fc\u30f3\u3092\u898b\u3064\u3051\u308b<\/p>\n <\/div>\n <\/div>\n \n <div class=\"feature-item\" style=\"animation-delay: 0.7s;\">\n <i class=\"fas fa-battery-full text-green-500 text-2xl mr-3\" aria-hidden=\"true\"><\/i>\n <div>\n <h3 class=\"text-xl font-medium text-gray-800\">\u75b2\u52b4\u306a\u3057<\/h3>\n <p class=\"text-gray-600\">24\u6642\u9593365\u65e5\u4f11\u307f\u306a\u304f\u7a3c\u50cd\u53ef\u80fd<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>3\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9055\u3044<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .comparison-box {\n position: relative;\n display: flex;\n justify-content: space-around;\n margin-top: 30px;\n }\n .ai-box, .robot-box {\n width: 40%;\n padding: 20px;\n border-radius: 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.3s ease;\n }\n .ai-box {\n background-color: rgba(219, 234, 254, 0.4);\n border: 2px solid #3b82f6;\n }\n .robot-box {\n background-color: rgba(254, 226, 226, 0.4);\n border: 2px solid #ef4444;\n }\n .ai-box:hover, .robot-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n .vs-divider {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 24px;\n font-weight: 700;\n color: #1e40af;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10;\n }\n .icon-container {\n width: 120px;\n height: 120px;\n background: white;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 20px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n }\n .comparison-title {\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 15px;\n color: #1e40af;\n }\n .feature-point {\n display: flex;\n align-items: center;\n margin-bottom: 12px;\n animation: fadeIn 0.8s ease-in;\n text-align: left;\n width: 100%;\n }\n .circuit-lines {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 300px;\n height: 300px;\n background-image: linear-gradient(90deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%), \n linear-gradient(0deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%);\n background-size: 20px 20px;\n opacity: 0.4;\n z-index: 0;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .pulse {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-6 w-3\/4\">\n <h2 class=\"header-title\">AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9055\u3044<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1\">\n <div class=\"comparison-box\">\n <!-- AI side -->\n <div class=\"ai-box\">\n <div class=\"icon-container pulse\" style=\"background: rgba(219, 234, 254, 0.7);\">\n <i class=\"fas fa-brain text-blue-600 text-7xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"comparison-title\">AI\uff08\u4eba\u5de5\u77e5\u80fd\uff09<\/h3>\n <p class=\"text-xl mb-4 text-center text-gray-700\">\u300c\u982d\u8133\u300d= \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2<\/p>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.2s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u5f62\u304c\u306a\u3044\uff08\u7121\u5f62\uff09<\/p>\n <\/div>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.4s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u601d\u8003\u30fb\u5b66\u7fd2\u30fb\u5224\u65ad\u304c\u5f97\u610f<\/p>\n <\/div>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.6s;\">\n <i class=\"fas fa-check-circle text-blue-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u69d8\u3005\u306a\u30b7\u30b9\u30c6\u30e0\u306b\u7d44\u307f\u8fbc\u307f\u53ef\u80fd<\/p>\n <\/div>\n <\/div>\n \n <!-- VS divider -->\n <div class=\"vs-divider\">VS<\/div>\n \n <!-- Robot side -->\n <div class=\"robot-box\">\n <div class=\"icon-container\" style=\"background: rgba(254, 226, 226, 0.7);\">\n <i class=\"fas fa-robot text-red-600 text-7xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"comparison-title\" style=\"color: #dc2626;\">\u30ed\u30dc\u30c3\u30c8<\/h3>\n <p class=\"text-xl mb-4 text-center text-gray-700\">\u300c\u8eab\u4f53\u300d= \u30cf\u30fc\u30c9\u30a6\u30a7\u30a2<\/p>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.3s;\">\n <i class=\"fas fa-check-circle text-red-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u7269\u7406\u7684\u306a\u5f62\u304c\u3042\u308b\uff08\u6709\u5f62\uff09<\/p>\n <\/div>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.5s;\">\n <i class=\"fas fa-check-circle text-red-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u7269\u7406\u7684\u306a\u4f5c\u696d\u30fb\u52d5\u4f5c\u304c\u5f97\u610f<\/p>\n <\/div>\n \n <div class=\"feature-point\" style=\"animation-delay: 0.7s;\">\n <i class=\"fas fa-check-circle text-red-600 text-xl mr-3\" aria-hidden=\"true\"><\/i>\n <p class=\"text-lg text-gray-800\">\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u5f93\u3063\u3066\u52d5\u304f<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-lines\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>4\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9023\u643a<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .synergy-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 20px;\n }\n .plus-circle {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-size: 30px;\n font-weight: 700;\n margin: 0 30px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n .equals-circle {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-size: 30px;\n font-weight: 700;\n margin: 0 30px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n }\n .synergy-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 220px;\n padding: 20px;\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n transition: transform 0.3s ease;\n }\n .synergy-item:hover {\n transform: translateY(-5px);\n }\n .synergy-icon {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 15px;\n }\n .ai-icon {\n background: rgba(219, 234, 254, 0.7);\n color: #1e40af;\n }\n .robot-icon {\n background: rgba(254, 226, 226, 0.7);\n color: #dc2626;\n }\n .synergy-icon-combined {\n background: linear-gradient(135deg, rgba(219, 234, 254, 0.7) 0%, rgba(254, 226, 226, 0.7) 100%);\n color: #4f46e5;\n }\n .applications-title {\n font-size: 24px;\n font-weight: 600;\n color: #1e40af;\n text-align: center;\n margin: 30px 0 20px;\n }\n .applications-container {\n display: flex;\n justify-content: space-around;\n margin-top: 20px;\n }\n .application-card {\n width: 28%;\n background: white;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.3s ease;\n animation: fadeIn 0.8s ease-in;\n }\n .application-card:hover {\n transform: scale(1.03);\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n }\n .application-icon {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n background: rgba(219, 234, 254, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 15px;\n color: #1e40af;\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: \n radial-gradient(circle at 20% 20%, #dbeafe 1px, transparent 1px),\n radial-gradient(circle at 60% 60%, #dbeafe 1px, transparent 1px),\n radial-gradient(circle at 40% 80%, #dbeafe 1px, transparent 1px);\n background-size: 30px 30px;\n opacity: 0.3;\n z-index: 0;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .pulse {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-6 w-3\/4\">\n <h2 class=\"header-title\">AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9023\u643a<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1\">\n <!-- AI + Robot = Synergy section -->\n <div class=\"synergy-container\">\n <!-- AI side -->\n <div class=\"synergy-item\">\n <div class=\"synergy-icon ai-icon pulse\">\n <i class=\"fas fa-brain text-5xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-blue-700 mb-2\">AI\uff08\u4eba\u5de5\u77e5\u80fd\uff09<\/h3>\n <p class=\"text-center text-gray-700\">\u300c\u8003\u3048\u308b\u529b\u300d<\/p>\n <p class=\"text-sm text-gray-600 mt-2\">\u30c7\u30fc\u30bf\u5206\u6790\u30fb\u5b66\u7fd2\u30fb\u5224\u65ad<\/p>\n <\/div>\n \n <!-- Plus sign -->\n <div class=\"plus-circle\">+<\/div>\n \n <!-- Robot side -->\n <div class=\"synergy-item\">\n <div class=\"synergy-icon robot-icon\">\n <i class=\"fas fa-robot text-5xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-red-600 mb-2\">\u30ed\u30dc\u30c3\u30c8<\/h3>\n <p class=\"text-center text-gray-700\">\u300c\u884c\u52d5\u3059\u308b\u529b\u300d<\/p>\n <p class=\"text-sm text-gray-600 mt-2\">\u7269\u7406\u7684\u4f5c\u696d\u30fb\u79fb\u52d5\u30fb\u64cd\u4f5c<\/p>\n <\/div>\n \n <!-- Equals sign -->\n <div class=\"equals-circle\">=<\/div>\n \n <!-- Combined synergy -->\n <div class=\"synergy-item\" style=\"width: 240px;\">\n <div class=\"synergy-icon synergy-icon-combined pulse\">\n <i class=\"fas fa-star text-5xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-semibold text-indigo-700 mb-2\">\u9ad8\u5ea6\u306a\u81ea\u5f8b\u30b7\u30b9\u30c6\u30e0<\/h3>\n <p class=\"text-center text-gray-700\">\u300c\u77e5\u80fd\u300d\u3068\u300c\u8eab\u4f53\u300d\u306e\u878d\u5408<\/p>\n <p class=\"text-sm text-gray-600 mt-2\">\u81ea\u5f8b\u7684\u306b\u8003\u3048\u3001\u884c\u52d5\u3059\u308b\u30b7\u30b9\u30c6\u30e0<\/p>\n <\/div>\n <\/div>\n \n <!-- Applications section -->\n <h3 class=\"applications-title\">AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9023\u643a\u306b\u3088\u308b\u5177\u4f53\u7684\u5fdc\u7528\u4f8b<\/h3>\n \n <div class=\"applications-container\">\n <!-- Autonomous Vehicles -->\n <div class=\"application-card\" style=\"animation-delay: 0.2s;\">\n <div class=\"application-icon\">\n <i class=\"fas fa-car text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-medium text-gray-800 mb-2\">\u81ea\u52d5\u904b\u8ee2\u8eca<\/h4>\n <p class=\"text-sm text-gray-600 text-center\">AI\u304c\u5468\u56f2\u306e\u72b6\u6cc1\u3092\u8a8d\u8b58\u30fb\u5224\u65ad\u3057\u3001\u30ed\u30dc\u30c3\u30c8\u6280\u8853\u3067\u8eca\u4e21\u3092\u5236\u5fa1<\/p>\n <\/div>\n \n <!-- Industrial Robots -->\n <div class=\"application-card\" style=\"animation-delay: 0.4s;\">\n <div class=\"application-icon\">\n <i class=\"fas fa-industry text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-medium text-gray-800 mb-2\">\u7523\u696d\u7528\u30ed\u30dc\u30c3\u30c8<\/h4>\n <p class=\"text-sm text-gray-600 text-center\">AI\u304c\u6700\u9069\u306a\u751f\u7523\u8a08\u753b\u3092\u7acb\u3066\u3001\u30ed\u30dc\u30c3\u30c8\u304c\u88fd\u9020\u30fb\u7d44\u7acb\u3092\u5b9f\u884c<\/p>\n <\/div>\n \n <!-- Service Robots -->\n <div class=\"application-card\" style=\"animation-delay: 0.6s;\">\n <div class=\"application-icon\">\n <i class=\"fas fa-concierge-bell text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h4 class=\"text-lg font-medium text-gray-800 mb-2\">\u30b5\u30fc\u30d3\u30b9\u30ed\u30dc\u30c3\u30c8<\/h4>\n <p class=\"text-sm text-gray-600 text-center\">AI\u304c\u4f1a\u8a71\u3084\u8981\u6c42\u3092\u7406\u89e3\u3057\u3001\u30ed\u30dc\u30c3\u30c8\u304c\u63a5\u5ba2\u3084\u4ecb\u8b77\u3092\u63d0\u4f9b<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>5\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<html lang=\"ja\"><head><\/head><body><plasmo-csui><\/plasmo-csui>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u306e\u6b74\u53f2\uff1a\u8a95\u751f\u304b\u3089\u73fe\u5728\u307e\u3067<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .timeline {\n position: relative;\n max-width: 1100px;\n margin: 30px auto;\n }\n .timeline-line {\n position: absolute;\n width: 6px;\n top: 0;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(to bottom, #3b82f6, #60a5fa, #93c5fd);\n border-radius: 10px;\n }\n .timeline-item {\n position: relative;\n display: flex;\n margin-bottom: 30px;\n }\n .timeline-item:nth-child(odd) {\n flex-direction: row-reverse;\n }\n .timeline-content {\n width: 45%;\n padding: 20px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: slideIn 0.6s forwards;\n }\n .timeline-item:nth-child(1) .timeline-content { animation-delay: 0.2s; }\n .timeline-item:nth-child(2) .timeline-content { animation-delay: 0.4s; }\n .timeline-item:nth-child(3) .timeline-content { animation-delay: 0.6s; }\n .timeline-item:nth-child(4) .timeline-content { animation-delay: 0.8s; }\n .timeline-item:nth-child(5) .timeline-content { animation-delay: 1.0s; }\n \n .timeline-content:hover {\n transform: scale(1.03) translateY(-5px);\n box-shadow: 0 10px 24px rgba(0,0,0,0.12);\n }\n .timeline-date {\n position: absolute;\n width: 120px;\n height: 40px;\n background: #1e40af;\n color: white;\n top: 20px;\n border-radius: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n z-index: 10;\n }\n .timeline-item:nth-child(odd) .timeline-date {\n left: 50%;\n margin-left: 25px;\n }\n .timeline-item:nth-child(even) .timeline-date {\n right: 50%;\n margin-right: 25px;\n }\n .timeline-dot {\n position: absolute;\n width: 24px;\n height: 24px;\n background: #1e40af;\n border-radius: 50%;\n left: 50%;\n top: 28px;\n transform: translateX(-50%);\n z-index: 5;\n box-shadow: 0 0 0 6px rgba(219, 234, 254, 0.7);\n }\n .icon-container {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 15px;\n background: rgba(219, 234, 254, 0.5);\n color: #1e40af;\n }\n .timeline-title {\n font-size: 20px;\n font-weight: 600;\n color: #1e40af;\n margin-bottom: 10px;\n }\n .timeline-flex {\n display: flex;\n align-items: center;\n }\n .timeline-flex .content {\n margin-left: 15px;\n }\n @keyframes slideIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: linear-gradient(90deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%),\n linear-gradient(0deg, transparent 49%, #dbeafe 49%, #dbeafe 51%, transparent 51%);\n background-size: 20px 20px;\n opacity: 0.2;\n z-index: 0;\n }\n .current-highlight {\n background: linear-gradient(135deg, #4f46e5, #6366f1);\n box-shadow: 0 0 20px rgba(79, 70, 229, 0.4);\n }\n .pulse {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script><script src=\"https:\/\/html2canvas.hertzen.com\/dist\/html2canvas.min.js\"><\/script>\n\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-6 w-3\/4\">\n <h2 class=\"header-title\">AI\u306e\u6b74\u53f2\uff1a\u8a95\u751f\u304b\u3089\u73fe\u5728\u307e\u3067<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1 relative\">\n <!-- Timeline -->\n <div class=\"timeline\">\n <div class=\"timeline-line\"><\/div>\n \n <!-- 1956: AI Birth -->\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1956\u5e74<\/div>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-flex\">\n <div class=\"icon-container\">\n <i class=\"fas fa-lightbulb text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div class=\"content\">\n <h3 class=\"timeline-title\">AI\u306e\u8a95\u751f<\/h3>\n <p class=\"text-gray-700\">\u30c0\u30fc\u30c8\u30de\u30b9\u4f1a\u8b70\u3067\u300cAI\u300d\u3068\u3044\u3046\u7528\u8a9e\u304c\u521d\u3081\u3066\u4f7f\u7528\u3055\u308c\u308b<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- 1960-1970s: First AI Boom -->\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1960-70\u5e74\u4ee3<\/div>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-flex\">\n <div class=\"icon-container\">\n <i class=\"fas fa-chart-line text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div class=\"content\">\n <h3 class=\"timeline-title\">\u7b2c1\u6b21AI\u30d6\u30fc\u30e0<\/h3>\n <p class=\"text-gray-700\">\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0\u306e\u958b\u767a\u30fb\u63a8\u8ad6\u6a5f\u80fd\u306e\u5b9f\u73fe<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- 1980-1990s: Second AI Boom -->\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1980-90\u5e74\u4ee3<\/div>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-flex\">\n <div class=\"icon-container\">\n <i class=\"fas fa-cogs text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div class=\"content\">\n <h3 class=\"timeline-title\">\u7b2c2\u6b21AI\u30d6\u30fc\u30e0<\/h3>\n <p class=\"text-gray-700\">\u6a5f\u68b0\u5b66\u7fd2\u306e\u767b\u5834\u30fb\u30cb\u30e5\u30fc\u30e9\u30eb\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u7814\u7a76<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- 2000-2010s: Third AI Boom -->\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">2000-10\u5e74\u4ee3<\/div>\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-flex\">\n <div class=\"icon-container\">\n <i class=\"fas fa-microchip text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div class=\"content\">\n <h3 class=\"timeline-title\">\u7b2c3\u6b21AI\u30d6\u30fc\u30e0<\/h3>\n <p class=\"text-gray-700\">\u30c7\u30a3\u30fc\u30d7\u30e9\u30fc\u30cb\u30f3\u30b0\u306e\u53f0\u982d\u30fb\u30d3\u30c3\u30b0\u30c7\u30fc\u30bf\u306e\u6d3b\u7528<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Current: LLM Era -->\n <div class=\"timeline-item\">\n <div class=\"timeline-date current-highlight\">\u73fe\u5728<\/div>\n <div class=\"timeline-dot pulse\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-flex\">\n <div class=\"icon-container pulse\">\n <i class=\"fas fa-robot text-3xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div class=\"content\">\n <h3 class=\"timeline-title\">\u5927\u898f\u6a21\u8a00\u8a9e\u30e2\u30c7\u30eb\u6642\u4ee3<\/h3>\n <p class=\"text-gray-700\">GPT\u306a\u3069\u306e\u751f\u6210AI\u30fb\u30de\u30eb\u30c1\u30e2\u30fc\u30c0\u30ebAI\u306e\u767a\u5c55<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>6\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<script src=\"https:\/\/www.genspark.ai\/slide-inner.js?_v=1\"><\/script>\n <script id=\"html_badge_script1\">\n window.__genspark_remove_badge_link = \"https:\/\/www.genspark.ai\/api\/html_badge\/\" +\n \"remove_badge?token=To%2FBnjzloZ3UfQdcSaYfDivTx6wSq77wPVehg%2BvO9MVLcLcMNM68APkcB6HjHn%2BtJo%2FBygbI%2FpTL7ESxz4p5OV4z81r4hvLfuDwTGwyZ8bMSoctqgiDCkLymq0JJ7y7PZSKU5he6T4QHaAjsgZ4WchB2it8xImQf0%2BdbGFnv7MMCfUm4LyihOmYTs13IQVaVyqF6aZSNXTV9YXIHheUJfbKR60txoyAvSKDRb%2Bm566r9xZM9RkUBQ0wwcGLcojUa%2FDKRjtTOWs%2B74CSHt7dWMmB0vRnYtfqlbVTzB0Ypz7ks1eS%2F0o9wMyEJKNeKm6RZamOFF%2FAByADQpWbHxVUzsu4geJmBo%2BakKUCb9olRu1r6MLXKC2nRlgsXgi5mj3Lkc40sj4gim2lOR2QcIuD3AI2fa8BtKyx2Ef%2F%2F904sC6R4Qh%2FibKqEQxWbZrqabw7k74mSe%2B7TDyH2%2FFqq2sYN8WfOYQeoM%2FfoWwAiQHq2QSHMimdvASYFVGyagx7YSLffDGb2iXRFf7y7eoYE3n0QFRX8EJUz4NAYK9Dso45WSo38%2BPmZJuG6zjPJaHfY1H0bbB0LiGo%2FuNeRct6g%2BAtK7aHKqadLvg5yNwpdt5cBk%2B9GoNGqA%2BcALLfakWpwsz%2BjtfujqBrhaxk%2B22IpN8EbJddImLZWdu1b9%2BV9U1cACPml%2Bp3UqYIke7VQgFTaQEd3RA3YYDLjlBHxwiYzOHoGyK9QewPbu5d0nM%2Bo5MLYiRFn9cQQYDH5f1khsOGoDBVcMMcQKOknQftQdrCEgCnX%2Bw%3D%3D\";\n window.__genspark_locale = \"ja-JP\";\n window.__genspark_token = \"To\/BnjzloZ3UfQdcSaYfDivTx6wSq77wPVehg+vO9MVLcLcMNM68APkcB6HjHn+tJo\/BygbI\/pTL7ESxz4p5OV4z81r4hvLfuDwTGwyZ8bMSoctqgiDCkLymq0JJ7y7PZSKU5he6T4QHaAjsgZ4WchB2it8xImQf0+dbGFnv7MMCfUm4LyihOmYTs13IQVaVyqF6aZSNXTV9YXIHheUJfbKR60txoyAvSKDRb+m566r9xZM9RkUBQ0wwcGLcojUa\/DKRjtTOWs+74CSHt7dWMmB0vRnYtfqlbVTzB0Ypz7ks1eS\/0o9wMyEJKNeKm6RZamOFF\/AByADQpWbHxVUzsu4geJmBo+akKUCb9olRu1r6MLXKC2nRlgsXgi5mj3Lkc40sj4gim2lOR2QcIuD3AI2fa8BtKyx2Ef\/\/904sC6R4Qh\/ibKqEQxWbZrqabw7k74mSe+7TDyH2\/Fqq2sYN8WfOYQeoM\/foWwAiQHq2QSHMimdvASYFVGyagx7YSLffDGb2iXRFf7y7eoYE3n0QFRX8EJUz4NAYK9Dso45WSo38+PmZJuG6zjPJaHfY1H0bbB0LiGo\/uNeRct6g+AtK7aHKqadLvg5yNwpdt5cBk+9GoNGqA+cALLfakWpwsz+jtfujqBrhaxk+22IpN8EbJddImLZWdu1b9+V9U1cACPml+p3UqYIke7VQgFTaQEd3RA3YYDLjlBHxwiYzOHoGyK9QewPbu5d0nM+o5MLYiRFn9cQQYDH5f1khsOGoDBVcMMcQKOknQftQdrCEgCnX+w==\";\n <\/script>\n <\/body><\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u3068\u793e\u4f1a\u306e\u95a2\u4fc2\uff1a\u30e1\u30ea\u30c3\u30c8<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f2ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .benefit-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 1100px;\n margin: 30px auto;\n }\n .benefit-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n display: flex;\n align-items: flex-start;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeUp 0.6s forwards;\n }\n .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n .benefit-card:nth-child(5) { animation-delay: 0.5s; }\n \n .benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 24px rgba(0,0,0,0.12);\n }\n .benefit-icon {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 20px;\n flex-shrink: 0;\n }\n .icon-productivity {\n background: rgba(219, 234, 254, 0.7);\n color: #1e40af;\n }\n .icon-workforce {\n background: rgba(254, 226, 226, 0.7);\n color: #dc2626;\n }\n .icon-data {\n background: rgba(254, 243, 199, 0.7);\n color: #92400e;\n }\n .icon-convenience {\n background: rgba(220, 252, 231, 0.7);\n color: #047857;\n }\n .icon-medical {\n background: rgba(221, 214, 254, 0.7);\n color: #5b21b6;\n }\n .benefit-title {\n font-size: 22px;\n font-weight: 600;\n color: #1e40af;\n margin-bottom: 10px;\n }\n .highlight-box {\n position: relative;\n background: linear-gradient(135deg, rgba(219, 234, 254, 0.7) 0%, rgba(199, 210, 254, 0.7) 100%);\n border-radius: 16px;\n padding: 20px 30px;\n margin: 40px auto 0;\n max-width: 800px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n text-align: center;\n animation: fadeIn 1s forwards;\n animation-delay: 0.7s;\n opacity: 0;\n }\n .highlight-title {\n font-size: 24px;\n font-weight: 700;\n color: #1e40af;\n margin-bottom: 15px;\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: \n radial-gradient(circle at 20% 20%, #dbeafe 2px, transparent 2px),\n radial-gradient(circle at 60% 60%, #dbeafe 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, #dbeafe 2px, transparent 2px);\n background-size: 40px 40px;\n opacity: 0.2;\n z-index: 0;\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n .pulse {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-6 w-3\/4\">\n <h2 class=\"header-title\">AI\u3068\u793e\u4f1a\u306e\u95a2\u4fc2\uff1a\u30e1\u30ea\u30c3\u30c8<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1 relative\">\n <!-- Benefits container -->\n <div class=\"benefit-container\">\n <!-- Productivity -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon icon-productivity pulse\">\n <i class=\"fas fa-chart-line text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"benefit-title\">\u751f\u7523\u6027\u306e\u5411\u4e0a<\/h3>\n <p class=\"text-gray-700\">\u53cd\u5fa9\u4f5c\u696d\u306e\u81ea\u52d5\u5316\u3001\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u6700\u9069\u5316\u306b\u3088\u308a\u3001\u4eba\u9593\u306f\u5275\u9020\u7684\u306a\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u308b<\/p>\n <\/div>\n <\/div>\n \n <!-- Labor shortage solution -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon icon-workforce\">\n <i class=\"fas fa-users text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"benefit-title\">\u4eba\u624b\u4e0d\u8db3\u89e3\u6d88<\/h3>\n <p class=\"text-gray-700\">\u5c11\u5b50\u9ad8\u9f62\u5316\u793e\u4f1a\u3067\u306e\u52b4\u50cd\u529b\u4e0d\u8db3\u3092AI\u3068\u30ed\u30dc\u30c3\u30c8\u304c\u88dc\u5b8c\u3057\u3001\u6301\u7d9a\u53ef\u80fd\u306a\u793e\u4f1a\u57fa\u76e4\u3092\u652f\u3048\u308b<\/p>\n <\/div>\n <\/div>\n \n <!-- Advanced data analysis -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon icon-data\">\n <i class=\"fas fa-database text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"benefit-title\">\u30c7\u30fc\u30bf\u5206\u6790\u30fb\u4e88\u6e2c\u306e\u9ad8\u5ea6\u5316<\/h3>\n <p class=\"text-gray-700\">\u81a8\u5927\u306a\u30c7\u30fc\u30bf\u304b\u3089\u4eba\u9593\u306b\u306f\u767a\u898b\u3067\u304d\u306a\u3044\u30d1\u30bf\u30fc\u30f3\u3092\u898b\u3064\u3051\u51fa\u3057\u3001\u79d1\u5b66\u7684\u767a\u898b\u3084\u4e88\u6e2c\u7cbe\u5ea6\u3092\u5411\u4e0a<\/p>\n <\/div>\n <\/div>\n \n <!-- Improved lifestyle -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon icon-convenience\">\n <i class=\"fas fa-home text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"benefit-title\">\u751f\u6d3b\u306e\u5229\u4fbf\u6027\u5411\u4e0a<\/h3>\n <p class=\"text-gray-700\">\u30b9\u30de\u30fc\u30c8\u30db\u30fc\u30e0\u3001\u30d0\u30fc\u30c1\u30e3\u30eb\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3001\u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u30b5\u30fc\u30d3\u30b9\u3067\u65e5\u5e38\u751f\u6d3b\u3092\u5feb\u9069\u306b<\/p>\n <\/div>\n <\/div>\n \n <!-- Medical & care contributions -->\n <div class=\"benefit-card\">\n <div class=\"benefit-icon icon-medical\">\n <i class=\"fas fa-heartbeat text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"benefit-title\">\u533b\u7642\u30fb\u4ecb\u8b77\u5206\u91ce\u3067\u306e\u8ca2\u732e<\/h3>\n <p class=\"text-gray-700\">\u753b\u50cf\u8a3a\u65ad\u652f\u63f4\u3001\u65b0\u85ac\u958b\u767a\u306e\u52b9\u7387\u5316\u3001\u30ed\u30dc\u30c3\u30c8\u4ecb\u8b77\u306a\u3069\u3001\u5065\u5eb7\u3068\u798f\u7949\u306e\u5411\u4e0a\u306b\u8ca2\u732e<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Key highlight box -->\n <div class=\"highlight-box\">\n <h3 class=\"highlight-title\">AI\u304c\u5275\u308b\u6301\u7d9a\u53ef\u80fd\u306a\u793e\u4f1a<\/h3>\n <p class=\"text-gray-700\">\n AI\u306f\u6280\u8853\u9769\u65b0\u3060\u3051\u3067\u306a\u304f\u3001\u74b0\u5883\u30fb\u793e\u4f1a\u30fb\u7d4c\u6e08\u306e\u8ab2\u984c\u89e3\u6c7a\u306b\u3082\u8ca2\u732e\u3057\u3001\n <br>\u4eba\u9593\u3068\u5171\u5b58\u3059\u308b\u3053\u3068\u3067\u65b0\u305f\u306a\u4fa1\u5024\u3092\u5275\u9020\u3057\u3066\u3044\u304d\u307e\u3059\n <\/p>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-blue-600 text-white rounded-full\">\n <span>7\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI\u3068\u793e\u4f1a\u306e\u95a2\u4fc2\uff1a\u30c7\u30e1\u30ea\u30c3\u30c8<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #dc2626 0%, #991b1b 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .risk-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 1100px;\n margin: 30px auto;\n }\n .risk-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n display: flex;\n align-items: flex-start;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeUp 0.6s forwards;\n }\n .risk-card:nth-child(1) { animation-delay: 0.1s; }\n .risk-card:nth-child(2) { animation-delay: 0.2s; }\n .risk-card:nth-child(3) { animation-delay: 0.3s; }\n .risk-card:nth-child(4) { animation-delay: 0.4s; }\n .risk-card:nth-child(5) { animation-delay: 0.5s; }\n \n .risk-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 24px rgba(0,0,0,0.12);\n }\n .risk-icon {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 20px;\n flex-shrink: 0;\n }\n .icon-jobs {\n background: rgba(254, 226, 226, 0.7);\n color: #b91c1c;\n }\n .icon-privacy {\n background: rgba(254, 215, 170, 0.7);\n color: #9a3412;\n }\n .icon-ethics {\n background: rgba(252, 231, 243, 0.7);\n color: #be185d;\n }\n .icon-digital {\n background: rgba(224, 231, 255, 0.7);\n color: #3730a3;\n }\n .icon-dependence {\n background: rgba(219, 234, 254, 0.7);\n color: #1e40af;\n }\n .risk-title {\n font-size: 22px;\n font-weight: 600;\n color: #7f1d1d;\n margin-bottom: 10px;\n }\n .highlight-box {\n position: relative;\n background: linear-gradient(135deg, rgba(254, 226, 226, 0.7) 0%, rgba(254, 215, 215, 0.7) 100%);\n border-radius: 16px;\n padding: 20px 30px;\n margin: 40px auto 0;\n max-width: 800px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n text-align: center;\n animation: fadeIn 1s forwards;\n animation-delay: 0.7s;\n opacity: 0;\n }\n .highlight-title {\n font-size: 24px;\n font-weight: 700;\n color: #7f1d1d;\n margin-bottom: 15px;\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: \n radial-gradient(circle at 20% 20%, #fee2e2 2px, transparent 2px),\n radial-gradient(circle at 60% 60%, #fee2e2 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, #fee2e2 2px, transparent 2px);\n background-size: 40px 40px;\n opacity: 0.2;\n z-index: 0;\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n .pulse {\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-6 w-3\/4\">\n <h2 class=\"header-title\">AI\u3068\u793e\u4f1a\u306e\u95a2\u4fc2\uff1a\u30c7\u30e1\u30ea\u30c3\u30c8<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1 relative\">\n <!-- Risks container -->\n <div class=\"risk-container\">\n <!-- Employment impact -->\n <div class=\"risk-card\">\n <div class=\"risk-icon icon-jobs\">\n <i class=\"fas fa-briefcase text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"risk-title\">\u96c7\u7528\u3078\u306e\u5f71\u97ff<\/h3>\n <p class=\"text-gray-700\">\u5b9a\u578b\u7684\u306a\u4ed5\u4e8b\u306e\u81ea\u52d5\u5316\u306b\u3088\u308a\u96c7\u7528\u304c\u6e1b\u5c11\u3057\u3001\u8077\u696d\u69cb\u9020\u306e\u6025\u6fc0\u306a\u5909\u5316\u304c\u793e\u4f1a\u4e0d\u5b89\u3092\u5f15\u304d\u8d77\u3053\u3059\u53ef\u80fd\u6027<\/p>\n <\/div>\n <\/div>\n \n <!-- Privacy issues -->\n <div class=\"risk-card\">\n <div class=\"risk-icon icon-privacy\">\n <i class=\"fas fa-user-shield text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"risk-title\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u306e\u4fb5\u5bb3\u30ea\u30b9\u30af<\/h3>\n <p class=\"text-gray-700\">\u500b\u4eba\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u30fb\u5206\u6790\u304c\u9032\u307f\u3001\u76e3\u8996\u793e\u4f1a\u3084\u30c7\u30fc\u30bf\u6f0f\u6d29\u306e\u30ea\u30b9\u30af\u304c\u9ad8\u307e\u308b<\/p>\n <\/div>\n <\/div>\n \n <!-- AI bias and ethics -->\n <div class=\"risk-card\">\n <div class=\"risk-icon icon-ethics\">\n <i class=\"fas fa-balance-scale text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"risk-title\">AI\u30d0\u30a4\u30a2\u30b9\u3068\u502b\u7406\u7684\u554f\u984c<\/h3>\n <p class=\"text-gray-700\">\u5b66\u7fd2\u30c7\u30fc\u30bf\u306e\u30d0\u30a4\u30a2\u30b9\u306b\u3088\u308a\u5dee\u5225\u7684\u306a\u5224\u65ad\u304c\u751f\u3058\u305f\u308a\u3001\u8cac\u4efb\u306e\u6240\u5728\u304c\u4e0d\u660e\u78ba\u306b\u306a\u308b\u554f\u984c<\/p>\n <\/div>\n <\/div>\n \n <!-- Digital divide -->\n <div class=\"risk-card\">\n <div class=\"risk-icon icon-digital\">\n <i class=\"fas fa-unlink text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"risk-title\">\u30c7\u30b8\u30bf\u30eb\u683c\u5dee\u306e\u62e1\u5927<\/h3>\n <p class=\"text-gray-700\">AI\u6280\u8853\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3084\u6d3b\u7528\u80fd\u529b\u306e\u5dee\u306b\u3088\u308a\u3001\u56fd\u5bb6\u9593\u30fb\u500b\u4eba\u9593\u306e\u683c\u5dee\u304c\u62e1\u5927\u3059\u308b\u6050\u308c<\/p>\n <\/div>\n <\/div>\n \n <!-- Dependency -->\n <div class=\"risk-card\">\n <div class=\"risk-icon icon-dependence\">\n <i class=\"fas fa-link text-4xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <div>\n <h3 class=\"risk-title\">\u4f9d\u5b58\u6027\u306e\u554f\u984c<\/h3>\n <p class=\"text-gray-700\">AI\u3078\u306e\u904e\u5ea6\u306a\u4f9d\u5b58\u306b\u3088\u308a\u4eba\u9593\u306e\u5224\u65ad\u529b\u3084\u80fd\u529b\u304c\u4f4e\u4e0b\u3057\u3001\u30b7\u30b9\u30c6\u30e0\u969c\u5bb3\u6642\u306e\u30ea\u30b9\u30af\u3082\u9ad8\u307e\u308b<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Key highlight box -->\n <div class=\"highlight-box\">\n <h3 class=\"highlight-title\">AI\u3068\u5171\u5b58\u3059\u308b\u305f\u3081\u306e\u8ab2\u984c<\/h3>\n <p class=\"text-gray-700\">\n \u6280\u8853\u3068\u502b\u7406\u306e\u30d0\u30e9\u30f3\u30b9\u3001\u900f\u660e\u6027\u306e\u78ba\u4fdd\u3001\u6559\u80b2\u306e\u5145\u5b9f\u306a\u3069\n <br>\u793e\u4f1a\u5168\u4f53\u3067AI\u3068\u306e\u9069\u5207\u306a\u95a2\u4fc2\u3092\u6a21\u7d22\u3057\u3066\u3044\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\n <\/p>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-red-600 text-white rounded-full\">\n <span>8\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u307e\u3068\u3081<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n .slide-container {\n width: 1280px;\n min-height: 720px;\n position: relative;\n background: linear-gradient(135deg, #f0f9ff 0%, #f0f0ff 100%);\n overflow: hidden;\n }\n .header {\n background: linear-gradient(90deg, #2563eb 0%, #4f46e5 50%, #9333ea 100%);\n padding: 20px 40px;\n border-radius: 0 0 30px 0;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n }\n .header-title {\n font-size: 36px;\n font-weight: 700;\n color: white;\n }\n .summary-container {\n max-width: 1100px;\n margin: 40px auto 0;\n display: flex;\n flex-direction: column;\n gap: 30px;\n }\n .summary-row {\n display: flex;\n gap: 20px;\n }\n .summary-card {\n flex: 1;\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n position: relative;\n overflow: hidden;\n transform: translateY(30px);\n opacity: 0;\n animation: fadeUp 0.6s forwards;\n }\n .card-1 { animation-delay: 0.1s; }\n .card-2 { animation-delay: 0.2s; }\n .card-3 { animation-delay: 0.3s; }\n \n .summary-icon {\n position: absolute;\n top: -15px;\n right: -15px;\n width: 70px;\n height: 70px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0.2;\n font-size: 2.5rem;\n }\n .icon-definition {\n background: rgba(219, 234, 254, 0.7);\n color: #1e40af;\n }\n .icon-history {\n background: rgba(254, 243, 199, 0.7);\n color: #92400e;\n }\n .icon-future {\n background: rgba(221, 214, 254, 0.7);\n color: #5b21b6;\n }\n .summary-title {\n font-size: 24px;\n font-weight: 600;\n color: #1e40af;\n margin-bottom: 15px;\n position: relative;\n z-index: 1;\n }\n .summary-text {\n font-size: 16px;\n color: #4b5563;\n position: relative;\n z-index: 1;\n line-height: 1.6;\n }\n .emphasis-box {\n position: relative;\n background: linear-gradient(135deg, rgba(219, 234, 254, 0.8) 0%, rgba(219, 234, 254, 0.4) 50%, rgba(254, 226, 226, 0.4) 100%);\n border-radius: 16px;\n padding: 25px 30px;\n margin: 10px auto 0;\n max-width: 900px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n text-align: center;\n opacity: 0;\n animation: fadeIn 1s forwards;\n animation-delay: 0.6s;\n }\n .emphasis-title {\n font-size: 28px;\n font-weight: 700;\n background: linear-gradient(90deg, #1e40af 0%, #7f1d1d 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 15px;\n }\n .key-point {\n display: inline-block;\n padding: 8px 20px;\n margin: 8px 10px;\n background: white;\n border-radius: 30px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n font-weight: 500;\n color: #4b5563;\n }\n .blue-point {\n border-left: 4px solid #2563eb;\n color: #1e40af;\n }\n .red-point {\n border-left: 4px solid #dc2626;\n color: #7f1d1d;\n }\n .purple-point {\n border-left: 4px solid #8b5cf6;\n color: #5b21b6;\n }\n .circuit-bg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 300px;\n height: 300px;\n background-image: \n radial-gradient(circle at 20% 20%, rgba(147, 197, 253, 0.4) 2px, transparent 2px),\n radial-gradient(circle at 60% 60%, rgba(252, 165, 165, 0.4) 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, rgba(196, 181, 253, 0.4) 2px, transparent 2px);\n background-size: 40px 40px;\n opacity: 0.3;\n z-index: 0;\n }\n @keyframes fadeUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes fadeIn {\n to {\n opacity: 1;\n }\n }\n .pulse {\n animation: pulse 3s infinite;\n }\n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"slide-container flex flex-col\">\n <!-- Header with title -->\n <div class=\"header mb-4 w-3\/4\">\n <h2 class=\"header-title\">\u307e\u3068\u3081<\/h2>\n <\/div>\n \n <!-- Main content -->\n <div class=\"px-10 py-2 z-10 flex-1 relative\">\n <!-- Summary cards -->\n <div class=\"summary-container\">\n <div class=\"summary-row\">\n <!-- AI Definition -->\n <div class=\"summary-card card-1\">\n <div class=\"summary-icon icon-definition\">\n <i class=\"fas fa-microchip\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"summary-title\">AI\u3068\u306f\u4f55\u304b<\/h3>\n <p class=\"summary-text\">\n \u4eba\u9593\u306e\u77e5\u80fd\u3092\u518d\u73fe\u3059\u308b\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30b7\u30b9\u30c6\u30e0\u3002\u6a5f\u68b0\u5b66\u7fd2\u3084\u6df1\u5c64\u5b66\u7fd2\u306a\u3069\u306e\u6280\u8853\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u304b\u3089\u5b66\u7fd2\u3057\u3001\u5224\u65ad\u3059\u308b\u80fd\u529b\u3092\u6301\u3064\u3002\u4eba\u9593\u306e\u77e5\u80fd\u3068\u306f\u7570\u306a\u308b\u7279\u6027\u3068\u9650\u754c\u304c\u3042\u308b\u3002\n <\/p>\n <\/div>\n \n <!-- AI History -->\n <div class=\"summary-card card-2\">\n <div class=\"summary-icon icon-history\">\n <i class=\"fas fa-history\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"summary-title\">AI\u306e\u767a\u5c55<\/h3>\n <p class=\"summary-text\">\n 1956\u5e74\u306e\u30c0\u30fc\u30c8\u30de\u30b9\u4f1a\u8b70\u304b\u3089\u73fe\u5728\u307e\u3067\u8907\u6570\u306e\u30d6\u30fc\u30e0\u3068\u51ac\u306e\u6642\u4ee3\u3092\u7d4c\u9a13\u3002\u30c7\u30a3\u30fc\u30d7\u30e9\u30fc\u30cb\u30f3\u30b0\u3068\u5927\u898f\u6a21\u8a00\u8a9e\u30e2\u30c7\u30eb\u306e\u767b\u5834\u306b\u3088\u308a\u3001\u73fe\u5728\u306f\u7b2c3\u6b21AI\u30d6\u30fc\u30e0\u306e\u6700\u4e2d\u306b\u3042\u308b\u3002\n <\/p>\n <\/div>\n \n <!-- AI Future -->\n <div class=\"summary-card card-3\">\n <div class=\"summary-icon icon-future\">\n <i class=\"fas fa-rocket\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"summary-title\">AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u95a2\u4fc2<\/h3>\n <p class=\"summary-text\">\n AI\u306f\u300c\u982d\u8133\u300d\u3001\u30ed\u30dc\u30c3\u30c8\u306f\u300c\u8eab\u4f53\u300d\u3002AI\u3068\u30ed\u30dc\u30c3\u30c8\u306e\u9023\u643a\u306b\u3088\u308a\u3001\u77e5\u80fd\u3068\u884c\u52d5\u529b\u3092\u4f75\u305b\u6301\u3064\u30b7\u30b9\u30c6\u30e0\u304c\u5b9f\u73fe\u3057\u3001\u69d8\u3005\u306a\u5206\u91ce\u3067\u4eba\u9593\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Final emphasis box -->\n <div class=\"emphasis-box pulse\">\n <h3 class=\"emphasis-title\">AI\u3068\u4eba\u9593\u306e\u5171\u5b58\u306b\u5411\u3051\u3066<\/h3>\n <p class=\"text-gray-700 mb-6\">\n AI\u306e\u6b63\u3057\u3044\u7406\u89e3\u3068\u6d3b\u7528\u304c\u3001\u6301\u7d9a\u53ef\u80fd\u306a\u672a\u6765\u793e\u4f1a\u306e\u9375\u3068\u306a\u308a\u307e\u3059\n <\/p>\n \n <div class=\"key-points-container\">\n <div class=\"key-point blue-point\">\n <i class=\"fas fa-plus-circle mr-2\" aria-hidden=\"true\"><\/i>\u30e1\u30ea\u30c3\u30c8\u3092\u6700\u5927\u5316\n <\/div>\n <div class=\"key-point red-point\">\n <i class=\"fas fa-minus-circle mr-2\" aria-hidden=\"true\"><\/i>\u30ea\u30b9\u30af\u3092\u6700\u5c0f\u5316\n <\/div>\n <div class=\"key-point purple-point\">\n <i class=\"fas fa-balance-scale mr-2\" aria-hidden=\"true\"><\/i>\u502b\u7406\u7684\u914d\u616e\u3068\u900f\u660e\u6027\n <\/div>\n <\/div>\n \n <p class=\"text-gray-700 mt-6\">\n AI\u306f\u9053\u5177\u3067\u3042\u308a\u76ee\u7684\u3067\u306f\u306a\u3044\u2014\u4eba\u9593\u4e2d\u5fc3\u306e\u6280\u8853\u767a\u5c55\u3092\u76ee\u6307\u3057\u3066\n <\/p>\n <\/div>\n <\/div>\n \n <!-- Circuit pattern background -->\n <div class=\"circuit-bg\"><\/div>\n \n <!-- Bottom indicator -->\n <div class=\"absolute bottom-6 right-6\">\n <div class=\"px-3 py-1 bg-purple-600 text-white rounded-full\">\n <span>9\/9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300cAI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u3068\u306f\u4f55\u304b\uff1f\u300d \u3053\u3093\u306b\u3061\u306f\u3001QUESTUP\u306e\u6728\u6751\u3067\u3059\u3002\u672c\u65e5\u304b\u3089\u300c\u751f\u6210AI\u30d1\u30b9\u30dd\u30fc\u30c8\u300d\u306e\u53d6\u5f97\u306b\u5411\u3051\u305f\u5b66\u7fd2\u306e\u8a18\u9332\u3092\u6642\u3005\u30d6\u30ed\u30b0\u306b\u307e\u3068\u3081\u3066\u3044\u304d\u307e\u3059\u3002 \u7b2c1\u56de\u306f\u3001\u300cAI\uff08\u4eba\u5de5\u77e5\u80fd\uff09\u300d\u3068\u3044\u3046\u8a00\u8449\u305d\u306e\u3082\u306e\u306e\u5b9a\u7fa9\u3068\u3001\u305d\u306e […]<\/p>\n","protected":false},"author":1,"featured_media":587,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"vkexunit_cta_each_option":"","footnotes":""},"categories":[14],"tags":[],"class_list":["post-503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-itai"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/posts\/503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=503"}],"version-history":[{"count":10,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/posts\/503\/revisions"}],"predecessor-version":[{"id":588,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/posts\/503\/revisions\/588"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=\/wp\/v2\/media\/587"}],"wp:attachment":[{"href":"https:\/\/www.quest-up.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quest-up.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}