\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green-light: #e8f5ee;\n --green-mid: #b2dfc4;\n --green-dark: #2e7d5a;\n --green-text: #1a5c3f;\n --purple-light: #ede8f5;\n --purple-mid: #c4b2df;\n --purple-dark: #5a2e90;\n --purple-text: #3d1e6e;\n --pink-light: #f5e8ea;\n --pink-mid: #dfb2bb;\n --pink-dark: #a0303d;\n --pink-text: #7a1f2a;\n --sand-light: #faf4ea;\n --sand-mid: #e8d5b0;\n --sand-dark: #8c6a2a;\n --blue-light: #e8f0f8;\n --blue-mid: #b0c8e8;\n --blue-dark: #2a5a8c;\n --blue-text: #1a3d6e;\n --gray-100: #f8f7f5;\n --gray-200: #edecea;\n --gray-400: #9e9c98;\n --gray-700: #444240;\n --gray-900: #1e1d1b;\n --radius: 10px;\n --shadow: 0 2px 12px rgba(0,0,0,0.08);\n }\n\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: #f5f3ef;\n color: var(--gray-900);\n line-height: 1.7;\n padding: 0;\n }\n\n header {\n background: var(--gray-900);\n color: #fff;\n text-align: center;\n padding: 2.5rem 1rem 2rem;\n position: relative;\n overflow: hidden;\n }\n header::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,0.025) 20px,\n rgba(255,255,255,0.025) 40px\n );\n }\n header h1 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(1.1rem, 3vw, 1.6rem);\n font-weight: 700;\n letter-spacing: 0.05em;\n position: relative;\n }\n header h1 span {\n color: #c8a96e;\n }\n header p {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.55);\n margin-top: 0.4rem;\n position: relative;\n }\n\n main {\n max-width: 960px;\n margin: 0 auto;\n padding: 2rem 1rem 4rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n \/* Section label *\/\n .section-label {\n text-align: center;\n font-size: 0.8rem;\n color: var(--gray-400);\n letter-spacing: 0.12em;\n margin-bottom: -1rem;\n }\n\n \/* Phase blocks *\/\n .phase {\n border-radius: var(--radius);\n overflow: visible;\n }\n\n .phase-header {\n border-radius: var(--radius) var(--radius) 0 0;\n padding: 0.75rem 1.25rem;\n font-weight: 700;\n font-size: 1rem;\n letter-spacing: 0.04em;\n }\n\n .phase-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1px;\n background: rgba(0,0,0,0.08);\n border: 1px solid rgba(0,0,0,0.08);\n border-top: none;\n border-radius: 0 0 var(--radius) var(--radius);\n overflow: hidden;\n }\n\n .service-card {\n padding: 1rem 1.1rem;\n cursor: pointer;\n transition: filter 0.2s, transform 0.15s;\n position: relative;\n }\n .service-card:hover { filter: brightness(0.97); transform: scale(1.01); z-index: 2; }\n\n .service-card h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 0.35rem;\n letter-spacing: 0.02em;\n }\n .service-card p {\n font-size: 0.78rem;\n line-height: 1.6;\n opacity: 0.82;\n }\n\n \/* Phase 1 \u2014 green *\/\n .phase-1 .phase-header { background: var(--green-dark); color: #fff; }\n .phase-1 .service-card { background: var(--green-light); color: var(--green-text); }\n .phase-1 .service-card h3 { color: var(--green-dark); }\n\n \/* Phase 2 \u2014 purple *\/\n .phase-2 .phase-header { background: var(--purple-dark); color: #fff; }\n .phase-2 .service-card { background: var(--purple-light); color: var(--purple-text); }\n .phase-2 .service-card h3 { color: var(--purple-dark); }\n\n \/* Phase 3 \u2014 pink *\/\n .phase-3 .phase-header { background: var(--pink-dark); color: #fff; }\n .phase-3 .service-card { background: var(--pink-light); color: var(--pink-text); }\n .phase-3 .service-card h3 { color: var(--pink-dark); }\n\n \/* Transition arrow *\/\n .transition-arrow {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n color: var(--gray-400);\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n padding: 0.5rem 0;\n }\n .transition-arrow svg { color: var(--gray-400); }\n\n \/* Target audience *\/\n .audience-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n }\n .audience-card {\n background: #fff;\n border: 1px solid var(--gray-200);\n border-radius: var(--radius);\n padding: 1.2rem 1.25rem;\n box-shadow: var(--shadow);\n }\n .audience-card h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--gray-700);\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 2px solid var(--gray-200);\n }\n .audience-card p { font-size: 0.8rem; color: var(--gray-700); }\n\n \/* Coordinator block *\/\n .coordinator {\n background: var(--blue-light);\n border: 1.5px solid var(--blue-mid);\n border-radius: var(--radius);\n padding: 1.5rem;\n }\n .coordinator h2 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--blue-dark);\n text-align: center;\n margin-bottom: 1rem;\n }\n .coordinator-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n .coord-box {\n background: rgba(255,255,255,0.7);\n border-radius: 8px;\n padding: 0.9rem 1rem;\n font-size: 0.82rem;\n color: var(--blue-text);\n line-height: 1.8;\n }\n .coord-box strong { display: block; font-size: 0.75rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 0.3rem; letter-spacing: 0.05em; text-transform: uppercase; }\n .coord-box .arrow-link { color: var(--blue-dark); font-weight: 700; }\n @media (max-width: 560px) { .coordinator-grid { grid-template-columns: 1fr; } }\n\n \/* Revenue model *\/\n .revenue-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n @media (max-width: 560px) { .revenue-grid { grid-template-columns: 1fr; } }\n\n .revenue-card {\n background: var(--sand-light);\n border: 1px solid var(--sand-mid);\n border-radius: var(--radius);\n padding: 1.25rem;\n }\n .revenue-card h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--sand-dark);\n margin-bottom: 0.75rem;\n padding-bottom: 0.5rem;\n border-bottom: 1.5px solid var(--sand-mid);\n text-align: center;\n }\n .revenue-card ul { list-style: none; padding: 0; }\n .revenue-card ul li {\n font-size: 0.8rem;\n color: var(--gray-700);\n padding: 0.2rem 0;\n display: flex;\n align-items: flex-start;\n gap: 0.4rem;\n }\n .revenue-card ul li::before {\n content: '\u2022';\n color: var(--sand-dark);\n font-weight: 700;\n flex-shrink: 0;\n margin-top: 0.05em;\n }\n .revenue-card .check-item::before { content: '\u2713'; color: var(--green-dark); }\n .revenue-card .num-item::before { content: attr(data-num); color: var(--sand-dark); font-weight: 700; font-size: 0.85rem; }\n\n footer {\n text-align: center;\n padding: 1rem;\n font-size: 0.75rem;\n color: var(--gray-400);\n border-top: 1px solid var(--gray-200);\n margin-top: 2rem;\n }\n\n \/* Modal *\/\n .modal-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.45);\n z-index: 100;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n .modal-overlay.open { display: flex; }\n .modal {\n background: #fff;\n border-radius: 14px;\n max-width: 480px;\n width: 100%;\n padding: 1.75rem;\n position: relative;\n animation: slideUp 0.2s ease;\n }\n @keyframes slideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n .modal-close {\n position: absolute;\n top: 1rem; right: 1rem;\n background: none; border: none;\n font-size: 1.4rem; cursor: pointer;\n color: var(--gray-400);\n line-height: 1;\n }\n .modal-close:hover { color: var(--gray-900); }\n .modal h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.75rem; }\n .modal .phase-badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n padding: 0.2rem 0.7rem;\n border-radius: 20px;\n margin-bottom: 0.75rem;\n }\n .modal p { font-size: 0.88rem; line-height: 1.75; color: var(--gray-700); }\n .modal ul { margin-top: 0.75rem; padding-left: 1.2rem; }\n .modal ul li { font-size: 0.85rem; line-height: 1.8; color: var(--gray-700); }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <h1>\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b<br><span>\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d<\/span><\/h1>\n <p><\/p>\n<\/header>\n\n<main>\n\n \n <div class=\"phase phase-1\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2460 \u751f\u524d<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('will')\">\n <h3>\u907a\u8a00\u66f8\u306e\u4f5c\u6210<\/h3>\n <p>\u516c\u6b63\u8a3c\u66f8\u30fb\u81ea\u7b46\u8a3c\u66f8\u30b5\u30dd\u30fc\u30c8<br>\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u76f8\u8ac7<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('guardian')\">\n <h3>\u4efb\u610f\u5f8c\u898b\u5951\u7d04<\/h3>\n <p>\u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u7de0\u7d50<br>\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u306e\u6e96\u5099<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('ending')\">\n <h3>\u8ca1\u7523\u76ee\u9332\u30fb\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8<\/h3>\n <p>\u9810\u8caf\u91d1\u30fb\u4e0d\u52d5\u7523\u30fb\u4fdd\u967a\u306e\u6574\u7406<br>\u30c7\u30b8\u30bf\u30eb\u907a\u7523\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('postdeath')\">\n <h3>\u6b7b\u5f8c\u4e8b\u52d9\u59d4\u4efb\u5951\u7d04<\/h3>\n <p>\u846c\u5100\u30fb\u624b\u7d9a\u304d\u30fb\u9023\u7d61\u3092\u59d4\u4efb<br>\u304a\u3072\u3068\u308a\u3055\u307e\u306b\u7279\u306b\u6709\u52b9<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('dignity')\">\n <h3>\u5c0a\u53b3\u6b7b\u5ba3\u8a00\u66f8<\/h3>\n <p>\u5ef6\u547d\u63aa\u7f6e\u306e\u610f\u601d\u8868\u793a<br>\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6b8b\u3059<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('gift')\">\n <h3>\u751f\u524d\u8d08\u4e0e\u30fb\u5bb6\u65cf\u4fe1\u8a17\u306e\u6e96\u5099<\/h3>\n <p>\u8d08\u4e0e\u5951\u7d04\u66f8\u306e\u4f5c\u6210<br>\u5c02\u9580\u5bb6\uff08\u53f8\u6cd5\u66f8\u58eb\u7b49\uff09\u9023\u643a<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"transition-arrow\">\n <span>\u76f4\u524d\u671f<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\n <\/div>\n\n \n <div class=\"phase phase-2\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2461 \u76f4\u524d\u671f\uff08\u8a8d\u77e5\u75c7\u5bfe\u5fdc\u542b\u3080\uff09<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('adult-guardian')\">\n <h3>\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u652f\u63f4<\/h3>\n <p>\u66f8\u985e\u4f5c\u6210\u30fb\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e<br>\u7533\u7acb\u66f8\u985e\u4e00\u5f0f\u4f5c\u6210<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('nursing')\">\n <h3>\u4ecb\u8b77\u65bd\u8a2d\u5165\u5c45\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p>\u5404\u7a2e\u7533\u8acb\u66f8\u985e\u306e\u4f5c\u6210<br>\u4ecb\u8b77\u8a8d\u5b9a\u306e\u7533\u8acb\u652f\u63f4<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('asset-mgmt')\">\n <h3>\u8ca1\u7523\u7ba1\u7406\u5951\u7d04<\/h3>\n <p>\u4efb\u610f\u5f8c\u898b\u767a\u52d5\u524d\u306e\u7ba1\u7406<br>\u65e5\u5e38\u7684\u306a\u8ca1\u7523\u7ba1\u7406\u4ee3\u884c<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"transition-arrow\">\n <span>\u6b7b\u5f8c<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\n <\/div>\n\n \n <div class=\"phase phase-3\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2462 \u6b7b\u5f8c\u4e8b\u52d9\uff08\u907a\u65cf\u30fb\u59d4\u4efb\u8005\u3078\u306e\u5bfe\u5fdc\uff09<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('exec-affairs')\">\n <h3>\u6b7b\u5f8c\u4e8b\u52d9\u306e\u5b9f\u884c<\/h3>\n <p>\u846c\u5100\u30fb\u706b\u846c\u624b\u914d\u306e\u8abf\u6574<br>\u95a2\u4fc2\u8005\u3078\u306e\u9023\u7d61<br>\u65bd\u8a2d\u9000\u53bb\u30fb\u907a\u54c1\u6574\u7406\u624b\u914d<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('inheritance')\">\n <h3>\u76f8\u7d9a\u624b\u7d9a\u304d\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p>\u76f8\u7d9a\u95a2\u4fc2\u8aac\u660e\u56f3\u306e\u4f5c\u6210<br>\u907a\u7523\u5206\u5272\u5354\u8b70\u66f8\u306e\u4f5c\u6210<br>\u5404\u7a2e\u540d\u7fa9\u5909\u66f4\u66f8\u985e<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('admin-proc')\">\n <h3>\u884c\u653f\u624b\u7d9a\u304d\u30fb\u89e3\u7d04\u624b\u7d9a\u304d<\/h3>\n <p>\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u306e\u505c\u6b62\u7533\u8acb<br>\u9280\u884c\u30fb\u30b5\u30d6\u30b9\u30af\u7b49\u306e\u89e3\u7d04<br>SNS\u30fb\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306e\u6574\u7406<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n<\/main>\n\n<footer>\u203b \u672c\u30da\u30fc\u30b8\u306f\u884c\u653f\u66f8\u58eb\u30b5\u30fc\u30d3\u30b9\u306e\u6982\u8981\u6848\u5185\u3067\u3059\u3002\u8a73\u7d30\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/footer>\n\n\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\n <div class=\"modal\" id=\"modal\">\n <button class=\"modal-close\" onclick=\"closeModal()\">×<\/button>\n <div class=\"phase-badge\" id=\"modalBadge\"><\/div>\n <h2 id=\"modalTitle\"><\/h2>\n <p id=\"modalDesc\"><\/p>\n <ul id=\"modalList\"><\/ul>\n <\/div>\n<\/div>\n\n<script>\nconst data = {\n will: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u907a\u8a00\u66f8\u306e\u4f5c\u6210',\n desc: '\u81ea\u5206\u306e\u610f\u601d\u3092\u6b63\u78ba\u306b\u6b8b\u3059\u305f\u3081\u306e\u907a\u8a00\u66f8\u4f5c\u6210\u3092\u5168\u9762\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u516c\u6b63\u8a3c\u66f8\u907a\u8a00\u306e\u4f5c\u6210\u652f\u63f4\uff08\u516c\u8a3c\u4eba\u3068\u306e\u9023\u643a\uff09','\u81ea\u7b46\u8a3c\u66f8\u907a\u8a00\u306e\u8a18\u8f09\u65b9\u6cd5\u30fb\u5185\u5bb9\u78ba\u8a8d','\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u5bb6\u65cf\u3078\u306e\u8aac\u660e\u30b5\u30dd\u30fc\u30c8','\u5b9a\u671f\u7684\u306a\u898b\u76f4\u3057\u3068\u66f4\u65b0\u306e\u76f8\u8ac7\u5bfe\u5fdc']\n },\n guardian: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u4efb\u610f\u5f8c\u898b\u5951\u7d04',\n desc: '\u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u3001\u5c06\u6765\u306e\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u3092\u5b89\u5fc3\u3057\u3066\u4efb\u305b\u308b\u4eba\u3092\u6c7a\u3081\u3066\u304a\u304f\u5951\u7d04\u3067\u3059\u3002',\n list: ['\u4efb\u610f\u5f8c\u898b\u4eba\u306e\u9078\u5b9a\u30b5\u30dd\u30fc\u30c8','\u5951\u7d04\u66f8\u306e\u4f5c\u6210\u30fb\u516c\u6b63\u8a3c\u66f8\u5316','\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u306e\u5185\u5bb9\u8a2d\u8a08','\u5c06\u6765\u306e\u767a\u52d5\u306b\u5099\u3048\u305f\u6e96\u5099\u652f\u63f4']\n },\n ending: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u8ca1\u7523\u76ee\u9332\u30fb\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8',\n desc: '\u9810\u8caf\u91d1\u30fb\u4e0d\u52d5\u7523\u30fb\u4fdd\u967a\u30fb\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306a\u3069\u3001\u3042\u3089\u3086\u308b\u8ca1\u7523\u3092\u6574\u7406\u3057\u3066\u4e00\u89a7\u5316\u3057\u307e\u3059\u3002',\n list: ['\u9810\u8caf\u91d1\u30fb\u682a\u5f0f\u30fb\u4fdd\u967a\u306e\u68da\u5378\u3057\u652f\u63f4','\u4e0d\u52d5\u7523\u306e\u6240\u5728\u30fb\u6a29\u5229\u95a2\u4fc2\u306e\u6574\u7406','\u30c7\u30b8\u30bf\u30eb\u907a\u7523\uff08ID\/\u30d1\u30b9\u30ef\u30fc\u30c9\uff09\u306e\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7','\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8\u306e\u4f5c\u6210\u30fb\u4fdd\u7ba1\u30b5\u30dd\u30fc\u30c8']\n },\n postdeath: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u6b7b\u5f8c\u4e8b\u52d9\u59d4\u4efb\u5951\u7d04',\n desc: '\u4ea1\u304f\u306a\u3063\u305f\u5f8c\u306e\u846c\u5100\u30fb\u8af8\u624b\u7d9a\u304d\u30fb\u9023\u7d61\u306a\u3069\u3092\u4fe1\u983c\u3067\u304d\u308b\u884c\u653f\u66f8\u58eb\u306b\u4e8b\u524d\u306b\u59d4\u4efb\u3059\u308b\u5951\u7d04\u3067\u3059\u3002\u304a\u3072\u3068\u308a\u3055\u307e\u306b\u7279\u306b\u6709\u52b9\u3067\u3059\u3002',\n list: ['\u846c\u5100\u30fb\u706b\u846c\u306e\u624b\u914d\u3068\u8cbb\u7528\u7ba1\u7406','\u884c\u653f\u6a5f\u95a2\u3078\u306e\u5404\u7a2e\u5c4a\u51fa','\u65bd\u8a2d\u9000\u53bb\u30fb\u907a\u54c1\u6574\u7406\u306e\u624b\u914d','\u77e5\u4eba\u30fb\u95a2\u4fc2\u8005\u3078\u306e\u8a03\u5831\u9023\u7d61']\n },\n dignity: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u5c0a\u53b3\u6b7b\u5ba3\u8a00\u66f8',\n desc: '\u5ef6\u547d\u63aa\u7f6e\u3092\u671b\u307e\u306a\u3044\u65e8\u306e\u610f\u601d\u3092\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6b8b\u3059\u3053\u3068\u3067\u3001\u3054\u81ea\u8eab\u306e\u5c0a\u53b3\u3042\u308b\u6700\u671f\u3092\u5b88\u308a\u307e\u3059\u3002',\n list: ['\u5ef6\u547d\u63aa\u7f6e\u306b\u95a2\u3059\u308b\u610f\u601d\u306e\u6587\u66f8\u5316','\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6cd5\u7684\u306b\u6709\u52b9\u306a\u5f62\u3067\u4fdd\u5b58','\u533b\u7642\u6a5f\u95a2\u30fb\u5bb6\u65cf\u3078\u306e\u63d0\u793a\u65b9\u6cd5\u306e\u3054\u6848\u5185']\n },\n gift: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u751f\u524d\u8d08\u4e0e\u30fb\u5bb6\u65cf\u4fe1\u8a17\u306e\u6e96\u5099',\n desc: '\u76f8\u7d9a\u7a0e\u5bfe\u7b56\u3084\u8ca1\u7523\u627f\u7d99\u306e\u305f\u3081\u3001\u751f\u524d\u304b\u3089\u8a08\u753b\u7684\u306b\u8ca1\u7523\u3092\u79fb\u8ee2\u3059\u308b\u624b\u7d9a\u304d\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u8d08\u4e0e\u5951\u7d04\u66f8\u306e\u4f5c\u6210','\u66a6\u5e74\u8d08\u4e0e\u30fb\u6559\u80b2\u8cc7\u91d1\u8d08\u4e0e\u306a\u3069\u306e\u6d3b\u7528\u652f\u63f4','\u5bb6\u65cf\u4fe1\u8a17\u306e\u8a2d\u8a08\uff08\u53f8\u6cd5\u66f8\u58eb\u30fb\u7a0e\u7406\u58eb\u3068\u9023\u643a\uff09','\u5c02\u9580\u5bb6\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306b\u3088\u308b\u4e00\u62ec\u30b5\u30dd\u30fc\u30c8']\n },\n 'adult-guardian': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u652f\u63f4',\n desc: '\u5224\u65ad\u80fd\u529b\u304c\u4f4e\u4e0b\u3057\u305f\u65b9\u306e\u305f\u3081\u306b\u3001\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u66f8\u985e\u3092\u4f5c\u6210\u30fb\u652f\u63f4\u3057\u307e\u3059\u3002',\n list: ['\u7533\u7acb\u66f8\u985e\u4e00\u5f0f\u306e\u4f5c\u6210\uff08\u8a3a\u65ad\u66f8\u4ee5\u5916\uff09','\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e\u63d0\u51fa\u624b\u7d9a\u304d','\u5f8c\u898b\u4eba\u5019\u88dc\u8005\u306e\u9078\u5b9a\u30b5\u30dd\u30fc\u30c8','\u7533\u7acb\u5f8c\u306e\u624b\u7d9a\u304d\u6848\u5185']\n },\n nursing: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u4ecb\u8b77\u65bd\u8a2d\u5165\u5c45\u30b5\u30dd\u30fc\u30c8',\n desc: '\u4ecb\u8b77\u65bd\u8a2d\u3078\u306e\u5165\u5c45\u306b\u5fc5\u8981\u306a\u66f8\u985e\u4f5c\u6210\u304b\u3089\u4ecb\u8b77\u8a8d\u5b9a\u7533\u8acb\u307e\u3067\u3001\u624b\u7d9a\u304d\u5168\u822c\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u8981\u4ecb\u8b77\u8a8d\u5b9a\u306e\u7533\u8acb\u66f8\u985e\u4f5c\u6210','\u65bd\u8a2d\u5165\u5c45\u5951\u7d04\u66f8\u306e\u78ba\u8a8d\u30b5\u30dd\u30fc\u30c8','\u5404\u7a2e\u7d66\u4ed8\u91d1\u30fb\u52a9\u6210\u7533\u8acb\u306e\u3054\u6848\u5185','\u5165\u5c45\u5f8c\u306e\u5b9a\u671f\u7684\u306a\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7']\n },\n 'asset-mgmt': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u8ca1\u7523\u7ba1\u7406\u5951\u7d04',\n desc: '\u4efb\u610f\u5f8c\u898b\u304c\u767a\u52d5\u3059\u308b\u307e\u3067\u306e\u9593\u3001\u65e5\u5e38\u7684\u306a\u8ca1\u7523\u7ba1\u7406\u3092\u884c\u653f\u66f8\u58eb\u304c\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u9810\u91d1\u53e3\u5ea7\u306e\u7ba1\u7406\u4ee3\u884c','\u516c\u5171\u6599\u91d1\u30fb\u5bb6\u8cc3\u306a\u3069\u306e\u652f\u6255\u3044\u7ba1\u7406','\u8ca1\u7523\u72b6\u6cc1\u306e\u5b9a\u671f\u5831\u544a','\u4efb\u610f\u5f8c\u898b\u767a\u52d5\u6642\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u5f15\u304d\u7d99\u304e']\n },\n 'exec-affairs': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u6b7b\u5f8c\u4e8b\u52d9\u306e\u5b9f\u884c',\n desc: '\u59d4\u4efb\u306b\u57fa\u3065\u304d\u3001\u3054\u901d\u53bb\u5f8c\u306e\u8af8\u624b\u7d9a\u304d\u3092\u8fc5\u901f\u30fb\u78ba\u5b9f\u306b\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u846c\u5100\u30fb\u706b\u846c\u306e\u624b\u914d\u8abf\u6574','\u533b\u7642\u6a5f\u95a2\u30fb\u65bd\u8a2d\u3078\u306e\u9023\u7d61','\u65bd\u8a2d\u9000\u53bb\u624b\u7d9a\u304d\u3068\u907a\u54c1\u6574\u7406\u306e\u624b\u914d','\u516c\u5171\u6599\u91d1\u30fb\u5404\u7a2e\u30b5\u30fc\u30d3\u30b9\u306e\u505c\u6b62\u624b\u7d9a\u304d']\n },\n inheritance: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u76f8\u7d9a\u624b\u7d9a\u304d\u30b5\u30dd\u30fc\u30c8',\n desc: '\u76f8\u7d9a\u767a\u751f\u5f8c\u306e\u8907\u96d1\u306a\u624b\u7d9a\u304d\u3092\u6574\u7406\u3057\u3001\u907a\u65cf\u306e\u8ca0\u62c5\u3092\u6700\u5c0f\u9650\u306b\u3059\u308b\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002',\n list: ['\u76f8\u7d9a\u95a2\u4fc2\u8aac\u660e\u56f3\u306e\u4f5c\u6210','\u907a\u7523\u5206\u5272\u5354\u8b70\u66f8\u306e\u4f5c\u6210','\u4e0d\u52d5\u7523\u30fb\u9810\u91d1\u306e\u540d\u7fa9\u5909\u66f4\u66f8\u985e\u306e\u6e96\u5099\uff08\u53f8\u6cd5\u66f8\u58eb\u9023\u643a\uff09','\u76f8\u7d9a\u8ca1\u7523\u8abf\u67fb\u306e\u30b5\u30dd\u30fc\u30c8']\n },\n 'admin-proc': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u884c\u653f\u624b\u7d9a\u304d\u30fb\u89e3\u7d04\u624b\u7d9a\u304d',\n desc: '\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u306e\u505c\u6b62\u304b\u3089\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306e\u6574\u7406\u307e\u3067\u3001\u6b7b\u5f8c\u306b\u5fc5\u8981\u306a\u5e45\u5e83\u3044\u624b\u7d9a\u304d\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u505c\u6b62\u306e\u7533\u8acb','\u9280\u884c\u53e3\u5ea7\u30fb\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u306e\u89e3\u7d04','\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u30b5\u30fc\u30d3\u30b9\u306e\u505c\u6b62','SNS\u30fb\u30c7\u30b8\u30bf\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u306e\u6574\u7406\u30fb\u524a\u9664']\n }\n};\n\nfunction openModal(key) {\n const d = data[key];\n if (!d) return;\n document.getElementById('modalBadge').textContent = d.phase;\n document.getElementById('modalBadge').style.background = d.bg;\n document.getElementById('modalBadge').style.color = d.color;\n document.getElementById('modalTitle').textContent = d.title;\n document.getElementById('modalTitle').style.color = d.color;\n document.getElementById('modalDesc').textContent = d.desc;\n const ul = document.getElementById('modalList');\n ul.innerHTML = d.list.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('modalOverlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeModal(e) {\n if (e && e.target !== document.getElementById('modalOverlay') && !e.target.classList.contains('modal-close')) return;\n document.getElementById('modalOverlay').classList.remove('open');\n document.body.style.overflow = '';\n}\n\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal({}); });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d \u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d \u30d5\u30a7\u30fc\u30ba\u2460 \u751f\u524d \u907a\u8a00\u66f8\u306e\u4f5c\u6210 \u516c\u6b63\u8a3c\u66f8\u30fb\u81ea\u7b46\u8a3c\u66f8\u30b5\u30dd\u30fc\u30c8\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u76f8\u8ac7 \u4efb\u610f\u5f8c\u898b\u5951\u7d04 \u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u7de0\u7d50\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":[],"footnotes":""},"class_list":["post-306","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=306"}],"version-history":[{"count":12,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":306,"date":"2026-05-11T16:52:24","date_gmt":"2026-05-11T07:52:24","guid":{"rendered":"https:\/\/wakkawakka.site\/?page_id=306"},"modified":"2026-05-11T17:08:58","modified_gmt":"2026-05-11T08:08:58","slug":"%e6%ad%bb%e5%89%8d%e3%81%8b%e3%82%89%e3%80%81%e6%ad%bb%e5%be%8c%e3%81%be%e3%81%a7","status":"publish","type":"page","link":"https:\/\/wakkawakka.site\/?page_id=306","title":{"rendered":"\u751f\u524d\u3068\u6b7b\u5f8c"},"content":{"rendered":"\n\n\n\n\n\n\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green-light: #e8f5ee;\n --green-mid: #b2dfc4;\n --green-dark: #2e7d5a;\n --green-text: #1a5c3f;\n --purple-light: #ede8f5;\n --purple-mid: #c4b2df;\n --purple-dark: #5a2e90;\n --purple-text: #3d1e6e;\n --pink-light: #f5e8ea;\n --pink-mid: #dfb2bb;\n --pink-dark: #a0303d;\n --pink-text: #7a1f2a;\n --sand-light: #faf4ea;\n --sand-mid: #e8d5b0;\n --sand-dark: #8c6a2a;\n --blue-light: #e8f0f8;\n --blue-mid: #b0c8e8;\n --blue-dark: #2a5a8c;\n --blue-text: #1a3d6e;\n --gray-100: #f8f7f5;\n --gray-200: #edecea;\n --gray-400: #9e9c98;\n --gray-700: #444240;\n --gray-900: #1e1d1b;\n --radius: 10px;\n --shadow: 0 2px 12px rgba(0,0,0,0.08);\n }\n\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: #f5f3ef;\n color: var(--gray-900);\n line-height: 1.7;\n padding: 0;\n }\n\n header {\n background: var(--gray-900);\n color: #fff;\n text-align: center;\n padding: 2.5rem 1rem 2rem;\n position: relative;\n overflow: hidden;\n }\n header::before {\n content: '';\n position: absolute;\n inset: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,0.025) 20px,\n rgba(255,255,255,0.025) 40px\n );\n }\n header h1 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(1.1rem, 3vw, 1.6rem);\n font-weight: 700;\n letter-spacing: 0.05em;\n position: relative;\n }\n header h1 span {\n color: #c8a96e;\n }\n header p {\n font-size: 0.85rem;\n color: rgba(255,255,255,0.55);\n margin-top: 0.4rem;\n position: relative;\n }\n\n main {\n max-width: 960px;\n margin: 0 auto;\n padding: 2rem 1rem 4rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n \/* Section label *\/\n .section-label {\n text-align: center;\n font-size: 0.8rem;\n color: var(--gray-400);\n letter-spacing: 0.12em;\n margin-bottom: -1rem;\n }\n\n \/* Phase blocks *\/\n .phase {\n border-radius: var(--radius);\n overflow: visible;\n }\n\n .phase-header {\n border-radius: var(--radius) var(--radius) 0 0;\n padding: 0.75rem 1.25rem;\n font-weight: 700;\n font-size: 1rem;\n letter-spacing: 0.04em;\n }\n\n .phase-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1px;\n background: rgba(0,0,0,0.08);\n border: 1px solid rgba(0,0,0,0.08);\n border-top: none;\n border-radius: 0 0 var(--radius) var(--radius);\n overflow: hidden;\n }\n\n .service-card {\n padding: 1rem 1.1rem;\n cursor: pointer;\n transition: filter 0.2s, transform 0.15s;\n position: relative;\n }\n .service-card:hover { filter: brightness(0.97); transform: scale(1.01); z-index: 2; }\n\n .service-card h3 {\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 0.35rem;\n letter-spacing: 0.02em;\n }\n .service-card p {\n font-size: 0.78rem;\n line-height: 1.6;\n opacity: 0.82;\n }\n\n \/* Phase 1 \u2014 green *\/\n .phase-1 .phase-header { background: var(--green-dark); color: #fff; }\n .phase-1 .service-card { background: var(--green-light); color: var(--green-text); }\n .phase-1 .service-card h3 { color: var(--green-dark); }\n\n \/* Phase 2 \u2014 purple *\/\n .phase-2 .phase-header { background: var(--purple-dark); color: #fff; }\n .phase-2 .service-card { background: var(--purple-light); color: var(--purple-text); }\n .phase-2 .service-card h3 { color: var(--purple-dark); }\n\n \/* Phase 3 \u2014 pink *\/\n .phase-3 .phase-header { background: var(--pink-dark); color: #fff; }\n .phase-3 .service-card { background: var(--pink-light); color: var(--pink-text); }\n .phase-3 .service-card h3 { color: var(--pink-dark); }\n\n \/* Transition arrow *\/\n .transition-arrow {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.3rem;\n color: var(--gray-400);\n font-size: 0.78rem;\n letter-spacing: 0.06em;\n padding: 0.5rem 0;\n }\n .transition-arrow svg { color: var(--gray-400); }\n\n \/* Target audience *\/\n .audience-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n }\n .audience-card {\n background: #fff;\n border: 1px solid var(--gray-200);\n border-radius: var(--radius);\n padding: 1.2rem 1.25rem;\n box-shadow: var(--shadow);\n }\n .audience-card h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--gray-700);\n margin-bottom: 0.5rem;\n padding-bottom: 0.5rem;\n border-bottom: 2px solid var(--gray-200);\n }\n .audience-card p { font-size: 0.8rem; color: var(--gray-700); }\n\n \/* Coordinator block *\/\n .coordinator {\n background: var(--blue-light);\n border: 1.5px solid var(--blue-mid);\n border-radius: var(--radius);\n padding: 1.5rem;\n }\n .coordinator h2 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--blue-dark);\n text-align: center;\n margin-bottom: 1rem;\n }\n .coordinator-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n .coord-box {\n background: rgba(255,255,255,0.7);\n border-radius: 8px;\n padding: 0.9rem 1rem;\n font-size: 0.82rem;\n color: var(--blue-text);\n line-height: 1.8;\n }\n .coord-box strong { display: block; font-size: 0.75rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 0.3rem; letter-spacing: 0.05em; text-transform: uppercase; }\n .coord-box .arrow-link { color: var(--blue-dark); font-weight: 700; }\n @media (max-width: 560px) { .coordinator-grid { grid-template-columns: 1fr; } }\n\n \/* Revenue model *\/\n .revenue-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n @media (max-width: 560px) { .revenue-grid { grid-template-columns: 1fr; } }\n\n .revenue-card {\n background: var(--sand-light);\n border: 1px solid var(--sand-mid);\n border-radius: var(--radius);\n padding: 1.25rem;\n }\n .revenue-card h3 {\n font-size: 1rem;\n font-weight: 700;\n color: var(--sand-dark);\n margin-bottom: 0.75rem;\n padding-bottom: 0.5rem;\n border-bottom: 1.5px solid var(--sand-mid);\n text-align: center;\n }\n .revenue-card ul { list-style: none; padding: 0; }\n .revenue-card ul li {\n font-size: 0.8rem;\n color: var(--gray-700);\n padding: 0.2rem 0;\n display: flex;\n align-items: flex-start;\n gap: 0.4rem;\n }\n .revenue-card ul li::before {\n content: '\u2022';\n color: var(--sand-dark);\n font-weight: 700;\n flex-shrink: 0;\n margin-top: 0.05em;\n }\n .revenue-card .check-item::before { content: '\u2713'; color: var(--green-dark); }\n .revenue-card .num-item::before { content: attr(data-num); color: var(--sand-dark); font-weight: 700; font-size: 0.85rem; }\n\n footer {\n text-align: center;\n padding: 1rem;\n font-size: 0.75rem;\n color: var(--gray-400);\n border-top: 1px solid var(--gray-200);\n margin-top: 2rem;\n }\n\n \/* Modal *\/\n .modal-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.45);\n z-index: 100;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n .modal-overlay.open { display: flex; }\n .modal {\n background: #fff;\n border-radius: 14px;\n max-width: 480px;\n width: 100%;\n padding: 1.75rem;\n position: relative;\n animation: slideUp 0.2s ease;\n }\n @keyframes slideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n .modal-close {\n position: absolute;\n top: 1rem; right: 1rem;\n background: none; border: none;\n font-size: 1.4rem; cursor: pointer;\n color: var(--gray-400);\n line-height: 1;\n }\n .modal-close:hover { color: var(--gray-900); }\n .modal h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.75rem; }\n .modal .phase-badge {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n padding: 0.2rem 0.7rem;\n border-radius: 20px;\n margin-bottom: 0.75rem;\n }\n .modal p { font-size: 0.88rem; line-height: 1.75; color: var(--gray-700); }\n .modal ul { margin-top: 0.75rem; padding-left: 1.2rem; }\n .modal ul li { font-size: 0.85rem; line-height: 1.8; color: var(--gray-700); }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <h1>\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b<br><span>\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d<\/span><\/h1>\n <p><\/p>\n<\/header>\n\n<main>\n\n \n <div class=\"phase phase-1\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2460 \u751f\u524d<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('will')\">\n <h3>\u907a\u8a00\u66f8\u306e\u4f5c\u6210<\/h3>\n <p>\u516c\u6b63\u8a3c\u66f8\u30fb\u81ea\u7b46\u8a3c\u66f8\u30b5\u30dd\u30fc\u30c8<br>\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u76f8\u8ac7<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('guardian')\">\n <h3>\u4efb\u610f\u5f8c\u898b\u5951\u7d04<\/h3>\n <p>\u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u7de0\u7d50<br>\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u306e\u6e96\u5099<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('ending')\">\n <h3>\u8ca1\u7523\u76ee\u9332\u30fb\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8<\/h3>\n <p>\u9810\u8caf\u91d1\u30fb\u4e0d\u52d5\u7523\u30fb\u4fdd\u967a\u306e\u6574\u7406<br>\u30c7\u30b8\u30bf\u30eb\u907a\u7523\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('postdeath')\">\n <h3>\u6b7b\u5f8c\u4e8b\u52d9\u59d4\u4efb\u5951\u7d04<\/h3>\n <p>\u846c\u5100\u30fb\u624b\u7d9a\u304d\u30fb\u9023\u7d61\u3092\u59d4\u4efb<br>\u304a\u3072\u3068\u308a\u3055\u307e\u306b\u7279\u306b\u6709\u52b9<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('dignity')\">\n <h3>\u5c0a\u53b3\u6b7b\u5ba3\u8a00\u66f8<\/h3>\n <p>\u5ef6\u547d\u63aa\u7f6e\u306e\u610f\u601d\u8868\u793a<br>\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6b8b\u3059<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('gift')\">\n <h3>\u751f\u524d\u8d08\u4e0e\u30fb\u5bb6\u65cf\u4fe1\u8a17\u306e\u6e96\u5099<\/h3>\n <p>\u8d08\u4e0e\u5951\u7d04\u66f8\u306e\u4f5c\u6210<br>\u5c02\u9580\u5bb6\uff08\u53f8\u6cd5\u66f8\u58eb\u7b49\uff09\u9023\u643a<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"transition-arrow\">\n <span>\u76f4\u524d\u671f<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\n <\/div>\n\n \n <div class=\"phase phase-2\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2461 \u76f4\u524d\u671f\uff08\u8a8d\u77e5\u75c7\u5bfe\u5fdc\u542b\u3080\uff09<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('adult-guardian')\">\n <h3>\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u652f\u63f4<\/h3>\n <p>\u66f8\u985e\u4f5c\u6210\u30fb\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e<br>\u7533\u7acb\u66f8\u985e\u4e00\u5f0f\u4f5c\u6210<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('nursing')\">\n <h3>\u4ecb\u8b77\u65bd\u8a2d\u5165\u5c45\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p>\u5404\u7a2e\u7533\u8acb\u66f8\u985e\u306e\u4f5c\u6210<br>\u4ecb\u8b77\u8a8d\u5b9a\u306e\u7533\u8acb\u652f\u63f4<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('asset-mgmt')\">\n <h3>\u8ca1\u7523\u7ba1\u7406\u5951\u7d04<\/h3>\n <p>\u4efb\u610f\u5f8c\u898b\u767a\u52d5\u524d\u306e\u7ba1\u7406<br>\u65e5\u5e38\u7684\u306a\u8ca1\u7523\u7ba1\u7406\u4ee3\u884c<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"transition-arrow\">\n <span>\u6b7b\u5f8c<\/span>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\n <\/div>\n\n \n <div class=\"phase phase-3\">\n <div class=\"phase-header\">\u30d5\u30a7\u30fc\u30ba\u2462 \u6b7b\u5f8c\u4e8b\u52d9\uff08\u907a\u65cf\u30fb\u59d4\u4efb\u8005\u3078\u306e\u5bfe\u5fdc\uff09<\/div>\n <div class=\"phase-grid\">\n <div class=\"service-card\" onclick=\"openModal('exec-affairs')\">\n <h3>\u6b7b\u5f8c\u4e8b\u52d9\u306e\u5b9f\u884c<\/h3>\n <p>\u846c\u5100\u30fb\u706b\u846c\u624b\u914d\u306e\u8abf\u6574<br>\u95a2\u4fc2\u8005\u3078\u306e\u9023\u7d61<br>\u65bd\u8a2d\u9000\u53bb\u30fb\u907a\u54c1\u6574\u7406\u624b\u914d<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('inheritance')\">\n <h3>\u76f8\u7d9a\u624b\u7d9a\u304d\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p>\u76f8\u7d9a\u95a2\u4fc2\u8aac\u660e\u56f3\u306e\u4f5c\u6210<br>\u907a\u7523\u5206\u5272\u5354\u8b70\u66f8\u306e\u4f5c\u6210<br>\u5404\u7a2e\u540d\u7fa9\u5909\u66f4\u66f8\u985e<\/p>\n <\/div>\n <div class=\"service-card\" onclick=\"openModal('admin-proc')\">\n <h3>\u884c\u653f\u624b\u7d9a\u304d\u30fb\u89e3\u7d04\u624b\u7d9a\u304d<\/h3>\n <p>\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u306e\u505c\u6b62\u7533\u8acb<br>\u9280\u884c\u30fb\u30b5\u30d6\u30b9\u30af\u7b49\u306e\u89e3\u7d04<br>SNS\u30fb\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306e\u6574\u7406<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n<\/main>\n\n<footer>\u203b \u672c\u30da\u30fc\u30b8\u306f\u884c\u653f\u66f8\u58eb\u30b5\u30fc\u30d3\u30b9\u306e\u6982\u8981\u6848\u5185\u3067\u3059\u3002\u8a73\u7d30\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/footer>\n\n\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\n <div class=\"modal\" id=\"modal\">\n <button class=\"modal-close\" onclick=\"closeModal()\">×<\/button>\n <div class=\"phase-badge\" id=\"modalBadge\"><\/div>\n <h2 id=\"modalTitle\"><\/h2>\n <p id=\"modalDesc\"><\/p>\n <ul id=\"modalList\"><\/ul>\n <\/div>\n<\/div>\n\n<script>\nconst data = {\n will: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u907a\u8a00\u66f8\u306e\u4f5c\u6210',\n desc: '\u81ea\u5206\u306e\u610f\u601d\u3092\u6b63\u78ba\u306b\u6b8b\u3059\u305f\u3081\u306e\u907a\u8a00\u66f8\u4f5c\u6210\u3092\u5168\u9762\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u516c\u6b63\u8a3c\u66f8\u907a\u8a00\u306e\u4f5c\u6210\u652f\u63f4\uff08\u516c\u8a3c\u4eba\u3068\u306e\u9023\u643a\uff09','\u81ea\u7b46\u8a3c\u66f8\u907a\u8a00\u306e\u8a18\u8f09\u65b9\u6cd5\u30fb\u5185\u5bb9\u78ba\u8a8d','\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u5bb6\u65cf\u3078\u306e\u8aac\u660e\u30b5\u30dd\u30fc\u30c8','\u5b9a\u671f\u7684\u306a\u898b\u76f4\u3057\u3068\u66f4\u65b0\u306e\u76f8\u8ac7\u5bfe\u5fdc']\n },\n guardian: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u4efb\u610f\u5f8c\u898b\u5951\u7d04',\n desc: '\u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u3001\u5c06\u6765\u306e\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u3092\u5b89\u5fc3\u3057\u3066\u4efb\u305b\u308b\u4eba\u3092\u6c7a\u3081\u3066\u304a\u304f\u5951\u7d04\u3067\u3059\u3002',\n list: ['\u4efb\u610f\u5f8c\u898b\u4eba\u306e\u9078\u5b9a\u30b5\u30dd\u30fc\u30c8','\u5951\u7d04\u66f8\u306e\u4f5c\u6210\u30fb\u516c\u6b63\u8a3c\u66f8\u5316','\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a\u76e3\u8b77\u306e\u5185\u5bb9\u8a2d\u8a08','\u5c06\u6765\u306e\u767a\u52d5\u306b\u5099\u3048\u305f\u6e96\u5099\u652f\u63f4']\n },\n ending: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u8ca1\u7523\u76ee\u9332\u30fb\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8',\n desc: '\u9810\u8caf\u91d1\u30fb\u4e0d\u52d5\u7523\u30fb\u4fdd\u967a\u30fb\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306a\u3069\u3001\u3042\u3089\u3086\u308b\u8ca1\u7523\u3092\u6574\u7406\u3057\u3066\u4e00\u89a7\u5316\u3057\u307e\u3059\u3002',\n list: ['\u9810\u8caf\u91d1\u30fb\u682a\u5f0f\u30fb\u4fdd\u967a\u306e\u68da\u5378\u3057\u652f\u63f4','\u4e0d\u52d5\u7523\u306e\u6240\u5728\u30fb\u6a29\u5229\u95a2\u4fc2\u306e\u6574\u7406','\u30c7\u30b8\u30bf\u30eb\u907a\u7523\uff08ID\/\u30d1\u30b9\u30ef\u30fc\u30c9\uff09\u306e\u30ea\u30b9\u30c8\u30a2\u30c3\u30d7','\u30a8\u30f3\u30c7\u30a3\u30f3\u30b0\u30ce\u30fc\u30c8\u306e\u4f5c\u6210\u30fb\u4fdd\u7ba1\u30b5\u30dd\u30fc\u30c8']\n },\n postdeath: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u6b7b\u5f8c\u4e8b\u52d9\u59d4\u4efb\u5951\u7d04',\n desc: '\u4ea1\u304f\u306a\u3063\u305f\u5f8c\u306e\u846c\u5100\u30fb\u8af8\u624b\u7d9a\u304d\u30fb\u9023\u7d61\u306a\u3069\u3092\u4fe1\u983c\u3067\u304d\u308b\u884c\u653f\u66f8\u58eb\u306b\u4e8b\u524d\u306b\u59d4\u4efb\u3059\u308b\u5951\u7d04\u3067\u3059\u3002\u304a\u3072\u3068\u308a\u3055\u307e\u306b\u7279\u306b\u6709\u52b9\u3067\u3059\u3002',\n list: ['\u846c\u5100\u30fb\u706b\u846c\u306e\u624b\u914d\u3068\u8cbb\u7528\u7ba1\u7406','\u884c\u653f\u6a5f\u95a2\u3078\u306e\u5404\u7a2e\u5c4a\u51fa','\u65bd\u8a2d\u9000\u53bb\u30fb\u907a\u54c1\u6574\u7406\u306e\u624b\u914d','\u77e5\u4eba\u30fb\u95a2\u4fc2\u8005\u3078\u306e\u8a03\u5831\u9023\u7d61']\n },\n dignity: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u5c0a\u53b3\u6b7b\u5ba3\u8a00\u66f8',\n desc: '\u5ef6\u547d\u63aa\u7f6e\u3092\u671b\u307e\u306a\u3044\u65e8\u306e\u610f\u601d\u3092\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6b8b\u3059\u3053\u3068\u3067\u3001\u3054\u81ea\u8eab\u306e\u5c0a\u53b3\u3042\u308b\u6700\u671f\u3092\u5b88\u308a\u307e\u3059\u3002',\n list: ['\u5ef6\u547d\u63aa\u7f6e\u306b\u95a2\u3059\u308b\u610f\u601d\u306e\u6587\u66f8\u5316','\u516c\u6b63\u8a3c\u66f8\u3068\u3057\u3066\u6cd5\u7684\u306b\u6709\u52b9\u306a\u5f62\u3067\u4fdd\u5b58','\u533b\u7642\u6a5f\u95a2\u30fb\u5bb6\u65cf\u3078\u306e\u63d0\u793a\u65b9\u6cd5\u306e\u3054\u6848\u5185']\n },\n gift: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2460', color: '#2e7d5a', bg: '#e8f5ee',\n title: '\u751f\u524d\u8d08\u4e0e\u30fb\u5bb6\u65cf\u4fe1\u8a17\u306e\u6e96\u5099',\n desc: '\u76f8\u7d9a\u7a0e\u5bfe\u7b56\u3084\u8ca1\u7523\u627f\u7d99\u306e\u305f\u3081\u3001\u751f\u524d\u304b\u3089\u8a08\u753b\u7684\u306b\u8ca1\u7523\u3092\u79fb\u8ee2\u3059\u308b\u624b\u7d9a\u304d\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u8d08\u4e0e\u5951\u7d04\u66f8\u306e\u4f5c\u6210','\u66a6\u5e74\u8d08\u4e0e\u30fb\u6559\u80b2\u8cc7\u91d1\u8d08\u4e0e\u306a\u3069\u306e\u6d3b\u7528\u652f\u63f4','\u5bb6\u65cf\u4fe1\u8a17\u306e\u8a2d\u8a08\uff08\u53f8\u6cd5\u66f8\u58eb\u30fb\u7a0e\u7406\u58eb\u3068\u9023\u643a\uff09','\u5c02\u9580\u5bb6\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306b\u3088\u308b\u4e00\u62ec\u30b5\u30dd\u30fc\u30c8']\n },\n 'adult-guardian': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u652f\u63f4',\n desc: '\u5224\u65ad\u80fd\u529b\u304c\u4f4e\u4e0b\u3057\u305f\u65b9\u306e\u305f\u3081\u306b\u3001\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e\u6210\u5e74\u5f8c\u898b\u7533\u7acb\u66f8\u985e\u3092\u4f5c\u6210\u30fb\u652f\u63f4\u3057\u307e\u3059\u3002',\n list: ['\u7533\u7acb\u66f8\u985e\u4e00\u5f0f\u306e\u4f5c\u6210\uff08\u8a3a\u65ad\u66f8\u4ee5\u5916\uff09','\u5bb6\u5ead\u88c1\u5224\u6240\u3078\u306e\u63d0\u51fa\u624b\u7d9a\u304d','\u5f8c\u898b\u4eba\u5019\u88dc\u8005\u306e\u9078\u5b9a\u30b5\u30dd\u30fc\u30c8','\u7533\u7acb\u5f8c\u306e\u624b\u7d9a\u304d\u6848\u5185']\n },\n nursing: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u4ecb\u8b77\u65bd\u8a2d\u5165\u5c45\u30b5\u30dd\u30fc\u30c8',\n desc: '\u4ecb\u8b77\u65bd\u8a2d\u3078\u306e\u5165\u5c45\u306b\u5fc5\u8981\u306a\u66f8\u985e\u4f5c\u6210\u304b\u3089\u4ecb\u8b77\u8a8d\u5b9a\u7533\u8acb\u307e\u3067\u3001\u624b\u7d9a\u304d\u5168\u822c\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002',\n list: ['\u8981\u4ecb\u8b77\u8a8d\u5b9a\u306e\u7533\u8acb\u66f8\u985e\u4f5c\u6210','\u65bd\u8a2d\u5165\u5c45\u5951\u7d04\u66f8\u306e\u78ba\u8a8d\u30b5\u30dd\u30fc\u30c8','\u5404\u7a2e\u7d66\u4ed8\u91d1\u30fb\u52a9\u6210\u7533\u8acb\u306e\u3054\u6848\u5185','\u5165\u5c45\u5f8c\u306e\u5b9a\u671f\u7684\u306a\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7']\n },\n 'asset-mgmt': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2461', color: '#5a2e90', bg: '#ede8f5',\n title: '\u8ca1\u7523\u7ba1\u7406\u5951\u7d04',\n desc: '\u4efb\u610f\u5f8c\u898b\u304c\u767a\u52d5\u3059\u308b\u307e\u3067\u306e\u9593\u3001\u65e5\u5e38\u7684\u306a\u8ca1\u7523\u7ba1\u7406\u3092\u884c\u653f\u66f8\u58eb\u304c\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u9810\u91d1\u53e3\u5ea7\u306e\u7ba1\u7406\u4ee3\u884c','\u516c\u5171\u6599\u91d1\u30fb\u5bb6\u8cc3\u306a\u3069\u306e\u652f\u6255\u3044\u7ba1\u7406','\u8ca1\u7523\u72b6\u6cc1\u306e\u5b9a\u671f\u5831\u544a','\u4efb\u610f\u5f8c\u898b\u767a\u52d5\u6642\u306e\u30b9\u30e0\u30fc\u30ba\u306a\u5f15\u304d\u7d99\u304e']\n },\n 'exec-affairs': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u6b7b\u5f8c\u4e8b\u52d9\u306e\u5b9f\u884c',\n desc: '\u59d4\u4efb\u306b\u57fa\u3065\u304d\u3001\u3054\u901d\u53bb\u5f8c\u306e\u8af8\u624b\u7d9a\u304d\u3092\u8fc5\u901f\u30fb\u78ba\u5b9f\u306b\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u846c\u5100\u30fb\u706b\u846c\u306e\u624b\u914d\u8abf\u6574','\u533b\u7642\u6a5f\u95a2\u30fb\u65bd\u8a2d\u3078\u306e\u9023\u7d61','\u65bd\u8a2d\u9000\u53bb\u624b\u7d9a\u304d\u3068\u907a\u54c1\u6574\u7406\u306e\u624b\u914d','\u516c\u5171\u6599\u91d1\u30fb\u5404\u7a2e\u30b5\u30fc\u30d3\u30b9\u306e\u505c\u6b62\u624b\u7d9a\u304d']\n },\n inheritance: {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u76f8\u7d9a\u624b\u7d9a\u304d\u30b5\u30dd\u30fc\u30c8',\n desc: '\u76f8\u7d9a\u767a\u751f\u5f8c\u306e\u8907\u96d1\u306a\u624b\u7d9a\u304d\u3092\u6574\u7406\u3057\u3001\u907a\u65cf\u306e\u8ca0\u62c5\u3092\u6700\u5c0f\u9650\u306b\u3059\u308b\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002',\n list: ['\u76f8\u7d9a\u95a2\u4fc2\u8aac\u660e\u56f3\u306e\u4f5c\u6210','\u907a\u7523\u5206\u5272\u5354\u8b70\u66f8\u306e\u4f5c\u6210','\u4e0d\u52d5\u7523\u30fb\u9810\u91d1\u306e\u540d\u7fa9\u5909\u66f4\u66f8\u985e\u306e\u6e96\u5099\uff08\u53f8\u6cd5\u66f8\u58eb\u9023\u643a\uff09','\u76f8\u7d9a\u8ca1\u7523\u8abf\u67fb\u306e\u30b5\u30dd\u30fc\u30c8']\n },\n 'admin-proc': {\n phase: '\u30d5\u30a7\u30fc\u30ba\u2462', color: '#a0303d', bg: '#f5e8ea',\n title: '\u884c\u653f\u624b\u7d9a\u304d\u30fb\u89e3\u7d04\u624b\u7d9a\u304d',\n desc: '\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u306e\u505c\u6b62\u304b\u3089\u30c7\u30b8\u30bf\u30eb\u8cc7\u7523\u306e\u6574\u7406\u307e\u3067\u3001\u6b7b\u5f8c\u306b\u5fc5\u8981\u306a\u5e45\u5e83\u3044\u624b\u7d9a\u304d\u3092\u4ee3\u884c\u3057\u307e\u3059\u3002',\n list: ['\u5e74\u91d1\u30fb\u5065\u5eb7\u4fdd\u967a\u505c\u6b62\u306e\u7533\u8acb','\u9280\u884c\u53e3\u5ea7\u30fb\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u306e\u89e3\u7d04','\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u30b5\u30fc\u30d3\u30b9\u306e\u505c\u6b62','SNS\u30fb\u30c7\u30b8\u30bf\u30eb\u30a2\u30ab\u30a6\u30f3\u30c8\u306e\u6574\u7406\u30fb\u524a\u9664']\n }\n};\n\nfunction openModal(key) {\n const d = data[key];\n if (!d) return;\n document.getElementById('modalBadge').textContent = d.phase;\n document.getElementById('modalBadge').style.background = d.bg;\n document.getElementById('modalBadge').style.color = d.color;\n document.getElementById('modalTitle').textContent = d.title;\n document.getElementById('modalTitle').style.color = d.color;\n document.getElementById('modalDesc').textContent = d.desc;\n const ul = document.getElementById('modalList');\n ul.innerHTML = d.list.map(i => `<li>${i}<\/li>`).join('');\n document.getElementById('modalOverlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeModal(e) {\n if (e && e.target !== document.getElementById('modalOverlay') && !e.target.classList.contains('modal-close')) return;\n document.getElementById('modalOverlay').classList.remove('open');\n document.body.style.overflow = '';\n}\n\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal({}); });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d \u884c\u653f\u66f8\u58eb\u306b\u3088\u308b\u300c\u751f\u524d\u304b\u3089\u3001\u6b7b\u5f8c\u306e\u6cd5\u7684\u4e8b\u52d9\u300d \u30d5\u30a7\u30fc\u30ba\u2460 \u751f\u524d \u907a\u8a00\u66f8\u306e\u4f5c\u6210 \u516c\u6b63\u8a3c\u66f8\u30fb\u81ea\u7b46\u8a3c\u66f8\u30b5\u30dd\u30fc\u30c8\u907a\u8a00\u5185\u5bb9\u306e\u6574\u7406\u30fb\u76f8\u8ac7 \u4efb\u610f\u5f8c\u898b\u5951\u7d04 \u5224\u65ad\u80fd\u529b\u304c\u3042\u308b\u3046\u3061\u306b\u7de0\u7d50\u8ca1\u7523\u7ba1\u7406\u30fb\u8eab\u4e0a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":[],"footnotes":""},"class_list":["post-306","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=306"}],"version-history":[{"count":12,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/wakkawakka.site\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/wakkawakka.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}