{"id":2612,"date":"2026-06-23T16:36:11","date_gmt":"2026-06-23T07:36:11","guid":{"rendered":"https:\/\/ueda.com\/blog\/?p=2612"},"modified":"2026-06-29T21:23:50","modified_gmt":"2026-06-29T12:23:50","slug":"%e9%a3%9f%e3%81%b9%e3%81%a6%e3%81%84%e3%81%aa%e3%81%84%e3%81%ae%e3%81%ab%e7%97%a9%e3%81%9b%e3%81%aa%e3%81%84%ef%bc%9f%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/ueda.com\/blog\/diabetes\/2612\/","title":{"rendered":"\u98df\u3079\u3066\u3044\u306a\u3044\u306e\u306b\u75e9\u305b\u306a\u3044\uff1f\uff1f\u533b\u8005\u304c\u660e\u304b\u3059\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u79d8\u5bc6\u3068\u6700\u65b0\u306e\u80a5\u6e80\u75c7\u6cbb\u7642"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u3010\u9662\u9577\u30d6\u30ed\u30b0\u3011\u300c\u98df\u3079\u3066\u3044\u306a\u3044\u306e\u306b\u75e9\u305b\u306a\u3044\u300d\u306f\u672c\u5f53\uff1f\u533b\u8005\u304c\u660e\u304b\u3059\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u79d8\u5bc6\u3068\u6700\u65b0\u306e\u80a5\u6e80\u75c7\u6cbb\u7642<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- FontAwesome for Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Noto+Sans+JP:wght@300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Noto Sans JP', 'Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        clinic: {\n                            50: '#f0fdf4',\n                            100: '#dcfce7',\n                            200: '#bbf7d0',\n                            500: '#22c55e',\n                            600: '#16a34a',\n                            700: '#15803d',\n                            800: '#166534',\n                            900: '#14532d',\n                        },\n                        accent: {\n                            50: '#fef2f2',\n                            100: '#fee2e2',\n                            500: '#ef4444',\n                            600: '#dc2626',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* \u672c\u6587\u3092\u6700\u3082\u8aad\u307f\u3084\u3059\u304418px\u76f8\u5f53\u306b\u8abf\u6574 *\/\n        .blog-content p {\n            font-size: 1.125rem; \/* 18px \u76f8\u5f53 *\/\n            line-height: 1.85;\n            margin-bottom: 1.75rem;\n            color: #1f2937; \/* \u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u306e\u9ad8\u3044\u8272\u8abf *\/\n        }\n        .dark .blog-content p {\n            color: #e5e7eb;\n        }\n        .step-card {\n            transition: all 0.3s ease;\n        }\n        .step-card:hover {\n            transform: translateY(-2px);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-white text-slate-900 font-sans antialiased dark:bg-slate-900 dark:text-slate-100 transition-colors duration-300\">\n\n    <!-- Navigation Bar -->\n    <nav class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-slate-100 shadow-sm dark:bg-slate-900\/95 dark:border-slate-800\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-20 items-center\">\n                <div class=\"flex items-center space-x-3\">\n                    <div class=\"w-12 h-12 rounded-full bg-clinic-500 flex items-center justify-center text-white shadow-md shadow-clinic-200 dark:shadow-none\">\n                        <i class=\"fa-solid fa-house-medical text-xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"font-extrabold text-xl tracking-wider text-slate-800 dark:text-white block leading-tight\">\u4e0a\u7530\u8a3a\u7642\u6240<\/span>\n                        <span class=\"text-xs text-slate-500 dark:text-slate-400\">Ueda Clinic Blog<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"flex items-center space-x-4\">\n                    <!-- Dark Mode Toggle -->\n                    <button id=\"theme-toggle\" class=\"p-3 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-500 dark:text-slate-400 transition-colors\" aria-label=\"\u30c6\u30fc\u30de\u5207\u308a\u66ff\u3048\">\n                        <i id=\"theme-toggle-dark-icon\" class=\"fa-solid fa-moon text-xl hidden\"><\/i>\n                        <i id=\"theme-toggle-light-icon\" class=\"fa-solid fa-sun text-xl\"><\/i>\n                    <\/button>\n                    <!-- CTA Link inside Nav -->\n                    <a href=\"https:\/\/medical.apokul.jp\/web\/372\/reservations\/add\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hidden sm:inline-flex items-center px-6 py-2.5 border border-transparent text-base font-semibold rounded-full text-white bg-clinic-600 hover:bg-clinic-700 shadow-sm transition-all duration-200 transform hover:scale-105\">\n                        <i class=\"fa-solid fa-calendar-check mr-2\"><\/i>Web\u5916\u6765\u4e88\u7d04\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero \/ Title Header -->\n    <header class=\"relative overflow-hidden bg-gradient-to-b from-clinic-50 via-white to-white dark:from-slate-950 dark:via-slate-900 dark:to-slate-900 py-12 md:py-16 border-b border-slate-100 dark:border-slate-800\">\n        <div class=\"absolute inset-0 opacity-40 dark:opacity-20 pointer-events-none\">\n            <svg class=\"absolute w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <defs>\n                    <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n                        <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(34, 197, 94, 0.1)\" stroke-width=\"1\" \/>\n                    <\/pattern>\n                <\/defs>\n                <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\n            <\/svg>\n        <\/div>\n        \n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 relative z-10 text-center\">\n            <div class=\"inline-flex items-center space-x-2 bg-clinic-100 text-clinic-800 dark:bg-clinic-900\/50 dark:text-clinic-300 px-4 py-2 rounded-full text-xs font-semibold uppercase tracking-wider mb-6\">\n                <span class=\"w-2.5 h-2.5 rounded-full bg-clinic-500\"><\/span>\n                <span>\u9662\u9577\u516c\u5f0f\u30d6\u30ed\u30b0\u30fb\u533b\u8005\u30b3\u30e9\u30e0<\/span>\n            <\/div>\n            <h1 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-slate-900 dark:text-white leading-snug sm:leading-tight mb-6\">\n                \u300c\u98df\u3079\u3066\u3044\u306a\u3044\u306e\u306b\u75e9\u305b\u306a\u3044\u300d\u306f\u672c\u5f53\uff1f<br class=\"hidden sm:inline\">\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-clinic-600 to-emerald-500 dark:from-clinic-400 dark:to-emerald-300\">\u533b\u8005\u304c\u660e\u304b\u3059\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u79d8\u5bc6\u3068\u6700\u65b0\u306e\u80a5\u6e80\u75c7\u6cbb\u7642<\/span>\n            <\/h1>\n            \n            <!-- Author profile small -->\n            <div class=\"flex items-center justify-center space-x-4 mt-8\">\n                <div class=\"relative\">\n                    <div class=\"w-14 h-14 rounded-full bg-clinic-200 flex items-center justify-center border-2 border-white dark:border-slate-800 shadow-md\">\n                        <i class=\"fa-solid fa-user-doctor text-clinic-700 text-xl\"><\/i>\n                    <\/div>\n                    <span class=\"absolute bottom-0 right-0 block h-3.5 w-3.5 rounded-full bg-emerald-400 ring-2 ring-white dark:ring-slate-900\"><\/span>\n                <\/div>\n                <div class=\"text-left\">\n                    <p class=\"text-sm font-bold text-slate-900 dark:text-white\">\u4e0a\u7530 \u9662\u9577<\/p>\n                    <p class=\"text-xs text-slate-500 dark:text-slate-400\">\u4e0a\u7530\u8a3a\u7642\u6240 \u9662\u9577\u30fb\u7cd6\u5c3f\u75c5\u3068\u4ee3\u8b1d of \u533b\u8005<\/p>\n                <\/div>\n                <div class=\"border-l border-slate-300 dark:border-slate-700 h-8 pl-4 text-left\">\n                    <p class=\"text-xs text-slate-400\">\u516c\u958b\u65e5: 2026\u5e746\u670823\u65e5<\/p>\n                    <p class=\"text-xs text-slate-500 dark:text-slate-400\"><i class=\"fa-regular fa-clock mr-1\"><\/i>\u8aad\u4e86\u76ee\u5b89: \u7d046\u5206<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content Container (Centered for maximum readability) -->\n    <main class=\"max-w-4xl mx-auto px-4 sm:px-6 py-12\">\n        \n        <!-- Article Content -->\n        <article class=\"bg-white dark:bg-slate-800\/80 rounded-3xl p-6 sm:p-10 shadow-sm border border-slate-100 dark:border-slate-800\">\n            \n            <!-- Introduction -->\n            <div class=\"blog-content prose dark:prose-invert max-w-none text-slate-800 dark:text-slate-200 text-lg leading-relaxed\">\n                    <p class=\"font-bold text-clinic-700 dark:text-clinic-400 text-xl border-l-4 border-clinic-500 pl-4 py-2 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-r-lg\">\n                        \u3053\u3093\u306b\u3061\u306f\uff01\u4e0a\u7530\u8a3a\u7642\u6240\u9662\u9577\u306e\u4e0a\u7530\u3067\u3059\u3002\n                    <\/p>\n                    <p>\n                        \u300c\u4ee5\u524d\u3068\u540c\u3058\u98df\u4e8b\u91cf\u306a\u306e\u306b\u3001\u306a\u305c\u304b\u4f53\u91cd\u304c\u5897\u3048\u7d9a\u3051\u3066\u3044\u308b\u300d<br>\n                        \u300c\u5065\u5eb7\u8a3a\u65ad\u3067\u8840\u7cd6\u5024\u306e\u7570\u5e38\u3092\u6307\u6458\u3055\u308c\u305f\u3051\u308c\u3069\u3001\u4f55\u304b\u3089\u624b\u3092\u3064\u3051\u308c\u3070\u3044\u3044\u306e\u304b\u308f\u304b\u3089\u306a\u3044\u300d\u2026\u2026\u3002<br>\n                        \u5f53\u9662\u3092\u8a2a\u308c\u308b\u591a\u304f\u306e\u60a3\u8005\u69d8\u304b\u3089\u3001\u3053\u306e\u3088\u3046\u306a\u5207\u5b9f\u306a\u304a\u60a9\u307f\u3092\u4f3a\u3044\u307e\u3059\u3002\n                    <\/p>\n                    <p>\n                        \u300c\u610f\u5fd7\u304c\u5f31\u3044\u304b\u3089\u75e9\u305b\u3089\u308c\u306a\u3044\u300d\u3068\u81ea\u5206\u3092\u8cac\u3081\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br>\n                        \u5b9f\u306f\u3001\u80a5\u6e80\u3068\u7cd6\u5c3f\u75c5\u306f\u3001\u4f53\u5185\u306e\u30db\u30eb\u30e2\u30f3\u30d0\u30e9\u30f3\u30b9\u3084\u7d30\u80de\u306e\u30e1\u30ab\u30cb\u30ba\u30e0\u304c\u8907\u96d1\u306b\u7d61\u307f\u5408\u3063\u305f<strong>\u300c\u75c5\u614b\uff08\u75c5\u6c17\u306e\u72b6\u614b\uff09\u300d<\/strong>\u306a\u306e\u3067\u3059\u3002\n                    <\/p>\n                    <p>\n                        \u4eca\u65e5\u306f\u3001\u7686\u3055\u3093\u304c\u62b1\u304f\u7591\u554f\u3092\u533b\u5b66\u7684\u306b\u89e3\u304d\u660e\u304b\u3057\u3001\u6700\u65b0\u306e\u6cbb\u7642\u9078\u629e\u80a2\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u304a\u8a71\u3057\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <!-- Table of Contents (\u76ee\u6b21) -->\n                <div class=\"my-8 p-6 sm:p-8 bg-clinic-50\/30 dark:bg-slate-900\/50 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                    <h2 class=\"text-base font-bold text-slate-900 dark:text-white mb-4 flex items-center\">\n                        <i class=\"fa-solid fa-list-ul text-clinic-500 mr-2\"><\/i>\u3053\u306e\u8a18\u4e8b\u306e\u76ee\u6b21\n                    <\/h2>\n                    <ul class=\"space-y-3 text-sm sm:text-base text-slate-700 dark:text-slate-300\">\n                        <li>\n                            <a href=\"#q1\" class=\"hover:text-clinic-600 dark:hover:text-clinic-400 transition-colors flex items-start\">\n                                <span class=\"bg-clinic-100 dark:bg-clinic-950 text-clinic-800 dark:text-clinic-300 text-xs px-2 py-0.5 rounded mr-3 font-mono\">1<\/span>\n                                \u305d\u3082\u305d\u3082\u300c\u30a4\u30f3\u30b9\u30ea\u30f3\u300d\u3068\u300c\u80a5\u6e80\u300d\u306f\u3069\u3046\u95a2\u4fc2\u3057\u3066\u3044\u308b\u306e\uff1f\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"#q2\" class=\"hover:text-clinic-600 dark:hover:text-clinic-400 transition-colors flex items-start\">\n                                <span class=\"bg-clinic-100 dark:bg-clinic-950 text-clinic-800 dark:text-clinic-300 text-xs px-2 py-0.5 rounded mr-3 font-mono\">2<\/span>\n                                \u300c\u5185\u81d3\u8102\u80aa\u300d\u3060\u3051\u3058\u3083\u306a\u3044\uff1f \u5fcd\u3073\u5bc4\u308b\u300c\u7b2c\u4e09\u306e\u8102\u80aa\u300d\u306e\u6b63\u4f53\u3068\u306f\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"#q3\" class=\"hover:text-clinic-600 dark:hover:text-clinic-400 transition-colors flex items-start\">\n                                <span class=\"bg-clinic-100 dark:bg-clinic-950 text-clinic-800 dark:text-clinic-300 text-xs px-2 py-0.5 rounded mr-3 font-mono\">3<\/span>\n                                \u6700\u8fd1\u8a71\u984c\u306e\u300c\u80a5\u6e80\u75c7\u306e\u6700\u65b0\u85ac\u300d\u3063\u3066\u3001\u3069\u3093\u306a\u4ed5\u7d44\u307f\u306a\u306e\uff1f\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"#q4\" class=\"hover:text-clinic-600 dark:hover:text-clinic-400 transition-colors flex items-start\">\n                                <span class=\"bg-clinic-100 dark:bg-clinic-950 text-clinic-800 dark:text-clinic-300 text-xs px-2 py-0.5 rounded mr-3 font-mono\">4<\/span>\n                                \u98df\u4e8b\u5236\u9650\u306f\u300c\u4f55\u3092\u629c\u304f\u304b\u300d\u3067\u306f\u306a\u304f\u300c\u3069\u3046\u7d44\u307f\u5408\u308f\u305b\u308b\u304b\u300d\uff1f\n                            <\/a>\n                        <\/li>\n                        <li>\n                            <a href=\"#q5\" class=\"hover:text-clinic-600 dark:hover:text-clinic-400 transition-colors flex items-start\">\n                                <span class=\"bg-clinic-100 dark:bg-clinic-950 text-clinic-800 dark:text-clinic-300 text-xs px-2 py-0.5 rounded mr-3 font-mono\">5<\/span>\n                                \u904b\u52d5\u304c\u9577\u7d9a\u304d\u3057\u306a\u3044\uff01 \u3069\u308c\u304f\u3089\u3044\u306e\u5f37\u3055\u304c\u6700\u9069\u306a\u306e\uff1f\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <hr class=\"my-10 border-slate-100 dark:border-slate-800\">\n\n                <!-- Question 1 Section -->\n                <section id=\"q1\" class=\"scroll-mt-24\">\n                    <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center\">\n                        <span class=\"w-8 h-8 rounded-full bg-clinic-500 text-white flex items-center justify-center font-mono text-sm mr-3\">1<\/span>\n                        \u305d\u3082\u305d\u3082\u300c\u30a4\u30f3\u30b9\u30ea\u30f3\u300d\u3068\u300c\u80a5\u6e80\u300d\u306f\u3069\u3046\u95a2\u4fc2\u3057\u3066\u3044\u308b\u306e\uff1f\n                    <\/h2>\n                    \n                    <div class=\"blog-content\">\n                        <p>\u79c1\u305f\u3061\u306f\u98df\u4e8b\u3092\u3059\u308b\u3068\u3001\u8840\u6db2\u4e2d\u306e\u7cd6\uff08\u30d6\u30c9\u30a6\u7cd6\uff09\u304c\u5897\u3048\u307e\u3059\u3002\u3053\u308c\u3092\u611f\u77e5\u3057\u3066\u81b5\u81d3\u304b\u3089\u5206\u6ccc\u3055\u308c\u308b\u306e\u304c\u30a4\u30f3\u30b9\u30ea\u30f3\u3068\u3044\u3046\u30db\u30eb\u30e2\u30f3\u3067\u3059\u3002<\/p>\n                        <p>\u30a4\u30f3\u30b9\u30ea\u30f3\u306f\u3001\u7cd6\u3092\u7b4b\u8089\u306a\u3069\u306e\u7d30\u80de\u306b\u53d6\u308a\u8fbc\u307e\u305b\u3066\u30a8\u30cd\u30eb\u30ae\u30fc\u3068\u3057\u3066\u5229\u7528\u3057\u305f\u308a\u3001\u4f59\u3063\u305f\u5206\u3092\u8102\u80aa\u3068\u3057\u3066\u84c4\u3048\u305f\u308a\u3059\u308b\u3001\u3044\u308f\u3070<strong>\u300c\u4ea4\u901a\u6574\u7406\u300d<\/strong>\u306e\u5f79\u5272\u3092\u679c\u305f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n\n                    <!-- Interactive Illustration 1: Insulin Door Key Simulator -->\n                    <div class=\"my-8 p-5 sm:p-6 bg-clinic-50\/30 dark:bg-slate-900 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                        <h4 class=\"text-sm font-bold text-slate-800 dark:text-slate-200 mb-3 flex items-center\">\n                            <i class=\"fa-solid fa-circle-play text-clinic-500 mr-2 text-base\"><\/i>\u3010\u52d5\u304f\u89e3\u8aac\u56f3\u3011\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u300c\u4ea4\u901a\u6574\u7406\u300d\u30e1\u30ab\u30cb\u30ba\u30e0\n                        <\/h4>\n                        \n                        <!-- Mini simulation interactive UI -->\n                        <div class=\"bg-white dark:bg-slate-950 p-4 sm:p-6 rounded-xl border border-slate-100 dark:border-slate-800 flex flex-col items-center gap-6\">\n                            \n                            <!-- Visual Stage -->\n                            <div class=\"relative w-full max-w-[320px] h-[180px] border border-slate-100 dark:border-slate-800 rounded-lg overflow-hidden bg-slate-50 dark:bg-slate-900 shadow-inner\">\n                                <!-- Cell Door Wall -->\n                                <div class=\"absolute right-0 top-0 bottom-0 w-16 bg-blue-100 dark:bg-blue-950\/40 border-l-4 border-blue-400 flex items-center justify-center\">\n                                    <span class=\"text-xs font-bold text-blue-700 dark:text-blue-300 writing-vertical select-none\" style=\"writing-mode: vertical-rl;\">\u7b4b\u8089\u7d30\u80de<\/span>\n                                <\/div>\n                                \n                                <!-- Cell Gate -->\n                                <div id=\"gate-element\" class=\"absolute right-12 top-14 w-4 h-12 bg-red-400 rounded-md transition-all duration-500 border-2 border-red-500 shadow-sm flex items-center justify-center\">\n                                    <i class=\"fa-solid fa-lock text-white text-[10px]\"><\/i>\n                                <\/div>\n\n                                <!-- Elements Floating -->\n                                <!-- Glucose -->\n                                <div id=\"glucose-particle\" class=\"absolute left-6 top-14 w-8 h-8 rounded-full bg-amber-400 border-2 border-amber-500 flex items-center justify-center text-white text-xs font-black shadow-md transition-all duration-1000\">\n                                    \u7cd6\n                                <\/div>\n\n                                <!-- Insulin -->\n                                <div id=\"insulin-particle\" class=\"absolute left-6 top-28 w-6 h-6 rounded-md bg-clinic-500 border border-clinic-600 flex items-center justify-center text-white text-[10px] font-bold shadow transition-all duration-1000\">\n                                    \u9375\n                                <\/div>\n\n                                <!-- Key Receptor -->\n                                <div class=\"absolute right-[4.5rem] top-28 w-4 h-4 rounded-full bg-clinic-100 dark:bg-clinic-900 border border-clinic-400 flex items-center justify-center\">\n                                    <div class=\"w-2 h-2 bg-clinic-500 rounded-full\"><\/div>\n                                <\/div>\n                                <span class=\"absolute right-[5.5rem] top-28 text-[10px] text-slate-400\">\u53d7\u5bb9\u4f53<\/span>\n                            <\/div>\n\n                            <!-- Controller -->\n                            <div class=\"text-center w-full max-w-xl\">\n                                <p class=\"text-xs sm:text-sm text-slate-600 dark:text-slate-400 mb-4 leading-relaxed\">\n                                    \u300c\u98df\u4e8b\u300d\u3092\u3057\u3066\u8840\u6db2\u4e2d\u306e\u7cd6\u304c\u5897\u3048\u308b\u3068\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\uff08\u9375\uff09\u304c\u5206\u6ccc\u3055\u308c\u307e\u3059\u3002\u30a4\u30f3\u30b9\u30ea\u30f3\u304c\u7d30\u80de\u306e\u53d7\u5bb9\u4f53\uff08\u9375\u7a74\uff09\u306b\u5408\u56f3\u3092\u9001\u308b\u3053\u3068\u3067\u3001\u6249\u304c\u958b\u3044\u3066\u7cd6\u304c\u7d30\u80de\u306b\u5165\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4e0b\u306e\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\n                                <\/p>\n                                <div class=\"flex flex-wrap justify-center gap-2\">\n                                    <button onclick=\"runInsulinSim('normal')\" class=\"px-4 py-2 bg-clinic-600 hover:bg-clinic-700 text-white rounded-lg text-xs font-bold transition shadow-md hover:scale-[1.02]\">\n                                        \u98df\u4e8b\u3092\u3068\u308b (\u6b63\u5e38)\n                                    <\/button>\n                                    <button onclick=\"runInsulinSim('excess')\" class=\"px-4 py-2 bg-amber-500 hover:bg-amber-600 text-white rounded-lg text-xs font-bold transition shadow-md hover:scale-[1.02]\">\n                                        \u98df\u3079\u3059\u304e (\u9ad8\u30a4\u30f3\u30b9\u30ea\u30f3)\n                                    <\/button>\n                                    <button onclick=\"resetInsulinSim()\" class=\"px-4 py-2 bg-slate-200 hover:bg-slate-300 text-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700 dark:text-slate-300 rounded-lg text-xs font-bold transition\">\n                                        \u30ea\u30bb\u30c3\u30c8\n                                    <\/button>\n                                <\/div>\n                                <p id=\"sim-status\" class=\"mt-4 text-xs sm:text-sm font-bold text-clinic-600 dark:text-clinic-400 bg-clinic-50 dark:bg-clinic-950\/20 py-1.5 px-4 rounded-lg inline-block\">\u30b9\u30c6\u30fc\u30bf\u30b9: \u5f85\u6a5f\u4e2d<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Illustration Caption \/ Explanation -->\n                        <div class=\"mt-4 p-4 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-xl border-l-4 border-clinic-400\">\n                            <p class=\"text-xs font-bold text-clinic-800 dark:text-clinic-300 mb-1\"><i class=\"fa-solid fa-circle-info mr-1 text-sm\"><\/i>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac\uff1a\u30a4\u30f3\u30b9\u30ea\u30f3\u306b\u3088\u308b\u7cd6\u4ee3\u8b1d\u306e\u4ea4\u901a\u6574\u7406<\/p>\n                            <p class=\"text-[11px] sm:text-xs text-slate-600 dark:text-slate-400 leading-relaxed\">\n                                <strong>\u300c\u6b63\u5e38\u300d\u306a\u72b6\u614b\uff1a<\/strong>\u98df\u4e8b\u306b\u3088\u3063\u3066\u767a\u751f\u3057\u305f\u8840\u6db2\u4e2d\u306e\u30d6\u30c9\u30a6\u7cd6\uff08\u9ec4\u4e38\uff09\u3092\u611f\u77e5\u3057\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\uff08\u7dd1\u56db\u89d2\uff09\u304c\u53d7\u5bb9\u4f53\uff08\u9375\u7a74\uff09\u3092\u523a\u6fc0\u3057\u3066\u7d30\u80de\u306e\u30b2\u30fc\u30c8\uff08\u8d64\u30b2\u30fc\u30c8\uff09\u3092\u958b\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u7cd6\u304c\u7b4b\u8089\u7d30\u80de\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u53d6\u308a\u8fbc\u307e\u308c\u3066\u30a8\u30cd\u30eb\u30ae\u30fc\u3078\u3068\u5909\u63db\u3055\u308c\u307e\u3059\u3002<br>\n                                <strong>\u300c\u904e\u5270\u30fb\u9ad8\u30a4\u30f3\u30b9\u30ea\u30f3\u300d\u306a\u72b6\u614b\uff1a<\/strong>\u904e\u5270\u6442\u53d6\u304c\u7d9a\u304f\u3068\u30a4\u30f3\u30b9\u30ea\u30f3\u304c\u50cd\u304d\u7d9a\u3051\u3001\u4f59\u5270 of \u7cd6\u304c\u8102\u80aa\u3068\u3057\u3066\u56fa\u5b9a\u3055\u308c\u3084\u3059\u304f\u306a\u308a\u3001\u3084\u304c\u3066\u9375\uff08\u30a4\u30f3\u30b9\u30ea\u30f3\uff09\u306e\u611f\u5ea6\u920d\u5316\u300c\u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u300d\u3078\u3068\u9032\u884c\u3057\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"blog-content\">\n                        <p>\u3057\u304b\u3057\u3001\u5fc5\u8981\u4ee5\u4e0a\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u6442\u53d6\u304c\u7d9a\u304f\u3068\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u306f\u5e38\u306b\u30d5\u30eb\u7a3c\u50cd\u72b6\u614b\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                        <p>\u8840\u6db2\u4e2d\u306e\u7cd6\u3092\u5fc5\u6b7b\u306b\u4e0b\u3052\u3088\u3046\u3068\u3057\u3066\u30a4\u30f3\u30b9\u30ea\u30f3\u304c\u904e\u5270\u306b\u5206\u6ccc\u3055\u308c\u308b\uff08\u9ad8\u30a4\u30f3\u30b9\u30ea\u30f3\u8840\u75c7\uff09\u3068\u3001\u4f53\u306f\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u6e9c\u3081\u8fbc\u3080\u30e2\u30fc\u30c9\u306b\u56fa\u5b9a\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n                        <p>\u3055\u3089\u306b\u98df\u3079\u904e\u304e\u304c\u7d9a\u304f\u3068\u3001\u6b21\u7b2c\u306b\u7d30\u80de\u304c\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u5408\u56f3\u306b\u53cd\u5fdc\u3057\u306a\u304f\u306a\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n                        <p>\u3053\u308c\u304c<strong>\u300c\u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u300d<\/strong>\u3067\u3059\u3002<\/p>\n                        <p>\u30a4\u30f3\u30b9\u30ea\u30f3\u304c\u52b9\u304d\u306b\u304f\u304f\u306a\u308b\u3068\u3001\u81b5\u81d3\u306f\u3055\u3089\u306b\u5927\u91cf of \u30a4\u30f3\u30b9\u30ea\u30f3\u3092\u51fa\u3057\u3066\u88dc\u304a\u3046\u3068\u3057\u307e\u3059\u304c\u3001\u3084\u304c\u3066\u8ffd\u3044\u3064\u304b\u306a\u304f\u306a\u308a\u3001\u8840\u7cd6\u5024\u304c\u4e0a\u6607\u3057\u3066\u7cd6\u5c3f\u75c5\u3092\u767a\u75c7\u3059\u308b\u306e\u3067\u3059\u3002<\/p>\n                    <\/div>\n                <\/section>\n\n                <hr class=\"my-10 border-slate-100 dark:border-slate-800\">\n\n                <!-- Question 2 Section -->\n                <section id=\"q2\" class=\"scroll-mt-24\">\n                    <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center\">\n                        <span class=\"w-8 h-8 rounded-full bg-clinic-500 text-white flex items-center justify-center font-mono text-sm mr-3\">2<\/span>\n                        \u300c\u5185\u81d3\u8102\u80aa\u300d\u3060\u3051\u3058\u3083\u306a\u3044\uff1f \u5fcd\u3073\u5bc4\u308b\u300c\u7b2c\u4e09\u306e\u8102\u80aa\u300d\u306e\u6b63\u4f53\u3068\u306f\n                    <\/h2>\n\n                    <div class=\"blog-content\">\n                        <p>\u3088\u304f\u300c\u304a\u8179\u304c\u51fa\u3066\u304d\u305f\u300d\u3068\u6c17\u306b\u3055\u308c\u307e\u3059\u304c\u3001\u672c\u5f53\u306b\u6016\u3044\u306e\u306f\u76ee\u306b\u898b\u3048\u308b\u76ae\u4e0b\u8102\u80aa\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n                        <p>\u8102\u80aa\u7d30\u80de\u304c\u5927\u304d\u304f\u81a8\u3089\u3093\u3067\u30d1\u30f3\u30d1\u30f3\u306b\u306a\u308b\u3068\u3001\u305d\u3053\u304b\u3089\u5168\u8eab\u306b\u300c\u5fae\u5f31\u306a\u708e\u75c7\u300d\u3092\u5f15\u304d\u8d77\u3053\u3059\u7269\u8cea\u304c\u653e\u51fa\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u708e\u75c7\u306f\u3001\u3055\u3089\u306b\u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u3092\u60aa\u5316\u3055\u305b\u307e\u3059\u3002<\/p>\n                        <p>\u305d\u3057\u3066\u3001\u884c\u304d\u5834\u3092\u5931\u3063\u305f\u8102\u80aa\u306f\u3001\u672c\u6765\u8caf\u8535\u5eab\u3067\u306f\u306a\u3044\u306f\u305a\u306e\u809d\u81d3\u3084\u7b4b\u8089\u306b\u307e\u3067\u6ea2\u308c\u51fa\u3057\u307e\u3059\u3002\u3053\u308c\u3092<strong>\u300c\u7570\u6240\u6027\u8102\u80aa\uff08\u7b2c\u4e09\u306e\u8102\u80aa\uff09\u300d<\/strong>\u3068\u547c\u3073\u307e\u3059\u3002<\/p>\n                    <\/div>\n\n                    <!-- SVG Illustration 2: Three Types of Fat -->\n                    <div class=\"my-8 p-5 sm:p-6 bg-clinic-50\/30 dark:bg-slate-900 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                        <h4 class=\"text-sm font-bold text-slate-800 dark:text-slate-200 mb-4 flex items-center\">\n                            <i class=\"fa-solid fa-triangle-exclamation text-amber-500 mr-2 text-base\"><\/i>\u3010\u8102\u80aa\u30bf\u30a4\u30d7\u56f3\u89e3\u3011\u4f53\u5185\u306b\u84c4\u7a4d\u3059\u308b\u300c3\u3064\u306e\u8102\u80aa\u300d\n                        <\/h4>\n\n                        <div class=\"flex flex-col items-center gap-6\">\n                            <!-- SVG Display -->\n                            <div class=\"w-full flex justify-center\">\n                                <svg class=\"w-full max-w-[280px] bg-white dark:bg-slate-950 p-4 rounded-2xl border border-slate-100 dark:border-slate-800 shadow-sm\" viewBox=\"0 0 200 240\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <!-- Outline Body -->\n                                    <path d=\"M40 220 C40 160 30 110 50 60 C60 40 80 30 100 30 C120 30 140 40 150 60 C170 110 160 160 160 220\" stroke=\"#94a3b8\" stroke-width=\"4\" stroke-dasharray=\"2 2\" \/>\n                                    <!-- Skin Layer -->\n                                    <path d=\"M40 220 C40 160 30 110 50 60 C60 40 80 30 100 30 C120 30 140 40 150 60 C170 110 160 160 160 220\" stroke=\"#fbcfe8\" stroke-width=\"12\" stroke-linecap=\"round\" \/>\n                                    \n                                    <!-- \u76ae\u4e0b\u8102\u80aa -->\n                                    <path d=\"M37 200 C37 160 27 120 45 75 C45 75 35 120 35 180\" stroke=\"#fef08a\" stroke-width=\"8\" opacity=\"0.9\"\/>\n                                    <path d=\"M163 200 C163 160 173 120 155 75 C155 75 165 120 165 180\" stroke=\"#fef08a\" stroke-width=\"8\" opacity=\"0.9\"\/>\n\n                                    <!-- \u5185\u81d3 -->\n                                    <rect x=\"75\" y=\"110\" width=\"50\" height=\"60\" rx=\"10\" fill=\"#fca5a5\" stroke=\"#f87171\" stroke-width=\"2\"\/>\n                                    <!-- \u5185\u81d3\u8102\u80aa -->\n                                    <circle cx=\"70\" cy=\"130\" r=\"12\" fill=\"#fde047\" stroke=\"#eab308\" stroke-width=\"1\" \/>\n                                    <circle cx=\"130\" cy=\"140\" r=\"10\" fill=\"#fde047\" stroke=\"#eab308\" stroke-width=\"1\" \/>\n                                    <circle cx=\"85\" cy=\"160\" r=\"14\" fill=\"#fde047\" stroke=\"#eab308\" stroke-width=\"1\" \/>\n\n                                    <!-- \u7570\u6240\u6027\u8102\u80aa -->\n                                    <!-- Liver Shape -->\n                                    <path d=\"M90 75 C95 65 115 65 120 75 C125 80 115 95 105 95 C95 95 85 85 90 75 Z\" fill=\"#b91c1c\" \/>\n                                    <!-- Fat Droplets inside liver -->\n                                    <circle cx=\"100\" cy=\"78\" r=\"3\" fill=\"#eab308\" \/>\n                                    <circle cx=\"110\" cy=\"84\" r=\"2.5\" fill=\"#eab308\" \/>\n\n                                    <!-- Annotations -->\n                                    <g class=\"text-[10px] font-bold\">\n                                        <!-- \u76ae\u4e0b\u8102\u80aa -->\n                                        <text x=\"5\" y=\"55\" fill=\"#ca8a04\">\u2460\u76ae\u4e0b\u8102\u80aa<\/text>\n                                        <path d=\"M10 60 L35 90\" stroke=\"#ca8a04\" stroke-width=\"1\" \/>\n                                        \n                                        <!-- \u5185\u81d3\u8102\u80aa -->\n                                        <text x=\"145\" y=\"150\" fill=\"#a16207\">\u2461\u5185\u81d3\u8102\u80aa<\/text>\n                                        <path d=\"M145 147 L125 142\" stroke=\"#a16207\" stroke-width=\"1\" \/>\n\n                                        <!-- \u7570\u6240\u6027\u8102\u80aa -->\n                                        <text x=\"135\" y=\"80\" fill=\"#b45309\">\u2462\u7570\u6240\u6027\u8102\u80aa<\/text>\n                                        <text x=\"135\" y=\"94\" fill=\"#ef4444\" class=\"font-normal text-[8px]\">(\u5fc3\u81d3\u30fb\u809d\u81d3\u306a\u3069)<\/text>\n                                        <path d=\"M132 85 L115 82\" stroke=\"#b45309\" stroke-width=\"1\" \/>\n                                    <\/g>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Description Cards (PC\/Tablet: 3-Column, Mobile: 1-Column) -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 w-full\">\n                                <div class=\"p-4 bg-white dark:bg-slate-950 rounded-xl border-l-4 border-yellow-300 shadow-sm flex flex-col\">\n                                    <span class=\"font-bold text-slate-800 dark:text-white block text-sm sm:text-base mb-1\">\u2460 \u76ae\u4e0b\u8102\u80aa\uff08\u3064\u307e\u3081\u308b\u8102\u80aa\uff09<\/span>\n                                    <p class=\"text-xs text-slate-500 dark:text-slate-400 leading-relaxed\">\u76ae\u819a\u306e\u3059\u3050\u4e0b\u306b\u84c4\u7a4d\u3002\u75c5\u7684\u306a\u5f71\u97ff\u306f\u6bd4\u8f03\u7684\u7de9\u3084\u304b\u3067\u3059\u304c\u3001\u4e00\u5ea6\u84c4\u7a4d\u3059\u308b\u3068\u843d\u3068\u3057\u306b\u304f\u3044\u306e\u304c\u7279\u5fb4\u3067\u3059\u3002<\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-white dark:bg-slate-950 rounded-xl border-l-4 border-amber-500 shadow-sm flex flex-col\">\n                                    <span class=\"font-bold text-slate-800 dark:text-white block text-sm sm:text-base mb-1\">\u2461 \u5185\u81d3\u8102\u80aa\uff08\u304a\u8179\u307d\u3063\u3053\u308a\uff09<\/span>\n                                    <p class=\"text-xs text-slate-500 dark:text-slate-400 leading-relaxed\">\u8179\u8154\u5185\u306e\u81d3\u5668\u306e\u5468\u308a\u306b\u84c4\u7a4d\u3002\u4ee3\u8b1d\u6d3b\u6027\u304c\u5f37\u304f\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u3092\u5f37\u3081\u308b\u60aa\u7389\u7269\u8cea\u3092\u653e\u51fa\u3057\u307e\u3059\u3002<\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-white dark:bg-slate-950 rounded-xl border-l-4 border-red-500 shadow-sm flex flex-col\">\n                                    <span class=\"font-bold text-slate-800 dark:text-white block text-sm sm:text-base mb-1\">\u2462 \u7570\u6240\u6027\u8102\u80aa\uff08\u7b2c\u4e09\u306e\u8102\u80aa\uff09<\/span>\n                                    <p class=\"text-xs text-slate-500 dark:text-slate-400 leading-relaxed\">\u672c\u6765\u8102\u80aa\u304c\u6e9c\u307e\u3089\u306a\u3044\u300c\u809d\u81d3\uff08\u8102\u80aa\u809d\uff09\u300d\u3084\u300c\u9aa8\u683c\u7b4b\uff08\u8102\u80aa\u7b4b\uff09\u300d\u306b\u76f4\u63a5\u84c4\u7a4d\u3002\u30a4\u30f3\u30b9\u30ea\u30f3\u52b9\u679c\u3092\u5f37\u70c8\u306b\u4e0b\u3052\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Illustration Caption \/ Explanation -->\n                        <div class=\"mt-4 p-4 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-xl border-l-4 border-clinic-400\">\n                            <p class=\"text-xs font-bold text-clinic-800 dark:text-clinic-300 mb-1\"><i class=\"fa-solid fa-circle-info mr-1 text-sm\"><\/i>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac\uff1a\u5fcd\u3073\u5bc4\u308b\u300c\u7570\u6240\u6027\u8102\u80aa\uff08\u7b2c3\u306e\u8102\u80aa\uff09\u300d\u306e\u6050\u6016<\/p>\n                            <p class=\"text-[11px] sm:text-xs text-slate-600 dark:text-slate-400 leading-relaxed\">\n                                \u3053\u306e\u56f3\u306f\u3001\u4f53\u306b\u84c4\u7a4d\u3059\u308b\u8102\u80aa\u306e\u533a\u5206\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u4f53\u8868\u8fd1\u304f\u306e\u300c\u76ae\u4e0b\u8102\u80aa\u300d\u3001\u80c3\u8178\u306e\u9699\u9593\u306e\u300c\u5185\u81d3\u8102\u80aa\u300d\u306b\u7d9a\u304d\u3001\u8fd1\u5e74\u6700\u6ce8\u76ee\u3055\u308c\u3066\u3044\u308b\u306e\u304c\u300c\u7570\u6240\u6027\u8102\u80aa\u300d\u3067\u3059\u3002\u8102\u80aa\u30bf\u30f3\u30af\u304c\u6ea2\u308c\u8fd4\u308a\u3001\u809d\u81d3\uff08\u8102\u80aa\u809d\uff09\u3084\u7b4b\u8089\uff08\u8102\u80aa\u7b4b\uff09\u306e\u9699\u9593\u306b\u76f4\u63a5\u30ae\u30c8\u30ae\u30c8\u3068\u6cb9\u304c\u67d3\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u7d30\u80de\u304c\u7269\u7406\u7684\u30fb\u5316\u5b66\u7684\u306b\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u4fe1\u53f7\u3092\u30b7\u30e3\u30c3\u30c8\u30a2\u30a6\u30c8\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"blog-content\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 my-6\">\n                            <div class=\"p-4 bg-rose-50\/50 dark:bg-rose-950\/20 rounded-xl border border-rose-100 dark:border-rose-900\/50\">\n                                <h4 class=\"font-bold text-rose-800 dark:text-rose-400 text-base mb-2 flex items-center\">\n                                    <i class=\"fa-solid fa-lungs mr-2 text-lg\"><\/i>\u8102\u80aa\u809d\uff08\u3057\u307c\u3046\u304b\u3093\uff09\n                                <\/h4>\n                                <p class=\"text-xs sm:text-sm text-slate-700 dark:text-slate-300 leading-relaxed mb-0\">\u809d\u81d3\u306b\u8102\u80aa\u304c\u6e9c\u307e\u308b\u3068\u3001\u809d\u81d3\u3067\u306e\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u52b9\u304d\u304c\u60aa\u304f\u306a\u308a\u307e\u3059\u3002\u305d\u306e\u7d50\u679c\u3001\u7a7a\u8179\u6642\u3067\u3042\u3063\u3066\u3082\u809d\u81d3\u304c\u52dd\u624b\u306b\u7cd6\u3092\u4f5c\u308a\u51fa\u3057\u3001\u8840\u7cd6\u5024\u304c\u4e0a\u304c\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n                            <\/div>\n                            <div class=\"p-4 bg-rose-50\/50 dark:bg-rose-950\/20 rounded-xl border border-rose-100 dark:border-rose-900\/50\">\n                                <h4 class=\"font-bold text-rose-800 dark:text-rose-400 text-base mb-2 flex items-center\">\n                                    <i class=\"fa-solid fa-person-running mr-2 text-lg\"><\/i>\u8102\u80aa\u7b4b\uff08\u3057\u307c\u3046\u304d\u3093\uff09\n                                <\/h4>\n                                <p class=\"text-xs sm:text-sm text-slate-700 dark:text-slate-300 leading-relaxed mb-0\">\u7b4b\u8089\u306b\u8102\u80aa\u304c\u6e9c\u307e\u308b\u3068\u3001\u904b\u52d5\u3092\u3057\u3066\u3082\u7cd6\u3092\u3046\u307e\u304f\u53d6\u308a\u8fbc\u3081\u306a\u304f\u306a\u308a\u307e\u3059\u3002\u30a8\u30cd\u30eb\u30ae\u30fc\u6d88\u8cbb\u306e\u6700\u5927\u62e0\u70b9\u3067\u3042\u308b\u7b4b\u8089\u304c\u4e0d\u6d3b\u5316\u3059\u308b\u3001\u6050\u308d\u3057\u3044\u72b6\u614b\u3067\u3059\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                        <p>\u3064\u307e\u308a\u3001\u592a\u308b\u3053\u3068\u3067\u300c\u30a4\u30f3\u30b9\u30ea\u30f3\u304c\u52b9\u304b\u306a\u3044\u4f53\u300d\u304c\u4f5c\u3089\u308c\u3001\u305d\u308c\u304c\u3055\u3089\u306b\u80a5\u6e80\u3068\u7cd6\u5c3f\u75c5\u3092\u60aa\u5316\u3055\u305b\u308b\u3068\u3044\u3046\u3001<strong>\u8ca0\u306e\u30b9\u30d1\u30a4\u30e9\u30eb<\/strong>\u304c\u5b8c\u6210\u3057\u3066\u3057\u307e\u3046\u306e\u3067\u3059\u3002<\/p>\n                    <\/div>\n                <\/section>\n\n                <hr class=\"my-10 border-slate-100 dark:border-slate-800\">\n\n                <!-- Question 3 Section -->\n                <section id=\"q3\" class=\"scroll-mt-24\">\n                    <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center\">\n                        <span class=\"w-8 h-8 rounded-full bg-clinic-500 text-white flex items-center justify-center font-mono text-sm mr-3\">3<\/span>\n                        \u6700\u8fd1\u8a71\u984c\u306e\u300c\u80a5\u6e80\u75c7\u306e\u6700\u65b0\u85ac\u300d\u3063\u3066\u3001\u3069\u3093\u306a\u4ed5\u7d44\u307f\u306a\u306e\uff1f\n                    <\/h2>\n\n                    <div class=\"blog-content\">\n                        <p>\u300c\u52aa\u529b\u3060\u3051\u3067\u306f\u3069\u3046\u306b\u3082\u306a\u3089\u306a\u3044\u300d\u3068\u3044\u3046\u72b6\u6cc1\u3092\u6253\u7834\u3059\u308b\u305f\u3081\u306b\u3001\u4eca\u3001\u533b\u5b66\u306e\u4e16\u754c\u3067\u306f\u5927\u304d\u306a\u9032\u6b69\u304c\u898b\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n                        <p>\u305d\u308c\u304c<strong>\u300c\u30a4\u30f3\u30af\u30ec\u30c1\u30f3\u300d<\/strong>\u3068\u3044\u3046\u30db\u30eb\u30e2\u30f3\u306b\u6ce8\u76ee\u3057\u305f\u6cbb\u7642\u85ac\u3067\u3059\u3002\u30a4\u30f3\u30af\u30ec\u30c1\u30f3\uff08GLP-1\u3084GIP\uff09\u306f\u3001\u98df\u5f8c\u306b\u5c0f\u8178\u306a\u3069\u304b\u3089\u5206\u6ccc\u3055\u308c\u3001\u8840\u7cd6\u5024\u3092\u4e0b\u3052\u308b\u306e\u3092\u52a9\u3051\u308b\u50cd\u304d\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n                        <p>\u73fe\u5728\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u65b0\u3057\u3044\u9078\u629e\u80a2\u304c\u767b\u5834\u3057\u3066\u3044\u307e\u3059\uff1a<\/p>\n                    <\/div>\n\n                    <!-- Interactive Illustration 3: How GLP-1\/GIP Works in the body -->\n                    <div class=\"my-10 p-5 sm:p-6 bg-clinic-50\/30 dark:bg-slate-900 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                        <h4 class=\"text-sm font-bold text-slate-800 dark:text-slate-200 mb-4 flex items-center\">\n                            <i class=\"fa-solid fa-brain text-purple-500 mr-2 text-base\"><\/i>\u3010\u8996\u899a\u30de\u30c3\u30d7\u3011\u6700\u65b0\u85ac\u304c\u4f53\u306b\u50cd\u304f3\u5927\u30e1\u30ab\u30cb\u30ba\u30e0\n                        <\/h4>\n\n                        <div class=\"flex flex-col items-center gap-6\">\n                            <!-- Visual Graphic -->\n                            <div class=\"relative w-full max-w-[340px] h-[240px] bg-white dark:bg-slate-950 border border-slate-100 dark:border-slate-800 rounded-2xl p-3 shadow-sm flex-shrink-0 mx-auto\">\n                                <!-- Brain Focus -->\n                                <div class=\"absolute left-2 top-2 flex items-center space-x-1.5\">\n                                    <div class=\"w-8 h-8 rounded-full bg-indigo-100 dark:bg-indigo-900\/50 flex items-center justify-center text-indigo-600 dark:text-indigo-400 shadow\">\n                                        <i class=\"fa-solid fa-brain text-xs\"><\/i>\n                                    <\/div>\n                                    <div class=\"bg-indigo-50 dark:bg-indigo-950\/40 border border-indigo-100 dark:border-indigo-900 p-1.5 rounded-lg text-[9px] leading-snug\">\n                                        <span class=\"font-bold block text-indigo-800 dark:text-indigo-300\">\u2460 \u8133\u306b\u4f5c\u7528<\/span>\n                                        \u98df\u6b32\u30fb\u57f7\u7740\u3092\u6291\u5236\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Stomach Focus -->\n                                <div class=\"absolute right-2 top-24 flex items-center space-x-1.5\">\n                                    <div class=\"bg-amber-50 dark:bg-amber-950\/40 border border-amber-100 dark:border-amber-900 p-1.5 rounded-lg text-[9px] text-right leading-snug\">\n                                        <span class=\"font-bold block text-amber-800 dark:text-amber-300\">\u2461 \u80c3\u306b\u4f5c\u7528<\/span>\n                                        \u6392\u6cc4\u3092\u9045\u3089\u305b\u6e80\u8179\u6301\u7d9a\n                                    <\/div>\n                                    <div class=\"w-8 h-8 rounded-full bg-amber-100 dark:bg-amber-900\/50 flex items-center justify-center text-amber-600 dark:text-amber-400 shadow\">\n                                        <i class=\"fa-solid fa-stomach text-xs\"><\/i>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Pancreas Focus -->\n                                <div class=\"absolute left-2 bottom-2 flex items-center space-x-1.5\">\n                                    <div class=\"w-8 h-8 rounded-full bg-emerald-100 dark:bg-emerald-900\/50 flex items-center justify-center text-emerald-600 dark:text-emerald-400 shadow\">\n                                        <i class=\"fa-solid fa-hospital-user text-xs\"><\/i>\n                                    <\/div>\n                                    <div class=\"bg-emerald-50 dark:bg-emerald-950\/40 border border-emerald-100 dark:border-emerald-900 p-1.5 rounded-lg text-[9px] leading-snug\">\n                                        <span class=\"font-bold block text-emerald-800 dark:text-emerald-300\">\u2462 \u81b5\u81d3\u306b\u4f5c\u7528<\/span>\n                                        \u9ad8\u8840\u7cd6\u6642\u306e\u307f\u30a4\u30f3\u30b9\u30ea\u30f3\u4fc3\u9032\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Center Medicine Molecule -->\n                                <div class=\"absolute top-[38%] left-[38%] w-14 h-14 bg-gradient-to-tr from-clinic-500 to-indigo-500 rounded-full flex items-center justify-center text-white font-bold text-xs shadow-lg animate-pulse z-10\">\n                                    GLP-1\u85ac\n                                <\/div>\n\n                                <!-- Connected lines -->\n                                <svg class=\"absolute inset-0 w-full h-full pointer-events-none\" viewBox=\"0 0 340 240\">\n                                    <line x1=\"170\" y1=\"120\" x2=\"90\" y2=\"45\" stroke=\"#818cf8\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" \/>\n                                    <line x1=\"170\" y1=\"120\" x2=\"260\" y2=\"120\" stroke=\"#fbbf24\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" \/>\n                                    <line x1=\"170\" y1=\"120\" x2=\"90\" y2=\"195\" stroke=\"#34d399\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\" \/>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Tabs for Medication Details -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 w-full\">\n                                <div class=\"bg-white dark:bg-slate-950 p-4 rounded-xl border border-slate-100 dark:border-slate-800 shadow-sm flex flex-col justify-between\">\n                                    <div>\n                                        <h5 class=\"font-bold text-xs text-indigo-600 dark:text-indigo-400 uppercase tracking-wide\">GLP-1\u53d7\u5bb9\u4f53\u4f5c\u52d5\u85ac<\/h5>\n                                        <p class=\"text-base font-bold text-slate-800 dark:text-white mt-1\">\u30bb\u30de\u30b0\u30eb\u30c1\u30c9\u7b49\uff08\u30ea\u30d9\u30eb\u30b5\u30b9\u3001\u30aa\u30bc\u30f3\u30d4\u30c3\u30af\u3001\u30a6\u30b4\u30fc\u30d3\uff09<\/p>\n                                        <p class=\"text-xs sm:text-sm text-slate-500 mt-2 leading-relaxed\">\n                                            \u8133\u306b\u76f4\u63a5\u50cd\u304d\u304b\u3051\u3066\u300c\u98df\u3079\u305f\u3044\u300d\u3068\u3044\u3046\u904e\u5ea6\u306a\u6b32\u6c42\u3092\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8\u3055\u305b\u307e\u3059\u3002\u307e\u305f\u3001\u304a\u8179\u306e\u4e2d\u306b\u98df\u3079\u7269\u304c\u7559\u307e\u308b\u6642\u9593\u3092\u9577\u304f\u3057\u3001\u5c11\u91cf\u306e\u98df\u4e8b\u3067\u3082\u9577\u6642\u9593\u306e\u6e80\u8db3\u611f\u3092\u5f97\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"bg-white dark:bg-slate-950 p-4 rounded-xl border border-slate-100 dark:border-slate-800 shadow-sm flex flex-col justify-between\">\n                                    <div>\n                                        <h5 class=\"font-bold text-xs text-purple-600 dark:text-purple-400 uppercase tracking-wide\">GLP-1 \/ GIP\u53d7\u5bb9\u4f53\u4f5c\u52d5\u85ac<\/h5>\n                                        <p class=\"text-base font-bold text-slate-800 dark:text-white mt-1\">\u30c1\u30eb\u30bc\u30d1\u30c1\u30c9\uff08\u30de\u30f3\u30b8\u30e3\u30ed\u3001\u30bc\u30c3\u30d7\u30d0\u30a6\u30f3\u30c9\uff09<\/p>\n                                        <p class=\"text-xs sm:text-sm text-slate-500 mt-2 leading-relaxed\">\n                                            2\u3064\u306e\u80a5\u6e80\u5236\u5fa1\u7cfb\u30db\u30eb\u30e2\u30f3\uff08GLP-1\u3001GIP\uff09\u306e\u4f5c\u7528\u3092\u5408\u308f\u305b\u6301\u3064\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u88fd\u5264\u3067\u3059\u3002\u3088\u308a\u5f37\u529b\u306a\u30a4\u30f3\u30b9\u30ea\u30f3\u5206\u6ccc\u4fc3\u9032\u3068\u3001\u6975\u3081\u3066\u9855\u8457\u306a\u4f53\u91cd\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u4f5c\u7528\u304c\u81e8\u5e8a\u30c7\u30fc\u30bf\u3067\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Illustration Caption \/ Explanation -->\n                        <div class=\"mt-4 p-4 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-xl border-l-4 border-clinic-400\">\n                            <p class=\"text-xs font-bold text-clinic-800 dark:text-clinic-300 mb-1\"><i class=\"fa-solid fa-circle-info mr-1 text-sm\"><\/i>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac\uff1a\u30a4\u30f3\u30af\u30ec\u30c1\u30f3\u95a2\u9023\u6cbb\u7642\u85ac\u306e\u591a\u89d2\u7684\u30a2\u30d7\u30ed\u30fc\u30c1<\/p>\n                            <p class=\"text-[11px] sm:text-xs text-slate-600 dark:text-slate-400 leading-relaxed\">\n                                \u3053\u306e\u56f3\u306f\u3001\u6700\u65b0\u306e\u80a5\u6e80\u75c7\u85ac\u304c\u4f53\u306e\u4e2d\u306e\u4e3b\u8981\u306a\u5668\u5b98\u306b\u3044\u304b\u306b\u5354\u8abf\u3057\u3066\u50cd\u304d\u304b\u3051\u308b\u304b\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u5358\u306b\u300c\u7121\u7406\u3084\u308a\u4ee3\u8b1d\u3092\u4e0a\u3052\u308b\u300d\u306e\u3067\u306a\u304f\u3001\u2460\u4e2d\u67a2\u3092\u4ecb\u3057\u305f\u300c\u81ea\u7136\u306a\u98df\u6b32\u6291\u5236\u300d\u3001\u2461\u6d88\u5316\u7ba1\u306b\u304a\u3051\u308b\u300c\u6d88\u5316\u5438\u53ce\u306e\u7de9\u5f90\u5316\u300d\u3001\u2462\u81b5\u81d3\u306b\u5bfe\u3059\u308b\u300c\u8840\u7cd6\u4f9d\u5b58\u7684\u306a\u30a4\u30f3\u30b9\u30ea\u30f3\u30a2\u30b7\u30b9\u30c8\u300d\u3092\u540c\u6642\u306b\u884c\u3046\u305f\u3081\u3001\u5b89\u5168\u304b\u3064\u6839\u5e95\u304b\u3089\u4f53\u8cea\u6cbb\u7642\u3078\u5c0e\u304f\u8a2d\u8a08\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"blog-content\">\n                        <p>\u3053\u308c\u3089\u306e\u85ac\u306e\u753b\u671f\u7684\u306a\u70b9\u306f\u3001<strong>\u300c\u8840\u7cd6\u5024\u304c\u9ad8\u3044\u3068\u304d\u3060\u3051\u300d<\/strong>\u5f37\u304f\u50cd\u304f\u305f\u3081\u3001\u5f93\u6765\u306e\u85ac\u306b\u6bd4\u3079\u3066\u4f4e\u8840\u7cd6\u306e\u30ea\u30b9\u30af\u304c\u6975\u3081\u3066\u4f4e\u3044\u3053\u3068\u3067\u3059\u3002<br>\n                        \u305f\u3060\u3057\u3001\u9069\u5fdc\uff08BMI 27\u4ee5\u4e0a\u3067\u5408\u4f75\u75c7\u304c\u3042\u308b\u3001\u307e\u305f\u306fBMI 35\u4ee5\u4e0a\u306a\u3069\uff09\u3084\u526f\u4f5c\u7528\u306e\u78ba\u8a8d\u5fc5\u8981\u3067\u3059\u306e\u3067\u3001\u5fc5\u305a\u5c02\u9580\u533b\u306e\u8a3a\u65ad\u306e\u3082\u3068\u3067\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/section>\n\n                <!-- Question 4 Section -->\n                <section id=\"q4\" class=\"scroll-mt-24\">\n                    <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center\">\n                        <span class=\"w-8 h-8 rounded-full bg-clinic-500 text-white flex items-center justify-center font-mono text-sm mr-3\">4<\/span>\n                        \u98df\u4e8b\u5236\u9650\u306f\u300c\u4f55\u3092\u629c\u304f\u304b\u300d\u3067\u306f\u306a\u304f\u300c\u3069\u3046\u7d44\u307f\u5408\u308f\u305b\u308b\u304b\u300d\uff1f\n                    <\/h2>\n\n                    <div class=\"blog-content\">\n                        <p>\u300c\u70ad\u6c34\u5316\u7269\u3092\u4e00\u5207\u98df\u3079\u306a\u3044\u300d\u3068\u3044\u3063\u305f\u6975\u7aef\u306a\u5236\u9650\u306f\u3001\u4e00\u6642\u7684\u306b\u4f53\u91cd\u304c\u6e1b\u3063\u3066\u3082\u3001\u6fc0\u3057\u3044\u30ea\u30d0\u30a6\u30f3\u30c9\u3084\u6df1\u523b\u306a\u4f53\u8abf\u4e0d\u826f\u3092\u62db\u304d\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u5927\u5207\u306a\u306e\u306f\u3001\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u4f5c\u308b\u30fb\u6574\u3048\u308b<strong>\u300c3\u3064\u306e\u30b0\u30eb\u30fc\u30d7\u300d<\/strong>\u3092\u9ec4\u91d1\u6bd4\u3067\u63c3\u3048\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n                    <\/div>\n\n                    <!-- SVG Illustration 4: Food balance plate (Golden Ratio) -->\n                    <div class=\"my-8 p-5 sm:p-6 bg-clinic-50\/30 dark:bg-slate-900 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                        <h4 class=\"text-sm font-bold text-slate-800 dark:text-slate-200 mb-4 flex items-center\">\n                            <i class=\"fa-solid fa-utensils text-emerald-500 mr-2 text-base\"><\/i>\u3010\u30d0\u30e9\u30f3\u30b9\u56f3\u89e3\u3011\u304a\u76bf\u3092\u9ec4\u91d1\u6bd4\u306b\u5206\u3051\u308b\u300c3\u3064\u306e\u30b0\u30eb\u30fc\u30d7\u300d\n                        <\/h4>\n\n                        <div class=\"flex flex-col items-center gap-6\">\n                            <!-- SVG Food Plate -->\n                            <div class=\"w-full flex justify-center\">\n                                <svg class=\"w-full max-w-[240px] bg-white dark:bg-slate-950 p-4 rounded-2xl border border-slate-100 dark:border-slate-800 shadow-sm\" viewBox=\"0 0 200 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <circle cx=\"100\" cy=\"100\" r=\"95\" fill=\"#f8fafc\" stroke=\"#e2e8f0\" stroke-width=\"2\" \/>\n                                    <circle cx=\"100\" cy=\"100\" r=\"75\" fill=\"#ffffff\" stroke=\"#cbd5e1\" stroke-width=\"4\" \/>\n                                    <circle cx=\"100\" cy=\"100\" r=\"65\" fill=\"#ffffff\" stroke=\"#f1f5f9\" stroke-width=\"1\" \/>\n\n                                    <path d=\"M100 100 L35 100 A65 65 0 0 1 100 35 Z\" fill=\"#bbf7d0\" opacity=\"0.8\" stroke=\"#22c55e\" stroke-width=\"2\" \/>\n                                    <path d=\"M100 100 L100 35 A65 65 0 0 1 165 100 Z\" fill=\"#bbf7d0\" opacity=\"0.8\" stroke=\"#22c55e\" stroke-width=\"2\" \/>\n\n                                    <path d=\"M100 100 L165 100 A65 65 0 0 1 100 165 Z\" fill=\"#fecaca\" opacity=\"0.8\" stroke=\"#ef4444\" stroke-width=\"2\" \/>\n                                    <path d=\"M100 100 L100 165 A65 65 0 0 1 35 100 Z\" fill=\"#fef08a\" opacity=\"0.8\" stroke=\"#eab308\" stroke-width=\"2\" \/>\n\n                                    <text x=\"100\" y=\"70\" fill=\"#15803d\" font-size=\"10\" font-weight=\"bold\" text-anchor=\"middle\">\u526f\u83dc (\u98df\u7269\u7e4a\u7dad)<\/text>\n                                    <text x=\"100\" y=\"82\" fill=\"#166534\" font-size=\"8\" text-anchor=\"middle\">50% (\u304a\u76bf\u306e\u534a\u5206)<\/text>\n\n                                    <text x=\"135\" y=\"125\" fill=\"#991b1b\" font-size=\"9\" font-weight=\"bold\" text-anchor=\"middle\">\u4e3b\u83dc<\/text>\n                                    <text x=\"135\" y=\"137\" fill=\"#991b1b\" font-size=\"8\" text-anchor=\"middle\">(\u30bf\u30f3\u30d1\u30af)<\/text>\n\n                                    <text x=\"65\" y=\"125\" fill=\"#854d0e\" font-size=\"9\" font-weight=\"bold\" text-anchor=\"middle\">\u4e3b\u98df<\/text>\n                                    <text x=\"65\" y=\"137\" fill=\"#854d0e\" font-size=\"8\" text-anchor=\"middle\">(\u70ad\u6c34\u5316\u7269)<\/text>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- List description -->\n                            <div class=\"w-full space-y-4\">\n                                <div class=\"flex items-start bg-white dark:bg-slate-950 p-4 rounded-xl border border-slate-100 dark:border-slate-800 shadow-sm\">\n                                    <span class=\"w-8 h-8 rounded-full bg-yellow-100 text-yellow-800 text-sm font-bold flex items-center justify-center mr-3 mt-0.5 flex-shrink-0 shadow-sm\">\u4e3b<\/span>\n                                    <div>\n                                        <p class=\"text-base font-bold text-slate-800 dark:text-white\">\u4e3b\u98df\uff08\u70ad\u6c34\u5316\u7269\uff09: 1\/4<\/p>\n                                        <p class=\"text-xs sm:text-sm text-slate-500 mt-0.5 leading-relaxed\">\u3054\u98ef\u3001\u30d1\u30f3\u3001\u9eba\u985e\u306a\u3069\u3002\u6d3b\u52d5\u3059\u308b\u305f\u3081\u306e\u30ac\u30bd\u30ea\u30f3\u3067\u3059\u3002\u30bc\u30ed\u306b\u305b\u305a\u9069\u91cf\u3092\u5b88\u308a\u307e\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start bg-white dark:bg-slate-950 p-4 rounded-xl border border-slate-100 dark:border-slate-800 shadow-sm\">\n                                    <span class=\"w-8 h-8 rounded-full bg-red-100 text-red-800 text-sm font-bold flex items-center justify-center mr-3 mt-0.5 flex-shrink-0 shadow-sm\">\u83dc<\/span>\n                                    <div>\n                                        <p class=\"text-base font-bold text-slate-800 dark:text-white\">\u4e3b\u83dc\uff08\u305f\u3093\u3071\u304f\u8cea\u30fb\u8102\u8cea\uff09: 1\/4<\/p>\n                                        <p class=\"text-xs sm:text-sm text-slate-500 mt-0.5 leading-relaxed\">\u8089\u3001\u9b5a\u3001\u8c46\u8150\u3001\u5375\u306a\u3069\u3002\u4ee3\u8b1d\u3092\u652f\u3048\u308b\u7b4b\u8089\u3084\u76ae\u819a\u3092\u4f5c\u308b\u30d6\u30ed\u30c3\u30af\u306e\u5f79\u5272\u3067\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start bg-white dark:bg-slate-950 p-4 rounded-xl border border-slate-100 dark:border-slate-800 shadow-sm\">\n                                    <span class=\"w-8 h-8 rounded-full bg-green-100 text-green-800 text-sm font-bold flex items-center justify-center mr-3 mt-0.5 flex-shrink-0 shadow-sm\">\u526f<\/span>\n                                    <div>\n                                        <p class=\"text-base font-bold text-slate-800 dark:text-white\">\u526f\u83dc\uff08\u98df\u7269\u7e4a\u7dad\u30fb\u30d3\u30bf\u30df\u30f3\uff09: 2\/4 (\u534a\u5206)<\/p>\n                                        <p class=\"text-xs sm:text-sm text-slate-500 mt-0.5 leading-relaxed\">\u30b5\u30e9\u30c0\u3001\u30b9\u30fc\u30d7\u3001\u716e\u7269\u3001\u30ad\u30ce\u30b3\u3001\u6d77\u85fb\u3002\u7cd6\u306e\u6025\u6fc0\u306a\u5438\u53ce\u3092\u548c\u3089\u3052\u308b\u6700\u91cd\u8981\u30c7\u30a3\u30d5\u30a7\u30f3\u30c0\u30fc\u3067\u3059\u3002<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Illustration Caption \/ Explanation -->\n                        <div class=\"mt-4 p-4 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-xl border-l-4 border-clinic-400\">\n                            <p class=\"text-xs font-bold text-clinic-800 dark:text-clinic-300 mb-1\"><i class=\"fa-solid fa-circle-info mr-1 text-sm\"><\/i>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac\uff1a\u304a\u76bf\u306e\u9ec4\u91d1\u6bd4\u30d7\u30ec\u30fc\u30c8<\/p>\n                            <p class=\"text-[11px] sm:text-xs text-slate-600 dark:text-slate-400 leading-relaxed\">\n                                \u3053\u306e\u98df\u4e8b\u30d7\u30ec\u30fc\u30c8\u306e\u56f3\u306f\u3001\u4e16\u754c\u306e\u80a5\u6e80\u6cbb\u7642\u30ac\u30a4\u30c9\u30e9\u30a4\u30f3\u3067\u3082\u63d0\u5531\u3055\u308c\u308b\u300c\u30d8\u30eb\u30b7\u30fc\u30d7\u30ec\u30fc\u30c8\u300d\u306e\u5272\u5408\u3092\u6a21\u3057\u305f\u3082\u306e\u3067\u3059\u3002\u304a\u76bf\u306e\u300c\u534a\u5206\u300d\u3092\u98df\u7269\u7e4a\u7dad\u8c4a\u5bcc\u306a\u526f\u83dc\u3067\u6e80\u305f\u3057\u3001\u6b8b\u308a\u534a\u5206\u3092\u4e3b\u98df\uff08\u70ad\u6c34\u5316\u7269\uff09\u3068\u4e3b\u83dc\uff08\u30bf\u30f3\u30d1\u30af\u8cea\uff09\u3067\u534a\u3005\u306b\u5206\u5272\u3057\u3066\u914d\u7f6e\u3059\u308b\u3053\u3068\u3067\u3001\u904e\u5270\u306a\u30ab\u30ed\u30ea\u30fc\u6442\u53d6\u3092\u81ea\u52d5\u7684\u306b\u9632\u304e\u3001\u306a\u304a\u304b\u3064\u6e80\u8179\u611f\u304c\u5f97\u3089\u308c\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"blog-content\">\n                        <p>\u3055\u3089\u306b\u3001\u4eca\u65e5\u304b\u3089\u5b9f\u8df5\u3067\u304d\u308b\u30b3\u30c4\u304c\u3042\u308a\u307e\u3059\uff1a<\/p>\n                        <ul class=\"space-y-4 my-6\">\n                            <li class=\"flex items-start bg-emerald-50\/30 dark:bg-emerald-950\/10 p-4 rounded-xl border border-emerald-100\/50 dark:border-emerald-900\/30\">\n                                <span class=\"text-clinic-500 text-lg mr-3 mt-0.5\"><i class=\"fa-solid fa-circle-chevron-right\"><\/i><\/span>\n                                <div class=\"text-sm\">\n                                    <strong class=\"text-slate-900 dark:text-white block text-base mb-0.5\">\u30d9\u30b8\u30fb\u30d5\u30a1\u30fc\u30b9\u30c8<\/strong>\n                                    \u91ce\u83dc\uff08\u526f\u83dc\uff09\u3092\u5148\u306b\u98df\u3079\u308b\u3053\u3068\u3067\u3001\u98df\u7269\u7e4a\u7dad\u304c\u7cd6\u306e\u5438\u53ce\u3092\u30d6\u30ed\u30c3\u30af\u3057\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u6025\u4e0a\u6607\u3092\u6291\u3048\u307e\u3059\u3002\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start bg-emerald-50\/30 dark:bg-emerald-950\/10 p-4 rounded-xl border border-emerald-100\/50 dark:border-emerald-900\/30\">\n                                <span class=\"text-clinic-500 text-lg mr-3 mt-0.5\"><i class=\"fa-solid fa-circle-chevron-right\"><\/i><\/span>\n                                <div class=\"text-sm\">\n                                    <strong class=\"text-slate-900 dark:text-white block text-base mb-0.5\">\u300c\u898b\u3048\u306a\u3044\u3042\u3076\u3089\u300d\u3092\u610f\u8b58<\/strong>\n                                    \u8089\u306e\u8102\u8eab\u3084\u52a0\u5de5\u98df\u54c1\u3001\u30c9\u30ec\u30c3\u30b7\u30f3\u30b0\u306b\u542b\u307e\u308c\u308b\u8102\u8cea\u3092\u5c11\u3057\u63a7\u3048\u308b\u3060\u3051\u3067\u3001\u6442\u53d6\u30ab\u30ed\u30ea\u30fc\u3092\u5927\u5e45\u306b\u30ab\u30c3\u30c8\u3067\u304d\u307e\u3059\u3002\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start bg-emerald-50\/30 dark:bg-emerald-950\/10 p-4 rounded-xl border border-emerald-100\/50 dark:border-emerald-900\/30\">\n                                <span class=\"text-clinic-500 text-lg mr-3 mt-0.5\"><i class=\"fa-solid fa-circle-chevron-right\"><\/i><\/span>\n                                <div class=\"text-sm\">\n                                    <strong class=\"text-slate-900 dark:text-white block text-base mb-0.5\">\u3088\u304f\u565b\u3093\u3067\u98df\u3079\u308b<\/strong>\n                                    \u3088\u304f\u565b\u3080\u3053\u3068\u306f\u6e80\u8179\u611f\u3092\u5f97\u3084\u3059\u304f\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u98df\u5f8c\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u6d88\u8cbb\uff08\u98df\u4e8b\u8a98\u767a\u6027\u71b1\u7523\u751f\uff09\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u79d1\u5b66\u7684\u306b\u8a3c\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n                                <\/div>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/section>\n\n                <hr class=\"my-10 border-slate-100 dark:border-slate-800\">\n\n                <!-- Question 5 Section -->\n                <section id=\"q5\" class=\"scroll-mt-24\">\n                    <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center\">\n                        <span class=\"w-8 h-8 rounded-full bg-clinic-500 text-white flex items-center justify-center font-mono text-sm mr-3\">5<\/span>\n                        \u904b\u52d5\u304c\u9577\u7d9a\u304d\u3057\u306a\u3044\uff01 \u3069\u308c\u304f\u3089\u3044\u306e\u5f37\u3055\u304c\u6700\u9069\u306a\u306e\uff1f\n                    <\/h2>\n\n                    <div class=\"blog-content\">\n                        <p>\u300c\u660e\u65e5\u304b\u3089\u6bce\u65e51\u6642\u9593\u8d70\u308b\u300d\u3068\u3044\u3046\u9ad8\u3044\u76ee\u6a19\u306f\u3001\u632b\u6298\u306e\u5143\u3067\u3059\u3002\u904b\u52d5\u306f\u300c\u7279\u5225\u306a\u6642\u9593\u300d\u3092\u4f5c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u751f\u6d3b\u306e\u4e2d\u306b\u7d44\u307f\u8fbc\u3080\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<\/p>\n                        <p>\u52b9\u679c\u7684\u306a\u5f37\u3055\u3092\u77e5\u308b\u30d0\u30ed\u30e1\u30fc\u30bf\u30fc\u304c<strong>\u300c\u4f1a\u8a71\u30c6\u30b9\u30c8\u300d<\/strong>\u3067\u3059\u3002<\/p>\n                    <\/div>\n\n                    <!-- SVG Illustration 5: Conversation Test Meter -->\n                    <div class=\"my-8 p-5 sm:p-6 bg-clinic-50\/30 dark:bg-slate-900 rounded-2xl border border-slate-100 dark:border-slate-800\">\n                        <h4 class=\"text-sm font-bold text-slate-800 dark:text-slate-200 mb-4 flex items-center\">\n                            <i class=\"fa-solid fa-gauge text-blue-500 mr-2 text-base\"><\/i>\u3010\u4f1a\u8a71\u30c6\u30b9\u30c8\u30e1\u30fc\u30bf\u30fc\u3011\u3082\u3063\u3068\u3082\u52b9\u679c\u7684\u306a\u904b\u52d5\u5f37\u5ea6\n                        <\/h4>\n\n                        <div class=\"flex flex-col items-center gap-6\">\n                            <!-- Visual Meter -->\n                            <div class=\"w-full flex justify-center relative\">\n                                <svg class=\"w-full max-w-[260px] bg-white dark:bg-slate-950 p-4 rounded-2xl border border-slate-100 dark:border-slate-800 shadow-sm\" viewBox=\"0 0 200 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M20 100 A80 80 0 0 1 180 100\" fill=\"none\" stroke=\"#e2e8f0\" stroke-width=\"14\" stroke-linecap=\"round\" \/>\n                                    <path d=\"M20 100 A80 80 0 0 1 70 40\" fill=\"none\" stroke=\"#fef08a\" stroke-width=\"14\" stroke-linecap=\"round\" \/>\n                                    <path d=\"M70 40 A80 80 0 0 1 130 40\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"16\" stroke-linecap=\"round\" \/>\n                                    <path d=\"M130 40 A80 80 0 0 1 180 100\" fill=\"none\" stroke=\"#fca5a5\" stroke-width=\"14\" stroke-linecap=\"round\" \/>\n\n                                    <path d=\"M100 95 L100 20\" stroke=\"#475569\" stroke-width=\"3\" stroke-linecap=\"round\" \/>\n                                    <circle cx=\"100\" cy=\"100\" r=\"10\" fill=\"#475569\" \/>\n\n                                    <text x=\"100\" y=\"70\" fill=\"#166534\" font-size=\"9\" font-weight=\"bold\" text-anchor=\"middle\">\u3061\u3087\u3046\u3069\u826f\u3044\uff01<\/text>\n                                    <text x=\"100\" y=\"82\" fill=\"#166534\" font-size=\"7\" text-anchor=\"middle\">(\u6709\u9178\u7d20\u306e\u30d9\u30b9\u30c8\u30be\u30fc\u30f3)<\/text>\n\n                                    <text x=\"35\" y=\"115\" fill=\"#a16207\" font-size=\"7\" text-anchor=\"middle\">\u5f31\u3059\u304e<\/text>\n                                    <text x=\"165\" y=\"115\" fill=\"#991b1b\" font-size=\"7\" text-anchor=\"middle\">\u606f\u5207\u308c<\/text>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Explanation cards -->\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 w-full\">\n                                <div class=\"p-5 bg-emerald-50 dark:bg-emerald-950\/20 rounded-xl border border-emerald-200 shadow-sm\">\n                                    <span class=\"font-bold text-emerald-800 dark:text-emerald-400 text-base block flex items-center\">\n                                        <i class=\"fa-solid fa-face-smile mr-2 text-lg\"><\/i>\u3061\u3087\u3046\u3069\u826f\u3044\uff08\u4e2d\u7b49\u5ea6\uff09\n                                    <\/span>\n                                    <p class=\"text-xs sm:text-sm text-slate-600 dark:text-slate-400 mt-2 leading-relaxed\">\n                                        \u7b11\u9854\u3067\u4f1a\u8a71\u306f\u30b9\u30e0\u30fc\u30ba\u306b\u5f3e\u3080\u3051\u308c\u3069\u3001\u30e1\u30ed\u30c7\u30a3\u306b\u4e57\u305b\u3066\u6b4c\u3046\u306b\u306f\u3061\u3087\u3063\u3068\u80ba\u6d3b\u91cf\u304c\u3057\u3093\u3069\u3044\u7a0b\u5ea6\u3002\u5fc3\u62cd\u6570\u304c\u5b89\u5168\u306b\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u5165\u3063\u3066\u3044\u308b\u72b6\u614b\u3067\u3059\u3002\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-5 bg-red-50 dark:bg-red-950\/20 rounded-xl border border-red-200 shadow-sm\">\n                                    <span class=\"font-bold text-red-800 dark:text-red-400 text-base block flex items-center\">\n                                        <i class=\"fa-solid fa-face-tired mr-2 text-lg\"><\/i>\u5f37\u3059\u304e\u308b\uff08\u5371\u967a\u30fb\u904e\u9177\uff09\n                                    <\/span>\n                                    <p class=\"text-xs sm:text-sm text-slate-600 dark:text-slate-400 mt-2 leading-relaxed\">\n                                        \u606f\u304c\u4e0a\u304c\u3063\u3066\u3057\u307e\u3044\u4e00\u8a00\u4e8c\u8a00\u3057\u304b\u4f1a\u8a71\u304c\u7d9a\u304b\u306a\u3044\u72b6\u614b\u3002\u3053\u308c\u306f\u7121\u9178\u7d20\u904b\u52d5\u306b\u306a\u308a\u3001\u4f53\u304c\u3059\u3050\u306b\u75b2\u5f0a\u3057\u3066\u9577\u7d9a\u304d\u3057\u307e\u305b\u3093\u3002\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Illustration Caption \/ Explanation -->\n                        <div class=\"mt-4 p-4 bg-clinic-50\/50 dark:bg-clinic-950\/20 rounded-xl border-l-4 border-clinic-400\">\n                            <p class=\"text-xs font-bold text-clinic-800 dark:text-clinic-300 mb-1\"><i class=\"fa-solid fa-circle-info mr-1 text-sm\"><\/i>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac\uff1a\u4f1a\u8a71\u30c6\u30b9\u30c8\u5f0f\u5fc3\u80ba\u30d0\u30ed\u30e1\u30fc\u30bf\u30fc<\/p>\n                            <p class=\"text-[11px] sm:text-xs text-slate-600 dark:text-slate-400 leading-relaxed\">\n                                \u3053\u306e\u30e1\u30fc\u30bf\u30fc\u306f\u300c\u904b\u52d5\u5f37\u5ea6\u300d\u3068\u3001\u305d\u308c\u306b\u4f34\u3046\u300c\u5fc3\u80ba\u3078\u306e\u8ca0\u8377\u300d\u3092\u53ef\u8996\u5316\u3057\u305f\u3082\u306e\u3067\u3059\u3002\u8102\u80aa\u71c3\u713c\u3084\u30a4\u30f3\u30b9\u30ea\u30f3\u611f\u53d7\u6027\u306e\u6539\u5584\u306b\u306f\u3001\u3064\u3089\u3059\u304e\u308b\u731b\u30c0\u30c3\u30b7\u30e5\uff08\u8d64\u30be\u30fc\u30f3\uff09\u306f\u4e0d\u8981\u3067\u3059\u3002\u6700\u3082\u52b9\u679c\u7684\u306a\u306e\u306f\u300c\u7b11\u9854\u3067\u30ae\u30ea\u30ae\u30ea\u304a\u3057\u3083\u3079\u308a\u304c\u4fdd\u3066\u308b\u4e2d\u7a0b\u5ea6\u306e\u904b\u52d5\uff08\u7dd1\u30be\u30fc\u30f3\uff09\u300d\u3067\u3042\u308a\u3001\u3053\u308c\u306b\u3088\u308a\u7b4b\u8089\u304c\u6301\u7d9a\u7684\u306b\u7cd6\u3068\u8102\u80aa\u3092\u5438\u53ce\u3057\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"blog-content\">\n                        <p>\u307e\u305a\u306f\u9031\u5408\u8a08150\u5206\u4ee5\u4e0a\uff081\u56de10\u5206\u30923\u56de\u3067\u3082OK\uff09\u306e\u6709\u9178\u7d20\u904b\u52d5\u3092\u76ee\u6307\u3057\u307e\u3057\u3087\u3046\u3002\u3055\u3089\u306b\u3001\u30b9\u30af\u30ef\u30c3\u30c8\u306a\u3069\u306e\u7b4b\u30c8\u30ec\u3092\u90312\u301c3\u56de\u52a0\u3048\u308b\u3053\u3068\u3067\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u304c\u6539\u5584\u3057\u3001\u75e9\u305b\u3084\u3059\u3044\u4f53\u8cea\u306b\u8fd1\u3065\u304d\u307e\u3059\u3002<\/p>\n                        <p>\u76ee\u6a19\u306f\u30016\u30f6\u6708\u3067<strong>\u73fe\u4f53\u91cd\u306e3\uff05<\/strong>\u3092\u6e1b\u3089\u3059\u3053\u3068\u300270kg\u306e\u4eba\u306a\u3089\u7d042kg\u3067\u3059\u3002<\/p>\n                        <p>\u3053\u306e\u308f\u305a\u304b\u306a\u5909\u5316\u304c\u3001\u3042\u306a\u305f\u306e\u4f53\u5185\u306e\u4ee3\u8b1d\u3092\u5287\u7684\u306b\u6539\u5584\u3055\u305b\u308b\u300c\u30b9\u30a4\u30c3\u30c1\u300d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/section>\n\n                <hr class=\"my-10 border-slate-100 dark:border-slate-800\">\n\n                <!-- Conclusion Section -->\n                <section>\n                    <h3 class=\"text-xl font-bold text-slate-900 dark:text-white mb-6\">\u6700\u5f8c\u306b\uff1a\u4e00\u4eba\u3067\u60a9\u307e\u305a\u3001\u4e00\u7dd2\u306b\u672a\u6765\u3092\u5909\u3048\u307e\u3057\u3087\u3046<\/h3>\n                    \n                    <div class=\"blog-content\">\n                        <p>\u80a5\u6e80\u3084\u7cd6\u5c3f\u75c5\u306e\u6cbb\u7642\u306f\u3001\u30de\u30e9\u30bd\u30f3\u306e\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002\u4e00\u4eba\u3067\u8d70\u308a\u7d9a\u3051\u308b\u306e\u306f\u5927\u5909\u3067\u3059\u304c\u3001\u79c1\u305f\u3061\u306f\u305d\u306e\u4f34\u8d70\u8005\u3067\u3042\u308a\u305f\u3044\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n                        <p>\u300c\u9811\u5f35\u3063\u3066\u3044\u308b\u306e\u306b\u7d50\u679c\u304c\u51fa\u306a\u3044\u300d\u306e\u306b\u306f\u3001\u5fc5\u305a\u533b\u5b66\u7684\u306a\u7406\u7531\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n                        <p>\u300c\u6700\u8fd1\u4f53\u304c\u91cd\u3044\u306a\u300d\u300c\u5065\u8a3a\u306e\u7d50\u679c\u304c\u4e0d\u5b89\u3060\u306a\u300d\u3068\u601d\u3063\u305f\u3089\u3001\u305d\u308c\u304c\u76f8\u8ac7\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u3059\u3002\u3042\u306a\u305f\u306e10\u5e74\u5f8c\u306e\u5065\u5eb7\u3092\u3001\u5f53\u9662\u3068\u4e00\u7dd2\u306b\u4f5c\u3063\u3066\u3044\u304d\u307e\u305b\u3093\u304b?<\/p>\n                    <\/div>\n                <\/section>\n\n                <!-- CTA \/ Appointment Box -->\n                <div class=\"mt-12 p-8 sm:p-10 bg-gradient-to-r from-clinic-500 to-emerald-600 rounded-3xl text-white text-center shadow-xl relative overflow-hidden\">\n                    <div class=\"absolute inset-0 opacity-10 pointer-events-none\">\n                        <svg class=\"w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"20\" cy=\"20\" r=\"100\" fill=\"white\" \/>\n                            <circle cx=\"90%\" cy=\"80%\" r=\"80\" fill=\"white\" \/>\n                        <\/svg>\n                    <\/div>\n                    \n                    <div class=\"relative z-10\">\n                        <span class=\"text-xs bg-white\/20 text-white px-3 py-1 rounded-full font-bold uppercase tracking-wider mb-4 inline-block\">24\u6642\u9593Web\u53d7\u4ed8<\/span>\n                        <h4 class=\"text-xl sm:text-2xl font-black mb-3\">\u5f53\u9662\u3067\u306e\u80a5\u6e80\u30fb\u7cd6\u5c3f\u75c5\u76f8\u8ac7\u3092\u3054\u5e0c\u671b\u306e\u65b9\u3078<\/h4>\n                        <p class=\"text-sm sm:text-base text-clinic-50 max-w-xl mx-auto mb-8 leading-relaxed\">\n                            \u5f53\u9662\u3067\u306f\u3001\u60a3\u8005\u69d8\u4e00\u4eba\u4e00\u4eba\u306e\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u3001\u8ca0\u62c5\u306e\u5c11\u306a\u3044\u6700\u9069\u306a\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u6cbb\u7642\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n                        <\/p>\n                        \n                        <!-- Requested CTA Button: \"\u5f53\u9662\u5916\u6765\u4e88\u7d04\" and round design (\u4e38\u304f\u56f2\u3046) -->\n                        <div class=\"inline-block p-1.5 bg-white\/10 rounded-full animate-bounce\">\n                            <a href=\"https:\/\/medical.apokul.jp\/web\/372\/reservations\/add\" target=\"_blank\" rel=\"noopener noreferrer\" \n                               class=\"inline-flex items-center justify-center w-52 h-52 sm:w-56 sm:h-56 rounded-full border-[6px] border-white bg-white text-clinic-700 hover:text-white hover:bg-clinic-600 font-black text-xl sm:text-2xl shadow-2xl transition-all duration-300 tracking-wider\">\n                                <div class=\"flex flex-col items-center\">\n                                    <i class=\"fa-solid fa-calendar-check text-2xl sm:text-3xl mb-2\"><\/i>\n                                    <span>\u5f53\u9662\u5916\u6765\u4e88\u7d04<\/span>\n                                    <span class=\"text-[10px] font-semibold opacity-90 mt-1\">\u30bf\u30c3\u30d7\u3057\u3066\u4e88\u7d04\u3078<\/span>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/article>\n\n            <!-- Bottom Information Cards -->\n            <div class=\"mt-12 grid grid-cols-1 md:grid-cols-3 gap-6\">\n                \n                <!-- Doctor Profile -->\n                <div class=\"bg-white dark:bg-slate-800 rounded-3xl p-6 sm:p-8 shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col justify-between\">\n                    <div>\n                        <h3 class=\"text-sm font-bold text-slate-900 dark:text-white border-b border-slate-100 dark:border-slate-800 pb-3 mb-4\">\n                            \u3053\u306e\u8a18\u4e8b\u3092\u66f8\u3044\u305f\u4eba\n                        <\/h3>\n                        <div class=\"text-center\">\n                            <div class=\"w-24 h-24 rounded-full bg-clinic-100 dark:bg-clinic-900 mx-auto mb-4 flex items-center justify-center border-4 border-slate-50 dark:border-slate-700 shadow\">\n                                <i class=\"fa-solid fa-user-doctor text-clinic-600 text-5xl\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-bold text-slate-900 dark:text-white text-lg\">\u4e0a\u7530 \u9662\u9577<\/h4>\n                            <p class=\"text-xs text-clinic-600 dark:text-clinic-400 font-semibold mb-3\">\u4e0a\u7530\u8a3a\u7642\u6240 \u9662\u9577 \/ \u533b\u5b66\u535a\u58eb<\/p>\n                            <p class=\"text-xs text-slate-600 dark:text-slate-400 text-left leading-relaxed\">\n                                \u7cd6\u5c3f\u75c5\u3001\u8102\u8cea\u7570\u5e38\u75c7\u3001\u80a5\u6e80\u75c7\u306a\u3069\u306e\u751f\u6d3b\u7fd2\u6163\u75c5\u6cbb\u7642\u306b20\u5e74\u4ee5\u4e0a\u643a\u308f\u308b\u533b\u8005\u3002\n                                \u300c\u533b\u5b66\u7684\u306a\u30a8\u30d3\u30c7\u30f3\u30b9\u306b\u57fa\u3065\u304d\u306a\u304c\u3089\u3001\u60a3\u8005\u69d8\u306e\u751f\u6d3b\u30d1\u30bf\u30fc\u30f3\u306b\u512a\u3057\u304f\u6b69\u307f\u5bc4\u308b\u6cbb\u7642\u300d\u3092\u5fc3\u639b\u3051\u3001\u65e5\u3005\u306e\u8a3a\u7642\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Clinic Information -->\n                <div class=\"bg-white dark:bg-slate-800 rounded-3xl p-6 sm:p-8 shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col justify-between\">\n                    <div>\n                        <h3 class=\"text-sm font-bold text-slate-900 dark:text-white border-b border-slate-100 dark:border-slate-800 pb-3 mb-4\">\n                            \u4e0a\u7530\u8a3a\u7642\u6240\u306e\u3054\u6848\u5185\n                        <\/h3>\n                        <div class=\"space-y-4 text-xs sm:text-sm\">\n                            <div class=\"flex items-start\">\n                                <i class=\"fa-solid fa-location-dot text-clinic-500 mr-2 mt-0.5 text-base\"><\/i>\n                                <div>\n                                    <p class=\"font-bold text-slate-800 dark:text-white\">\u6240\u5728\u5730<\/p>\n                                    <p class=\"text-slate-500 dark:text-slate-400\">\u6771\u4eac\u90fd\u4e2d\u592e\u533a\u65e5\u672c\u6a4b<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fa-solid fa-clock text-clinic-500 mr-2 mt-0.5 text-base\"><\/i>\n                                <div>\n                                    <p class=\"font-bold text-slate-800 dark:text-white\">\u8a3a\u7642\u6642\u9593<\/p>\n                                    <p class=\"text-slate-500 dark:text-slate-400 leading-relaxed\">\u5e73\u65e5\uff1a9:30\uff5e12:30 \/ 14:00\uff5e17:15<\/p>\n                                    <p class=\"text-slate-500 dark:text-slate-400\">\u7b2c1,3\u571f\u66dc\uff1a9:30\uff5e12:30<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fa-solid fa-address-card text-clinic-500 mr-2 mt-0.5 text-base\"><\/i>\n                                <div>\n                                    <p class=\"font-bold text-slate-800 dark:text-white\">\u8a3a\u7642\u79d1\u76ee<\/p>\n                                    <p class=\"text-slate-500 dark:text-slate-400\">\u5185\u79d1\u3001\u7cd6\u5c3f\u75c5\u5185\u79d1\u3001\u751f\u6d3b\u7fd2\u6163\u75c5\u5916\u6765\u3001\u30ea\u30a6\u30de\u30c1\u79d1<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick Appointment Link inside bottom grid -->\n                <div class=\"bg-gradient-to-br from-indigo-50 to-clinic-50 dark:from-slate-900 dark:to-slate-900\/50 rounded-3xl p-6 sm:p-8 text-center border border-indigo-100 dark:border-indigo-900\/30 flex flex-col justify-between\">\n                    <div class=\"my-auto\">\n                        <p class=\"text-xs font-bold text-indigo-700 dark:text-indigo-400 mb-2\">\u5f85\u3061\u6642\u9593\u3092\u5927\u5e45\u30ab\u30c3\u30c8<\/p>\n                        <h5 class=\"text-sm font-bold text-slate-900 dark:text-white mb-4 leading-relaxed\">\u30b9\u30de\u30db\u304b\u3089\u30b5\u30af\u30c3\u3068\u5916\u6765\u4e88\u7d04<\/h5>\n                        <a href=\"https:\/\/medical.apokul.jp\/web\/372\/reservations\/add\" target=\"_blank\" rel=\"noopener noreferrer\" \n                           class=\"inline-flex items-center justify-center px-4 py-3 w-full bg-clinic-600 hover:bg-clinic-700 text-white text-xs font-bold rounded-full shadow-md transition-all duration-200 hover:-translate-y-0.5\">\n                            <i class=\"fa-solid fa-calendar-days mr-2\"><\/i>\u5f53\u9662\u5916\u6765\u4e88\u7d04\u3078\u9032\u3080\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"bg-white dark:bg-slate-950 border-t border-slate-100 dark:border-slate-800 mt-20 py-10 transition-colors\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-slate-500 dark:text-slate-400\">\n            <div class=\"flex items-center justify-center space-x-2 mb-4\">\n                <i class=\"fa-solid fa-shield-halved text-clinic-500 text-lg\"><\/i>\n                <span class=\"font-extrabold text-base text-slate-800 dark:text-white\">\u4e0a\u7530\u8a3a\u7642\u6240<\/span>\n            <\/div>\n            <p class=\"text-xs max-w-lg mx-auto leading-relaxed mb-6\">\n                \u672c\u30d6\u30ed\u30b0\u306b\u63b2\u8f09\u3055\u308c\u3066\u3044\u308b\u533b\u7642\u60c5\u5831\u306f\u3001\u4e00\u822c\u7684\u306a\u89e3\u8aac\u3092\u76ee\u7684\u3068\u3057\u305f\u3082\u306e\u3067\u3042\u308a\u3001\u500b\u3005\u306e\u60a3\u8005\u69d8\u306e\u6cbb\u7642\u3092\u76f4\u63a5\u4ee3\u66ff\u3059\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u500b\u5225\u306e\u3054\u76f8\u8ac7\u306f\u8a3a\u5bdf\u306b\u3066\u627f\u308a\u307e\u3059\u3002\n            <\/p>\n            <p class=\"text-[10px] text-slate-400\">\n                &copy; 2026 Ueda Clinic. All Rights Reserved.\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ ----------------- Interactive Insulin Simulation logic -----------------\n        function runInsulinSim(mode) {\n            const glucose = document.getElementById('glucose-particle');\n            const insulin = document.getElementById('insulin-particle');\n            const gate = document.getElementById('gate-element');\n            const status = document.getElementById('sim-status');\n\n            \/\/ Reset positioning\n            glucose.style.transition = 'none';\n            insulin.style.transition = 'none';\n            glucose.style.left = '24px';\n            glucose.style.top = '56px';\n            insulin.style.left = '24px';\n            insulin.style.top = '112px';\n            gate.className = \"absolute right-12 top-14 w-4 h-12 bg-red-400 rounded-md transition-all duration-500 border-2 border-red-500 shadow-sm flex items-center justify-center\";\n            gate.innerHTML = '<i class=\"fa-solid fa-lock text-white text-[10px]\"><\/i>';\n\n            setTimeout(() => {\n                \/\/ Smooth transition reactivated\n                glucose.style.transition = 'all 1s ease';\n                insulin.style.transition = 'all 1s ease';\n\n                if (mode === 'normal') {\n                    status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u9375(\u30a4\u30f3\u30b9\u30ea\u30f3)\u304c\u53d7\u5bb9\u4f53\u306b\u7d50\u5408\u4e2d...\";\n                    insulin.style.left = '140px'; \/\/ moves to receptor\n                    \n                    setTimeout(() => {\n                        status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u30b2\u30fc\u30c8\u304c\u958b\u304d\u307e\u3057\u305f\uff01\";\n                        gate.className = \"absolute right-12 top-2 w-4 h-12 bg-green-400 rounded-md transition-all duration-500 border-2 border-green-500 shadow-sm flex items-center justify-center\";\n                        gate.innerHTML = '<i class=\"fa-solid fa-lock-open text-white text-[10px]\"><\/i>';\n                        \n                        setTimeout(() => {\n                            status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u7cd6\u304c\u7b4b\u8089\u7d30\u80de\u3078\u30b9\u30e0\u30fc\u30ba\u306b\u5438\u53ce\u3055\u308c\u307e\u3057\u305f\u3002\";\n                            glucose.style.left = '240px'; \/\/ enters cell\n                        }, 500);\n                    }, 1000);\n\n                } else if (mode === 'excess') {\n                    status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u904e\u5270\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u305f\u3081\u7d30\u80de\u306e\u53d7\u5bb9\u4f53\u304c\u9ebb\u75fa\u3057\u3066\u3044\u307e\u3059...\";\n                    insulin.style.left = '100px';\n                    \n                    setTimeout(() => {\n                        status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u30a4\u30f3\u30b9\u30ea\u30f3\u62b5\u6297\u6027\u306b\u3088\u308a\u3001\u30b2\u30fc\u30c8\u304c\u958b\u304b\u306a\u3044\uff01\";\n                        gate.className = \"absolute right-12 top-14 w-4 h-12 bg-red-600 rounded-md transition-all duration-500 border-4 border-red-700 shadow-lg flex items-center justify-center animate-bounce\";\n                        \n                        setTimeout(() => {\n                            status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u5438\u53ce\u3055\u308c\u306a\u304b\u3063\u305f\u7cd6\u306f\u3001\u8102\u80aa\u7d30\u80de\u3078\u3068\u56de\u3055\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u3002\";\n                            glucose.style.top = '112px';\n                            glucose.style.left = '100px';\n                            glucose.style.backgroundColor = '#fbbf24';\n                        }, 800);\n                    }, 1000);\n                }\n            }, 50);\n        }\n\n        function resetInsulinSim() {\n            const glucose = document.getElementById('glucose-particle');\n            const insulin = document.getElementById('insulin-particle');\n            const gate = document.getElementById('gate-element');\n            const status = document.getElementById('sim-status');\n\n            glucose.style.transition = 'none';\n            insulin.style.transition = 'none';\n            glucose.style.left = '24px';\n            glucose.style.top = '56px';\n            glucose.style.backgroundColor = '#fbbf24';\n            insulin.style.left = '24px';\n            insulin.style.top = '112px';\n            \n            gate.className = \"absolute right-12 top-14 w-4 h-12 bg-red-400 rounded-md border-2 border-red-500 shadow-sm flex items-center justify-center\";\n            gate.innerHTML = '<i class=\"fa-solid fa-lock text-white text-[10px]\"><\/i>';\n            status.innerText = \"\u30b9\u30c6\u30fc\u30bf\u30b9: \u30ea\u30bb\u30c3\u30c8\u3057\u307e\u3057\u305f\u3002\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u304f\u3060\u3055\u3044\u3002\";\n        }\n\n        \/\/ ----------------- Dark Mode Control -----------------\n        const themeToggleBtn = document.getElementById('theme-toggle');\n        const themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');\n        const themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');\n\n        \/\/ On page load, set mode based on storage or preference\n        if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n            document.documentElement.classList.add('dark');\n            themeToggleLightIcon.classList.add('hidden');\n            themeToggleDarkIcon.classList.remove('hidden');\n        } else {\n            document.documentElement.classList.remove('dark');\n            themeToggleLightIcon.classList.remove('hidden');\n            themeToggleDarkIcon.classList.add('hidden');\n        }\n\n        themeToggleBtn.addEventListener('click', function() {\n            themeToggleDarkIcon.classList.toggle('hidden');\n            themeToggleLightIcon.classList.toggle('hidden');\n\n            if (document.documentElement.classList.contains('dark')) {\n                document.documentElement.classList.remove('dark');\n                localStorage.setItem('color-theme', 'light');\n            } else {\n                document.documentElement.classList.add('dark');\n                localStorage.setItem('color-theme', 'dark');\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u9662\u9577\u30d6\u30ed\u30b0\u3011\u300c\u98df\u3079\u3066\u3044\u306a\u3044\u306e\u306b\u75e9\u305b\u306a\u3044\u300d\u306f\u672c\u5f53\uff1f\u533b\u8005\u304c\u660e\u304b\u3059\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u79d8\u5bc6\u3068\u6700\u65b0\u306e\u80a5\u6e80\u75c7\u6cbb\u7642 \u4e0a\u7530\u8a3a\u7642\u6240 Ueda Clinic Blog Web\u5916\u6765\u4e88\u7d04 \u9662\u9577\u516c\u5f0f\u30d6\u30ed\u30b0\u30fb\u533b\u8005\u30b3\u30e9\u30e0 \u300c\u98df\u3079\u3066\u3044\u306a\u3044\u306e\u306b\u75e9\u305b\u306a\u3044\u300d\u306f [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2616,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[31],"tags":[960,76,92,474,625,77,961,962,963,959,109,965,66,957,964],"class_list":["post-2612","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diabetes","tag-glp1","tag-76","tag-92","tag-474","tag-625","tag-77","tag-961","tag-962","tag-963","tag-959","tag-109","tag-965","tag-66","tag-957","tag-964"],"acf":[],"_links":{"self":[{"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/posts\/2612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/comments?post=2612"}],"version-history":[{"count":8,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/posts\/2612\/revisions"}],"predecessor-version":[{"id":2624,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/posts\/2612\/revisions\/2624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/media\/2616"}],"wp:attachment":[{"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/media?parent=2612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/categories?post=2612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ueda.com\/blog\/wp-json\/wp\/v2\/tags?post=2612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}