{"id":16185,"date":"2026-04-13T06:38:10","date_gmt":"2026-04-13T06:38:10","guid":{"rendered":"https:\/\/seikaku-type.com\/enneagram-session\/?post_type=type-relation&#038;p=16185"},"modified":"2026-04-13T07:18:01","modified_gmt":"2026-04-13T07:18:01","slug":"total-shindan","status":"publish","type":"type-relation","link":"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/total-shindan\/","title":{"rendered":"16\u30bf\u30a4\u30d7\u00d7\u30bd\u30b7\u30aa\u30cb\u30af\u30b9\u7d71\u5408\u8a3a\u65ad\uff1a\u72b6\u6cc1\u5225\u3067\u5909\u308f\u308b\u300c\u8868\u3068\u88cf\u306e\u9854\u300d\u3092\u5fb9\u5e95\u5206\u6790"},"content":{"rendered":"\n<style>\r\n    .personality-test-st * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\r\n    }\r\n\r\n    \/* \u30e9\u30a4\u30c8\u30e2\u30fc\u30c9\u30d9\u30fc\u30b9\u30fb\u30b0\u30ec\u30fc\u80cc\u666f\u5ec3\u6b62 *\/\r\n    .personality-test-st {\r\n        background-color: #ffffff;\r\n        color: #334155;\r\n        padding: 20px 10px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* \u6700\u5927\u5e45600px\u3067\u7d71\u4e00 *\/\r\n    .container-st {\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        background: #ffffff;\r\n        border-radius: 0;\r\n        box-shadow: none;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .header-st {\r\n        background-color: #ffffff;\r\n        color: #0f172a;\r\n        padding: 20px 10px;\r\n        text-align: center;\r\n        border-bottom: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .header-st p {\r\n        font-size: 1.2rem;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* \u30b9\u30bf\u30fc\u30c8\u753b\u9762 *\/\r\n    .start-screen-st {\r\n        display: none;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n        animation: fadeIn-st 0.5s ease;\r\n    }\r\n    .start-screen-st.active {\r\n        display: block;\r\n    }\r\n    .start-screen-st h2 {\r\n        font-size: 1.6rem;\r\n        color: #0f172a;\r\n        margin-bottom: 15px;\r\n    }\r\n    .start-screen-st .desc {\r\n        color: #64748b;\r\n        margin-bottom: 30px;\r\n        font-size: 0.95rem;\r\n    }\r\n    .pre-test-box {\r\n        background: #f8fafc;\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        margin: 0 auto 30px;\r\n        text-align: left;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n    .pre-test-box label {\r\n        display: block;\r\n        font-weight: 700;\r\n        color: #334155;\r\n        margin-bottom: 8px;\r\n        font-size: 1rem;\r\n    }\r\n    .pre-test-box input[type=\"text\"],\r\n    .pre-test-box select {\r\n        width: 100%;\r\n        padding: 12px;\r\n        font-size: 1rem;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 8px;\r\n        background: white;\r\n        margin-bottom: 20px;\r\n        outline: none;\r\n    }\r\n    .pre-test-box input[type=\"text\"]:focus,\r\n    .pre-test-box select:focus {\r\n        border-color: #059669;\r\n    }\r\n    .pre-test-box .note {\r\n        font-size: 0.8rem;\r\n        color: #ef4444;\r\n        font-weight: 600;\r\n        margin-top: -10px;\r\n    }\r\n\r\n    .progress-bar-st {\r\n        background: #f1f5f9;\r\n        height: 6px;\r\n        margin: 20px 20px 10px;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .progress-st {\r\n        background: linear-gradient(90deg, #10b981, #f59e0b);\r\n        height: 100%;\r\n        width: 0%;\r\n        transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    \r\n    .content-st {\r\n        padding: 10px 0px 40px;\r\n        display: none;\r\n    }\r\n    .content-st.active {\r\n        display: block;\r\n    }\r\n\r\n    .page-st {\r\n        display: none;\r\n        animation: fadeIn-st 0.5s ease;\r\n    }\r\n    .page-st.active {\r\n        display: block;\r\n    }\r\n\r\n    @keyframes fadeIn-st {\r\n        from { opacity: 0; transform: translateY(15px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u5171\u901a\u5316\u3055\u308c\u305f\u30b9\u30b1\u30fc\u30ebUI *\/\r\n    .question-block {\r\n        border-bottom: 1px solid #e2e8f0;\r\n        padding: 40px 0;\r\n    }\r\n    .question-block:last-child {\r\n        border-bottom: none;\r\n    }\r\n    \r\n    .scene-text {\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n    }\r\n    .scene-wrap {\r\n        text-align: center;\r\n    }\r\n\r\n    \/* A\/B\u306e\u30c6\u30ad\u30b9\u30c8 *\/\r\n    .statements-mobile {\r\n        margin-bottom: 25px;\r\n        text-align: left;\r\n    }\r\n    .stmt-text {\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n        padding: 12px;\r\n        margin-bottom: 10px;\r\n    }\r\n    .stmt-text.a-text { color: #059669; border-left: 4px solid #059669; background: rgba(16, 185, 129, 0.05); }\r\n    .stmt-text.b-text { color: #d97706; border-left: 4px solid #d97706; background: rgba(245, 158, 11, 0.05); }\r\n\r\n    .scale-area {\r\n        width: 100%;\r\n    }\r\n\r\n    .mobile-labels {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        width: 100%;\r\n        font-size: 0.9rem;\r\n        font-weight: 700;\r\n        color: #64748b;\r\n        margin-bottom: 15px;\r\n        padding: 0 5px;\r\n    }\r\n\r\n    .scale-options {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n        width: 100%;\r\n        gap: 0;\r\n    }\r\n\r\n    .scale-btn {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        gap: 8px;\r\n        position: relative;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .scale-btn input {\r\n        position: absolute;\r\n        opacity: 0;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .scale-btn::after {\r\n        content: attr(data-label);\r\n        font-size: 0.7rem;\r\n        color: #94a3b8;\r\n        font-weight: 700;\r\n        text-align: center;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .circle {\r\n        border-radius: 50%;\r\n        border: 2px solid #cbd5e1;\r\n        transition: all 0.2s ease;\r\n        background-color: transparent;\r\n    }\r\n\r\n    \/* 600px\u5e45\u306b\u5408\u308f\u305b\u305f\u30b5\u30a4\u30ba\u8abf\u6574 *\/\r\n    .size-3 { width: 44px; height: 44px; }\r\n    .size-2 { width: 36px; height: 36px; }\r\n    .size-1 { width: 28px; height: 28px; }\r\n    .size-0 { width: 24px; height: 24px; border-color: #94a3b8; }\r\n\r\n    .scale-btn.agree:hover .circle { border-color: #10b981; background-color: rgba(16, 185, 129, 0.1); }\r\n    .scale-btn.agree input:checked ~ .circle { background-color: #10b981; border-color: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.3); }\r\n\r\n    .scale-btn.disagree:hover .circle { border-color: #f59e0b; background-color: rgba(245, 158, 11, 0.1); }\r\n    .scale-btn.disagree input:checked ~ .circle { background-color: #f59e0b; border-color: #f59e0b; box-shadow: 0 0 10px rgba(245, 158, 11, 0.3); }\r\n\r\n    .scale-btn.neutral:hover .circle { border-color: #94a3b8; background-color: rgba(148, 163, 184, 0.1); }\r\n    .scale-btn.neutral input:checked ~ .circle { background-color: #64748b; border-color: #64748b; }\r\n\r\n    .navigation-st {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-top: 30px;\r\n    }\r\n\r\n    .btn-st {\r\n        padding: 14px 30px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        letter-spacing: 1px;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .btn-next-st {\r\n        background: #0f172a;\r\n        color: white;\r\n    }\r\n    .btn-next-st:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.2); color: white;}\r\n    .btn-next-st:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }\r\n\r\n    \/* \u30a2\u30af\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3\u7fa4\uff08\u30b7\u30a7\u30a2\u30fb\u4fdd\u5b58\uff09 *\/\r\n    .action-buttons {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        margin-top: 20px;\r\n        padding-top: 20px;\r\n        border-top: 1px dashed #cbd5e1;\r\n    }\r\n    .btn-share, .btn-save {\r\n        width: 100%;\r\n        padding: 12px;\r\n        font-size: 0.95rem;\r\n        border-radius: 8px;\r\n        color: white;\r\n    }\r\n    .btn-x { background: #000000; }\r\n    .btn-line { background: #06c755; }\r\n    .btn-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }\r\n    .btn-jpg { background: #3b82f6; }\r\n    .btn-html { background: #6366f1; }\r\n\r\n    \/* \u7d50\u679c\u753b\u9762 *\/\r\n    .results-st { display: none; text-align: center; }\r\n    .results-st.active { display: block; animation: fadeIn-st 0.6s ease; }\r\n    .results-st h2 { color: #0f172a; margin-bottom: 20px; font-size: 1.6rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 15px;}\r\n    \r\n    .result-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .result-card {\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        padding: 20px 15px;\r\n        text-align: center;\r\n        position: relative;\r\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\r\n    }\r\n    .result-card::before {\r\n        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px;\r\n    }\r\n    .result-card.type16-card::before { background: #059669; }\r\n    .result-card.socio-card::before { background: #d97706; }\r\n\r\n    .result-card h3 { color: #64748b; font-size: 1rem; margin-bottom: 10px; font-weight: 700;}\r\n    \r\n    \/* \u30e1\u30a4\u30f3\u30bf\u30a4\u30d7\u306e\u9ad8\u3055\u3092\u56fa\u5b9a\u3057\u3066\u5de6\u53f3\u3092\u63c3\u3048\u308b *\/\r\n    .result-card .main-type { \r\n        font-size: 2.8rem; \r\n        font-weight: 900; \r\n        margin-bottom: 20px; \r\n        height: 100px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        line-height: 1.1;\r\n    }\r\n    .type16-card .main-type { color: #059669; }\r\n    .socio-card .main-type { color: #d97706; }\r\n    \r\n    \/* 4\u6587\u5b57\u8868\u8a18\u3092\u5c0f\u3055\u304f *\/\r\n    .main-type .small-type {\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* \u30b5\u30d6\u7d50\u679c\u306e\u30dc\u30bf\u30f3\u98a8UI *\/\r\n    .sub-results {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        border-top: 1px solid #e2e8f0;\r\n        padding-top: 15px;\r\n        margin-bottom: 20px;\r\n    }\r\n    .result-detail-btn {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: #ffffff;\r\n        border: 1px solid #e2e8f0;\r\n        padding: 12px 15px;\r\n        border-radius: 10px;\r\n        text-decoration: none;\r\n        transition: all 0.2s ease;\r\n        text-align: left;\r\n        min-height: 76px; \/* \u30dc\u30bf\u30f3\u306e\u9ad8\u3055\u3092\u56fa\u5b9a *\/\r\n    }\r\n    .result-detail-btn:hover {\r\n        background: #f8fafc;\r\n        border-color: #cbd5e1;\r\n    }\r\n    .result-detail-btn .btn-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n    }\r\n    .result-detail-btn .sub-label {\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        color: #64748b;\r\n    }\r\n    .result-detail-btn .sub-value {\r\n        font-size: 1.3rem;\r\n        font-weight: 900;\r\n    }\r\n    .type16-card .result-detail-btn .sub-value { color: #059669; }\r\n    .socio-card .result-detail-btn .sub-value { color: #d97706; }\r\n    .sub-value .small-type {\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        margin-left: 4px;\r\n    }\r\n    \r\n    \/* \u30d5\u30a9\u30f3\u30c8\u30aa\u30fc\u30b5\u30e0\u4e0d\u8981\u306e\u77e2\u5370 *\/\r\n    .arrow-icon {\r\n        font-size: 1.2rem;\r\n        font-weight: 900;\r\n        color: #cbd5e1;\r\n        transition: color 0.2s;\r\n    }\r\n    .type16-card .result-detail-btn .arrow-icon { color: #fca5a5; } \r\n    .socio-card .result-detail-btn .arrow-icon { color: #cbd5e1; } \r\n    .type16-card .result-detail-btn:hover .arrow-icon { color: #059669; }\r\n    .socio-card .result-detail-btn:hover .arrow-icon { color: #d97706; }\r\n\r\n    \/* \u8a73\u7d30\u3092\u898b\u308b\u30dc\u30bf\u30f3 *\/\r\n    .btn-outline {\r\n        display: inline-block;\r\n        padding: 10px 20px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        font-size: 0.95rem;\r\n        background: transparent;\r\n        transition: all 0.2s;\r\n    }\r\n    .btn-outline.type16 { border: 2px solid #059669; color: #059669; }\r\n    .btn-outline.type16:hover { background: rgba(5, 150, 105, 0.05); }\r\n    \r\n    .btn-outline.socio { border: 2px solid #d97706; color: #d97706; }\r\n    .btn-outline.socio:hover { background: rgba(217, 119, 6, 0.05); }\r\n\r\n    \/* \u6700\u5f8c\u306e\u9b45\u60d1\u30b3\u30d4\u30fc *\/\r\n    .final-copy-box {\r\n        background: #f8fafc;\r\n        border: 1px solid #e2e8f0;\r\n        color: #334155;\r\n        padding: 25px;\r\n        border-radius: 12px;\r\n        margin-top: 30px;\r\n        text-align: left;\r\n        line-height: 1.7;\r\n    }\r\n    .final-copy-box h4 {\r\n        color: #0f172a;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 15px;\r\n        border-bottom: 2px solid #e2e8f0;\r\n        padding-bottom: 10px;\r\n    }\r\n    .final-copy-box p {\r\n        font-size: 0.9rem;\r\n        margin-bottom: 15px;\r\n        color: #475569;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .scale-btn::after { font-size: 0.6rem; }\r\n        .size-3 { width: 38px; height: 38px; }\r\n        .size-2 { width: 32px; height: 32px; }\r\n        .size-1 { width: 26px; height: 26px; }\r\n        .size-0 { width: 22px; height: 22px; }\r\n        .result-card { padding: 15px; }\r\n        .result-card .main-type { font-size: 2.4rem; }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML2Canvas \u30e9\u30a4\u30d6\u30e9\u30ea (\u753b\u50cf\u4fdd\u5b58\u7528) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n\r\n<div class=\"personality-test-st\">\r\n    <div class=\"container-st\">\r\n        <div class=\"header-st\">\r\n            <p>\u5b9f\u969b\u306b\u3001\u81ea\u5206\u304c\u305d\u306e\u72b6\u6cc1\u306b\u7acb\u3061\u4f1a\u3063\u305f\u3068\u60f3\u5b9a\u3057\u3066\u8003\u3048\u3066\u7b54\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\r\n        <\/div>\r\n\r\n        <!-- \u30b9\u30bf\u30fc\u30c8\u753b\u9762 -->\r\n        <div id=\"startScreen\" class=\"start-screen-st active\">\r\n            <h2>\u30c6\u30b9\u30c8\u3092\u59cb\u3081\u308b\u524d\u306b<\/h2>\r\n            <p class=\"desc\">\u516872\u554f\u306e\u8cea\u554f\u304b\u3089\u3001\u3042\u306a\u305f\u306e\u8a73\u7d30\u306a\u6027\u683c\u30bf\u30a4\u30d7\u3068\u7d44\u7e54\u3067\u306e\u5f79\u5272\u3092\u5206\u6790\u3057\u307e\u3059\u3002<\/p>\r\n            \r\n            <div class=\"pre-test-box\">\r\n                <label>\u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09<\/label>\r\n                <input type=\"text\" id=\"userNameInput\" placeholder=\"\u304a\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\">\r\n\r\n                <label>16personalities\u306e\u7d50\u679c\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\uff01<\/label>\r\n                <select id=\"preTestInput\">\r\n                    <option value=\"\">\u308f\u304b\u3089\u306a\u3044\u30fb\u521d\u3081\u3066<\/option>\r\n                    <option value=\"INTJ\">INTJ (\u5efa\u7bc9\u5bb6)<\/option>\r\n                    <option value=\"INTP\">INTP (\u8ad6\u7406\u5b66\u8005)<\/option>\r\n                    <option value=\"ENTJ\">ENTJ (\u6307\u63ee\u5b98)<\/option>\r\n                    <option value=\"ENTP\">ENTP (\u8a0e\u8ad6\u8005)<\/option>\r\n                    <option value=\"INFJ\">INFJ (\u63d0\u5531\u8005)<\/option>\r\n                    <option value=\"INFP\">INFP (\u4ef2\u4ecb\u8005)<\/option>\r\n                    <option value=\"ENFJ\">ENFJ (\u4e3b\u4eba\u516c)<\/option>\r\n                    <option value=\"ENFP\">ENFP (\u904b\u52d5\u5bb6)<\/option>\r\n                    <option value=\"ISTJ\">ISTJ (\u7ba1\u7406\u8005)<\/option>\r\n                    <option value=\"ISFJ\">ISFJ (\u64c1\u8b77\u8005)<\/option>\r\n                    <option value=\"ESTJ\">ESTJ (\u5e79\u90e8)<\/option>\r\n                    <option value=\"ESFJ\">ESFJ (\u9818\u4e8b\u9928)<\/option>\r\n                    <option value=\"ISTP\">ISTP (\u5de8\u5320)<\/option>\r\n                    <option value=\"ISFP\">ISFP (\u5192\u967a\u5bb6)<\/option>\r\n                    <option value=\"ESTP\">ESTP (\u8d77\u696d\u5bb6)<\/option>\r\n                    <option value=\"ESFP\">ESFP (\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30ca\u30fc)<\/option>\r\n                <\/select>\r\n                <p class=\"note\">\u203b\u9078\u629e\u3055\u308c\u305f\u30bf\u30a4\u30d7\u306b\u5fdc\u3058\u3066\u3001\u8a2d\u554f\u306e\u9806\u756a\u304c\u5909\u308f\u308a\u307e\u3059\uff01<\/p>\r\n            <\/div>\r\n\r\n            <button class=\"btn-st btn-next-st\" onclick=\"startTest()\">\u30c6\u30b9\u30c8\u3092\u958b\u59cb\u3059\u308b<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"testArea\" style=\"display: none;\">\r\n            <div class=\"progress-bar-st\">\r\n                <div class=\"progress-st\" id=\"progress\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"content-st active\">\r\n                <div id=\"pagesContainer\"><\/div>\r\n\r\n                <div class=\"navigation-st\" id=\"navContainer\">\r\n                    <button class=\"btn-st btn-next-st\" onclick=\"nextPage()\" id=\"nextBtn\">\u6b21\u3078\u9032\u3080<\/button>\r\n                <\/div>\r\n\r\n                <!-- \u7d50\u679c\u30bb\u30af\u30b7\u30e7\u30f3 -->\r\n                <div class=\"results-st\" id=\"results\">\r\n                    <div id=\"capture-area\" style=\"background:#fff; padding:10px 5px; border-radius:12px;\">\r\n                        <h2 id=\"resultTitle\">\u7dcf\u5408\u5206\u6790\u7d50\u679c<\/h2>\r\n                        \r\n                        <div class=\"result-grid\">\r\n                            <!-- 16\u30bf\u30a4\u30d7\u7d50\u679c -->\r\n                            <div class=\"result-card type16-card\">\r\n                                <h3>16\u6027\u683c\u30bf\u30a4\u30d7<\/h3>\r\n                                <div class=\"main-type\" id=\"res-overall-16\"><\/div>\r\n                                <div class=\"sub-results\">\r\n                                    <a href=\"#\" id=\"link-16-work\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u5b66\u751f\u6642\u4ee3\u306f...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-16-work\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                    <a href=\"#\" id=\"link-16-love\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u4eba\u3092\u597d\u304d\u306b\u306a\u308b\u3068...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-16-love\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                    <a href=\"#\" id=\"link-16-biz\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u500b\u4eba\u3067\u50cd\u304f\u306a\u3089...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-16-biz\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                <a id=\"link-16type\" href=\"#\" class=\"btn-outline type16\" target=\"_blank\">16\u30bf\u30a4\u30d7\u306e\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n                            <\/div>\r\n                            \r\n                            <!-- \u30bd\u30b7\u30aa\u30cb\u30af\u30b9\u7d50\u679c -->\r\n                            <div class=\"result-card socio-card\">\r\n                                <h3>\u30bd\u30b7\u30aa\u30cb\u30af\u30b9<\/h3>\r\n                                <div class=\"main-type\" id=\"res-overall-socio\"><\/div>\r\n                                <div class=\"sub-results\">\r\n                                    <a href=\"#\" id=\"link-socio-career\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u4f1a\u793e\u30fb\u7d44\u7e54\u3067\u306f...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-socio-career\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                    <a href=\"#\" id=\"link-socio-role\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u8ca2\u732e\u3059\u308b\u3068\u304d\u306f...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-socio-role\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                    <a href=\"#\" id=\"link-socio-rel\" target=\"_blank\" class=\"result-detail-btn\">\r\n                                        <div class=\"btn-content\">\r\n                                            <span class=\"sub-label\">\u4e00\u7dd2\u306b\u50cd\u304d\u305f\u3044\u306e\u306f...<\/span>\r\n                                            <span class=\"sub-value\" id=\"res-socio-rel\"><\/span>\r\n                                        <\/div>\r\n                                        <span class=\"arrow-icon\">&#10095;<\/span>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                <a id=\"link-socio\" href=\"#\" class=\"btn-outline socio\" target=\"_blank\">\u30bd\u30b7\u30aa\u30cb\u30af\u30b9\u306e\u8a73\u7d30\u3092\u898b\u308b<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u9b45\u60d1\u306e\u30b3\u30d4\u30fc -->\r\n                    <div class=\"final-copy-box\">\r\n                        <h4>\u7d50\u679c\u304c\u300c\u30d0\u30e9\u30d0\u30e9\u300d\u306b\u306a\u3063\u305f\u65b9\u3078<\/h4>\r\n                        <p>\u3082\u3057\u3001\u5b66\u751f\u6642\u4ee3\u3001\u604b\u611b\u3001\u4ed5\u4e8b\u306e\u5834\u9762\u3067\u7d50\u679c\u306e\u30bf\u30a4\u30d7\u304c\u9055\u3063\u3066\u3044\u305f\u306a\u3089\u2026\u305d\u308c\u306f\u3042\u306a\u305f\u306e\u300c\u8868\u306e\u9854\u300d\u3068\u300c\u88cf\u306e\u9854\u300d\u304c\u5207\u308a\u66ff\u308f\u3063\u3066\u3044\u308b\u8a3c\u62e0\u3067\u3059\u3002<\/p>\r\n                        <p>\u4eba\u9593\u306f\u3001\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u7121\u610f\u8b58\u306b\u300c\u4f7f\u3046\u8133\u306e\u6a5f\u80fd\u300d\u3092\u5909\u3048\u3066\u3044\u307e\u3059\u3002\u8868\u9762\u7684\u306a\u884c\u52d5\u30d1\u30bf\u30fc\u30f3\u306e\u5965\u306b\u3042\u308b\u3001\u3042\u306a\u305f\u306e\u672c\u5f53\u306e\u30b3\u30a2\uff08\u6838\uff09\u3092\u77e5\u308b\u306b\u306f\u3001\u3055\u3089\u306b\u6df1\u3044<strong>\u300e\u5fc3\u7406\u6a5f\u80fd\uff08\u8a8d\u77e5\u306e\u30af\u30bb\uff09\u300f<\/strong>\u3092\u7d10\u89e3\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\r\n                        <p>\u3042\u306a\u305f\u304c\u672c\u5f53\u306b\u6e80\u305f\u3055\u308c\u308b\u50cd\u304d\u65b9\u3084\u3001\u4e00\u751f\u306e\u30d1\u30fc\u30c8\u30ca\u30fc\u9078\u3073\u306e\u6b63\u89e3\u306f\u3001\u307e\u3060\u8a00\u8a9e\u5316\u3055\u308c\u3066\u3044\u306a\u3044\u300c\u7121\u610f\u8b58\u306e\u9818\u57df\u300d\u306b\u96a0\u3055\u308c\u3066\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\r\n                    <\/div>\r\n\r\n                    <!-- \u30a2\u30af\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 -->\r\n                    <div class=\"action-buttons\">\r\n                        <button class=\"btn-st btn-share btn-x\" onclick=\"shareX()\">X\u3067\u30b7\u30a7\u30a2<\/button>\r\n                        <button class=\"btn-st btn-share btn-line\" onclick=\"shareLINE()\">LINE\u3067\u9001\u308b<\/button>\r\n                        <button class=\"btn-st btn-share btn-ig\" onclick=\"copyForIG()\">Instagram\u7528\u306b\u30b3\u30d4\u30fc<\/button>\r\n                        <button class=\"btn-st btn-save btn-jpg\" onclick=\"saveAsImage()\">\u7d50\u679c\u3092\u753b\u50cf\u3067\u4fdd\u5b58 (JPG)<\/button>\r\n                        <button class=\"btn-st btn-save btn-html\" onclick=\"saveAsApp()\">\u30a2\u30d7\u30ea\u3068\u3057\u3066\u4fdd\u5b58 (HTML)<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ --- \u8a2d\u554f\u30c7\u30fc\u30bf (\u516872\u554f) ---\r\n    const rawData = [\r\n        \/\/ ==== 16_work ====\r\n        { cat: \"16_work\", axis: \"E_I\", scene: \"\u521d\u3081\u3066\u306e\u4f5c\u696d\u3092\u4efb\u3055\u308c\u305f\u6642\u306f\uff1f\", a: \"\u307e\u305a\u306f\u4eba\u306b\u805e\u304d\u306a\u304c\u3089\u3001\u30ef\u30a4\u30ef\u30a4\u4e00\u7dd2\u306b\u9032\u3081\u305f\u3044\", b: \"\u307e\u305a\u306f\u4e00\u4eba\u3067\u8abf\u3079\u3066\u3001\u3058\u3063\u304f\u308a\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u9032\u3081\u305f\u3044\" },\r\n        { cat: \"16_work\", axis: \"E_I\", scene: \"\u4f11\u61a9\u6642\u9593\u306e\u904e\u3054\u3057\u65b9\u306f\uff1f\", a: \"\u8ab0\u304b\u3068\u96d1\u8ac7\u3057\u3066\u3001\u7b11\u3044\u5408\u3044\u306a\u304c\u3089\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u3059\u308b\", b: \"\u4e00\u4eba\u3067\u30b9\u30de\u30db\u3092\u898b\u305f\u308a\u3001\u9759\u304b\u306b\u4f11\u3093\u3067\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u56de\u5fa9\u3059\u308b\" },\r\n        { cat: \"16_work\", axis: \"E_I\", scene: \"\u8907\u6570\u306e\u30bf\u30b9\u30af\u304c\u3042\u308b\u6642\u306f\uff1f\", a: \"\u3044\u308d\u3093\u306a\u4eba\u306b\u9023\u7d61\u3057\u306a\u304c\u3089\u3001\u540c\u6642\u9032\u884c\u3067\u30d1\u30d1\u30c3\u3068\u7247\u4ed8\u3051\u308b\", b: \"\u5916\u90e8\u306e\u60c5\u5831\u3092\u906e\u65ad\u3057\u3066\u3001\u4e00\u3064\u305a\u3064\u96c6\u4e2d\u3057\u3066\u7d42\u308f\u3089\u305b\u308b\" },\r\n        { cat: \"16_work\", axis: \"S_N\", scene: \"\u65b0\u3057\u3044\u3084\u308a\u65b9\u3092\u63d0\u6848\u3059\u308b\u6642\u306f\uff1f\", a: \"\u300c\u904e\u53bb\u306b\u3053\u3046\u3084\u3063\u305f\u304b\u3089\u78ba\u5b9f\u300d\u3068\u3044\u3046\u73fe\u5b9f\u7684\u306a\u30c7\u30fc\u30bf\u3092\u4f7f\u3046\", b: \"\u300c\u3053\u3046\u306a\u3063\u305f\u3089\u9762\u767d\u305d\u3046\uff01\u300d\u3068\u3044\u3046\u672a\u6765\u306e\u30ef\u30af\u30ef\u30af\u611f\u3092\u8a9e\u308b\" },\r\n        { cat: \"16_work\", axis: \"S_N\", scene: \"\u7814\u4fee\u3084\u52c9\u5f37\u3067\u77e5\u308a\u305f\u3044\u3053\u3068\u306f\uff1f\", a: \"\u660e\u65e5\u304b\u3089\u73fe\u5834\u3067\u3059\u3050\u306b\u4f7f\u3048\u308b\u300c\u5177\u4f53\u7684\u306a\u30de\u30cb\u30e5\u30a2\u30eb\u3084\u624b\u9806\u300d\", b: \"\u306a\u305c\u305d\u3046\u306a\u308b\u306e\u304b\u3068\u3044\u3046\u300c\u88cf\u306e\u30eb\u30fc\u30eb\u3084\u5927\u304d\u306a\u6982\u5ff5\u300d\" },\r\n        { cat: \"16_work\", axis: \"S_N\", scene: \"\u5f97\u610f\u306a\u4f5c\u696d\u30b9\u30bf\u30a4\u30eb\u306f\uff1f\", a: \"\u6c7a\u3081\u3089\u308c\u305f\u624b\u9806\u3092\u3001\u6b63\u78ba\u306b\u30df\u30b9\u306a\u304f\u30b3\u30c4\u30b3\u30c4\u3053\u306a\u3059\", b: \"\u30eb\u30fc\u30eb\u304c\u306a\u3044\u72b6\u614b\u304b\u3089\u3001\u30bc\u30ed\u30d9\u30fc\u30b9\u3067\u30a2\u30a4\u30c7\u30a2\u3092\u5f62\u306b\u3059\u308b\" },\r\n        { cat: \"16_work\", axis: \"T_F\", scene: \"\u30c1\u30fc\u30e0\u5185\u3067\u610f\u898b\u304c\u5272\u308c\u305f\u6642\u306f\uff1f\", a: \"\u60c5\u306b\u6d41\u3055\u308c\u305a\u3001\u52b9\u7387\u3084\u30c7\u30fc\u30bf\u304b\u3089\u300c\u6b63\u3057\u3044\u65b9\u300d\u3092\u9078\u3076\", b: \"\u52b9\u7387\u304c\u60aa\u304f\u3066\u3082\u3001\u307f\u3093\u306a\u304c\u300c\u7d0d\u5f97\u3057\u3066\u7b11\u9854\u306b\u306a\u308c\u308b\u65b9\u300d\u3092\u9078\u3076\" },\r\n        { cat: \"16_work\", axis: \"T_F\", scene: \"\u5f8c\u8f29\u304c\u5927\u304d\u306a\u30df\u30b9\u3092\u3057\u305f\u6642\u306f\uff1f\", a: \"\u300c\u306a\u305c\u8d77\u304d\u305f\uff1f\u6b21\u306f\u3069\u3046\u3059\u308b\uff1f\u300d\u3068\u539f\u56e0\u3068\u5bfe\u7b56\u3092\u6307\u6458\u3059\u308b\", b: \"\u300c\u5927\u5909\u3060\u3063\u305f\u306d\u3001\u5927\u4e08\u592b\uff1f\u300d\u3068\u843d\u3061\u8fbc\u3080\u6c17\u6301\u3061\u306b\u5bc4\u308a\u6dfb\u3046\" },\r\n        { cat: \"16_work\", axis: \"T_F\", scene: \"\u4eba\u304b\u3089\u8912\u3081\u3089\u308c\u3066\u5b09\u3057\u3044\u306e\u306f\uff1f\", a: \"\u300c\u4ed5\u4e8b\u304c\u65e9\u3044\u306d\uff01\u300d\u300c\u7d50\u679c\u3092\u51fa\u3057\u305f\u306d\uff01\u300d\u3068\u3044\u3046\u80fd\u529b\u3078\u306e\u8a55\u4fa1\", b: \"\u300c\u6c17\u304c\u5229\u304f\u306d\uff01\u300d\u300c\u3044\u3066\u304f\u308c\u3066\u52a9\u304b\u308b\uff01\u300d\u3068\u3044\u3046\u4eba\u67c4\u3078\u306e\u8a55\u4fa1\" },\r\n        { cat: \"16_work\", axis: \"J_P\", scene: \"\u63d0\u51fa\u7269\u306e\u671f\u9650\u304c\u8feb\u3063\u3066\u3044\u308b\u6642\u306f\uff1f\", a: \"\u6570\u65e5\u524d\u306b\u306f\u7d42\u308f\u3089\u305b\u3066\u3001\u7126\u3089\u305a\u306b\u4f59\u88d5\u3092\u6301\u3063\u3066\u63d0\u51fa\u3057\u305f\u3044\", b: \"\u30ae\u30ea\u30ae\u30ea\u306e\u30d7\u30ec\u30c3\u30b7\u30e3\u30fc\u306e\u4e2d\u3067\u3001\u4e00\u6c17\u306b\u96c6\u4e2d\u529b\u3092\u767a\u63ee\u3057\u3066\u4ed5\u4e0a\u3052\u308b\" },\r\n        { cat: \"16_work\", axis: \"J_P\", scene: \"\u6025\u306b\u4e88\u5b9a\u304c\u5909\u66f4\u306b\u306a\u3063\u305f\u6642\u306f\uff1f\", a: \"\u7acb\u3066\u3066\u3044\u305f\u8a08\u753b\u304c\u72c2\u3046\u3053\u3068\u306b\u3001\u5f37\u3044\u30e2\u30e4\u30e2\u30e4\u3084\u30b9\u30c8\u30ec\u30b9\u3092\u611f\u3058\u308b\", b: \"\u4e88\u5b9a\u5916\u306e\u30cf\u30d7\u30cb\u30f3\u30b0\u3082\u300c\u307e\u3042\u4f55\u3068\u304b\u306a\u308b\u304b\u300d\u3068\u697d\u3057\u3081\u308b\" },\r\n        { cat: \"16_work\", axis: \"J_P\", scene: \"\u30d1\u30bd\u30b3\u30f3\u306e\u30d5\u30a9\u30eb\u30c0\u3084\u30c7\u30b9\u30af\u306f\uff1f\", a: \"\u7dba\u9e97\u306b\u6574\u7406\u6574\u9813\u3055\u308c\u3001\u3069\u3053\u306b\u4f55\u304c\u3042\u308b\u304b\u30eb\u30fc\u30eb\u5316\u3055\u308c\u3066\u3044\u308b\", b: \"\u30d1\u30c3\u3068\u898b\u306f\u6563\u3089\u304b\u3063\u3066\u3044\u308b\u304c\u3001\u81ea\u5206\u306e\u4e2d\u3067\u306f\u628a\u63e1\u3067\u304d\u3066\u3044\u308b\" },\r\n\r\n        \/\/ ==== 16_love ====\r\n        { cat: \"16_love\", axis: \"E_I\", scene: \"\u4f11\u65e5\u306e\u30c7\u30fc\u30c8\u306e\u884c\u304d\u5148\u306f\uff1f\", a: \"\u4eba\u304c\u591a\u304f\u3066\u6d3b\u6c17\u306e\u3042\u308b\u3001\u8a71\u984c\u306e\u30b9\u30dd\u30c3\u30c8\u3084\u30a4\u30d9\u30f3\u30c8\u306b\u884c\u304d\u305f\u3044\", b: \"\u4eba\u304c\u5c11\u306a\u3044\u9759\u304b\u306a\u5834\u6240\u3084\u3001\u304a\u5bb6\u3067\u307e\u3063\u305f\u308a\u3068\u904e\u3054\u3057\u305f\u3044\" },\r\n        { cat: \"16_love\", axis: \"E_I\", scene: \"\u604b\u4eba\u3068\u306e\u9023\u7d61\u983b\u5ea6\u306f\uff1f\", a: \"\u3053\u307e\u3081\u306bLINE\u3084\u96fb\u8a71\u3092\u3057\u3066\u3001\u5e38\u306b\u7e4b\u304c\u3063\u3066\u3044\u308b\u611f\u3092\u697d\u3057\u307f\u305f\u3044\", b: \"\u4ed8\u304d\u5408\u3063\u3066\u3044\u3066\u3082\u3001\u9023\u7d61\u3057\u306a\u3044\u300c\u4e00\u4eba\u306e\u6642\u9593\u300d\u306f\u7d76\u5bfe\u306b\u5fc5\u8981\u3060\" },\r\n        { cat: \"16_love\", axis: \"E_I\", scene: \"\u60a9\u307f\u4e8b\u3084\u30e2\u30e4\u30e2\u30e4\u304c\u3042\u308b\u6642\u306f\uff1f\", a: \"\u3068\u308a\u3042\u3048\u305a\u76f8\u624b\u306b\u8a71\u3057\u3066\u3001\u8a00\u8449\u306b\u3057\u306a\u304c\u3089\u81ea\u5206\u306e\u8003\u3048\u3092\u307e\u3068\u3081\u308b\", b: \"\u307e\u305a\u306f\u81ea\u5206\u306e\u982d\u306e\u4e2d\u3067\u6574\u7406\u3057\u3066\u3001\u7b54\u3048\u304c\u51fa\u3066\u304b\u3089\u76f8\u624b\u306b\u8a71\u3059\" },\r\n        { cat: \"16_love\", axis: \"S_N\", scene: \"\u8a18\u5ff5\u65e5\u306b\u3082\u3089\u3063\u3066\u5b09\u3057\u3044\u3082\u306e\u306f\uff1f\", a: \"\u6b32\u3057\u304b\u3063\u305f\u5b9f\u7528\u7684\u306a\u30a2\u30a4\u30c6\u30e0\u3084\u3001\u7f8e\u5473\u3057\u3044\u30c7\u30a3\u30ca\u30fc\u3068\u3044\u3046\u300c\u73fe\u5b9f\u300d\", b: \"\u5fc3\u306e\u3053\u3082\u3063\u305f\u624b\u7d19\u3084\u3001\u4e8c\u4eba\u306e\u672a\u6765\u3092\u8a9e\u308a\u5408\u3046\u300c\u7279\u5225\u306a\u6642\u9593\u300d\" },\r\n        { cat: \"16_love\", axis: \"S_N\", scene: \"\u76f8\u624b\u306e\u5909\u5316\u306b\u6c17\u3065\u304f\u30dd\u30a4\u30f3\u30c8\u306f\uff1f\", a: \"\u300c\u9aea\u5207\u3063\u305f\uff1f\u300d\u300c\u670d\u5909\u308f\u3063\u305f\uff1f\u300d\u306a\u3069\u3001\u76ee\u306b\u898b\u3048\u308b\u5909\u5316\u306b\u3088\u304f\u6c17\u3065\u304f\", b: \"\u300c\u4eca\u65e5\u306a\u3093\u304b\u5143\u6c17\u306a\u3044\uff1f\u300d\u300c\u6012\u3063\u3066\u308b\uff1f\u300d\u306a\u3069\u3001\u7a7a\u6c17\u611f\u306e\u5909\u5316\u306b\u6c17\u3065\u304f\" },\r\n        { cat: \"16_love\", axis: \"S_N\", scene: \"\u604b\u4eba\u3068\u306e\u4f1a\u8a71\u3067\u697d\u3057\u3044\u306e\u306f\uff1f\", a: \"\u300c\u4eca\u65e5\u3053\u3093\u306a\u3053\u3068\u304c\u3042\u3063\u3066\u306d\u300d\u3068\u3044\u3046\u3001\u65e5\u5e38\u306e\u5177\u4f53\u7684\u306a\u30a8\u30d4\u30bd\u30fc\u30c9\", b: \"\u300c\u3082\u3057\u3082\u5b9d\u304f\u3058\u304c\u5f53\u305f\u3063\u305f\u3089\u300d\u306e\u3088\u3046\u306a\u3001\u73fe\u5b9f\u96e2\u308c\u3057\u305f\u5984\u60f3\u8a71\" },\r\n        { cat: \"16_love\", axis: \"T_F\", scene: \"\u55a7\u5629\u306b\u306a\u3063\u305f\u6642\u306e\u614b\u5ea6\u306f\uff1f\", a: \"\u300c\u306a\u305c\u3053\u3046\u306a\u3063\u305f\u304b\u300d\u539f\u56e0\u3092\u30cf\u30c3\u30ad\u30ea\u3055\u305b\u3001\u8ad6\u7406\u7684\u306b\u89e3\u6c7a\u3057\u305f\u3044\", b: \"\u7406\u5c48\u306f\u3069\u3046\u3067\u3082\u3044\u3044\u304b\u3089\u3001\u307e\u305a\u306f\u304a\u4e92\u3044\u306e\u611f\u60c5\u306b\u5171\u611f\u3057\u3066\u6b69\u307f\u5bc4\u308a\u305f\u3044\" },\r\n        { cat: \"16_love\", axis: \"T_F\", scene: \"\u76f8\u624b\u304b\u3089\u4ed5\u4e8b\u306e\u611a\u75f4\u3092\u8a00\u308f\u308c\u305f\u6642\u306f\uff1f\", a: \"\u300c\u3053\u3046\u3059\u308c\u3070\u89e3\u6c7a\u3059\u308b\u3088\u300d\u3068\u3001\u4e00\u756a\u5f79\u7acb\u3064\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u4f1d\u3048\u308b\", b: \"\u300c\u305d\u308c\u306f\u30e0\u30ab\u3064\u304f\u306d\uff01\u300d\u3068\u3001\u307e\u305a\u306f\u5b8c\u5168\u306b\u5473\u65b9\u306b\u306a\u3063\u3066\u8a71\u3092\u805e\u304f\" },\r\n        { cat: \"16_love\", axis: \"T_F\", scene: \"\u76f8\u624b\u3092\u597d\u304d\u306b\u306a\u308b\u4e00\u756a\u306e\u7406\u7531\u306f\uff1f\", a: \"\u300c\u982d\u306e\u56de\u8ee2\u304c\u65e9\u3044\u300d\u300c\u5c0a\u656c\u3067\u304d\u308b\u30b9\u30ad\u30eb\u304c\u3042\u308b\u300d\u3068\u611f\u3058\u305f\u304b\u3089\", b: \"\u300c\u512a\u3057\u3055\u306b\u89e6\u308c\u305f\u300d\u300c\u5fc3\u304c\u901a\u3058\u5408\u3063\u3066\u5b89\u5fc3\u3067\u304d\u305f\u300d\u3068\u611f\u3058\u305f\u304b\u3089\" },\r\n        { cat: \"16_love\", axis: \"J_P\", scene: \"\u65c5\u884c\u306e\u30d7\u30e9\u30f3\u7acb\u3066\u306f\uff1f\", a: \"\u6642\u9593\u3084\u56de\u308b\u304a\u5e97\u3092\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u6c7a\u3081\u3066\u3001\u52b9\u7387\u3088\u304f\u697d\u3057\u307f\u305f\u3044\", b: \"\u884c\u304d\u5148\u3060\u3051\u6c7a\u3081\u3066\u304a\u304d\u3001\u3042\u3068\u306f\u305d\u306e\u65e5\u306e\u6c17\u5206\u3067\u81ea\u7531\u306b\u5bc4\u308a\u9053\u3057\u305f\u3044\" },\r\n        { cat: \"16_love\", axis: \"J_P\", scene: \"\u5c06\u6765\u306e\u7d50\u5a5a\u3084\u540c\u68f2\u306b\u3064\u3044\u3066\u306f\uff1f\", a: \"\u300c\u4f55\u6b73\u307e\u3067\u306b\u300d\u3068\u3044\u3046\u5177\u4f53\u7684\u306a\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u6c7a\u3081\u3066\u304a\u304d\u305f\u3044\", b: \"\u81ea\u7136\u306a\u6d41\u308c\u306b\u8eab\u3092\u4efb\u305b\u3001\u305d\u306e\u6642\u306e\u4e8c\u4eba\u306e\u611f\u899a\u3067\u3075\u3093\u308f\u308a\u6c7a\u3081\u305f\u3044\" },\r\n        { cat: \"16_love\", axis: \"J_P\", scene: \"\u76f8\u624b\u306e\u9045\u523b\u3084\u30eb\u30fc\u30ba\u3055\u306f\uff1f\", a: \"\u7d04\u675f\u306e\u6642\u9593\u3084\u30eb\u30fc\u30eb\u306b\u306f\u53b3\u683c\u3067\u3001\u3060\u3089\u3057\u306a\u3044\u614b\u5ea6\u306f\u8a31\u305b\u306a\u3044\", b: \"\u6642\u9593\u306b\u591a\u5c11\u9045\u308c\u3066\u3082\u6c17\u306b\u3057\u306a\u3044\u3002\u304a\u304a\u3089\u304b\u306a\u95a2\u4fc2\u306e\u307b\u3046\u304c\u30e9\u30af\u3060\" },\r\n\r\n        \/\/ ==== 16_biz ====\r\n        { cat: \"16_biz\", axis: \"E_I\", scene: \"\u65b0\u3057\u3044\u6d3b\u52d5\u3092\u5e83\u3052\u308b\u6642\u306f\uff1f\", a: \"\u3069\u3093\u3069\u3093\u4eba\u306b\u4f1a\u3044\u306b\u884c\u304d\u3001\u4eba\u8108\u3068\u30ce\u30ea\u306e\u826f\u3055\u3067\u30c1\u30e3\u30f3\u30b9\u3092\u63b4\u3080\", b: \"\u4eba\u306b\u4f1a\u3046\u3088\u308a\u3001\u81ea\u5206\u306e\u30b9\u30ad\u30eb\u3084\u4f5c\u54c1\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u3092\u78e8\u304f\u3053\u3068\u306b\u96c6\u4e2d\u3059\u308b\" },\r\n        { cat: \"16_biz\", axis: \"E_I\", scene: \"\u4f55\u304b\u3092\u59cb\u3081\u3088\u3046\u3068\u601d\u3044\u7acb\u3063\u305f\u6642\u306f\uff1f\", a: \"\u307e\u305a\u306f\u5468\u308a\u306b\u300c\u3053\u308c\u3084\u308b\uff01\u300d\u3068\u5ba3\u8a00\u3057\u3066\u3001\u4ef2\u9593\u3092\u96c6\u3081\u306a\u304c\u3089\u52d5\u304f\", b: \"\u8ab0\u306b\u3082\u8a00\u308f\u305a\u3001\u4e00\u4eba\u3067\u3053\u3063\u305d\u308a\u5f62\u306b\u3057\u3066\u304b\u3089\u304a\u62ab\u9732\u76ee\u3059\u308b\" },\r\n        { cat: \"16_biz\", axis: \"E_I\", scene: \"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u306e\u4fdd\u3061\u65b9\u306f\uff1f\", a: \"\u8272\u3005\u306a\u4eba\u304b\u3089\u306e\u523a\u6fc0\u3084\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306a\u3069\u300c\u5916\u300d\u304b\u3089\u306e\u5f71\u97ff\u304c\u529b\u306b\u306a\u308b\", b: \"\u81ea\u5206\u306e\u5185\u9762\u7684\u306a\u7d0d\u5f97\u611f\u3084\u3001\u300c\u3084\u308a\u5207\u308a\u305f\u3044\u300d\u3068\u3044\u3046\u300c\u5185\u300d\u304b\u3089\u306e\u601d\u3044\u304c\u529b\u306b\u306a\u308b\" },\r\n        { cat: \"16_biz\", axis: \"S_N\", scene: \"\u3069\u3093\u306a\u65b9\u6cd5\u3067\u7a3c\u304e\u305f\u3044\uff1f\", a: \"\u3059\u3067\u306b\u6210\u529f\u3057\u3066\u3044\u308b\u3084\u308a\u65b9\u3092\u771f\u4f3c\u3066\u3001\u624b\u5805\u304f\u78ba\u5b9f\u306a\u30eb\u30fc\u30c8\u3092\u9078\u3076\", b: \"\u307e\u3060\u8ab0\u3082\u3084\u3063\u3066\u3044\u306a\u3044\u3001\u81ea\u5206\u3060\u3051\u306e\u5168\u304f\u65b0\u3057\u3044\u30aa\u30ea\u30b8\u30ca\u30eb\u306a\u9053\u3092\u5207\u308a\u958b\u304f\" },\r\n        { cat: \"16_biz\", axis: \"S_N\", scene: \"\u884c\u52d5\u3092\u8d77\u3053\u3059\u5224\u65ad\u57fa\u6e96\u306f\uff1f\", a: \"\u8abf\u67fb\u30c7\u30fc\u30bf\u3084\u5b9f\u7e3e\u306a\u3069\u3001\u300c\u76ee\u306b\u898b\u3048\u308b\u78ba\u304b\u306a\u4e8b\u5b9f\u300d\u3092\u57fa\u306b\u5224\u65ad\u3059\u308b\", b: \"\u300c\u306a\u3093\u3060\u304b\u9762\u767d\u305d\u3046\u300d\u3068\u3044\u3046\u76f4\u611f\u3084\u3001\u30a4\u30f3\u30b9\u30d4\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u4fe1\u3058\u3066\u98db\u3073\u8fbc\u3080\" },\r\n        { cat: \"16_biz\", axis: \"S_N\", scene: \"\u4e16\u306e\u4e2d\u306b\u63d0\u4f9b\u3057\u305f\u3044\u4fa1\u5024\u306f\uff1f\", a: \"\u4eca\u3001\u76ee\u306e\u524d\u3067\u56f0\u3063\u3066\u3044\u308b\u4eba\u306e\u60a9\u307f\u3092\u300c\u76f4\u63a5\u7684\u300d\u306b\u89e3\u6c7a\u3059\u308b\u3082\u306e\", b: \"10\u5e74\u5f8c\u306e\u672a\u6765\u306e\u5e38\u8b58\u306b\u306a\u308b\u3088\u3046\u306a\u300c\u65b0\u3057\u3044\u4e16\u754c\u89b3\u300d\u3092\u63d0\u793a\u3059\u308b\u3082\u306e\" },\r\n        { cat: \"16_biz\", axis: \"T_F\", scene: \"\u4e00\u7dd2\u306b\u50cd\u304f\u4ef2\u9593\u306e\u9078\u3073\u65b9\u306f\uff1f\", a: \"\u6027\u683c\u304c\u5408\u308f\u306a\u304f\u3066\u3082\u3001\u80fd\u529b\u304c\u9ad8\u304f\u3066\u5229\u76ca\u3092\u3082\u305f\u3089\u3059\u6709\u80fd\u306a\u4eba\u3092\u9078\u3076\", b: \"\u80fd\u529b\u304c\u591a\u5c11\u4f4e\u304f\u3066\u3082\u3001\u4fa1\u5024\u89b3\u304c\u5408\u3063\u3066\u4e00\u7dd2\u306b\u3044\u3066\u5fc3\u5730\u3088\u3044\u4eba\u3092\u9078\u3076\" },\r\n        { cat: \"16_biz\", axis: \"T_F\", scene: \"\u65b9\u91dd\u3092\u6c7a\u3081\u308b\u6642\u306e\u6700\u512a\u5148\u4e8b\u9805\u306f\uff1f\", a: \"\u3069\u3093\u306a\u306b\u53b3\u3057\u304f\u3066\u3082\u3001\u6700\u7d42\u7684\u306a\u5229\u76ca\u3084\u5408\u7406\u6027\u304c\u6700\u3082\u5927\u5207\u3060\", b: \"\u95a2\u308f\u308b\u4eba\u304c\u5e78\u305b\u306b\u306a\u308c\u308b\u304b\u3001\u793e\u4f1a\u7684\u306b\u610f\u7fa9\u304c\u3042\u308b\u304b\u304c\u6700\u3082\u5927\u5207\u3060\" },\r\n        { cat: \"16_biz\", axis: \"T_F\", scene: \"\u81ea\u5206\u306e\u30a2\u30d4\u30fc\u30eb\u30dd\u30a4\u30f3\u30c8\u306f\uff1f\", a: \"\u63d0\u4f9b\u3059\u308b\u30e2\u30ce\u306e\u300c\u6a5f\u80fd\u306e\u826f\u3055\u300d\u3084\u300c\u30b3\u30b9\u30c8\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u9ad8\u3055\u300d\", b: \"\u63d0\u4f9b\u3059\u308b\u30e2\u30ce\u306b\u8fbc\u3081\u305f\u300c\u60f3\u3044\u300d\u3084\u300c\u30b9\u30c8\u30fc\u30ea\u30fc\u3078\u306e\u5171\u611f\u300d\" },\r\n        { cat: \"16_biz\", axis: \"J_P\", scene: \"\u76ee\u6a19\u306b\u5411\u304b\u3063\u3066\u9032\u3080\u30b9\u30bf\u30a4\u30eb\u306f\uff1f\", a: \"\u8a73\u7d30\u306a\u8a08\u753b\u3092\u7acb\u3066\u3066\u3001\u30b4\u30fc\u30eb\u306b\u5411\u304b\u3063\u3066\u4e00\u76f4\u7dda\u306b\u8ff7\u308f\u305a\u7a81\u304d\u9032\u3080\", b: \"\u8a08\u753b\u306f\u6700\u4f4e\u9650\u306b\u3057\u3001\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u67d4\u8edf\u306b\u3084\u308a\u65b9\u3092\u5909\u3048\u306a\u304c\u3089\u9032\u3080\" },\r\n        { cat: \"16_biz\", axis: \"J_P\", scene: \"\u4f5c\u696d\u306e\u9032\u3081\u65b9\u306f\uff1f\", a: \"\u81ea\u5206\u306a\u308a\u306e\u30eb\u30fc\u30eb\u3084\u4ed5\u7d44\u307f\u3092\u4f5c\u308a\u3001\u6bce\u56de\u540c\u3058\u30da\u30fc\u30b9\u3067\u7740\u5b9f\u306b\u3053\u306a\u3059\", b: \"\u30eb\u30fc\u30eb\u306f\u4f5c\u3089\u305a\u3001\u305d\u306e\u65e5\u306e\u6c17\u5206\u3084\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u6ce2\u306b\u5408\u308f\u305b\u3066\u4e00\u6c17\u306b\u9032\u3081\u308b\" },\r\n        { cat: \"16_biz\", axis: \"J_P\", scene: \"\u6c7a\u65ad\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u306f\uff1f\", a: \"\u65e9\u304f\u767d\u9ed2\u30cf\u30c3\u30ad\u30ea\u3055\u305b\u305f\u3044\u3002\u4e00\u5ea6\u6c7a\u3081\u305f\u3089\u5f8c\u623b\u308a\u306f\u3057\u306a\u3044\", b: \"\u30ae\u30ea\u30ae\u30ea\u307e\u3067\u69d8\u5b50\u3092\u898b\u305f\u3044\u3002\u3044\u3064\u3067\u3082\u5909\u66f4\u3067\u304d\u308b\u3088\u3046\u306b\u9078\u629e\u80a2\u3092\u6b8b\u3059\" },\r\n\r\n        \/\/ ==== socio_career ====\r\n        { cat: \"socio_career\", axis: \"A_G\", scene: \"\u7406\u60f3\u306e\u8077\u5834\u74b0\u5883\u306f\uff1f\", a: \"\u30ae\u30b9\u30ae\u30b9\u3057\u305f\u7af6\u4e89\u304c\u306a\u304f\u3001\u307f\u3093\u306a\u3067\u697d\u3057\u304f\u30a2\u30a4\u30c7\u30a2\u3092\u51fa\u305b\u308b\u5e73\u548c\u306a\u8077\u5834\", b: \"\u5b9f\u529b\u304c\u305d\u306e\u307e\u307e\u7d66\u6599\u306b\u76f4\u7d50\u3057\u3001\u30ac\u30f3\u30ac\u30f3\u7d50\u679c\u3092\u51fa\u305b\u308b\u7af6\u4e89\u7684\u306a\u8077\u5834\" },\r\n        { cat: \"socio_career\", axis: \"A_G\", scene: \"\u4ed5\u4e8b\u306b\u6c42\u3081\u308b\u3084\u308a\u304c\u3044\u306f\uff1f\", a: \"\u300c\u77e5\u7684\u597d\u5947\u5fc3\u304c\u6e80\u305f\u3055\u308c\u308b\u304b\u300d\u300c\u9762\u767d\u3044\u304b\u300d\u3068\u3044\u3046\u81ea\u7531\u306a\u611f\u899a\", b: \"\u300c\u3069\u308c\u304f\u3089\u3044\u5132\u304b\u308b\u304b\u300d\u300c\u5f71\u97ff\u529b\u3092\u6301\u3066\u308b\u304b\u300d\u3068\u3044\u3046\u30b7\u30d3\u30a2\u306a\u7d50\u679c\" },\r\n        { cat: \"socio_career\", axis: \"A_G\", scene: \"\u540c\u50da\u3068\u306e\u95a2\u308f\u308a\u65b9\u306f\uff1f\", a: \"\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306a\u8a71\u3082\u3057\u3066\u3001\u5bb6\u65cf\u3084\u53cb\u9054\u306e\u3088\u3046\u306b\u548c\u6c17\u3042\u3044\u3042\u3044\u3068\u904e\u3054\u3059\", b: \"\u7121\u99c4\u306a\u99b4\u308c\u5408\u3044\u306f\u305b\u305a\u3001\u304a\u4e92\u3044\u306b\u30d7\u30ed\u3068\u3057\u3066\u5229\u76ca\u3092\u751f\u307f\u51fa\u3059\u95a2\u4fc2\u306b\u5fb9\u3059\u308b\" },\r\n        { cat: \"socio_career\", axis: \"B_D\", scene: \"\u3069\u3093\u306a\u7d44\u7e54\u306b\u60f9\u304b\u308c\u308b\uff1f\", a: \"\u7d76\u5bfe\u7684\u306a\u30ab\u30ea\u30b9\u30de\u30ea\u30fc\u30c0\u30fc\u306e\u4e0b\u3067\u3001\u793e\u4f1a\u3092\u5909\u3048\u308b\u3088\u3046\u306a\u71b1\u3044\u76ee\u6a19\u3092\u8ffd\u3046\u7d44\u7e54\", b: \"\u30d5\u30e9\u30c3\u30c8\u306a\u95a2\u4fc2\u3067\u3001\u4e00\u4eba\u3072\u3068\u308a\u304c\u81ea\u5206\u306e\u5c02\u9580\u30b9\u30ad\u30eb\u3092\u6de1\u3005\u3068\u767a\u63ee\u3059\u308b\u7d44\u7e54\" },\r\n        { cat: \"socio_career\", axis: \"B_D\", scene: \"\u4ed5\u4e8b\u306b\u5bfe\u3059\u308b\u30b9\u30bf\u30f3\u30b9\u306f\uff1f\", a: \"\u3069\u3046\u305b\u3084\u308b\u306a\u3089\u3001\u540d\u8a89\u3084\u5927\u304d\u306a\u6210\u679c\u3092\u624b\u306b\u5165\u308c\u308b\u30c9\u30e9\u30de\u30c1\u30c3\u30af\u306a\u4ed5\u4e8b\u304c\u3057\u305f\u3044\", b: \"\u6ce2\u98a8\u3092\u7acb\u3066\u305a\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306e\u6642\u9593\u3092\u5b88\u308a\u306a\u304c\u3089\u5805\u5b9f\u306b\u50cd\u304d\u305f\u3044\" },\r\n        { cat: \"socio_career\", axis: \"B_D\", scene: \"\u50cd\u304d\u3084\u3059\u3055\u3092\u611f\u3058\u308b\u77ac\u9593\u306f\uff1f\", a: \"\u4e0a\u4e0b\u95a2\u4fc2\u304c\u30cf\u30c3\u30ad\u30ea\u3057\u3066\u3044\u3066\u3001\u5168\u54e1\u304c\u4e00\u81f4\u56e3\u7d50\u3057\u3066\u52d5\u3044\u3066\u3044\u308b\u6642\", b: \"\u7d44\u7e54\u306e\u3057\u304c\u3089\u307f\u304c\u306a\u304f\u3001\u500b\u4eba\u306e\u3084\u308a\u65b9\u3084\u4fa1\u5024\u89b3\u304c\u5c0a\u91cd\u3055\u308c\u3066\u3044\u308b\u6642\" },\r\n        { cat: \"socio_career\", axis: \"EP_IJ\", scene: \"\u5f97\u610f\u306a\u30dd\u30b8\u30b7\u30e7\u30f3\u306f\uff1f\", a: \"\u524d\u4f8b\u306e\u306a\u3044\u65b0\u3057\u3044\u4f01\u753b\u3092\u3001\u30bc\u30ed\u304b\u3089\u52e2\u3044\u3067\u7acb\u3061\u4e0a\u3052\u308b\u5207\u308a\u8fbc\u307f\u968a\u9577\", b: \"\u6c7a\u307e\u3063\u305f\u30b7\u30b9\u30c6\u30e0\u3092\u5b88\u308a\u3001\u7d30\u304b\u3044\u30df\u30b9\u3092\u9632\u3044\u3067\u7d44\u7e54\u3092\u5b89\u5b9a\u3055\u305b\u308b\u5b88\u308a\u795e\" },\r\n        { cat: \"socio_career\", axis: \"EP_IJ\", scene: \"\u65e5\u3005\u306e\u696d\u52d9\u306b\u3064\u3044\u3066\u306f\uff1f\", a: \"\u6bce\u65e5\u540c\u3058\u3053\u3068\u306e\u7e70\u308a\u8fd4\u3057\u306f\u9000\u5c48\u3002\u5e38\u306b\u65b0\u3057\u3044\u523a\u6fc0\u3068\u5909\u5316\u304c\u6b32\u3057\u3044\", b: \"\u4e88\u6e2c\u4e0d\u80fd\u306a\u30c8\u30e9\u30d6\u30eb\u306f\u5acc\u3044\u3002\u898b\u901a\u3057\u304c\u7acb\u3063\u3066\u8a08\u753b\u901a\u308a\u306b\u9032\u3080\u65b9\u304c\u826f\u3044\" },\r\n        { cat: \"socio_career\", axis: \"EP_IJ\", scene: \"\u30c8\u30e9\u30d6\u30eb\u5bfe\u5fdc\u306f\uff1f\", a: \"\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u8efd\u3055\u3068\u3072\u3089\u3081\u304d\u3067\u3001\u305d\u306e\u5834\u3092\u3069\u3046\u306b\u304b\u4e57\u308a\u5207\u308b\", b: \"\u3053\u308c\u307e\u3067\u306e\u30eb\u30fc\u30eb\u3084\u539f\u5247\u306b\u7167\u3089\u3057\u5408\u308f\u305b\u3066\u3001\u5b89\u5168\u3067\u78ba\u5b9f\u306a\u5bfe\u5fdc\u3092\u3068\u308b\" },\r\n        { cat: \"socio_career\", axis: \"EJ_IP\", scene: \"\u30c1\u30fc\u30e0\u5185\u3067\u306e\u50cd\u304d\u65b9\u306f\uff1f\", a: \"\u5468\u308a\u306b\u58f0\u3092\u304b\u3051\u3001\u30e1\u30f3\u30d0\u30fc\u3092\u30b0\u30a4\u30b0\u30a4\u5f15\u3063\u5f35\u3063\u3066\u76ee\u6a19\u3092\u9054\u6210\u3055\u305b\u308b\", b: \"\u5468\u308a\u306b\u306f\u5e72\u6e09\u305b\u305a\u3001\u81ea\u5206\u306e\u62c5\u5f53\u9818\u57df\u3092\u6df1\u304f\u6398\u308a\u4e0b\u3052\u3066\u30de\u30a4\u30da\u30fc\u30b9\u306b\u8ca2\u732e\u3059\u308b\" },\r\n        { cat: \"socio_career\", axis: \"EJ_IP\", scene: \"\u4ed5\u4e8b\u4e2d\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u4f7f\u3044\u65b9\u306f\uff1f\", a: \"\u300c\u76ee\u7684\u300d\u3092\u679c\u305f\u3059\u305f\u3081\u306b\u3001\u5e38\u306b\u5916\u306b\u5411\u304b\u3063\u3066\u5168\u529b\u3067\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u653e\u51fa\u3059\u308b\", b: \"\u300c\u81ea\u5206\u306e\u5fc3\u5730\u3088\u3055\u300d\u3092\u4fdd\u3064\u305f\u3081\u306b\u3001\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u6e29\u5b58\u3057\u306a\u304c\u3089\u7701\u30a8\u30cd\u3067\u52d5\u304f\" },\r\n        { cat: \"socio_career\", axis: \"EJ_IP\", scene: \"\u81ea\u7136\u3068\u4efb\u3055\u308c\u308b\u5f79\u56de\u308a\u306f\uff1f\", a: \"\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u5f15\u304d\u3001\u8ab0\u304c\u4f55\u3092\u3084\u308b\u304b\u30ea\u30bd\u30fc\u30b9\u3092\u7ba1\u7406\u3059\u308b\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u5f79\", b: \"\u7279\u5b9a\u306e\u5206\u91ce\u306b\u7279\u5316\u3057\u3001\u8ab0\u306b\u3082\u6587\u53e5\u3092\u8a00\u308f\u305b\u306a\u3044\u30af\u30aa\u30ea\u30c6\u30a3\u3092\u51fa\u3059\u5c02\u9580\u5bb6\u5f79\" },\r\n\r\n        \/\/ ==== socio_role ====\r\n        { cat: \"socio_role\", axis: \"A_G\", scene: \"\u904a\u3073\u3084\u98f2\u307f\u4f1a\u306e\u4f01\u753b\u306f\uff1f\", a: \"\u300c\u3053\u308c\u3084\u3063\u305f\u3089\u9762\u767d\u305d\u3046\uff01\u300d\u3068\u30ef\u30af\u30ef\u30af\u3059\u308b\u30a2\u30a4\u30c7\u30a2\u3092\u6b21\u3005\u306b\u51fa\u3059\", b: \"\u300c\u4e88\u7b97\u306f\u3053\u308c\u304f\u3089\u3044\u3067\u3001\u3053\u306e\u30eb\u30fc\u30c8\u304c\u4e00\u756a\u304a\u5f97\u300d\u3068\u73fe\u5b9f\u7684\u306a\u8a08\u7b97\u3092\u3059\u308b\" },\r\n        { cat: \"socio_role\", axis: \"A_G\", scene: \"\u4f1a\u8b70\u304c\u30d4\u30ea\u3064\u3044\u305f\u6642\u306f\uff1f\", a: \"\u5197\u8ac7\u3092\u8a00\u3063\u305f\u308a\u3001\u3061\u3087\u3063\u3068\u8131\u7dda\u3057\u3066\u5834\u306e\u7a7a\u6c17\u3092\u548c\u307e\u305b\u3088\u3046\u3068\u3059\u308b\", b: \"\u300c\u672c\u6765\u306e\u76ee\u7684\u306f\u3053\u308c\u3060\u3088\u306d\u300d\u3068\u8ecc\u9053\u4fee\u6b63\u3057\u3066\u3001\u65e9\u304f\u7d50\u8ad6\u3092\u51fa\u305d\u3046\u3068\u3059\u308b\" },\r\n        { cat: \"socio_role\", axis: \"A_G\", scene: \"\u30b0\u30eb\u30fc\u30d7\u306b\u8ca2\u732e\u3057\u3066\u3044\u308b\u3053\u3068\u306f\uff1f\", a: \"\u7f8e\u5473\u3057\u3044\u304a\u5e97\u3092\u898b\u3064\u3051\u305f\u308a\u3001\u307f\u3093\u306a\u304c\u30ea\u30e9\u30c3\u30af\u30b9\u3067\u304d\u308b\u5c45\u5fc3\u5730\u306e\u826f\u3055\u3092\u63d0\u4f9b\u3059\u308b\", b: \"\u7121\u99c4\u306a\u4f5c\u696d\u3092\u7701\u304d\u3001\u307f\u3093\u306a\u304c\u4e00\u756a\u52b9\u7387\u3088\u304f\u52d5\u3051\u308b\u305f\u3081\u306e\u4ed5\u7d44\u307f\u3092\u4f5c\u308b\" },\r\n        { cat: \"socio_role\", axis: \"B_D\", scene: \"\u30c1\u30fc\u30e0\u306e\u58eb\u6c17\u304c\u4e0b\u304c\u3063\u305f\u6642\u306f\uff1f\", a: \"\u300c\u4ffa\u305f\u3061\u306a\u3089\u3084\u308c\u308b\uff01\u300d\u3068\u71b1\u3044\u8a00\u8449\u3092\u304b\u3051\u3066\u3001\u30e1\u30f3\u30d0\u30fc\u306e\u611f\u60c5\u3092\u9f13\u821e\u3059\u308b\", b: \"\u4f55\u3082\u8a00\u308f\u305a\u3001\u81ea\u5206\u304c\u9ed9\u3005\u3068\u4f5c\u696d\u3092\u9032\u3081\u308b\u3053\u3068\u3067\u300c\u80cc\u4e2d\u3067\u898b\u305b\u308b\u300d\" },\r\n        { cat: \"socio_role\", axis: \"B_D\", scene: \"\u3069\u3093\u306a\u76ee\u6a19\u3092\u63b2\u3052\u308b\u30bf\u30a4\u30d7\uff1f\", a: \"\u300c\u696d\u754c\u30ca\u30f3\u30d0\u30fc\u30ef\u30f3\u306b\u306a\u308b\uff01\u300d\u306e\u3088\u3046\u306a\u3001\u5927\u304d\u304f\u3066\u71b1\u3044\u30d3\u30b8\u30e7\u30f3\u3092\u63b2\u3052\u308b\", b: \"\u300c\u307e\u305a\u306f\u4eca\u6708\u306e\u3053\u306e\u6570\u5b57\u3092\u30af\u30ea\u30a2\u3057\u3088\u3046\u300d\u3068\u3001\u5730\u306b\u8db3\u306e\u3064\u3044\u305f\u76ee\u6a19\u3092\u63b2\u3052\u308b\" },\r\n        { cat: \"socio_role\", axis: \"B_D\", scene: \"\u4eba\u3092\u307e\u3068\u3081\u308b\u6642\u306e\u30b9\u30bf\u30a4\u30eb\u306f\uff1f\", a: \"\u5f37\u3044\u30ea\u30fc\u30c0\u30fc\u30b7\u30c3\u30d7\u3067\u3001\u5168\u54e1\u3092\u540c\u3058\u65b9\u5411\u3078\u4e00\u6c17\u306b\u5f15\u3063\u5f35\u3063\u3066\u3044\u304f\", b: \"\u500b\u4eba\u306e\u3084\u308a\u65b9\u3092\u5c0a\u91cd\u3057\u3001\u7121\u7406\u306b\u307e\u3068\u3081\u305a\u305d\u308c\u305e\u308c\u306e\u30da\u30fc\u30b9\u306b\u4efb\u305b\u308b\" },\r\n        { cat: \"socio_role\", axis: \"EP_IJ\", scene: \"\u884c\u304d\u8a70\u307e\u3063\u305f\u6642\u306e\u7a81\u7834\u53e3\u306f\uff1f\", a: \"\u5e38\u8b58\u7834\u308a\u3067\u7a81\u98db\u306a\u30a2\u30a4\u30c7\u30a2\u3092\u51fa\u3057\u3066\u3001\u7121\u7406\u3084\u308a\u72b6\u6cc1\u3092\u6253\u7834\u3059\u308b\", b: \"\u51b7\u9759\u306b\u57fa\u672c\u306b\u7acb\u3061\u8fd4\u308a\u3001\u898b\u843d\u3068\u3057\u3066\u3044\u305f\u30eb\u30fc\u30eb\u3084\u539f\u56e0\u3092\u898b\u3064\u3051\u51fa\u3059\" },\r\n        { cat: \"socio_role\", axis: \"EP_IJ\", scene: \"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u306e\u884c\u52d5\u30d1\u30bf\u30fc\u30f3\u306f\uff1f\", a: \"\u9762\u767d\u305d\u3046\u306a\u3053\u3068\u306b\u6b21\u3005\u3068\u624b\u3092\u51fa\u3057\u3066\u3001\u8a71\u3092\u5e83\u3052\u308b\u3060\u3051\u5e83\u3052\u308b\uff08\u7740\u60f3\u5f79\uff09\", b: \"\u5e83\u304c\u3063\u305f\u8a71\u3092\u7dba\u9e97\u306b\u6574\u7406\u3057\u3066\u3001\u6700\u5f8c\u307e\u3067\u30ad\u30c3\u30c1\u30ea\u7d42\u308f\u3089\u305b\u308b\uff08\u5b8c\u4e86\u5f79\uff09\" },\r\n        { cat: \"socio_role\", axis: \"EP_IJ\", scene: \"\u60c5\u5831\u53ce\u96c6\u306e\u30b9\u30bf\u30a4\u30eb\u306f\uff1f\", a: \"\u5916\u306e\u4e16\u754c\u306b\u98db\u3073\u51fa\u3057\u3066\u3001\u65b0\u3057\u3044\u60c5\u5831\u3084\u4eba\u8108\u3092\u3069\u3093\u3069\u3093\u62fe\u3063\u3066\u304f\u308b\", b: \"\u5185\u90e8\u306e\u60c5\u5831\u3092\u3057\u3063\u304b\u308a\u5b88\u308a\u3001\u4eca\u3042\u308b\u7e4b\u304c\u308a\u3084\u30ea\u30bd\u30fc\u30b9\u3092\u3088\u308a\u5f37\u56fa\u306b\u3059\u308b\" },\r\n        { cat: \"socio_role\", axis: \"EJ_IP\", scene: \"\u30bf\u30b9\u30af\u306e\u9032\u3081\u65b9\u306f\uff1f\", a: \"\u300c\u3044\u3064\u307e\u3067\u306b\u8ab0\u304c\u3084\u308b\u304b\u300d\u3092\u660e\u78ba\u306b\u3057\u3066\u3001\u5168\u54e1\u306e\u9032\u6357\u3092\u7ba1\u7406\u3057\u305f\u304c\u308b\", b: \"\u4eba\u306b\u7ba1\u7406\u3055\u308c\u308b\u306e\u3082\u3059\u308b\u306e\u3082\u5acc\u3002\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u52dd\u624b\u306b\u9032\u3081\u305f\u3044\" },\r\n        { cat: \"socio_role\", axis: \"EJ_IP\", scene: \"\u8a71\u3057\u5408\u3044\u3067\u306e\u7acb\u3061\u4f4d\u7f6e\u306f\uff1f\", a: \"\u81ea\u5206\u304b\u3089\u7a4d\u6975\u7684\u306b\u767a\u8a00\u3057\u3001\u610f\u898b\u3092\u307e\u3068\u3081\u3066\u7d50\u8ad6\u3078\u3068\u30ea\u30fc\u30c9\u3057\u3066\u3044\u304f\", b: \"\u57fa\u672c\u306f\u805e\u304d\u5f79\u306b\u56de\u308a\u3001\u805e\u304b\u308c\u305f\u6642\u3060\u3051\u6838\u5fc3\u3092\u7a81\u304f\u3088\u3046\u306a\u92ed\u3044\u610f\u898b\u3092\u8a00\u3046\" },\r\n        { cat: \"socio_role\", axis: \"EJ_IP\", scene: \"\u30c1\u30fc\u30e0\u3078\u306e\u6c17\u914d\u308a\u306f\uff1f\", a: \"\u307f\u3093\u306a\u306e\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3\u3092\u4e0a\u3052\u308b\u305f\u3081\u3001\u7a4d\u6975\u7684\u306b\u81ea\u5206\u304b\u3089\u58f0\u3092\u304b\u3051\u308b\", b: \"\u5fc5\u8981\u4ee5\u4e0a\u306e\u304a\u558b\u308a\u306f\u305b\u305a\u3001\u81ea\u5206\u306e\u4ed5\u4e8b\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u3092\u9ad8\u3081\u308b\u3053\u3068\u3067\u8ca2\u732e\u3059\u308b\" },\r\n\r\n        \/\/ ==== socio_rel ====\r\n        { cat: \"socio_rel\", axis: \"A_G\", scene: \"\u4e0a\u53f8\u306b\u6c42\u3081\u308b\u3053\u3068\u306f\uff1f\", a: \"\u96a0\u3057\u4e8b\u304c\u306a\u304f\u3001\u306a\u3093\u3067\u3082\u6c17\u8efd\u306b\u76f8\u8ac7\u3067\u304d\u308b\u30aa\u30fc\u30d7\u30f3\u3067\u512a\u3057\u3044\u4eba\u67c4\", b: \"\u3068\u306b\u304b\u304f\u6709\u80fd\u3067\u3001\u81ea\u5206\u3092\u6b63\u5f53\u306b\u8a55\u4fa1\u3057\u3066\u5f15\u304d\u4e0a\u3052\u3066\u304f\u308c\u308b\u529b\u5f37\u3055\" },\r\n        { cat: \"socio_rel\", axis: \"A_G\", scene: \"\u610f\u898b\u304c\u5bfe\u7acb\u3057\u305f\u6642\u306e\u89e3\u6c7a\u6cd5\u306f\uff1f\", a: \"\u304a\u4e92\u3044\u306b\u3058\u3063\u304f\u308a\u8a71\u3057\u5408\u3044\u3001\u5e73\u548c\u7684\u306b\u59a5\u5354\u70b9\u3092\u898b\u3064\u3051\u305f\u3044\", b: \"\u3042\u308b\u7a0b\u5ea6\u3076\u3064\u304b\u308a\u5408\u3063\u3066\u3067\u3082\u3001\u5b9f\u529b\u3084\u8ad6\u7406\u3067\u767d\u9ed2\u30cf\u30c3\u30ad\u30ea\u3064\u3051\u305f\u3044\" },\r\n        { cat: \"socio_rel\", axis: \"A_G\", scene: \"\u540c\u50da\u3068\u306e\u8ddd\u96e2\u611f\u306f\uff1f\", a: \"\u8da3\u5473\u306e\u8a71\u3067\u76db\u308a\u4e0a\u304c\u3063\u305f\u308a\u3001\u4f11\u65e5\u306b\u4e00\u7dd2\u306b\u904a\u3076\u304f\u3089\u3044\u4ef2\u826f\u304f\u306a\u308a\u305f\u3044\", b: \"\u4ed5\u4e8b\u306f\u4ed5\u4e8b\u3002\u8077\u5834\u306e\u4eba\u3068\u306f\u30d3\u30b8\u30cd\u30b9\u30e9\u30a4\u30af\u3067\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\u3067\u3044\u3044\" },\r\n        { cat: \"socio_rel\", axis: \"B_D\", scene: \"\u7d44\u7e54\u306e\u30eb\u30fc\u30eb\u306b\u3064\u3044\u3066\u306f\uff1f\", a: \"\u7d44\u7e54\u306e\u5927\u304d\u306a\u76ee\u7684\u306e\u305f\u3081\u306a\u3089\u3001\u500b\u4eba\u306e\u30ef\u30ac\u30de\u30de\u306f\u6291\u3048\u308b\u3079\u304d\u3060\u3068\u601d\u3046\", b: \"\u3069\u3093\u306a\u7406\u7531\u304c\u3042\u3063\u3066\u3082\u3001\u500b\u4eba\u306e\u6a29\u5229\u3084\u81ea\u7531\u306a\u4fa1\u5024\u89b3\u306f\u5b88\u3089\u308c\u308b\u3079\u304d\u3060\u3068\u601d\u3046\" },\r\n        { cat: \"socio_rel\", axis: \"B_D\", scene: \"\u60f9\u304b\u308c\u308b\u4eba\u9593\u95a2\u4fc2\u306f\uff1f\", a: \"\u6642\u306b\u306f\u6fc0\u3057\u304f\u611f\u60c5\u3092\u3076\u3064\u3051\u5408\u3046\u3088\u3046\u306a\u3001\u71b1\u304f\u3066\u30c9\u30e9\u30de\u30c1\u30c3\u30af\u306a\u95a2\u4fc2\", b: \"\u611f\u60c5\u7684\u306b\u306a\u3089\u305a\u3001\u7a4f\u3084\u304b\u3067\u5927\u4eba\u306a\u8ddd\u96e2\u611f\u3092\u4fdd\u3066\u308b\u843d\u3061\u7740\u3044\u305f\u95a2\u4fc2\" },\r\n        { cat: \"socio_rel\", axis: \"B_D\", scene: \"\u8a55\u4fa1\u3055\u308c\u308b\u3079\u304d\u30dd\u30a4\u30f3\u30c8\u306f\uff1f\", a: \"\u300c\u3069\u308c\u3060\u3051\u6c17\u5408\u304c\u5165\u3063\u3066\u3044\u308b\u304b\u300d\u300c\u7d44\u7e54\u3078\u306e\u5fe0\u8aa0\u5fc3\u304c\u3042\u308b\u304b\u300d\", b: \"\u300c\u3069\u308c\u3060\u3051\u9ad8\u3044\u5c02\u9580\u30b9\u30ad\u30eb\u3092\u6301\u3063\u3066\u3044\u308b\u304b\u300d\u300c\u5b9f\u52d9\u304c\u6b63\u78ba\u304b\u300d\" },\r\n        { cat: \"socio_rel\", axis: \"EP_IJ\", scene: \"\u521d\u5bfe\u9762\u306e\u4eba\u3068\u306e\u63a5\u3057\u65b9\u306f\uff1f\", a: \"\u76f8\u624b\u306e\u80a9\u66f8\u304d\u3084\u5e74\u9f62\u3092\u6c17\u306b\u305b\u305a\u3001\u8ab0\u3068\u3067\u3082\u30d5\u30e9\u30f3\u30af\u306b\u30bf\u30e1\u53e3\u3067\u8a71\u305b\u308b\", b: \"\u76f8\u624b\u306e\u7acb\u5834\u3092\u91cd\u3093\u3058\u3001\u6700\u521d\u306f\u793c\u5100\u6b63\u3057\u304f\u4e01\u5be7\u306a\u8a00\u8449\u9063\u3044\u3067\u63a5\u3059\u308b\" },\r\n        { cat: \"socio_rel\", axis: \"EP_IJ\", scene: \"\u4eba\u9593\u95a2\u4fc2\u306e\u30c8\u30e9\u30d6\u30eb\u4e88\u9632\u306f\uff1f\", a: \"\u300c\u307e\u3042\u6012\u3089\u305b\u305f\u3089\u305d\u306e\u6642\u8003\u3048\u3088\u3046\u300d\u3068\u697d\u89b3\u7684\u306b\u69cb\u3048\u3001\u7279\u306b\u4f55\u3082\u3057\u306a\u3044\", b: \"\u300c\u3053\u3053\u307e\u3067\u306fOK\u3001\u3053\u3053\u304b\u3089\u306fNG\u300d\u3068\u3044\u3046\u5883\u754c\u7dda\u3092\u6700\u521d\u304b\u3089\u660e\u78ba\u306b\u3057\u3066\u304a\u304f\" },\r\n        { cat: \"socio_rel\", axis: \"EP_IJ\", scene: \"\u53cb\u9054\u30fb\u4eba\u8108\u306e\u4f5c\u308a\u65b9\u306f\uff1f\", a: \"\u51fa\u4f1a\u3063\u305f\u305d\u306e\u65e5\u306b\u610f\u6c17\u6295\u5408\u3057\u3066\u3001\u5e83\u304f\u6d45\u3044\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u3059\u3050\u4f5c\u308b\", b: \"\u6642\u9593\u3092\u304b\u3051\u3066\u76f8\u624b\u3092\u89b3\u5bdf\u3057\u3001\u672c\u5f53\u306b\u4fe1\u983c\u3067\u304d\u308b\u5c11\u6570\u306e\u4eba\u3068\u3060\u3051\u6df1\u304f\u7e4b\u304c\u308b\" },\r\n        { cat: \"socio_rel\", axis: \"EJ_IP\", scene: \"\u4ed6\u4eba\u306e\u3084\u308a\u65b9\u304c\u6c17\u306b\u306a\u3063\u305f\u6642\u306f\uff1f\", a: \"\u300c\u3082\u3063\u3068\u3053\u3046\u3059\u308c\u3070\u3044\u3044\u306e\u306b\u300d\u3068\u3001\u3064\u3044\u53e3\u51fa\u3057\u3057\u3066\u6307\u5c0e\u3057\u305f\u304f\u306a\u308b\", b: \"\u300c\u4eba\u306f\u4eba\u3001\u81ea\u5206\u306f\u81ea\u5206\u300d\u3068\u5272\u308a\u5207\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u4e00\u5207\u5e72\u6e09\u3057\u306a\u3044\" },\r\n        { cat: \"socio_rel\", axis: \"EJ_IP\", scene: \"\u98f2\u307f\u4f1a\u3067\u306e\u30dd\u30b8\u30b7\u30e7\u30f3\u306f\uff1f\", a: \"\u8f2a\u306e\u4e2d\u5fc3\u306b\u9663\u53d6\u3063\u3066\u3001\u81ea\u5206\u304b\u3089\u8a71\u984c\u3092\u632f\u3063\u3066\u5168\u4f53\u3092\u56de\u3059\u3053\u3068\u304c\u591a\u3044\", b: \"\u8f2a\u306e\u7aef\u3063\u3053\u306b\u5ea7\u3063\u3066\u3001\u307f\u3093\u306a\u306e\u69d8\u5b50\u3092\u89b3\u5bdf\u3057\u306a\u304c\u3089\u9759\u304b\u306b\u76f8\u69cc\u3092\u6253\u3064\" },\r\n        { cat: \"socio_rel\", axis: \"EJ_IP\", scene: \"\u8077\u5834\u306e\u7a7a\u6c17\u304c\u60aa\u304f\u306a\u3063\u305f\u6642\u306f\uff1f\", a: \"\u81ea\u5206\u304b\u3089\u7a4d\u6975\u7684\u306b\u8a71\u3057\u304b\u3051\u305f\u308a\u3001\u30d5\u30a9\u30ed\u30fc\u306b\u5165\u3063\u3066\u7a7a\u6c17\u3092\u6539\u5584\u3057\u3088\u3046\u3068\u3059\u308b\", b: \"\u9762\u5012\u306a\u3053\u3068\u306b\u306f\u5dfb\u304d\u8fbc\u307e\u308c\u305f\u304f\u306a\u3044\u306e\u3067\u3001\u30b9\u30c3\u3068\u6c17\u914d\u3092\u6d88\u3057\u3066\u8eab\u3092\u5f15\u304f\" }\r\n    ];\r\n\r\n    let qData = [];\r\n    const QUESTIONS_PER_PAGE = 6;\r\n    let totalPages = 0;\r\n    let currentPage = 0;\r\n    let answers = {}; \r\n    let userName = \"\u3042\u306a\u305f\";\r\n\r\n    function shuffleArray(array) {\r\n        for (let i = array.length - 1; i > 0; i--) {\r\n            const j = Math.floor(Math.random() * (i + 1));\r\n            [array[i], array[j]] = [array[j], array[i]];\r\n        }\r\n    }\r\n\r\n    function startTest() {\r\n        const inputName = document.getElementById('userNameInput').value.trim();\r\n        if (inputName !== \"\") {\r\n            userName = inputName;\r\n        }\r\n\r\n        document.getElementById('startScreen').classList.remove('active');\r\n        document.getElementById('testArea').style.display = 'block';\r\n\r\n        qData = [...rawData];\r\n        shuffleArray(qData);\r\n        totalPages = Math.ceil(qData.length \/ QUESTIONS_PER_PAGE);\r\n\r\n        initPages();\r\n    }\r\n\r\n    function initPages() {\r\n        const pagesContainer = document.getElementById('pagesContainer');\r\n        pagesContainer.innerHTML = '';\r\n\r\n        for (let p = 0; p < totalPages; p++) {\r\n            const pageDiv = document.createElement('div');\r\n            pageDiv.className = `page-st ${p === 0 ? 'active' : ''}`;\r\n            pageDiv.id = `page-${p}`;\r\n            \r\n            const startIdx = p * QUESTIONS_PER_PAGE;\r\n            const endIdx = Math.min(startIdx + QUESTIONS_PER_PAGE, qData.length);\r\n\r\n            for (let i = startIdx; i < endIdx; i++) {\r\n                const q = qData[i];\r\n                const block = document.createElement('div');\r\n                block.className = 'question-block';\r\n                block.id = `qblock_${i}`;\r\n                block.innerHTML = `\r\n                    <div class=\"scene-wrap\"><div class=\"scene-text\">${q.scene}<\/div><\/div>\r\n                    <div class=\"statements-mobile\">\r\n                        <div class=\"stmt-text a-text\">A: ${q.a}<\/div>\r\n                        <div class=\"stmt-text b-text\">B: ${q.b}<\/div>\r\n                    <\/div>\r\n                    <div class=\"scale-area\">\r\n                        <div class=\"mobile-labels\">\r\n                            <span style=\"color:#059669;\">A\u306b\u8fd1\u3044<\/span>\r\n                            <span style=\"color:#d97706;\">B\u306b\u8fd1\u3044<\/span>\r\n                        <\/div>\r\n                        <div class=\"scale-options\">\r\n                            <label class=\"scale-btn agree\" data-label=\"\u3053\u3063\u3061\"><input type=\"radio\" name=\"q${i}\" value=\"3\" onclick=\"recordAnswer(${i}, 3)\"><div class=\"circle size-3\"><\/div><\/label>\r\n                            <label class=\"scale-btn agree\" data-label=\"\u6bd4\u8f03\u7684\"><input type=\"radio\" name=\"q${i}\" value=\"2\" onclick=\"recordAnswer(${i}, 2)\"><div class=\"circle size-2\"><\/div><\/label>\r\n                            <label class=\"scale-btn agree\" data-label=\"\u305f\u3076\u3093\"><input type=\"radio\" name=\"q${i}\" value=\"1\" onclick=\"recordAnswer(${i}, 1)\"><div class=\"circle size-1\"><\/div><\/label>\r\n                            <label class=\"scale-btn neutral\" data-label=\"\uff1f\"><input type=\"radio\" name=\"q${i}\" value=\"0\" onclick=\"recordAnswer(${i}, 0)\"><div class=\"circle size-0\"><\/div><\/label>\r\n                            <label class=\"scale-btn disagree\" data-label=\"\u305f\u3076\u3093\"><input type=\"radio\" name=\"q${i}\" value=\"-1\" onclick=\"recordAnswer(${i}, -1)\"><div class=\"circle size-1\"><\/div><\/label>\r\n                            <label class=\"scale-btn disagree\" data-label=\"\u6bd4\u8f03\u7684\"><input type=\"radio\" name=\"q${i}\" value=\"-2\" onclick=\"recordAnswer(${i}, -2)\"><div class=\"circle size-2\"><\/div><\/label>\r\n                            <label class=\"scale-btn disagree\" data-label=\"\u3053\u3063\u3061\"><input type=\"radio\" name=\"q${i}\" value=\"-3\" onclick=\"recordAnswer(${i}, -3)\"><div class=\"circle size-3\"><\/div><\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                pageDiv.appendChild(block);\r\n            }\r\n            pagesContainer.appendChild(pageDiv);\r\n        }\r\n        updateUI();\r\n    }\r\n\r\n    function recordAnswer(qIndex, score) {\r\n        answers[qIndex] = score;\r\n        checkPageCompletion();\r\n\r\n        setTimeout(() => {\r\n            const startIdx = currentPage * QUESTIONS_PER_PAGE;\r\n            const endIdx = Math.min(startIdx + QUESTIONS_PER_PAGE, qData.length);\r\n            \r\n            let nextUnanswered = -1;\r\n            for (let i = qIndex + 1; i < endIdx; i++) {\r\n                if (answers[i] === undefined) {\r\n                    nextUnanswered = i;\r\n                    break;\r\n                }\r\n            }\r\n            \r\n            if (nextUnanswered === -1) {\r\n                for (let i = startIdx; i < qIndex; i++) {\r\n                    if (answers[i] === undefined) {\r\n                        nextUnanswered = i;\r\n                        break;\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (nextUnanswered !== -1) {\r\n                const targetBlock = document.getElementById(`qblock_${nextUnanswered}`);\r\n                if (targetBlock) {\r\n                    targetBlock.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                }\r\n            } else {\r\n                if (currentPage < totalPages - 1) {\r\n                    nextPage();\r\n                } else {\r\n                    showResults();\r\n                }\r\n            }\r\n        }, 300);\r\n    }\r\n\r\n    function checkPageCompletion() {\r\n        const startIdx = currentPage * QUESTIONS_PER_PAGE;\r\n        const endIdx = Math.min(startIdx + QUESTIONS_PER_PAGE, qData.length);\r\n        let allAnswered = true;\r\n        for (let i = startIdx; i < endIdx; i++) {\r\n            if (answers[i] === undefined) {\r\n                allAnswered = false;\r\n                break;\r\n            }\r\n        }\r\n        document.getElementById('nextBtn').disabled = !allAnswered;\r\n    }\r\n\r\n    function nextPage() {\r\n        if (currentPage < totalPages - 1) {\r\n            document.getElementById(`page-${currentPage}`).classList.remove('active');\r\n            currentPage++;\r\n            document.getElementById(`page-${currentPage}`).classList.add('active');\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n            updateUI();\r\n        } else {\r\n            showResults();\r\n        }\r\n    }\r\n\r\n    function updateUI() {\r\n        const progress = ((currentPage) \/ totalPages) * 100;\r\n        document.getElementById('progress').style.width = progress + '%';\r\n        \r\n        const btn = document.getElementById('nextBtn');\r\n        if (currentPage === totalPages - 1) {\r\n            btn.textContent = \"\u7d50\u679c\u3092\u898b\u308b\";\r\n        } else {\r\n            btn.textContent = \"\u6b21\u3078\u9032\u3080\";\r\n        }\r\n        checkPageCompletion();\r\n    }\r\n\r\n    \/\/ --- \u8a08\u7b97\u30ed\u30b8\u30c3\u30af ---\r\n    function calc16Type(cat) {\r\n        let s = { E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0 };\r\n        for (let i = 0; i < qData.length; i++) {\r\n            if ((cat === 'all' && qData[i].cat.startsWith('16_')) || qData[i].cat === cat) {\r\n                const score = answers[i] || 0;\r\n                const axis = qData[i].axis; \r\n                const leftTrait = axis.split('_')[0];\r\n                const rightTrait = axis.split('_')[1];\r\n                if (score > 0) s[leftTrait] += score;\r\n                else if (score < 0) s[rightTrait] += Math.abs(score);\r\n            }\r\n        }\r\n        let type = \"\";\r\n        type += s.E >= s.I ? \"E\" : \"I\";\r\n        type += s.S >= s.N ? \"S\" : \"N\";\r\n        type += s.T >= s.F ? \"T\" : \"F\";\r\n        type += s.J >= s.P ? \"J\" : \"P\";\r\n        return type;\r\n    }\r\n\r\n    function calcSocioType(cat) {\r\n        let s = { A: 0, G: 0, B: 0, D: 0, EP: 0, IJ: 0, EJ: 0, IP: 0 };\r\n        for (let i = 0; i < qData.length; i++) {\r\n            if ((cat === 'all' && qData[i].cat.startsWith('socio_')) || qData[i].cat === cat) {\r\n                const score = answers[i] || 0;\r\n                const axis = qData[i].axis; \r\n                const leftTrait = axis.split('_')[0];\r\n                const rightTrait = axis.split('_')[1];\r\n                if (score > 0) s[leftTrait] += score;\r\n                else if (score < 0) s[rightTrait] += Math.abs(score);\r\n            }\r\n        }\r\n\r\n        let quadra = 'alpha';\r\n        let qMax = -1;\r\n        const qScores = { 'alpha': s.A, 'gamma': s.G, 'beta': s.B, 'delta': s.D };\r\n        for (let q in qScores) {\r\n            if (qScores[q] > qMax) { qMax = qScores[q]; quadra = q; }\r\n        }\r\n\r\n        let temp = 'EP';\r\n        let tMax = -1;\r\n        const tScores = { 'EP': s.EP, 'IJ': s.IJ, 'EJ': s.EJ, 'IP': s.IP };\r\n        for (let t in tScores) {\r\n            if (tScores[t] > tMax) { tMax = tScores[t]; temp = t; }\r\n        }\r\n\r\n        const map = {\r\n            'alpha': { 'EP': 'ILE (ENTp)', 'IJ': 'SEI (ISFp)', 'EJ': 'ESE (ESFj)', 'IP': 'LII (INTj)' },\r\n            'beta':  { 'EP': 'SLE (ESTp)', 'IJ': 'IEI (INFp)', 'EJ': 'EIE (ENFj)', 'IP': 'LSI (ISTj)' },\r\n            'gamma': { 'EP': 'SEE (ESFp)', 'IJ': 'ILI (INTp)', 'EJ': 'LIE (ENTj)', 'IP': 'ESI (ISFj)' },\r\n            'delta': { 'EP': 'IEE (ENFp)', 'IJ': 'SLI (ISTp)', 'EJ': 'LSE (ESTj)', 'IP': 'EII (INFj)' }\r\n        };\r\n        return map[quadra][temp];\r\n    }\r\n\r\n    function showResults() {\r\n        document.getElementById('pagesContainer').style.display = 'none';\r\n        document.getElementById('navContainer').style.display = 'none';\r\n        document.getElementById('progress').style.width = '100%';\r\n        document.getElementById('resultTitle').textContent = `${userName}\u3055\u3093\u306e\u7dcf\u5408\u5206\u6790\u7d50\u679c`;\r\n\r\n        const overall16 = calc16Type('all');\r\n        const t16w = calc16Type('16_work');\r\n        const t16l = calc16Type('16_love');\r\n        const t16b = calc16Type('16_biz');\r\n\r\n        document.getElementById('res-overall-16').textContent = overall16;\r\n        document.getElementById('res-16-work').textContent = t16w;\r\n        document.getElementById('res-16-love').textContent = t16l;\r\n        document.getElementById('res-16-biz').textContent = t16b;\r\n        \r\n        document.getElementById('link-16type').href = `https:\/\/seikaku-type.com\/16types\/${overall16.toLowerCase()}`;\r\n        document.getElementById('link-16-work').href = `https:\/\/seikaku-type.com\/16types\/${t16w.toLowerCase()}`;\r\n        document.getElementById('link-16-love').href = `https:\/\/seikaku-type.com\/16types\/${t16l.toLowerCase()}`;\r\n        document.getElementById('link-16-biz').href = `https:\/\/seikaku-type.com\/16types\/${t16b.toLowerCase()}`;\r\n\r\n        const overallSocio = calcSocioType('all');\r\n        const tsc = calcSocioType('socio_career');\r\n        const tsro = calcSocioType('socio_role');\r\n        const tsre = calcSocioType('socio_rel');\r\n\r\n        \/\/ \u30bd\u30b7\u30aa\u30cb\u30af\u30b9\u306e\u300c(ENTj)\u300d\u90e8\u5206\u3092\u5c0f\u3055\u304f\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u95a2\u6570\r\n        function formatSocio(str) {\r\n            return str.replace(\/\\s*\\((.*?)\\)\/, '<span class=\"small-type\">($1)<\/span>');\r\n        }\r\n\r\n        document.getElementById('res-overall-socio').innerHTML = formatSocio(overallSocio);\r\n        document.getElementById('res-socio-career').innerHTML = formatSocio(tsc);\r\n        document.getElementById('res-socio-role').innerHTML = formatSocio(tsro);\r\n        document.getElementById('res-socio-rel').innerHTML = formatSocio(tsre);\r\n        \r\n        const socioCode = overallSocio.split(' ')[0].toLowerCase();\r\n        document.getElementById('link-socio').href = `https:\/\/seikaku-type.com\/socionics-labo\/${socioCode}`;\r\n        document.getElementById('link-socio-career').href = `https:\/\/seikaku-type.com\/socionics-labo\/${tsc.split(' ')[0].toLowerCase()}`;\r\n        document.getElementById('link-socio-role').href = `https:\/\/seikaku-type.com\/socionics-labo\/${tsro.split(' ')[0].toLowerCase()}`;\r\n        document.getElementById('link-socio-rel').href = `https:\/\/seikaku-type.com\/socionics-labo\/${tsre.split(' ')[0].toLowerCase()}`;\r\n\r\n        document.getElementById('results').classList.add('active');\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n\r\n    \/\/ --- \u30b7\u30a7\u30a2\uff06\u4fdd\u5b58\u6a5f\u80fd ---\r\n\r\n    function getShareText() {\r\n        const t16 = document.getElementById('res-overall-16').textContent;\r\n        const ts = document.getElementById('res-overall-socio').textContent;\r\n        return `${userName}\u3055\u3093\u306e\u7dcf\u5408\u8a3a\u65ad\u7d50\u679c\uff01\\n16\u6027\u683c\u30bf\u30a4\u30d7: ${t16}\\n\u30bd\u30b7\u30aa\u30cb\u30af\u30b9: ${ts}\\n#16\u30bf\u30a4\u30d7 #\u30bd\u30b7\u30aa\u30cb\u30af\u30b9 #\u6027\u683c\u8a3a\u65ad\\n`;\r\n    }\r\n\r\n    function shareX() {\r\n        const text = encodeURIComponent(getShareText());\r\n        const url = encodeURIComponent(window.location.href);\r\n        window.open(`https:\/\/twitter.com\/intent\/tweet?text=${text}&url=${url}`, '_blank');\r\n    }\r\n\r\n    function shareLINE() {\r\n        const text = encodeURIComponent(getShareText() + window.location.href);\r\n        window.open(`https:\/\/line.me\/R\/msg\/text\/?${text}`, '_blank');\r\n    }\r\n\r\n    function copyForIG() {\r\n        const text = getShareText() + window.location.href;\r\n        navigator.clipboard.writeText(text).then(() => {\r\n            alert('\u7d50\u679c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01Instagram\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30ba\u7b49\u306b\u30da\u30fc\u30b9\u30c8\u3057\u3066\u30b7\u30a7\u30a2\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\r\n        }).catch(err => {\r\n            alert('\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002');\r\n        });\r\n    }\r\n\r\n    function saveAsImage() {\r\n        const target = document.getElementById('capture-area');\r\n        \r\n        setTimeout(() => {\r\n            html2canvas(target, { scale: 2, useCORS: true, backgroundColor: '#ffffff' }).then(canvas => {\r\n                const link = document.createElement('a');\r\n                link.download = 'personality_result.jpg';\r\n                link.href = canvas.toDataURL('image\/jpeg', 0.9);\r\n                link.click();\r\n            });\r\n        }, 100);\r\n    }\r\n\r\n    function saveAsApp() {\r\n        const t16 = document.getElementById('res-overall-16').textContent;\r\n        const t16w = document.getElementById('res-16-work').textContent;\r\n        const t16l = document.getElementById('res-16-love').textContent;\r\n        const t16b = document.getElementById('res-16-biz').textContent;\r\n        \r\n        \/\/ HTML\u30bf\u30b0\uff08small-type\uff09\u3092\u542b\u3081\u305f\u72b6\u614b\u3067\u53d6\u5f97\r\n        const tsHtml = document.getElementById('res-overall-socio').innerHTML;\r\n        const tscHtml = document.getElementById('res-socio-career').innerHTML;\r\n        const tsroHtml = document.getElementById('res-socio-role').innerHTML;\r\n        const tsreHtml = document.getElementById('res-socio-rel').innerHTML;\r\n\r\n        \/\/ \u30ea\u30f3\u30af\u7528\u306b\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3082\u53d6\u5f97\r\n        const tsText = document.getElementById('res-overall-socio').textContent;\r\n        const tscText = document.getElementById('res-socio-career').textContent;\r\n        const tsroText = document.getElementById('res-socio-role').textContent;\r\n        const tsreText = document.getElementById('res-socio-rel').textContent;\r\n\r\n        const htmlContent = `\r\n<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>${userName}\u3055\u3093\u306e\u8a3a\u65ad\u7d50\u679c<\/title>\r\n<style>\r\n    body { font-family: sans-serif; background: #f8fafc; color: #334155; padding: 20px; }\r\n    .card { background: white; border-radius: 16px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\r\n    h2 { text-align: center; color: #0f172a; margin-bottom: 20px;}\r\n    h3 { color: #64748b; font-size: 1rem; text-align: center; margin-bottom: 10px;}\r\n    \r\n    .main-type { font-size: 2.8rem; font-weight: 900; text-align: center; margin-bottom: 20px; height: 100px; display: flex; flex-direction: column; justify-content: center; line-height: 1.1;}\r\n    .main-type .small-type { font-size: 1.3rem; font-weight: 700; margin-top: 5px; }\r\n    \r\n    .t16 { color: #059669; }\r\n    .ts { color: #d97706; }\r\n    \r\n    .result-detail-btn {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        background: #f8fafc;\r\n        border: 2px solid #e2e8f0;\r\n        padding: 12px 20px;\r\n        border-radius: 12px;\r\n        text-decoration: none;\r\n        color: #334155;\r\n        margin-bottom: 10px;\r\n        min-height: 76px;\r\n    }\r\n    .result-detail-btn .btn-content { display: flex; flex-direction: column; gap: 4px; }\r\n    .result-detail-btn .sub-label { font-size: 0.85rem; font-weight: 700; color: #64748b; }\r\n    .result-detail-btn .sub-value { font-size: 1.5rem; font-weight: 900; }\r\n    .sub-value .small-type { font-size: 0.95rem; font-weight: 700; margin-left: 4px; }\r\n    \r\n    .arrow-icon { font-size: 1.2rem; font-weight: 900; color: #cbd5e1; }\r\n    .t16-card .sub-value { color: #059669; }\r\n    .t16-card .arrow-icon { color: #fca5a5; }\r\n    \r\n    .ts-card .sub-value { color: #d97706; }\r\n    .ts-card .arrow-icon { color: #cbd5e1; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n    <h2>${userName}\u3055\u3093\u306e\u7dcf\u5408\u5206\u6790\u7d50\u679c<\/h2>\r\n    \r\n    <div class=\"card t16-card\">\r\n        <h3>16\u6027\u683c\u30bf\u30a4\u30d7<\/h3>\r\n        <div class=\"main-type t16\">${t16}<\/div>\r\n        <a href=\"https:\/\/seikaku-type.com\/16types\/${t16w.toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u5b66\u751f\u6642\u4ee3\u306f...<\/span><span class=\"sub-value\">${t16w}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/seikaku-type.com\/16types\/${t16l.toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u4eba\u3092\u597d\u304d\u306b\u306a\u308b\u3068...<\/span><span class=\"sub-value\">${t16l}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/seikaku-type.com\/16types\/${t16b.toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u500b\u4eba\u3067\u50cd\u304f\u306a\u3089...<\/span><span class=\"sub-value\">${t16b}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"card ts-card\">\r\n        <h3>\u30bd\u30b7\u30aa\u30cb\u30af\u30b9<\/h3>\r\n        <div class=\"main-type ts\">${tsHtml}<\/div>\r\n        <a href=\"https:\/\/seikaku-type.com\/socionics-labo\/${tscText.split('(')[0].trim().toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u4f1a\u793e\u30fb\u7d44\u7e54\u3067\u306f...<\/span><span class=\"sub-value\">${tscHtml}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/seikaku-type.com\/socionics-labo\/${tsroText.split('(')[0].trim().toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u8ca2\u732e\u3059\u308b\u3068\u304d\u306f...<\/span><span class=\"sub-value\">${tsroHtml}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/seikaku-type.com\/socionics-labo\/${tsreText.split('(')[0].trim().toLowerCase()}\" target=\"_blank\" class=\"result-detail-btn\">\r\n            <div class=\"btn-content\"><span class=\"sub-label\">\u4e00\u7dd2\u306b\u50cd\u304d\u305f\u3044\u306e\u306f...<\/span><span class=\"sub-value\">${tsreHtml}<\/span><\/div>\r\n            <span class=\"arrow-icon\">&#10095;<\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/body>\r\n<\/html>`;\r\n\r\n        const blob = new Blob([htmlContent], { type: 'text\/html' });\r\n        const url = URL.createObjectURL(blob);\r\n        const link = document.createElement('a');\r\n        link.href = url;\r\n        link.download = 'my_personality_result.html';\r\n        link.click();\r\n        URL.revokeObjectURL(url);\r\n    }\r\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading is-style-vk-heading-both_ends\"><span class=\"vk-heading__text-wrapper\">\u81ea\u5206\u306e\u30bf\u30a4\u30d7\u3068\u95a2\u4fc2\u3092\u77e5\u308b<\/span><\/h2>\n\n\n\n<p>\u672c\u8a18\u4e8b\u306fENTP\u3092\u4e2d\u5fc3\u306b\u4ed6\u306e\u90fd\u306e\u30bf\u30a4\u30d7\u306e\u95a2\u4fc2\u3092\u56f3\u89e3\u5316\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u95a2\u4fc2\u306e\u30d1\u30bf\u30fc\u30f3\u306f\u5bfe\u8c61\u304c12\u3001\u975e\u5bfe\u79f0\u304c\uff12\u00d7\uff12\u3067\u8a0816\u901a\u308a\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<!-- =========================================\r\n  16\u30bf\u30a4\u30d7\u95a2\u4fc2\u6027 \u8a18\u4e8b\u30b8\u30e3\u30f3\u30d7\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 & \u5171\u901aCTA\r\n  \uff08WordPress\u30ab\u30b9\u30bf\u30e0HTML\u30fb\u5171\u901a\u30d1\u30fc\u30c4\u7528\uff09\r\n========================================= -->\r\n<!-- FontAwesome & Google Fonts -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- \u30b8\u30e3\u30f3\u30d7\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306e\u30b9\u30bf\u30a4\u30eb --- *\/\r\n  .relation-jump-wrapper {\r\n    background: #ffffff;\r\n    padding: 24px 30px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n    border: 1px solid #e5e7eb;\r\n    font-family: \"Noto Serif JP\", serif;\r\n    margin: 32px 0 24px 0; \/* \u4e0b\u306eCTA\u3068\u306e\u9593\u9694 *\/\r\n  }\r\n  \r\n  .relation-jump-header {\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .relation-jump-header p {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #57534e;\r\n    margin: 0;\r\n  }\r\n\r\n  .relation-jump-header p.rj-note {\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    color: #9ca3af;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .relation-jump-controls {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n\r\n  .rj-control-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    flex: 1;\r\n    min-width: 120px;\r\n    max-width: 200px;\r\n  }\r\n\r\n  .rj-control-group label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: #57534e;\r\n    text-align: center;\r\n  }\r\n\r\n  .relation-jump-wrapper select {\r\n    padding: 10px 12px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    border: 2px solid #e5e7eb;\r\n    border-radius: 8px;\r\n    background: #fafafa;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    outline: none;\r\n    color: #1c1917;\r\n    text-align: center;\r\n    appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 12px center;\r\n    background-size: 14px;\r\n  }\r\n\r\n  .relation-jump-wrapper select:focus {\r\n    border-color: #c2410c;\r\n  }\r\n\r\n  .rj-cross-icon {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #9ca3af;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .rj-btn {\r\n    margin-top: 22px;\r\n    padding: 12px 24px;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: white;\r\n    background-color: #c2410c;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n    transition: background-color 0.2s, transform 0.1s;\r\n    box-shadow: 0 4px 10px rgba(194, 65, 12, 0.25);\r\n    white-space: nowrap;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .rj-btn:hover {\r\n    background-color: #9a3412;\r\n  }\r\n\r\n  .rj-btn:active {\r\n    transform: translateY(2px);\r\n  }\r\n\r\n  \/* --- \u5171\u901aCTA\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u30b9\u30bf\u30a4\u30eb --- *\/\r\n  .cta-section-st {\r\n    background: #ffffff;\r\n    padding: 32px 30px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n    border: 1px solid #e5e7eb;\r\n    font-family: \"Noto Serif JP\", serif;\r\n    margin-bottom: 32px;\r\n  }\r\n  \r\n  .cta-section-st h3 {\r\n    text-align: center;\r\n    color: #1c1917;\r\n    font-size: 1.4rem;\r\n    margin-bottom: 24px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .cta-st-block {\r\n    margin-bottom: 24px;\r\n    padding: 24px;\r\n    border-radius: 12px;\r\n    border: 1px solid #e5e7eb;\r\n  }\r\n  .cta-st-block:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* \u7121\u6599\u30a8\u30ea\u30a2\uff1a\u7dd1\u30d9\u30fc\u30b9 *\/\r\n  .cta-st-free {\r\n    border-left: 6px solid #059669;\r\n    background: #f8fafc;\r\n  }\r\n  \/* \u6709\u6599\u30a8\u30ea\u30a2\uff1a\u30b4\u30fc\u30eb\u30c9\u30d9\u30fc\u30b9 *\/\r\n  .cta-st-paid {\r\n    border-left: 6px solid #d97706;\r\n    background: #fffbeb;\r\n  }\r\n\r\n  .cta-st-block h4 {\r\n    font-size: 1.2rem;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-weight: 900;\r\n  }\r\n  .cta-st-free h4 { color: #059669; }\r\n  .cta-st-paid h4 { color: #d97706; }\r\n  \r\n  .cta-st-links {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n  \r\n  .btn-cta-st {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    padding: 16px 24px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    transition: all 0.2s ease;\r\n    font-size: 1rem;\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* \u7121\u6599\u30dc\u30bf\u30f3\uff1a\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3 *\/\r\n  .btn-cta-st-free {\r\n    background: #ffffff;\r\n    color: #059669;\r\n    border: 2px solid #059669;\r\n  }\r\n  .btn-cta-st-free:hover {\r\n    background: rgba(5, 150, 105, 0.05);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 10px rgba(5, 150, 105, 0.1);\r\n  }\r\n\r\n  \/* \u6709\u6599\u30dc\u30bf\u30f3\uff1a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u5857\u308a\u3064\u3076\u3057 *\/\r\n  .btn-cta-st-paid {\r\n    background: linear-gradient(135deg, #f59e0b, #d97706);\r\n    color: #ffffff;\r\n    border: none;\r\n    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.25);\r\n  }\r\n  .btn-cta-st-paid:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(217, 119, 6, 0.35);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .btn-cta-st i {\r\n    font-size: 1.1rem;\r\n    transition: transform 0.2s;\r\n  }\r\n  .btn-cta-st:hover i {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\r\n  @media (max-width: 600px) {\r\n    .relation-jump-wrapper { padding: 20px 16px; }\r\n    .relation-jump-controls { gap: 12px; }\r\n    .rj-control-group { max-width: none; min-width: 35%; }\r\n    .rj-cross-icon { margin-top: 24px; }\r\n    .rj-btn { width: 100%; margin-top: 12px; }\r\n    \r\n    .cta-section-st { padding: 24px 16px; }\r\n    .cta-st-block { padding: 20px 16px; }\r\n    .btn-cta-st { padding: 14px 20px; font-size: 0.95rem; }\r\n  }\r\n<\/style>\r\n\r\n<!-- 1. \u8a18\u4e8b\u30b8\u30e3\u30f3\u30d7\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 -->\r\n<div class=\"relation-jump-wrapper\" id=\"relation-jump-app\">\r\n  <div class=\"relation-jump-header\">\r\n    <p>2\u3064\u306e\u30bf\u30a4\u30d7\u3092\u9078\u3093\u3067\u95a2\u4fc2\u6027\u306e\u8a18\u4e8b\u3078<\/p>\r\n    <p class=\"rj-note\">\u203b\u30ea\u30f3\u30af\u5148\u306e\u8a18\u4e8b\u306f\u300cENTP\u300d\u3092\u8996\u70b9\uff08\u81ea\u5206\uff09\u306e\u30e2\u30c7\u30eb\u3068\u3057\u3066\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n  <\/div>\r\n  <div class=\"relation-jump-controls\">\r\n    <div class=\"rj-control-group\">\r\n      <label>\u30bf\u30a4\u30d7A<\/label>\r\n      <select id=\"rj-sel-me\"><\/select>\r\n    <\/div>\r\n    <div class=\"rj-cross-icon\">\u00d7<\/div>\r\n    <div class=\"rj-control-group\">\r\n      <label>\u30bf\u30a4\u30d7B<\/label>\r\n      <select id=\"rj-sel-partner\"><\/select>\r\n    <\/div>\r\n    <button id=\"rj-btn-go\" class=\"rj-btn\">\u8a18\u4e8b\u3092\u8aad\u3080<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 2. \u5171\u901aCTA\u30bb\u30af\u30b7\u30e7\u30f3 -->\r\n<div class=\"cta-section-st\">\r\n  <h3>\u3055\u3089\u306b\u6df1\u304f\u81ea\u5206\u3068\u95a2\u4fc2\u6027\u3092\u77e5\u308b<\/h3>\r\n  \r\n  <!-- \u7121\u6599\u30a8\u30ea\u30a2 -->\r\n  <div class=\"cta-st-block cta-st-free\">\r\n    <h4><i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i> \u7121\u6599\u3067\u6df1\u3081\u308b<\/h4>\r\n    <div class=\"cta-st-links\">\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/total-shindan\/\" class=\"btn-cta-st btn-cta-st-free\" target=\"_blank\">\r\n        <span>16\u30bf\u30a4\u30d7\u00d7\u30bd\u30b7\u30aa\u30cb\u30af\u30b9\u7dcf\u5408\u8a3a\u65ad<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/kankei-shindan\/\" class=\"btn-cta-st btn-cta-st-free\" target=\"_blank\">\r\n        <span>16\u30bf\u30a4\u30d7\u81ea\u5df1\u00d7\u4ed6\u8005\u00d7\u95a2\u4fc2\u8a3a\u65ad<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/cognitive-functions\/\" class=\"btn-cta-st btn-cta-st-free\" target=\"_blank\">\r\n        <span>\u30e6\u30f3\u30b0\u306e\uff18\u3064\u306e\u5fc3\u7406\u6a5f\u80fd\u89e3\u8aac<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u6709\u6599\u30a8\u30ea\u30a2 -->\r\n  <div class=\"cta-st-block cta-st-paid\">\r\n    <h4><i class=\"fa-solid fa-crown\" aria-hidden=\"true\"><\/i> \u6709\u6599\u3067\u6c7a\u3081\u308b<\/h4>\r\n    <div class=\"cta-st-links\">\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/session-kankei\/\" class=\"btn-cta-st btn-cta-st-paid\" target=\"_blank\">\r\n        <span>16\u30bf\u30a4\u30d7\u306e\u500b\u4eba\u30bb\u30c3\u30b7\u30e7\u30f3<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/\" class=\"btn-cta-st btn-cta-st-paid\" target=\"_blank\">\r\n        <span>\u30a8\u30cb\u30a2\u30b0\u30e9\u30e0\u7dcf\u5408\u5224\u5b9a\u30bb\u30c3\u30b7\u30e7\u30f3<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n      <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/16type-relation-ws\/\" class=\"btn-cta-st btn-cta-st-paid\" target=\"_blank\">\r\n        <span>\u30104\/25\u30fb26\u3011\u30bf\u30a4\u30d7\u95a2\u4fc2WS\uff08\u6771\u65e5\u672c\u6a4b\u958b\u50ac\uff09<\/span><i class=\"fa-solid fa-chevron-right\" aria-hidden=\"true\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u30b8\u30e3\u30f3\u30d7\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u7528\u30b9\u30af\u30ea\u30d7\u30c8 -->\r\n<script>\r\n(function() {\r\n    \/\/ 16\u30bf\u30a4\u30d7\u4e00\u89a7\r\n    const types = [\r\n        \"ESTJ\", \"ISTJ\", \"ESFJ\", \"ISFJ\",\r\n        \"ESTP\", \"ISTP\", \"ESFP\", \"ISFP\",\r\n        \"ENTJ\", \"INTJ\", \"ENTP\", \"INTP\",\r\n        \"ENFJ\", \"INFJ\", \"ENFP\", \"INFP\"\r\n    ];\r\n\r\n    \/\/ \u95a2\u4fc2\u6027\u30de\u30c3\u30d4\u30f3\u30b0\uff08\u5168\u30bf\u30a4\u30d7\u7db2\u7f85\uff09\r\n    const relationMap = {\r\n        \"ESTJ\":{\"ESTJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ISTJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ESFJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ISFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENTJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"INTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENFJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INFJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ESTP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ISTP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ESFP\":\"\u6069\u6075\u95a2\u4fc2\",\"ISFP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ENTP\":\"\u6069\u6075\u95a2\u4fc2\",\"INTP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ENFP\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"INFP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\"},\r\n        \"ISTJ\":{\"ESTJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ISTJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ESFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISFJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ENTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"INTJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ENFJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"INFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESTP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ISTP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ESFP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ISFP\":\"\u6069\u6075\u95a2\u4fc2\",\"ENTP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"INTP\":\"\u6069\u6075\u95a2\u4fc2\",\"ENFP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"INFP\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\"},\r\n        \"ESFJ\":{\"ESTJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ISTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ESFJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ISFJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ENTJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INTJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ENFJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"INFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ESTP\":\"\u6069\u6075\u95a2\u4fc2\",\"ISTP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ESFP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ISFP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ENTP\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"INTP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ENFP\":\"\u6069\u6075\u95a2\u4fc2\",\"INFP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\"},\r\n        \"ISFJ\":{\"ESTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISTJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ESFJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ISFJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ENTJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"INTJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ENFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"INFJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ESTP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ISTP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ESFP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ISFP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ENTP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"INTP\":\"\u5354\u529b\u95a2\u4fc2\",\"ENFP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"INFP\":\"\u6069\u6075\u95a2\u4fc2\"},\r\n        \"ENTJ\":{\"ESTJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ISTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ESFJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISFJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ENTJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"INTJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ENFJ\":\"\u5354\u529b\u95a2\u4fc2\",\"INFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ESTP\":\"\u6069\u6075\u95a2\u4fc2\",\"ISTP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ESFP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISFP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ENTP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"INTP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ENFP\":\"\u6069\u6075\u95a2\u4fc2\",\"INFP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\"},\r\n        \"INTJ\":{\"ESTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISTJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ESFJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ISFJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ENTJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"INTJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ENFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"INFJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ESTP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ISTP\":\"\u6069\u6075\u95a2\u4fc2\",\"ESFP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ISFP\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ENTP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"INTP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ENFP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"INFP\":\"\u6069\u6075\u95a2\u4fc2\"},\r\n        \"ENFJ\":{\"ESTJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISTJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ESFJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ISFJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENTJ\":\"\u5354\u529b\u95a2\u4fc2\",\"INTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENFJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"INFJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ESTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISTP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ESFP\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ISFP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ENTP\":\"\u6069\u6075\u95a2\u4fc2\",\"INTP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ENFP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"INFP\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\"},\r\n        \"INFJ\":{\"ESTJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ISTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ISFJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ENTJ\":\"\u76e3\u7763\u95a2\u4fc2\",\"INTJ\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ENFJ\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"INFJ\":\"\u540c\u4e00\u95a2\u4fc2\",\"ESTP\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ISTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ESFP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ISFP\":\"\u6069\u6075\u95a2\u4fc2\",\"ENTP\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"INTP\":\"\u6069\u6075\u95a2\u4fc2\",\"ENFP\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"INFP\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\"},\r\n        \"ESTP\":{\"ESTJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ISTJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ESFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ISFJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ENTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"INTJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ENFJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INFJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ESTP\":\"\u540c\u4e00\u95a2\u4fc2\",\"ISTP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ESFP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ISFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENTP\":\"\u5354\u529b\u95a2\u4fc2\",\"INTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENFP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INFP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\"},\r\n        \"ISTP\":{\"ESTJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ISTJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ESFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ISFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ENTJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"INTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ENFJ\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"INFJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ESTP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ISTP\":\"\u540c\u4e00\u95a2\u4fc2\",\"ESFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISFP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ENTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"INTP\":\"\u5354\u529b\u95a2\u4fc2\",\"ENFP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"INFP\":\"\u5c0a\u656c\u3068\u53cd\u767a\"},\r\n        \"ESFP\":{\"ESTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ISTJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ESFJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ISFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ENTJ\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INTJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ENFJ\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"INFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ESTP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ISTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ESFP\":\"\u540c\u4e00\u95a2\u4fc2\",\"ISFP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ENTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"INTP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ENFP\":\"\u5354\u529b\u95a2\u4fc2\",\"INFP\":\"\u76e3\u7763\u95a2\u4fc2\"},\r\n        \"ISFP\":{\"ESTJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ISTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ISFJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ENTJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"INTJ\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ENFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"INFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISTP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ESFP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ISFP\":\"\u540c\u4e00\u95a2\u4fc2\",\"ENTP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"INTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ENFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"INFP\":\"\u5354\u529b\u95a2\u4fc2\"},\r\n        \"ENTP\":{\"ESTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ISTJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ESFJ\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ISFJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ENTJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"INTJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"ENFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"INFJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ESTP\":\"\u5354\u529b\u95a2\u4fc2\",\"ISTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ESFP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISFP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ENTP\":\"\u540c\u4e00\u95a2\u4fc2\",\"INTP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"ENFP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"INFP\":\"\u76e3\u7763\u95a2\u4fc2\"},\r\n        \"INTP\":{\"ESTJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ISTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESFJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ISFJ\":\"\u5354\u529b\u95a2\u4fc2\",\"ENTJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"INTJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ENFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"INFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ESTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISTP\":\"\u5354\u529b\u95a2\u4fc2\",\"ESFP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ISFP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ENTP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"INTP\":\"\u540c\u4e00\u95a2\u4fc2\",\"ENFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"INFP\":\"\u540c\u5c5e\u95a2\u4fc2\"},\r\n        \"ENFP\":{\"ESTJ\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ISTJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ESFJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ISFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ENTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"INTJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ENFJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"INFJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"ESTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ISTP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ESFP\":\"\u5354\u529b\u95a2\u4fc2\",\"ISFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENTP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"INTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ENFP\":\"\u540c\u4e00\u95a2\u4fc2\",\"INFP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\"},\r\n        \"INFP\":{\"ESTJ\":\"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\",\"ISTJ\":\"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\",\"ESFJ\":\"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\",\"ISFJ\":\"\u61a7\u308c\u306e\u95a2\u4fc2\",\"ENTJ\":\"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\",\"INTJ\":\"\u6069\u6075\u95a2\u4fc2\",\"ENFJ\":\"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\",\"INFJ\":\"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\",\"ESTP\":\"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\",\"ISTP\":\"\u5c0a\u656c\u3068\u53cd\u767a\",\"ESFP\":\"\u76e3\u7763\u95a2\u4fc2\",\"ISFP\":\"\u5354\u529b\u95a2\u4fc2\",\"ENTP\":\"\u76e3\u7763\u95a2\u4fc2\",\"INTP\":\"\u540c\u5c5e\u95a2\u4fc2\",\"ENFP\":\"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\",\"INFP\":\"\u540c\u4e00\u95a2\u4fc2\"}\r\n    };\r\n\r\n    \/\/ \u5224\u5b9a\u3057\u305f\u95a2\u4fc2\u6027\u540d \u2192 \u9077\u79fb\u5148URL\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30de\u30c3\u30d4\u30f3\u30b0\r\n    const urlMap = {\r\n        \"\u540c\u4e00\u95a2\u4fc2\": \"identity\/\",\r\n        \"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2\": \"mirror\/\",\r\n        \"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2\": \"shadow-relations\/\",\r\n        \"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046\": \"jp-relation\/\",\r\n        \"\u523a\u6fc0\u7684\u306a\u95a2\u4fc2\": \"activation\/\",\r\n        \"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba\": \"conflict\/\",\r\n        \"\u5c0a\u656c\u3068\u53cd\u767a\": \"superego\/\",\r\n        \"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2\": \"dual\/\",\r\n        \"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044\": \"semi-dual\/\",\r\n        \"\u540c\u5c5e\u95a2\u4fc2\": \"kindred\/\",\r\n        \"\u5354\u529b\u95a2\u4fc2\": \"business\/\",\r\n        \"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\": \"illusionary\/\",\r\n        \"\u6069\u6075\u95a2\u4fc2\": \"benefit\/\",\r\n        \"\u76e3\u7763\u95a2\u4fc2\": \"supervision\/\"\r\n    };\r\n\r\n    const baseUrl = \"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/\";\r\n\r\n    const selMe = document.getElementById('rj-sel-me');\r\n    const selPartner = document.getElementById('rj-sel-partner');\r\n    const btnGo = document.getElementById('rj-btn-go');\r\n\r\n    function init() {\r\n        types.forEach(t => {\r\n            selMe.add(new Option(t, t));\r\n            selPartner.add(new Option(t, t));\r\n        });\r\n        \r\n        selMe.value = \"ENTP\";\r\n        selPartner.value = \"INFJ\";\r\n\r\n        btnGo.addEventListener('click', navigateToArticle);\r\n    }\r\n\r\n    function navigateToArticle() {\r\n        const me = selMe.value;\r\n        const partner = selPartner.value;\r\n        if (!me || !partner) return;\r\n\r\n        const relationName = relationMap[me]?.[partner];\r\n        \r\n        if (relationName && urlMap[relationName]) {\r\n            const targetUrl = baseUrl + urlMap[relationName];\r\n            window.location.href = targetUrl;\r\n        } else {\r\n            alert(\"\u8a72\u5f53\u3059\u308b\u8a18\u4e8b\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\");\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n    } else {\r\n        init();\r\n    }\r\n})();\r\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5b9f\u969b\u306b\u3001\u81ea\u5206\u304c\u305d\u306e\u72b6\u6cc1\u306b\u7acb\u3061\u4f1a\u3063\u305f\u3068\u60f3\u5b9a\u3057\u3066\u8003\u3048\u3066\u7b54\u3048\u3066\u304f\u3060\u3055\u3044 \u30c6\u30b9\u30c8\u3092\u59cb\u3081\u308b\u524d\u306b \u516872\u554f\u306e\u8cea\u554f\u304b\u3089\u3001\u3042\u306a\u305f\u306e\u8a73\u7d30\u306a\u6027\u683c\u30bf\u30a4\u30d7\u3068\u7d44\u7e54\u3067\u306e\u5f79\u5272\u3092\u5206\u6790\u3057\u307e\u3059\u3002 \u304a\u540d\u524d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\u53ef\uff09 16personalities\u306e\u7d50 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":16042,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-16185","type-relation","type-type-relation","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/type-relation\/16185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/type-relation"}],"about":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/types\/type-relation"}],"author":[{"embeddable":true,"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/comments?post=16185"}],"version-history":[{"count":0,"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/type-relation\/16185\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/media\/16042"}],"wp:attachment":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/media?parent=16185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}