{"id":2869,"date":"2026-03-04T18:46:13","date_gmt":"2026-03-04T09:46:13","guid":{"rendered":"https:\/\/jmty.jp\/media\/?page_id=2869"},"modified":"2026-04-23T09:57:04","modified_gmt":"2026-04-23T00:57:04","slug":"test","status":"publish","type":"page","link":"https:\/\/jmty.jp\/media\/?page_id=2869","title":{"rendered":"\u30b8\u30e2\u30b9\u30dd\u76f8\u6a21\u539f\uff5c\u6301\u3061\u8fbc\u307f\u30c1\u30a7\u30c3\u30af"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong>\u30b8\u30e2\u30c6\u30a3\u30fc\u30b9\u30dd\u30c3\u30c8\u76f8\u6a21\u539f\u3067\u3001\u304a\u6301\u3061\u8fbc\u307f\u3067\u304d\u308b\u3082\u306e\u309230\u79d2\u3067\u30c1\u30a7\u30c3\u30af\u53ef\u80fd\u3067\u3059\u3002<br>\u7c21\u5358\u306a4\u3064\u306e\u8cea\u554f\u306b\u3054\u56de\u7b54\u304f\u3060\u3055\u3044\u3002<\/strong><br> <br>\u3000<\/h4>\n\n\n\n<!-- 1. \u5916\u67a0\uff1aWordPress\u306e\u67a0\u306b100%\u30d5\u30a3\u30c3\u30c8\u3055\u305b\u308b -->\n<div class=\"jmty-stable-container\" style=\"width: 100%; max-width: 900px; margin: 0 auto; padding-bottom: 120px; box-sizing: border-box;\">\n    <!-- \u8a3a\u65ad\u30c4\u30fc\u30eb\u306e\u8868\u793a\u4f4d\u7f6e -->\n    <div id=\"jmty-fast-diagnostic\" style=\"min-height: 600px; width: 100%;\"><\/div>\n<\/div>\n\n<!-- 2. \u30d5\u30c3\u30bf\u30fc\u56fa\u5b9a\u30dc\u30bf\u30f3 -->\n<div id=\"jmty-sticky-footer\">\n    <a href=\"https:\/\/jmty.jp\/about\/jmtyspot_sagamihara\" class=\"jmty-fixed-btn\">\n        \u30b8\u30e2\u30c6\u30a3\u30fc\u30b9\u30dd\u30c3\u30c8\u76f8\u6a21\u539f\u30da\u30fc\u30b8\u306f\u3053\u3061\u3089\n    <\/a>\n<\/div>\n\n<style>\n    \/* \u5d29\u308c\u9632\u6b62\u306e\u57fa\u672c\u8a2d\u5b9a *\/\n    .jmty-stable-container * {\n        box-sizing: border-box !important;\n    }\n\n    \/* \u56fa\u5b9a\u30dc\u30bf\u30f3\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n    #jmty-sticky-footer {\n        position: fixed;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        background: rgba(255, 255, 255, 0.95);\n        padding: 15px;\n        box-shadow: 0 -4px 15px rgba(0,0,0,0.1);\n        z-index: 10000;\n        display: flex;\n        justify-content: center;\n    }\n\n    .jmty-fixed-btn {\n        display: block;\n        width: 90%;\n        max-width: 500px;\n        background-color: #059669 !important;\n        color: #fff !important;\n        text-align: center;\n        text-decoration: none !important;\n        font-weight: bold;\n        padding: 18px;\n        border-radius: 50px;\n        font-size: 1.1rem;\n        box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);\n    }\n\n    @media (max-width: 640px) {\n        .jmty-stable-container { padding-bottom: 140px; }\n        .jmty-fixed-btn { font-size: 1rem; padding: 14px; }\n    }\n<\/style>\n\n<!-- \u30e9\u30a4\u30d6\u30e9\u30ea -->\n<script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<script type=\"text\/babel\">\n    const { useState, useEffect } = React;\n    const Icon = ({ name, className = \"w-5 h-5\" }) => {\n        useEffect(() => { if(window.lucide) window.lucide.createIcons(); }, [name]);\n        return <i data-lucide={name} className={className}><\/i>;\n    };\n\n    const CONDITION_EXAMPLES = {\n        dirty: [\"https:\/\/jmty.jp\/media\/wp-content\/uploads\/2026\/03\/\u6c5a\u308c.png\"],\n        broken: [\"https:\/\/jmty.jp\/media\/wp-content\/uploads\/2026\/03\/\u7834\u640d.png\"]\n    };\n\n    const PROHIBITED = [\n        { id: 'r4', label: '\u30ea\u30b5\u30a4\u30af\u30eb\u5bb6\u96fb4\u54c1\u76ee (\u51b7\u8535\u5eab\u30fb\u6d17\u6fef\u6a5f\u30fb\u30a8\u30a2\u30b3\u30f3\u30fb\u30c6\u30ec\u30d3)' },\n        { id: 'f180', label: '3\u8fba\u5408\u8a08180cm\u4ee5\u4e0a\u306e\u5bb6\u5177\u5168\u3066' },\n        { id: 'it', label: 'PC\u30fb\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8' },\n        { id: 'bi', label: '\u81ea\u8ee2\u8eca' },\n        { id: 'be', label: '\u30de\u30c3\u30c8\u30ec\u30b9\u30fb\u5bdd\u5177\u30fb\u7573' },\n        { id: 'me', label: '\u30de\u30c3\u30b5\u30fc\u30b8\u30c1\u30a7\u30a2\u306a\u3069\u306e\u7ba1\u7406\u533b\u7642\u6a5f\u5668' },\n        { id: 'do', label: '\u96db\u4eba\u5f62\u30fb\u4e94\u6708\u4eba\u5f62' },\n        { id: 'tr', label: '\u30ba\u30dc\u30f3\u30d7\u30ec\u30c3\u30b5\u30fc' },\n        { id: 'ti', label: '\u8eca\u306e\u30bf\u30a4\u30e4\u30fb\u30bf\u30a4\u30e4\u30c1\u30a7\u30fc\u30f3' },\n        { id: 'da', label: '\u30c7\u30fc\u30bf\u4fdd\u5b58\u5a92\u4f53 (USB\u30e1\u30e2\u30ea\u306a\u3069)' },\n        { id: 'sa', label: '\u8010\u706b\u91d1\u5eab' },\n        { id: 'sp', label: '\u5857\u6599\u30fb\u30b9\u30d7\u30ec\u30fc\u7f36' },\n        { id: 'psc', label: 'PSC\u30de\u30fc\u30af\u306e\u306a\u3044\u4e73\u5e7c\u5150\u5411\u3051\u73a9\u5177(3\u6b73\u672a\u6e80)' },\n    ];\n\n    const CATEGORIES = [\n        { id: 'appliance', label: '\u5bb6\u96fb', desc: '\u8abf\u7406\u5bb6\u96fb\u3001\u751f\u6d3b\u5bb6\u96fb\u3001\u7a7a\u8abf\u5bb6\u96fb\u3001\u7f8e\u5bb9\u5bb6\u96fb\u3001\u30aa\u30fc\u30c7\u30a3\u30aa\u6a5f\u5668\u306a\u3069' },\n        { id: 'hobby', label: '\u8da3\u5473\u30fb\u30b9\u30dd\u30fc\u30c4\u7528\u54c1', desc: '\u697d\u5668\u3001\u30b4\u30eb\u30d5\u7528\u54c1\u3001\u30ad\u30e3\u30f3\u30d7\u7528\u54c1\u3001\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u5668\u5177\u3001\u7403\u6280\u7528\u54c1\u306a\u3069' },\n        { id: 'baby', label: '\u5b50\u4f9b\u7528\u54c1', desc: '\u30d9\u30d3\u30fc\u30ab\u30fc\u3001\u30c1\u30e3\u30a4\u30eb\u30c9\u30b7\u30fc\u30c8\u3001\u4e09\u8f2a\u8eca\u3001\u304a\u3082\u3061\u3083\u3001\u4eba\u5f62\u306a\u3069' },\n        { id: 'tableware', label: '\u98df\u5668', desc: '\u30de\u30b0\u30fb\u30ab\u30c3\u30d7\u30fb\u30b0\u30e9\u30b9\u3001\u76bf\u30fb\u30d7\u30ec\u30fc\u30c8\u3001\u8336\u7897\u30fb\u30dc\u30fc\u30eb\u3001\u30ab\u30c8\u30e9\u30ea\u30fc\u306a\u3069' },\n        { id: 'household', label: '\u751f\u6d3b\u96d1\u8ca8', desc: '\u8abf\u7406\u5668\u5177\u3001\u30ad\u30c3\u30c1\u30f3\u7528\u54c1\u3001\u6383\u9664\u7528\u5177\u3001\u6d17\u6fef\u7528\u54c1\u3001\u30ac\u30fc\u30c7\u30cb\u30f3\u30b0\u7528\u54c1\u3001\u6d88\u8cbb\u8ca1\u306a\u3069' },\n        { id: 'furniture', label: '\u5bb6\u5177', desc: '\u6905\u5b50\u3001\u30c6\u30fc\u30d6\u30eb\u3001\u68da\u3001\u30c1\u30a7\u30b9\u30c8\u306a\u3069 \u203b\u7d44\u307f\u7acb\u3066\u305f\u72b6\u614b\u306e\u30b5\u30a4\u30ba\u3067\u5224\u5b9a' },\n        { id: 'clothing', label: '\u8863\u6599\u54c1', desc: 'T\u30b7\u30e3\u30c4\u3001\u30b7\u30e3\u30c4\u3001\u30b9\u30a6\u30a7\u30c3\u30c8\u3001\u30d1\u30fc\u30ab\u30fc\u3001\u30ab\u30fc\u30c7\u30a3\u30ac\u30f3\u3001\u30ba\u30dc\u30f3\u3001\u30b9\u30ab\u30fc\u30c8\u306a\u3069' },\n        { id: 'accessory', label: '\u670d\u98fe\u96d1\u8ca8', desc: '\u30d0\u30c3\u30b0\u3001\u9774\u3001\u5e3d\u5b50\u306a\u3069' },\n        { id: 'book', label: '\u672c', desc: '\u5b9f\u7528\u66f8\u3001\u30d3\u30b8\u30cd\u30b9\u66f8\u3001\u5c0f\u8aac\u3001\u6587\u5eab\u672c\u3001\u30de\u30f3\u30ac\u3001\u30a2\u30cb\u30e1\u3001\u7d75\u672c\u306a\u3069 \u203b\u96d1\u8a8c\u9664\u304f' },\n        { id: 'media', label: 'CD\u30fbDVD', desc: '\u6d0b\u697d\u30fb\u90a6\u697dCD\u3001\u6d0b\u753b\u30fb\u90a6\u753b\u30fb\u30c9\u30e9\u30de\u30fb\u30a2\u30cb\u30e1\u306eDVD\u306a\u3069' },\n        { id: 'pet', label: '\u30da\u30c3\u30c8\u7528\u54c1', desc: '\u30b2\u30fc\u30b8\u3001\u9ce5\u304b\u3054\u3001\u732b\u7528\u30cf\u30a6\u30b9\u3001\u6c34\u69fd\u30fb\u95a2\u9023\u7528\u54c1\u3001\u30c8\u30ea\u30df\u30f3\u30b0\u30b0\u30c3\u30ba\u306a\u3069' },\n        { id: 'other', label: '\u305d\u306e\u4ed6', desc: '\u4e0a\u8a18\u4ee5\u5916\u306e\u30ea\u30e6\u30fc\u30b9\u54c1\u3002\u7981\u6b62\u54c1\u76ee\u4ee5\u5916\u306a\u3089\u304a\u6301\u3061\u8fbc\u307f\u3044\u305f\u3060\u3051\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002' },\n    ];\n\n    function App() {\n        const [step, setStep] = useState('condition');\n        const [state, setState] = useState({ broken: false, dirty: false, smelly: false, cat: null, ok1: null });\n\n        \/\/ \u2605\u753b\u9762\u9077\u79fb\u6642\u306b\u30c8\u30c3\u30d7\u3078\u30b9\u30af\u30ed\u30fc\u30eb\u3055\u305b\u308b\u6a5f\u80fd\n        useEffect(() => {\n            const element = document.getElementById('jmty-fast-diagnostic');\n            if (element) {\n                \/\/ WordPress\u306e\u30d8\u30c3\u30c0\u30fc\u306a\u3069\u3092\u8003\u616e\u3057\u306620px\u307b\u3069\u4f59\u88d5\u3092\u6301\u3063\u3066\u30b9\u30af\u30ed\u30fc\u30eb\n                const yOffset = -20; \n                const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n                window.scrollTo({ top: y, behavior: 'smooth' });\n            }\n        }, [step]); \/\/ step\uff08\u8cea\u554f\u6bb5\u968e\uff09\u304c\u5909\u308f\u308b\u305f\u3073\u306b\u5b9f\u884c\n\n        const reset = () => { setStep('condition'); setState({ broken: false, dirty: false, smelly: false, cat: null, ok1: null }); };\n\n        const getRes = () => {\n            if (state.broken || state.dirty || state.smelly) return { ok: false, title: '\u6301\u3061\u8fbc\u3081\u307e\u305b\u3093', msg: '\u7834\u640d\u30fb\u6c5a\u308c\u30fb\u81ed\u3044\u304c\u3042\u308b\u3082\u306e\u306fNG\u3067\u3059\u3002', detail: '\u6b21\u306e\u4eba\u304c\u305d\u306e\u307e\u307e\u4f7f\u3048\u308b\u72b6\u614b\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002' };\n            if (state.cat === 'prohibited') return { ok: false, title: '\u6301\u3061\u8fbc\u3081\u307e\u305b\u3093', msg: '\u7981\u6b62\u54c1\u76ee\u306b\u8a72\u5f53\u3057\u307e\u3059\u3002', detail: '\u30ea\u30b5\u30a4\u30af\u30eb\u5bb6\u96fb\u3084\u5371\u967a\u7269\u306a\u3069\u306f\u5f15\u304d\u53d6\u308a\u3067\u304d\u307e\u305b\u3093\u3002' };\n            if (state.ok1 === false) {\n                if (state.cat === 'furniture') return { ok: false, title: '\u6301\u3061\u8fbc\u3081\u307e\u305b\u3093', msg: '3\u8fba\u5408\u8a08\u304c180cm\u4ee5\u4e0a\u306e\u5bb6\u5177\u306fNG\u3067\u3059\u3002', detail: '\u7d44\u307f\u7acb\u3066\u305f\u72b6\u614b\u3067180cm\u672a\u6e80\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002' };\n                return { ok: false, title: '\u6301\u3061\u8fbc\u3081\u307e\u305b\u3093', msg: '\u6761\u4ef6\u3092\u6e80\u305f\u3057\u3066\u3044\u307e\u305b\u3093\u3002' };\n            }\n            if (state.cat === 'other') return { ok: true, title: '\u6301\u3061\u8fbc\u3081\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059', msg: '\u54c1\u76ee\u306b\u3088\u3063\u3066\u5224\u65ad\u304c\u5206\u304b\u308c\u308b\u305f\u3081\u3001\u4e8b\u524d\u78ba\u8a8d\u3092\u304a\u3059\u3059\u3081\u3057\u307e\u3059\u3002', detail: '\u4e0b\u8a18\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002' };\n            return { ok: true, title: '\u6301\u3061\u8fbc\u307f\u53ef\u80fd\u3067\u3059\uff01', msg: '\u4e88\u7d04\u4e0d\u8981\u3067\u4f55\u70b9\u3067\u3082\u6301\u3061\u8fbc\u3081\u307e\u3059\u3002', detail: '\u5e97\u982d\u306e\u30bf\u30d6\u30ec\u30c3\u30c8\u3067\u53d7\u4ed8\u3092\u3057\u3066\u304f\u3060\u3055\u3044\u3002' };\n        };\n\n        const res = getRes();\n\n        const ImageButton = ({ title, type, onClick }) => (\n            <button onClick={onClick} className=\"w-full border-2 border-gray-100 rounded-2xl p-4 sm:p-6 text-left hover:border-red-400 hover:bg-red-50 transition-all group bg-white shadow-sm mb-4\">\n                <div className=\"flex justify-between items-center mb-3\">\n                    <span className=\"text-base sm:text-lg font-bold text-gray-700 group-hover:text-red-700 leading-tight\">{title}<\/span>\n                    <Icon name=\"chevron-right\" className=\"w-5 h-5 text-gray-300 group-hover:text-red-500 shrink-0 ml-2\" \/>\n                <\/div>\n                <img src={CONDITION_EXAMPLES[type][0]} className=\"w-full h-auto rounded-xl border border-gray-100\" alt=\"example\" \/>\n                <p className=\"text-[10px] sm:text-xs text-gray-400 mt-3 italic text-center\">\u203b\u753b\u50cf\u306e\u3088\u3046\u306a\u72b6\u614b\u306f\u5f15\u304d\u53d6\u308a\u3067\u304d\u307e\u305b\u3093<\/p>\n            <\/button>\n        );\n\n        return (\n            <div className=\"w-full bg-white rounded-[1.5rem] sm:rounded-[2rem] shadow-xl border border-gray-100 overflow-hidden font-sans text-gray-800\">\n                <div className=\"bg-emerald-600 p-4 sm:p-5 text-white font-bold flex items-center gap-3 text-base sm:text-lg\">\n                    <Icon name=\"check-circle\" className=\"w-5 h-5 sm:w-6 sm:h-6\" \/> \u3053\u308c\u3001\u6301\u3061\u8fbc\u3081\u308b\uff1f 30\u79d2\u8a3a\u65ad\n                <\/div>\n                <div className=\"p-4 sm:p-8\">\n                    {step === 'condition' && (\n                        <div className=\"space-y-4\">\n                            <p className=\"font-bold text-lg sm:text-xl flex items-center gap-2 text-emerald-700\">\n                                <span className=\"w-7 h-7 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-xs font-black\">1<\/span>\n                                \u30e2\u30ce\u306e\u72b6\u614b\u3092\u30c1\u30a7\u30c3\u30af\n                            <\/p>\n                            <div className=\"flex flex-col\">\n                                <ImageButton title=\"\u7834\u640d\u3057\u3066\u3044\u308b (\u5272\u308c\u3001\u6b20\u3051\u3001\u52d5\u4f5c\u4e0d\u826f\u306a\u3069)\" type=\"broken\" onClick={() => { setState({...state, broken: true}); setStep('result'); }} \/>\n                                <ImageButton title=\"\u76ee\u7acb\u3064\u6c5a\u308c\u304c\u3042\u308b (\u30ab\u30d3\u3001\u30b7\u30df\u3001\u6cb9\u6c5a\u308c\u306a\u3069)\" type=\"dirty\" onClick={() => { setState({...state, dirty: true}); setStep('result'); }} \/>\n                                <button onClick={() => { setState({...state, smelly: true}); setStep('result'); }} className=\"flex items-center justify-between p-5 border-2 border-gray-100 rounded-2xl hover:border-red-500 hover:bg-red-50 transition-all text-left group bg-white shadow-sm mb-4\">\n                                    <span className=\"text-base font-bold text-gray-700 group-hover:text-red-700 text-left leading-tight\">\u5f37\u3044\u81ed\u3044\u304c\u3059\u308b<br\/><span className=\"text-xs font-medium text-gray-400 group-hover:text-red-400\">(\u30bf\u30d0\u30b3\u3001\u30da\u30c3\u30c8\u3001\u30ab\u30d3\u81ed\u306a\u3069)<\/span><\/span>\n                                    <Icon name=\"chevron-right\" className=\"w-5 h-5 text-gray-300 group-hover:text-red-500 ml-2\" \/>\n                                <\/button>\n                                <button onClick={() => { setStep('prohibited'); }} className=\"flex items-center justify-between p-6 border-2 border-emerald-100 bg-emerald-50 rounded-2xl hover:border-emerald-500 transition-all text-left group mt-2\">\n                                    <span className=\"text-base sm:text-lg font-bold text-emerald-700 leading-tight\">\u4e0a\u8a18\u306b\u8a72\u5f53\u3059\u308b\u3082\u306e\u306f\u306a\u3044<\/span>\n                                    <Icon name=\"chevron-right\" className=\"w-5 h-5 text-emerald-600 ml-2\" \/>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    )}\n\n                    {step === 'prohibited' && (\n                        <div className=\"space-y-6 text-left\">\n                            <p className=\"font-bold text-lg sm:text-xl flex items-center gap-2 text-emerald-700\">\n                                <span className=\"w-7 h-7 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-xs font-black\">2<\/span>\n                                \u7981\u6b62\u54c1\u76ee\u306e\u78ba\u8a8d\n                            <\/p>\n                            <div className=\"bg-red-50 p-5 sm:p-8 rounded-3xl border border-red-100\">\n                                <p className=\"text-red-700 font-bold mb-4 text-base sm:text-lg leading-tight\">\u4ee5\u4e0b\u306b\u8a72\u5f53\u3059\u308b\u3082\u306e\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/p>\n                                <ul className=\"text-xs sm:text-sm text-red-600 space-y-2 mb-8 leading-snug\">\n                                    {PROHIBITED.map(c => <li key={c.id}>\u2022 {c.label}<\/li>)}\n                                <\/ul>\n                                <div className=\"grid grid-cols-2 gap-4 font-bold\">\n                                    <button onClick={()=>setStep('category')} className=\"py-4 bg-white border-2 border-emerald-500 text-emerald-700 rounded-2xl text-base sm:text-lg hover:bg-emerald-50 transition-colors\">\u3044\u3044\u3048<\/button>\n                                    <button onClick={()=>{setState({...state,cat:'prohibited'});setStep('result');}} className=\"py-4 bg-red-600 text-white rounded-2xl text-base sm:text-lg hover:bg-red-700 transition-colors\">\u306f\u3044<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    )}\n\n                    {step === 'category' && (\n                        <div className=\"space-y-6\">\n                            <p className=\"font-bold text-lg sm:text-xl flex items-center gap-2 text-emerald-700\">\n                                <span className=\"w-7 h-7 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-xs font-black\">3<\/span>\n                                \u54c1\u76ee\u3092\u9078\u629e\n                            <\/p>\n                            <div className=\"grid grid-cols-1 gap-3\">\n                                {CATEGORIES.map(c => (\n                                    <button key={c.id} onClick={()=>{\n                                        setState({...state,cat:c.id});\n                                        setStep(['appliance','baby','book','household','furniture'].includes(c.id)?'sub':'result');\n                                    }} className=\"w-full p-4 border-2 border-gray-50 rounded-2xl text-left hover:border-emerald-500 hover:bg-emerald-50 transition-all flex justify-between items-center group shadow-sm bg-white\">\n                                        <div className=\"flex-1\">\n                                            <p className=\"font-bold text-emerald-800 text-base sm:text-lg mb-1 leading-tight\">{c.label}<\/p>\n                                            <p className=\"text-xs text-gray-500 leading-tight\">{c.desc}<\/p>\n                                        <\/div>\n                                        <Icon name=\"chevron-right\" className=\"w-4 h-4 text-gray-300 group-hover:text-emerald-500 ml-4 shrink-0\" \/>\n                                    <\/button>\n                                ))}\n                            <\/div>\n                        <\/div>\n                    )}\n\n                    {step === 'sub' && (\n                        <div className=\"space-y-6 text-center\">\n                            <p className=\"font-bold text-lg sm:text-xl text-left flex items-center gap-2 text-emerald-700\">\n                                <span className=\"w-7 h-7 bg-emerald-100 text-emerald-600 rounded-full flex items-center justify-center text-xs font-black\">4<\/span>\n                                \u6700\u7d42\u78ba\u8a8d\n                            <\/p>\n                            <div className=\"p-8 sm:p-12 bg-gray-50 rounded-3xl border-2 border-emerald-100 space-y-8\">\n                                <p className=\"font-bold text-lg sm:text-2xl text-emerald-900 leading-snug text-center\">\n                                    {state.cat==='appliance'?'\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u307e\u3059\u304b\uff1f':\n                                     state.cat==='baby'?'PSC\u30de\u30fc\u30af\u306f\u3042\u308a\u307e\u3059\u304b\uff1f':\n                                     state.cat==='book'?'\u96d1\u8a8c\u3001\u9031\u520a\u30fb\u6708\u520a\u8a8c\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f':\n                                     state.cat==='furniture'?'\u7d44\u307f\u7acb\u3066\u6642\u306e3\u8fba\u5408\u8a08\u306f180cm\u672a\u6e80\u3067\u3059\u304b\uff1f':\n                                     state.cat==='household'?'\u6d88\u8cbb\u8ca1\u306e\u5834\u5408\u3001\u672a\u4f7f\u7528\u54c1\u3067\u3059\u304b\uff1f':'\u672a\u4f7f\u7528\u54c1\u3067\u3059\u304b\uff1f'}\n                                <\/p>\n                                <div className=\"grid grid-cols-2 gap-4 font-bold\">\n                                    <button onClick={()=>{setState({...state,ok1:true});setStep('result');}} className=\"py-6 bg-emerald-600 text-white rounded-2xl text-lg sm:text-xl shadow-lg shadow-emerald-100 hover:bg-emerald-700 transition-colors\">\n                                        {state.cat === 'household' ? '\u306f\u3044\uff08\u672a\u4f7f\u7528\uff09\/ \u6d88\u8cbb\u8ca1\u3067\u306f\u306a\u3044' : '\u306f\u3044'}\n                                    <\/button>\n                                    <button onClick={()=>{setState({...state,ok1:false});setStep('result');}} className=\"py-6 bg-white border-2 border-red-500 text-red-500 rounded-2xl text-lg sm:text-xl hover:bg-red-50 transition-colors\">\n                                        \u3044\u3044\u3048\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    )}\n\n                    {step === 'result' && (\n                        <div className=\"text-center space-y-8 py-4\">\n                            <div className={`w-20 h-20 sm:w-24 sm:h-24 rounded-full flex items-center justify-center mx-auto ${res.ok?'bg-emerald-100 text-emerald-600':'bg-red-100 text-red-600'}`}>\n                                <Icon name={res.ok?\"check-circle\":\"alert-circle\"} className=\"w-10 h-10 sm:w-12 sm:h-12\" \/>\n                            <\/div>\n                            <div>\n                                <h3 className={`text-2xl sm:text-3xl font-bold mb-4 ${res.ok ? (state.cat === 'other' ? 'text-amber-600' : 'text-emerald-600') : 'text-red-600'}`}>\n                                    {res.title}\n                                <\/h3>\n                                <p className=\"text-base sm:text-lg font-bold text-gray-700 leading-tight\">{res.msg}<\/p>\n                            <\/div>\n\n                            {res.ok ? (\n                                <div className=\"mt-8 p-6 sm:p-10 bg-amber-50 rounded-3xl border-2 border-amber-200 text-left space-y-6 shadow-sm\">\n                                    <div>\n                                        <p className=\"text-sm font-bold text-amber-800 mb-2 flex items-center gap-2\">\n                                            <Icon name=\"alert-triangle\" className=\"w-5 h-5\" \/> \u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n                                        <\/p>\n                                        <p className=\"text-xs sm:text-sm text-amber-900 leading-relaxed font-medium\">\n                                            \u203b\u73fe\u5730\u3067\u306e\u30b9\u30bf\u30c3\u30d5\u78ba\u8a8d\u306e\u7d50\u679c\u3001\u72b6\u614b\u306b\u3088\u3063\u3066\u306f\u53d7\u3051\u53d6\u308a\u3067\u304d\u306a\u3044\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u3002\u3042\u3089\u304b\u3058\u3081\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002\n                                        <\/p>\n                                    <\/div>\n                                    <div className=\"bg-white p-5 sm:p-8 rounded-2xl border border-amber-100 shadow-sm text-center\">\n                                        <p className=\"text-xs sm:text-sm font-bold text-gray-800 mb-5 leading-relaxed\">\n                                            \u4e8b\u524d\u306b\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u5834\u5408\u306f\u3001\u3053\u3061\u3089\u306e\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n                                        <\/p>\n                                        <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScsVq_4WEjyNw7V0eo_SkiIVXZXWubHiuCKBiHcUa4lo_ACeQ\/viewform\" target=\"_blank\" rel=\"noopener noreferrer\" className=\"flex items-center justify-center gap-2 w-full py-4 bg-amber-500 text-white text-center rounded-2xl font-bold text-base sm:text-lg hover:bg-amber-600 transition-all shadow-md\">\n                                            <Icon name=\"mail\" className=\"w-4 h-4\" \/> \u5199\u771f\u4ed8\u304d\u3067\u554f\u3044\u5408\u308f\u305b\u308b\n                                        <\/a>\n                                        <p className=\"text-[10px] sm:text-xs text-gray-400 mt-3 font-medium italic\">\u203b3\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059<\/p>\n                                    <\/div>\n                                <\/div>\n                            ) : (\n                                <div className=\"bg-gray-50 p-6 rounded-2xl inline-block text-left mx-auto\">\n                                    <p className=\"text-xs sm:text-sm text-gray-500 italic leading-relaxed text-left\">{res.detail}<\/p>\n                                <\/div>\n                            )}\n\n                            <button onClick={reset} className=\"flex items-center gap-2 text-gray-400 text-base sm:text-lg font-bold mx-auto pt-6 hover:text-emerald-600 transition-colors\">\n                                <Icon name=\"rotate-ccw\" className=\"w-5 h-5\" \/> \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b\n                            <\/button>\n                        <\/div>\n                    )}\n                <\/div>\n            <\/div>\n        );\n    }\n\n    const root = ReactDOM.createRoot(document.getElementById('jmty-fast-diagnostic'));\n    root.render(<App \/>);\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b8\u30e2\u30c6\u30a3\u30fc\u30b9\u30dd\u30c3\u30c8\u76f8\u6a21\u539f\u3067\u3001\u304a\u6301\u3061\u8fbc\u307f\u3067\u304d\u308b\u3082\u306e\u309230\u79d2\u3067\u30c1\u30a7\u30c3\u30af\u53ef\u80fd\u3067\u3059\u3002\u7c21\u5358\u306a4\u3064\u306e\u8cea\u554f\u306b\u3054\u56de\u7b54\u304f\u3060\u3055\u3044\u3002 \u3000 \u30b8\u30e2\u30c6\u30a3\u30fc\u30b9\u30dd\u30c3\u30c8\u76f8\u6a21\u539f\u30da\u30fc\u30b8\u306f\u3053\u3061\u3089<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2869","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/pages\/2869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2869"}],"version-history":[{"count":46,"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/pages\/2869\/revisions"}],"predecessor-version":[{"id":3085,"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=\/wp\/v2\/pages\/2869\/revisions\/3085"}],"wp:attachment":[{"href":"https:\/\/jmty.jp\/media\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}