{"id":732,"date":"2025-11-05T22:38:25","date_gmt":"2025-11-05T13:38:25","guid":{"rendered":"https:\/\/tamani-manabu.com\/?p=732"},"modified":"2025-11-05T22:45:51","modified_gmt":"2025-11-05T13:45:51","slug":"%e3%83%ac%e3%82%a2%e3%82%a2%e3%83%bc%e3%82%b9%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/tamani-manabu.com\/?p=732","title":{"rendered":"\u30ec\u30a2\u30a2\u30fc\u30b9\uff1f"},"content":{"rendered":"\n<p>\u30ec\u30a2\u30a2\u30fc\u30b9\uff1f\u671f\u5f85\u3067\u304d\u307e\u3059\u306d\u3002<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u5357\u9ce5\u5cf6\u6c96\u30ec\u30a2\u30a2\u30fc\u30b9\u63a1\u6398\u958b\u59cb\u300026\u5e741\u6708\u304b\u3089\u63a2\u67fb\u8239\u3061\u304d\u3085\u3046\u3092\u4f7f\u3063\u305f\u63a1\u6398\u304c\u6df1\u6d776000m\u306e\u6d77\u3067\u59cb\u307e\u308a\u307e\u3059\u3000\u8a66\u9a13\u63a1\u6398\u3067\u306f\u3042\u308a\u307e\u3059\u304c\u672c\u683c\u7a3c\u50cd\u306e\u305f\u3081\u306e\u30ce\u30a6\u30cf\u30a6\u3092\u96c6\u3081\u308b\u305f\u3081\u306e\u5927\u5207\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u306a\u3063\u3066\u3044\u307e\u3059\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/xrgLVI6T-ig?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30ec\u30dd\u30fc\u30c8\uff1a\u30ec\u30a2\u30a2\u30fc\u30b9\u3068\u65e5\u672c\u306e\u672a\u6765<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&#038;family=Noto+Sans+JP:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', 'Noto Sans JP', sans-serif;\n            background-color: #f8fafc;\n            color: #1e293b;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            max-height: 400px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n        .nav-link {\n            @apply px-3 py-2 rounded-md text-sm font-medium text-slate-700 hover:bg-slate-100 hover:text-slate-900 transition-colors;\n        }\n        .element-btn {\n            @apply w-full p-3 bg-white border border-slate-300 rounded-lg shadow-sm text-center text-blue-700 font-semibold hover:bg-blue-50 hover:border-blue-400 transition-all cursor-pointer;\n        }\n        .tab-btn {\n            @apply px-4 py-2 font-medium text-sm rounded-t-lg transition-colors;\n        }\n        .tab-btn.active {\n            @apply bg-blue-600 text-white;\n        }\n        .tab-btn:not(.active) {\n            @apply text-slate-600 hover:bg-slate-200;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50\">\n\n    <header class=\"sticky top-0 bg-white shadow-md z-50\">\n        <nav class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-16\">\n                <div class=\"flex-shrink-0\">\n                    <span class=\"text-xl font-bold text-blue-700\">\u30ec\u30a2\u30a2\u30fc\u30b9\u30fb\u30ec\u30dd\u30fc\u30c8<\/span>\n                <\/div>\n                <div class=\"hidden sm:block\">\n                    <div class=\"flex items-center space-x-4\">\n                        <a href=\"#home\" class=\"nav-link\">\u30db\u30fc\u30e0<\/a>\n                        <a href=\"#what-is\" class=\"nav-link\">\u30ec\u30a2\u30a2\u30fc\u30b9\u3068\u306f\uff1f<\/a>\n                        <a href=\"#global\" class=\"nav-link\">\u4e16\u754c\u306e\u72b6\u6cc1<\/a>\n                        <a href=\"#japan\" class=\"nav-link\">\u65e5\u672c\u306e\u6311\u6226<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/nav>\n    <\/header>\n\n    <main>\n        <section id=\"home\" class=\"h-[60vh] md:h-[70vh] flex items-center justify-center text-center bg-white px-4\">\n            <div class=\"max-w-3xl\">\n                <h1 class=\"text-4xl md:text-6xl font-bold text-slate-900 mb-4\">\n                    <span class=\"text-blue-600\">\u30ec\u30a2\u30a2\u30fc\u30b9<\/span>\u3068\u65e5\u672c\u306e\u672a\u6765\n                <\/h1>\n                <p class=\"text-lg md:text-xl text-slate-600 max-w-2xl mx-auto\">\n                    \u7d4c\u6e08\u5b89\u5168\u4fdd\u969c\u306e\u9375\u3092\u63e1\u308b\u300c\u7523\u696d\u306e\u30d3\u30bf\u30df\u30f3\u300d\u3002\u305d\u306e\u73fe\u72b6\u3068\u3001\u65e5\u672c\u306eEEZ\uff08\u6392\u4ed6\u7684\u7d4c\u6e08\u6c34\u57df\uff09\u306b\u7720\u308b\u5357\u9ce5\u5cf6\u6c96\u306e\u5de8\u5927\u306a\u53ef\u80fd\u6027\u3092\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u63a2\u308a\u307e\u3059\u3002\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <section id=\"what-is\" class=\"py-16 md:py-24\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <h2 class=\"text-3xl font-bold text-center mb-4\">\u30ec\u30a2\u30a2\u30fc\u30b9\u3068\u306f\u4f55\u304b\uff1f<\/h2>\n                <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">\n                    \u30ec\u30a2\u30a2\u30fc\u30b9\uff08\u5e0c\u571f\u985e\uff09\u306f\u3001\u30b9\u30ab\u30f3\u30b8\u30a6\u30e0\u3001\u30a4\u30c3\u30c8\u30ea\u30a6\u30e0\u3001\u304a\u3088\u3073\u30e9\u30f3\u30bf\u30ce\u30a4\u30c9\u7cfb15\u5143\u7d20\u306e\u5408\u8a0817\u5143\u7d20\u306e\u7dcf\u79f0\u3067\u3059\u3002\u5b9f\u969b\u306b\u306f\u300c\u7a00\uff08\u307e\u308c\uff09\u300d\u306a\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u7d4c\u6e08\u7684\u306b\u63a1\u6398\u30fb\u5206\u96e2\u30fb\u7cbe\u88fd\u3059\u308b\u306e\u304c\u96e3\u3057\u3044\u305f\u3081\u3001\u305d\u3046\u547c\u3070\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u73fe\u4ee3\u7523\u696d\u306b\u4e0d\u53ef\u6b20\u306a\u300c\u7523\u696d\u306e\u30d3\u30bf\u30df\u30f3\u300d\u3067\u3059\u3002\n                <\/p>\n                \n                <h3 class=\"text-2xl font-semibold text-center mb-6\">\u4e3b\u8981\u306a\u30ec\u30a2\u30a2\u30fc\u30b9\u3068\u305d\u306e\u7528\u9014<\/h3>\n                <p class=\"text-center text-slate-600 max-w-2xl mx-auto mb-8\">\n                    \u4e0b\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u4ee3\u8868\u7684\u306a\u30ec\u30a2\u30a2\u30fc\u30b9\u304c\u3069\u306e\u3088\u3046\u306a\u88fd\u54c1\u306b\u4f7f\u308f\u308c\u3066\u3044\u308b\u304b\u3092\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002\n                <\/p>\n\n                <div class=\"max-w-3xl mx-auto\">\n                    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n                        <button class=\"element-btn\" data-element=\"nd\">\u30cd\u30aa\u30b8\u30e0 (Nd)<\/button>\n                        <button class=\"element-btn\" data-element=\"dy\">\u30b8\u30b9\u30d7\u30ed\u30b7\u30a6\u30e0 (Dy)<\/button>\n                        <button class=\"element-btn\" data-element=\"tb\">\u30c6\u30eb\u30d3\u30a6\u30e0 (Tb)<\/button>\n                        <button class=\"element-btn\" data-element=\"la\">\u30e9\u30f3\u30bf\u30f3 (La)<\/button>\n                        <button class=\"element-btn\" data-element=\"ce\">\u30bb\u30ea\u30a6\u30e0 (Ce)<\/button>\n                        <button class=\"element-btn\" data-element=\"y\">\u30a4\u30c3\u30c8\u30ea\u30a6\u30e0 (Y)<\/button>\n                        <button class=\"element-btn\" data-element=\"eu\">\u30e6\u30a6\u30ed\u30d4\u30a6\u30e0 (Eu)<\/button>\n                        <button class=\"element-btn\" data-element=\"pr\">\u30d7\u30e9\u30bb\u30aa\u30b8\u30e0 (Pr)<\/button>\n                    <\/div>\n                    <div id=\"element-details\" class=\"p-6 bg-white rounded-lg shadow min-h-[120px] flex items-center justify-center border border-slate-200\">\n                        <p class=\"text-slate-500 text-center\">\u4e0a\u306e\u30dc\u30bf\u30f3\u304b\u3089\u5143\u7d20\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n                    <\/div>\n                <\/div>\n\n                <h3 class=\"text-2xl font-semibold text-center mt-16 mb-6\">\u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u4e3b\u306a\u7528\u9014\u5225\u30b7\u30a7\u30a2<\/h3>\n                <p class=\"text-center text-slate-600 max-w-2xl mx-auto mb-8\">\n                    \u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u6700\u5927\u306e\u7528\u9014\u306f\u3001EV\uff08\u96fb\u6c17\u81ea\u52d5\u8eca\uff09\u3084\u98a8\u529b\u767a\u96fb\u6a5f\u306b\u4e0d\u53ef\u6b20\u306a\u9ad8\u6027\u80fd\u78c1\u77f3\uff08\u6c38\u4e45\u78c1\u77f3\uff09\u3067\u3059\u3002\n                <\/p>\n                <div class=\"chart-container\">\n                    <canvas id=\"applicationsChart\"><\/canvas>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"global\" class=\"py-16 md:py-24 bg-white\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <h2 class=\"text-3xl font-bold text-center mb-4\">\u4e16\u754c\u306e\u4f9b\u7d66\u7db2\u3068\u30ea\u30b9\u30af<\/h2>\n                <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">\n                    \u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u4f9b\u7d66\u7db2\u306f\u3001\u7279\u5b9a\u306e\u56fd\u3001\u7279\u306b\u4e2d\u56fd\u306b\u5927\u304d\u304f\u4f9d\u5b58\u3057\u3066\u3044\u308b\u3068\u3044\u3046\u5927\u304d\u306a\u8ab2\u984c\u3092\u62b1\u3048\u3066\u3044\u307e\u3059\u3002\u63a1\u6398\uff08\u9271\u77f3\uff09\u306e\u30b7\u30a7\u30a2\u3082\u9ad8\u3044\u3067\u3059\u304c\u3001\u305d\u308c\u3092\u88fd\u54c1\u306b\u4f7f\u3048\u308b\u5f62\u306b\u3059\u308b\u5206\u96e2\u30fb\u7cbe\u88fd\u30d7\u30ed\u30bb\u30b9\u306f\u3001\u3055\u3089\u306b\u5be1\u5360\u5316\u304c\u9032\u3093\u3067\u3044\u307e\u3059\u3002\n                <\/p>\n\n                <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                    <div>\n                        <h3 class=\"text-2xl font-semibold text-center mb-4\">\u4e16\u754c\u306e\u30ec\u30a2\u30a2\u30fc\u30b9\u751f\u7523\u91cf\u30b7\u30a7\u30a2 (2023\u5e74\u63a8\u5b9a)<\/h3>\n                        <p class=\"text-center text-slate-600 max-w-xl mx-auto mb-6\">\n                            \u9271\u77f3\u306e\u63a1\u6398\u6bb5\u968e\u3067\u3082\u3001\u4e2d\u56fd\u304c\u5168\u4f53\u306e6\u5272\u4ee5\u4e0a\u3092\u5360\u3081\u3066\u3044\u307e\u3059\u3002\n                        <\/p>\n                        <div class=\"chart-container\">\n                            <canvas id=\"productionChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-2xl font-semibold text-center mb-4\">\u4e16\u754c\u306e\u30ec\u30a2\u30a2\u30fc\u30b9\u57cb\u8535\u91cf\u30b7\u30a7\u30a2 (2023\u5e74\u63a8\u5b9a)<\/h3>\n                        <p class=\"text-center text-slate-600 max-w-xl mx-auto mb-6\">\n                            \u57cb\u8535\u91cf\u30d9\u30fc\u30b9\u3067\u306f\u751f\u7523\u91cf\u307b\u3069\u306e\u504f\u308a\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u305d\u308c\u3067\u3082\u4e2d\u56fd\u304c\u6700\u5927\u3067\u3059\u3002\n                        <\/p>\n                        <div class=\"chart-container\">\n                            <canvas id=\"reservesChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-16 max-w-3xl mx-auto bg-rose-50 border-l-4 border-rose-500 p-6 rounded-r-lg\">\n                    <h4 class=\"text-xl font-semibold text-rose-900 mb-2\">\u4f9b\u7d66\u7db2\u306e\u30ea\u30b9\u30af\uff1a\u300c2010\u5e74\u306e\u6559\u8a13\u300d<\/h4>\n                    <p class=\"text-rose-800\">\n                        2010\u5e74\u3001\u65e5\u672c\u306f\u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u5bfe\u4e2d\u8f38\u5165\u304c\u4e8b\u5b9f\u4e0a\u505c\u6b62\u3059\u308b\u3068\u3044\u3046\u4e8b\u614b\uff08\u30ec\u30a2\u30a2\u30fc\u30b9\u30fb\u30b7\u30e7\u30c3\u30af\uff09\u3092\u7d4c\u9a13\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30cf\u30a4\u30c6\u30af\u88fd\u54c1\u306e\u751f\u7523\u304c\u6ede\u308b\u5371\u6a5f\u306b\u76f4\u9762\u3057\u3001\u7279\u5b9a\u306e\u56fd\u306b\u4f9d\u5b58\u3059\u308b\u7d4c\u6e08\u5b89\u5168\u4fdd\u969c\u4e0a\u306e\u30ea\u30b9\u30af\u304c\u5f37\u304f\u8a8d\u8b58\u3055\u308c\u307e\u3057\u305f\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"japan\" class=\"py-16 md:py-24\">\n            <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n                <h2 class=\"text-3xl font-bold text-center mb-4\">\u65e5\u672c\u306e\u6311\u6226\u3068\u672a\u6765<\/h2>\n                <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">\n                    \u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u307b\u307c\u5168\u91cf\u3092\u8f38\u5165\u306b\u983c\u308b\u65e5\u672c\u306f\u30012010\u5e74\u306e\u30b7\u30e7\u30c3\u30af\u3092\u53d7\u3051\u3001\u4f9b\u7d66\u7db2\u306e\u591a\u89d2\u5316\u3001\u4ee3\u66ff\u6750\u6599\u306e\u958b\u767a\u3001\u30ea\u30b5\u30a4\u30af\u30eb\u3001\u305d\u3057\u3066\u56fd\u5185\u8cc7\u6e90\u306e\u958b\u767a\u3068\u3044\u3046\u591a\u89d2\u7684\u306a\u6226\u7565\u3092\u9032\u3081\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n\n                <h3 class=\"text-2xl font-semibold text-center mb-4\">\u65e5\u672c\u306e\u30ec\u30a2\u30a2\u30fc\u30b9\u8f38\u5165\u5143 (2022\u5e74)<\/h3>\n                <p class=\"text-center text-slate-600 max-w-2xl mx-auto mb-8\">\n                    \u591a\u89d2\u5316\u306f\u9032\u3093\u3067\u3044\u308b\u3082\u306e\u306e\u3001\u4f9d\u7136\u3068\u3057\u3066\u4e2d\u56fd\u3078\u306e\u4f9d\u5b58\u5ea6\u306f\u9ad8\u3044\u307e\u307e\u3067\u3059\u3002\n                <\/p>\n                <div class=\"chart-container max-w-md\">\n                    <canvas id=\"importsChart\"><\/canvas>\n                <\/div>\n\n                <h3 class=\"text-2xl font-semibold text-center mt-16 mb-4\">\u65e5\u672c\u306e\u57fa\u672c\u6226\u7565\uff1a\u300c3R + D\u300d<\/h3>\n                <p class=\"text-center text-slate-600 max-w-2xl mx-auto mb-8\">\n                    \u65e5\u672c\u306f\u3001\u30ea\u30b9\u30af\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u306b\u4ee5\u4e0b\u306e4\u3064\u306e\u6226\u7565\u3092\u67f1\u3068\u3057\u3066\u3044\u307e\u3059\u3002\n                <\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 max-w-5xl mx-auto\">\n                    <div class=\"bg-white p-6 rounded-lg shadow border-t-4 border-blue-500\">\n                        <span class=\"text-4xl\">\ud83d\udcc9<\/span>\n                        <h4 class=\"text-xl font-semibold my-2\">Reduce (\u4f7f\u7528\u91cf\u4f4e\u6e1b)<\/h4>\n                        <p class=\"text-slate-600 text-sm\">\u30ec\u30a2\u30a2\u30fc\u30b9\u3092\u4f7f\u308f\u306a\u3044\u3001\u307e\u305f\u306f\u4f7f\u7528\u91cf\u3092\u5927\u5e45\u306b\u6e1b\u3089\u3057\u305f\u88fd\u54c1\uff08\u4f8b\uff1a\u8131\u30ec\u30a2\u30a2\u30fc\u30b9\u78c1\u77f3\uff09\u306e\u958b\u767a\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-lg shadow border-t-4 border-green-500\">\n                        <span class=\"text-4xl\">\u267b\ufe0f<\/span>\n                        <h4 class=\"text-xl font-semibold my-2\">Recycle (\u30ea\u30b5\u30a4\u30af\u30eb)<\/h4>\n                        <p class=\"text-slate-600 text-sm\">\u4f7f\u7528\u6e08\u307f\u88fd\u54c1\uff08\u300c\u90fd\u5e02\u9271\u5c71\u300d\uff09\u304b\u3089\u30ec\u30a2\u30a2\u30fc\u30b9\u3092\u56de\u53ce\u3057\u3001\u518d\u8cc7\u6e90\u5316\u3059\u308b\u6280\u8853\u306e\u78ba\u7acb\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-lg shadow border-t-4 border-purple-500\">\n                        <span class=\"text-4xl\">\ud83d\udd2c<\/span>\n                        <h4 class=\"text-xl font-semibold my-2\">Replace (\u4ee3\u66ff)<\/h4>\n                        <p class=\"text-slate-600 text-sm\">\u30ec\u30a2\u30a2\u30fc\u30b9\u306e\u6a5f\u80fd\u3092\u6301\u3064\u3001\u3088\u308a\u5b89\u4fa1\u3067\u5b89\u5b9a\u4f9b\u7d66\u53ef\u80fd\u306a\u4ed6\u306e\u6750\u6599\u3078\u306e\u7f6e\u304d\u63db\u3048\u7814\u7a76\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-lg shadow border-t-4 border-orange-500\">\n                        <span class=\"text-4xl\">\ud83c\udf0f<\/span>\n                        <h4 class=\"text-xl font-semibold my-2\">Diversify (\u4f9b\u7d66\u6e90\u591a\u89d2\u5316)<\/h4>\n                        <p class=\"text-slate-600 text-sm\">\u4e2d\u56fd\u4ee5\u5916\u306e\u56fd\uff08\u8c6a\u5dde\u3001\u7c73\u56fd\u3001\u30ab\u30b6\u30d5\u30b9\u30bf\u30f3\u7b49\uff09\u304b\u3089\u306e\u8f38\u5165\u3092\u5897\u3084\u3057\u3001\u56fd\u5185\u8cc7\u6e90\u3092\u958b\u767a\u3059\u308b\u3002<\/p>\n                    <\/div>\n                <\/div>\n\n                <h3 class=\"text-3xl font-bold text-center mt-20 mb-4 text-blue-700\">\u5e0c\u671b\u306e\u5149\uff1a\u5357\u9ce5\u5cf6\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<\/h3>\n                <p class=\"text-center text-slate-600 max-w-3xl mx-auto mb-12\">\n                    \u65e5\u672c\u306e\u6226\u7565\u306e\u4e2d\u3067\u6700\u3082\u5927\u304d\u306a\u53ef\u80fd\u6027\u3092\u79d8\u3081\u3066\u3044\u308b\u306e\u304c\u3001\u65e5\u672c\u6700\u6771\u7aef\u306e\u5cf6\u300c\u5357\u9ce5\u5cf6\u300d\u5468\u8fba\u306e\u6392\u4ed6\u7684\u7d4c\u6e08\u6c34\u57df\uff08EEZ\uff09\u5185\u3067\u767a\u898b\u3055\u308c\u305f\u300c\u9ad8\u6fc3\u5ea6\u30ec\u30a2\u30a2\u30fc\u30b9\u6ce5\u300d\u3067\u3059\u3002\n                <\/p>\n\n                <div class=\"bg-white p-6 md:p-8 rounded-lg shadow-lg\">\n                    <div class=\"flex flex-wrap border-b border-slate-300 mb-6\">\n                        <button class=\"tab-btn active\" data-target=\"#tab-potential\">\n                            <span class=\"text-2xl mr-2\">\ud83d\udc8e<\/span> \u6f5c\u5728\u529b\n                        <\/button>\n                        <button class=\"tab-btn\" data-target=\"#tab-tech\">\n                            <span class=\"text-2xl mr-2\">\ud83d\udee0\ufe0f<\/span> \u63a1\u6398\u6280\u8853\n                        <\/button>\n                        <button class=\"tab-btn\" data-target=\"#tab-challenges\">\n                            <span class=\"text-2xl mr-2\">\ud83c\udf0a<\/span> \u8ab2\u984c\n                        <\/button>\n                    <\/div>\n\n                    <div id=\"tab-content-wrapper\">\n                        <div class=\"tab-content\" id=\"tab-potential\">\n                            <h4 class=\"text-xl font-semibold mb-3\">\u6841\u5916\u308c\u306e\u57cb\u8535\u91cf<\/h4>\n                            <p class=\"text-slate-600 mb-4\">\n                                \u5357\u9ce5\u5cf6\u6c96\u306e\u6d77\u5e95\uff08\u6c34\u6df1\u7d045,500m\uff09\u306b\u5e83\u304c\u308b\u30ec\u30a2\u30a2\u30fc\u30b9\u6ce5\u306f\u3001\u4e16\u754c\u306e\u6d88\u8cbb\u91cf\u306e\u6570\u767e\u5e74\u5206\u306b\u76f8\u5f53\u3059\u308b\u3068\u63a8\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u7279\u306b\u3001\u30b8\u30b9\u30d7\u30ed\u30b7\u30a6\u30e0\u3084\u30c6\u30eb\u30d3\u30a6\u30e0\u3068\u3044\u3063\u305f\u9700\u8981\u306e\u9ad8\u3044\u91cd\u30ec\u30a2\u30a2\u30fc\u30b9\u3092\u8c4a\u5bcc\u306b\u542b\u3093\u3067\u304a\u308a\u3001\u65e5\u672c\u306e\u300c\u8cc7\u6e90\u5927\u56fd\u300d\u5316\u306e\u53ef\u80fd\u6027\u3092\u79d8\u3081\u3066\u3044\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"bg-blue-50 p-4 rounded-lg\">\n                                <p class=\"font-semibold text-blue-800\">\u65e5\u672c\u306e\u6392\u4ed6\u7684\u7d4c\u6e08\u6c34\u57df\uff08EEZ\uff09\u5185\u3067\u3042\u308b\u305f\u3081\u3001\u65e5\u672c\u304c\u81ea\u4e3b\u7684\u306b\u958b\u767a\u3067\u304d\u308b\u7d14\u56fd\u7523\u306e\u8cc7\u6e90\u3067\u3042\u308b\u70b9\u304c\u6700\u5927\u306e\u5f37\u307f\u3067\u3059\u3002<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tab-content hidden\" id=\"tab-tech\">\n                            <h4 class=\"text-xl font-semibold mb-3\">\u6df1\u6d77\u304b\u3089\u306e\u6311\u6226<\/h4>\n                            <p class=\"text-slate-600 mb-6\">\n                                \u8ab2\u984c\u306f\u300c\u3069\u3046\u3084\u3063\u3066\u6c34\u6df15,500m\u304b\u3089\u6ce5\u3092\u5f15\u304d\u4e0a\u3052\u308b\u304b\u300d\u3067\u3059\u3002JOGMEC\uff08\u77f3\u6cb9\u5929\u7136\u30ac\u30b9\u30fb\u91d1\u5c5e\u9271\u7269\u8cc7\u6e90\u6a5f\u69cb\uff09\u306a\u3069\u306f\u3001\u8239\u304b\u3089\u6d77\u5e95\u307e\u3067\u4e0b\u308d\u3057\u305f\u30d1\u30a4\u30d7\uff08\u30e9\u30a4\u30b6\u30fc\uff09\u3092\u4f7f\u3044\u3001\u30dd\u30f3\u30d7\u3067\u6d77\u6c34\u3054\u3068\u6ce5\u3092\u5438\u3044\u4e0a\u3052\u308b\u300c\u30e9\u30a4\u30b6\u30fc\u65b9\u5f0f\u300d\u306e\u6280\u8853\u958b\u767a\u3092\u9032\u3081\u3066\u3044\u307e\u3059\u3002\n                            <\/A>\n                            <p class=\"text-center font-semibold text-slate-700 mb-4\">\u6df1\u6d77\u30ec\u30a2\u30a2\u30fc\u30b9\u6ce5 \u63a1\u6398\u30b3\u30f3\u30bb\u30d7\u30c8\u56f3\uff08HTML\/CSS\u306b\u3088\u308b\u63cf\u753b\uff09<\/p>\n                            <div class=\"relative bg-blue-100 h-96 w-full max-w-lg mx-auto rounded overflow-hidden border-2 border-blue-300 p-4\">\n                                <div class=\"absolute top-4 left-1\/2 -translate-x-1\/2 bg-gray-600 text-white px-3 py-2 rounded shadow-lg w-40 text-center text-sm font-semibold\">\ud83d\udea2 \u63a1\u6398\u6bcd\u8239<\/div>\n                                \n                                <div class=\"absolute top-14 left-4 text-blue-900 font-bold\">\n                                    <p>\u6d77\u9762 (0m)<\/p>\n                                    <p class=\"mt-4\">\u6392\u4ed6\u7684\u7d4c\u6e08\u6c34\u57df (EEZ)<\/p>\n                                <\/div>\n                                \n                                <div class=\"absolute top-14 left-1\/2 -translate-x-1\/2 w-2 h-[260px] bg-gray-500\" style=\"background: repeating-linear-gradient(to bottom, #4b5563, #4b5563 10px, #6b7280 10px, #6b7280 20px);\">\n                                    <span class=\"absolute -top-4 -right-16 text-xs text-slate-700 whitespace-nowrap\">\u30e9\u30a4\u30b6\u30fc\u30d1\u30a4\u30d7<\/span>\n                                <\/div>\n                                \n                                <div class=\"absolute bottom-0 left-0 w-full h-16 bg-yellow-900\/80 text-white flex items-center justify-center text-sm font-semibold\">\n                                    \u6d77\u5e95 (\u6c34\u6df1 5,500m) &#8211; \u30ec\u30a2\u30a2\u30fc\u30b9\u6ce5\n                                <\/div>\n                                \n                                <div class=\"absolute bottom-16 left-1\/2 -translate-x-1\/2 bg-red-600 text-white p-2 rounded-md shadow-lg text-xs font-semibold\">\n                                    \u63a1\u6398\u6a5f\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"tab-content hidden\" id=\"tab-challenges\">\n                            <h4 class=\"text-xl font-semibold mb-3\">\u5546\u696d\u5316\u3078\u306e\u9ad8\u3044\u30cf\u30fc\u30c9\u30eb<\/h4>\n                            <p class=\"text-slate-600 mb-4\">\n                                \u5922\u306e\u3088\u3046\u306a\u8a71\u3067\u3059\u304c\u3001\u5b9f\u73fe\u306b\u306f\u591a\u304f\u306e\u8ab2\u984c\u304c\u3042\u308a\u307e\u3059\u3002\n                            <\/p>\n                            <ul class=\"list-disc list-inside space-y-2 text-slate-700\">\n                                <li><strong>\u7d4c\u6e08\u6027\u306e\u554f\u984c:<\/strong> \u6c34\u6df15,500m\u3068\u3044\u3046\u8d85\u6df1\u6d77\u304b\u3089\u306e\u63a1\u6398\u306f\u83ab\u5927\u306a\u30b3\u30b9\u30c8\u304c\u304b\u304b\u308a\u307e\u3059\u3002\u73fe\u5728\u306e\u30ec\u30a2\u30a2\u30fc\u30b9\u5e02\u5834\u4fa1\u683c\u3067\u63a1\u7b97\u304c\u53d6\u308c\u308b\u304b\u304c\u6700\u5927\u306e\u7126\u70b9\u3067\u3059\u3002<\/li>\n                                <li><strong>\u6280\u8853\u7684\u8ab2\u984c:<\/strong> \u904e\u9177\u306a\u6df1\u6d77\u74b0\u5883\u3067\u9577\u671f\u9593\u5b89\u5b9a\u3057\u3066\u7a3c\u50cd\u3059\u308b\u63a1\u6398\u6a5f\u3084\u63da\u6ce5\u30b7\u30b9\u30c6\u30e0\u306e\u958b\u767a\u306f\u975e\u5e38\u306b\u56f0\u96e3\u3067\u3059\u3002<\/li>\n                                <li><strong>\u74b0\u5883\u3078\u306e\u5f71\u97ff:<\/strong> \u6d77\u5e95\u3092\u6398\u308a\u8d77\u3053\u3059\u3053\u3068\u306b\u3088\u308b\u6df1\u6d77\u306e\u751f\u614b\u7cfb\u3078\u306e\u5f71\u97ff\u3092\u6700\u5c0f\u9650\u306b\u6291\u3048\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n                                <li><strong>\u7cbe\u88fd\u6280\u8853:<\/strong> \u6ce5\u304b\u3089\u52b9\u7387\u3088\u304f\u30ec\u30a2\u30a2\u30fc\u30b9\u3092\u5206\u96e2\u30fb\u7cbe\u88fd\u3059\u308b\u88fd\u932c\u30d7\u30ed\u30bb\u30b9\u306e\u78ba\u7acb\u3082\u4e26\u884c\u3057\u3066\u9032\u3081\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n                            <\/ul>\n                            <p class=\"text-slate-600 mt-4\">\n                                JOGMEC\u306a\u3069\u306f2020\u5e74\u4ee3\u5f8c\u534a\u306e\u5546\u696d\u5316\u306b\u5411\u3051\u305f\u6280\u8853\u5b9f\u8a3c\u3092\u76ee\u6307\u3057\u3001\u7814\u7a76\u958b\u767a\u3092\u9032\u3081\u3066\u3044\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer class=\"bg-slate-900 text-slate-400 py-8 text-center\">\n        <p class=\"text-sm\">\u3053\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30ec\u30dd\u30fc\u30c8\u306f\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3\u7528\u306b\u4f5c\u6210\u3055\u308c\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n        <p class=\"text-xs mt-1\">&copy; 2025 Interactive Report. All rights reserved.<\/p>\n    <\/footer>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n\n            const elementData = {\n                'nd': {\n                    name: '\u30cd\u30aa\u30b8\u30e0 (Nd)',\n                    description: '\u6700\u5f37\u306e\u6c38\u4e45\u78c1\u77f3\u300c\u30cd\u30aa\u30b8\u30e0\u78c1\u77f3\u300d\u306e\u4e3b\u539f\u6599\u3002EV\u306e\u30e2\u30fc\u30bf\u30fc\u3001\u98a8\u529b\u767a\u96fb\u6a5f\u3001\u30cf\u30fc\u30c9\u30c7\u30a3\u30b9\u30af\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u632f\u52d5\u30e2\u30fc\u30bf\u30fc\u306a\u3069\u3001\u5c0f\u578b\u30fb\u5f37\u529b\u306a\u78c1\u77f3\u304c\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5834\u6240\u3067\u4f7f\u308f\u308c\u307e\u3059\u3002'\n                },\n                'dy': {\n                    name: '\u30b8\u30b9\u30d7\u30ed\u30b7\u30a6\u30e0 (Dy)',\n                    description: '\u30cd\u30aa\u30b8\u30e0\u78c1\u77f3\u306b\u6dfb\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u9ad8\u6e29\u3067\u3082\u78c1\u529b\u3092\u5931\u308f\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u300c\u4fdd\u78c1\u529b\u300d\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002\u9ad8\u6e29\u306b\u306a\u308b\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30ab\u30fc\u3084EV\u306e\u30e2\u30fc\u30bf\u30fc\u306b\u4e0d\u53ef\u6b20\u3067\u3059\u3002'\n                },\n                'tb': {\n                    name: '\u30c6\u30eb\u30d3\u30a6\u30e0 (Tb)',\n                    description: '\u30b8\u30b9\u30d7\u30ed\u30b7\u30a6\u30e0\u3068\u540c\u69d8\u306b\u3001\u30cd\u30aa\u30b8\u30e0\u78c1\u77f3\u306e\u8010\u71b1\u6027\u3092\u9ad8\u3081\u308b\u305f\u3081\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002\u975e\u5e38\u306b\u5e0c\u5c11\u3067\u9ad8\u4fa1\u3067\u3059\u3002'\n                },\n                'la': {\n                    name: '\u30e9\u30f3\u30bf\u30f3 (La)',\n                    description: '\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30ab\u30fc\u306e\u30cb\u30c3\u30b1\u30eb\u6c34\u7d20\u96fb\u6c60\u306e\u96fb\u6975\u6750\u6599\u3084\u3001\u30ab\u30e1\u30e9\u306e\u9ad8\u6a5f\u80fd\u30ec\u30f3\u30ba\uff08\u5149\u5b66\u30ec\u30f3\u30ba\uff09\u306e\u6750\u6599\u3068\u3057\u3066\u4f7f\u308f\u308c\u307e\u3059\u3002'\n                },\n                'ce': {\n                    name: '\u30bb\u30ea\u30a6\u30e0 (Ce)',\n                    description: '\u81ea\u52d5\u8eca\u306e\u6392\u6c17\u30ac\u30b9\u3092\u6d44\u5316\u3059\u308b\u300c\u4e09\u5143\u89e6\u5a92\u300d\u3084\u3001\u30ac\u30e9\u30b9\u30fb\u534a\u5c0e\u4f53\u306e\u7cbe\u5bc6\u306a\u7814\u78e8\u5264\u3068\u3057\u3066\u5e83\u304f\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002'\n                },\n                'y': {\n                    name: '\u30a4\u30c3\u30c8\u30ea\u30a6\u30e0 (Y)',\n                    description: 'LED\u7167\u660e\u3084\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u306e\u300c\u86cd\u5149\u4f53\u300d\uff08\u5149\u3092\u7279\u5b9a\u306e\u8272\u306b\u5909\u3048\u308b\u7269\u8cea\uff09\u3068\u3057\u3066\u3001\u7279\u306b\u8d64\u8272\u3084\u767d\u8272\u3092\u51fa\u3059\u305f\u3081\u306b\u4f7f\u308f\u308c\u307e\u3059\u3002'\n                },\n                'eu': {\n                    name: '\u30e6\u30a6\u30ed\u30d4\u30a6\u30e0 (Eu)',\n                    description: '\u30a4\u30c3\u30c8\u30ea\u30a6\u30e0\u3068\u540c\u69d8\u306b\u3001LED\u3084\u30d7\u30e9\u30ba\u30de\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u306e\u8d64\u8272\u86cd\u5149\u4f53\u306e\u6750\u6599\u3068\u3057\u3066\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002'\n                },\n                'pr': {\n                    name: '\u30d7\u30e9\u30bb\u30aa\u30b8\u30e0 (Pr)',\n                    description: '\u30cd\u30aa\u30b8\u30e0\u3068\u540c\u69d8\u306b\u5f37\u529b\u306a\u78c1\u77f3\u306e\u539f\u6599\u3068\u3057\u3066\u4f7f\u308f\u308c\u308b\u307b\u304b\u3001\u30ac\u30e9\u30b9\u3084\u30bb\u30e9\u30df\u30c3\u30af\u306e\u7740\u8272\u5264\uff08\u9ec4\u8272\uff09\u3068\u3057\u3066\u3082\u5229\u7528\u3055\u308c\u307e\u3059\u3002'\n                }\n            };\n\n            const elementButtons = document.querySelectorAll('.element-btn');\n            const elementDetails = document.getElementById('element-details');\n            elementButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    const elementKey = button.dataset.element;\n                    const data = elementData[elementKey];\n                    if (data) {\n                        elementDetails.innerHTML = `\n                            <div class=\"text-left w-full\">\n                                <h5 class=\"text-lg font-bold text-blue-800 mb-1\">${data.name}<\/h5>\n                                <p class=\"text-slate-700 text-sm\">${data.description}<\/p>\n                            <\/div>\n                        `;\n                    }\n                    elementButtons.forEach(btn => btn.classList.remove('bg-blue-100', 'border-blue-400'));\n                    button.classList.add('bg-blue-100', 'border-blue-400');\n                });\n            });\n\n            const navLinks = document.querySelectorAll('.nav-link');\n            navLinks.forEach(link => {\n                link.addEventListener('click', e => {\n                    e.preventDefault();\n                    const targetId = link.getAttribute('href');\n                    const targetElement = document.querySelector(targetId);\n                    if (targetElement) {\n                        window.scrollTo({\n                            top: targetElement.offsetTop - 64, \n                            behavior: 'smooth'\n                        });\n                    }\n                });\n            });\n\n            const tabButtons = document.querySelectorAll('.tab-btn');\n            const tabContents = document.querySelectorAll('.tab-content');\n            tabButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    tabButtons.forEach(btn => btn.classList.remove('active'));\n                    button.classList.add('active');\n\n                    tabContents.forEach(content => content.classList.add('hidden'));\n                    const targetContent = document.querySelector(button.dataset.target);\n                    if (targetContent) {\n                        targetContent.classList.remove('hidden');\n                    }\n                });\n            });\n\n            const commonOptions = {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        labels: {\n                            color: '#1e293b', \n                            font: {\n                                family: \"'Inter', 'Noto Sans JP', sans-serif\"\n                            }\n                        }\n                    },\n                    tooltip: {\n                        bodyFont: {\n                            family: \"'Inter', 'Noto Sans JP', sans-serif\"\n                        },\n                        titleFont: {\n                            family: \"'Inter', 'Noto Sans JP', sans-serif\"\n                        }\n                    }\n                }\n            };\n            \n            function wrapTicks(value) {\n                const label = this.getLabelForValue(value);\n                if (typeof label !== 'string') return label;\n                const maxChars = 16;\n                const words = label.split(' ');\n                const lines = [];\n                let currentLine = '';\n                for (const word of words) {\n                    if ((currentLine + ' ' + word).trim().length > maxChars && currentLine.length > 0) {\n                        lines.push(currentLine.trim());\n                        currentLine = word;\n                    } else {\n                        currentLine = (currentLine + ' ' + word).trim();\n                    }\n                }\n                if (currentLine.length > 0) {\n                    lines.push(currentLine.trim());\n                }\n                return lines;\n            }\n\n            const applicationsCtx = document.getElementById('applicationsChart').getContext('2d');\n            new Chart(applicationsCtx, {\n                type: 'doughnut',\n                data: {\n                    labels: ['\u6c38\u4e45\u78c1\u77f3', '\u89e6\u5a92', '\u77f3\u6cb9\u7cbe\u88fd', '\u7814\u78e8\u5264', '\u96fb\u6c60\u5408\u91d1', '\u305d\u306e\u4ed6'],\n                    datasets: [{\n                        label: '\u7528\u9014\u5225\u30b7\u30a7\u30a2',\n                        data: [61, 14, 7, 6, 4, 8],\n                        backgroundColor: [\n                            '#2563eb', \n                            '#3b82f6', \n                            '#60a5fa', \n                            '#93c5fd', \n                            '#bfdbfe', \n                            '#dbeafe'  \n                        ],\n                        borderColor: '#f8fafc',\n                        borderWidth: 2\n                    }]\n                },\n                options: commonOptions\n            });\n\n            const productionCtx = document.getElementById('productionChart').getContext('2d');\n            new Chart(productionCtx, {\n                type: 'bar',\n                data: {\n                    labels: ['\u4e2d\u56fd', '\u7c73\u56fd', '\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2', '\u30df\u30e3\u30f3\u30de\u30fc', '\u305d\u306e\u4ed6'],\n                    datasets: [{\n                        label: '\u751f\u7523\u91cf (\u30c8\u30f3)',\n                        data: [240000, 43000, 18000, 12000, 27000],\n                        backgroundColor: '#3b82f6',\n                        borderRadius: 4\n                    }]\n                },\n                options: {\n                    ...commonOptions,\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: { color: '#334155' }\n                        },\n                        x: {\n                            ticks: { \n                                color: '#334155',\n                                callback: wrapTicks\n                            }\n                        }\n                    },\n                    plugins: {\n                        ...commonOptions.plugins,\n                        legend: { display: false }\n                    }\n                }\n            });\n\n            const reservesCtx = document.getElementById('reservesChart').getContext('2d');\n            new Chart(reservesCtx, {\n                type: 'bar',\n                data: {\n                    labels: ['\u4e2d\u56fd', '\u30d9\u30c8\u30ca\u30e0', '\u30d6\u30e9\u30b8\u30eb', '\u30ed\u30b7\u30a2', '\u30a4\u30f3\u30c9', '\u305d\u306e\u4ed6'],\n                    datasets: [{\n                        label: '\u57cb\u8535\u91cf (\u767e\u4e07\u30c8\u30f3)',\n                        data: [44, 22, 21, 12, 6.9, 19.1],\n                        backgroundColor: '#60a5fa',\n                        borderRadius: 4\n                    }]\n                },\n                options: {\n                    ...commonOptions,\n                    scales: {\n                        y: {\n                            beginAtZero: true,\n                            ticks: { color: '#334155' }\n                        },\n                        x: {\n                            ticks: { \n                                color: '#334155',\n                                callback: wrapTicks\n                            }\n                        }\n                    },\n                    plugins: {\n                        ...commonOptions.plugins,\n                        legend: { display: false }\n                    }\n                }\n            });\n\n            const importsCtx = document.getElementById('importsChart').getContext('2d');\n            new Chart(importsCtx, {\n                type: 'pie',\n                data: {\n                    labels: ['\u4e2d\u56fd', '\u30d9\u30c8\u30ca\u30e0', '\u30d5\u30e9\u30f3\u30b9', '\u30de\u30ec\u30fc\u30b7\u30a2', '\u305d\u306e\u4ed6'],\n                    datasets: [{\n                        label: '\u8f38\u5165\u5143\u30b7\u30a7\u30a2',\n                        data: [58.0, 14.5, 10.5, 6.5, 10.5],\n                        backgroundColor: [\n                            '#dc2626', \n                            '#60a5fa',\n                            '#3b82f6',\n                            '#93c5fd',\n                            '#dbeafe'\n                        ],\n                        borderColor: '#f8fafc',\n                        borderWidth: 2\n                    }]\n                },\n                options: {\n                    ...commonOptions,\n                     plugins: {\n                        ...commonOptions.plugins,\n                        tooltip: {\n                            callbacks: {\n                                label: function(context) {\n                                    let label = context.label || '';\n                                    let value = context.parsed;\n                                    return `${label}: ${value}%`;\n                                }\n                            }\n                        }\n                    }\n                }\n            });\n        });\n    <\/script>\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>\u30ec\u30a2\u30a2\u30fc\u30b9\uff1f\u671f\u5f85\u3067\u304d\u307e\u3059\u306d\u3002 \u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30fb\u30ec\u30dd\u30fc\u30c8\uff1a\u30ec\u30a2\u30a2\u30fc\u30b9\u3068&hellip;<\/p>\n","protected":false},"author":1,"featured_media":735,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,31],"tags":[],"class_list":["post-732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-26","category-31"],"_links":{"self":[{"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/posts\/732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=732"}],"version-history":[{"count":3,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/posts\/732\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/posts\/732\/revisions\/736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=\/wp\/v2\/media\/735"}],"wp:attachment":[{"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tamani-manabu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}