{"id":16184,"date":"2026-04-13T05:14:57","date_gmt":"2026-04-13T05:14:57","guid":{"rendered":"https:\/\/seikaku-type.com\/enneagram-session\/?post_type=type-relation&#038;p=16184"},"modified":"2026-04-13T05:16:29","modified_gmt":"2026-04-13T05:16:29","slug":"kankei-shindan","status":"publish","type":"type-relation","link":"https:\/\/seikaku-type.com\/enneagram-session\/type-relation\/kankei-shindan\/","title":{"rendered":"\u3042\u306a\u305f\u3068\u76f8\u624b\u306e\u300c16\u30bf\u30a4\u30d7\u76f8\u6027\u300d\u3092\u5fc3\u7406\u6a5f\u80fd\u304b\u3089\u5fb9\u5e95\u5206\u6790"},"content":{"rendered":"\n<!-- =========================================================\r\n   16\u30bf\u30a4\u30d7\u95a2\u4fc2\u6027 \u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u8a3a\u65ad \uff06 \u30c1\u30e3\u30fc\u30c8\u7d71\u5408\u7248\r\n========================================================= -->\r\n<style>\r\n\/* =========================================================\r\n   DESIGN SYSTEM\r\n   ========================================================= *\/\r\n:root {\r\n  --r16-primary: #065f46;       \/* Emerald 800 *\/\r\n  --r16-primary-hover: #064e3b; \/* Emerald 900 *\/\r\n  --r16-accent: #10b981;        \/* Emerald 500 *\/\r\n  --r16-accent-hover: #059669;  \/* Emerald 600 *\/\r\n  --r16-bg-transparent: transparent;\r\n  --r16-surface-subtle: #f0fdf4; \/* Emerald 50 *\/\r\n  --r16-surface-gray: #f8fafc;   \r\n  --r16-text-main: #1f2937;\r\n  --r16-text-muted: #4b5563;\r\n  --r16-radius: 8px;\r\n  --r16-radius-lg: 16px;\r\n}\r\n\r\n.r16-wrapper *, .r16-wrapper *::before, .r16-wrapper *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.r16-wrapper {\r\n  font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\r\n  background-color: var(--r16-bg-transparent);\r\n  color: var(--r16-text-main);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.r16-container {\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.r16-main-content {\r\n  flex: 1;\r\n  padding: 8px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* Utils *\/\r\n.r16-hidden { display: none !important; }\r\n.r16-fade-in { animation: r16FadeIn 0.4s ease-in forwards; }\r\n@keyframes r16FadeIn {\r\n  from { opacity: 0; transform: translateY(8px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* =========================================================\r\n   SCREENS\r\n   ========================================================= *\/\r\n\/* Start Screen *\/\r\n.r16-start-box { padding: 16px 8px; text-align: center; }\r\n.r16-start-title { font-size: 20px; font-weight: 700; color: var(--r16-primary); margin-bottom: 12px; line-height: 1.4; }\r\n.r16-start-desc { font-size: 14px; color: var(--r16-text-muted); margin-bottom: 24px; }\r\n.r16-btn-primary {\r\n  display: inline-block; width: 100%; background: var(--r16-primary); color: #fff;\r\n  font-size: 15px; font-weight: 700; padding: 14px 20px; border-radius: 50px; border: none; cursor: pointer; transition: background 0.3s;\r\n}\r\n.r16-btn-primary:hover { background: var(--r16-primary-hover); }\r\n\r\n\/* Question Screen *\/\r\n.r16-progress-bar-wrap { width: 100%; height: 6px; background: #e2e8f0; border-radius: 4px; margin-bottom: 16px; overflow: hidden; }\r\n.r16-progress-bar { height: 100%; background: var(--r16-accent); width: 0%; transition: width 0.3s ease; }\r\n.r16-step-label { font-size: 12px; font-weight: 700; color: var(--r16-accent); margin-bottom: 8px; letter-spacing: 1px; }\r\n.r16-question-text { font-size: 18px; font-weight: 700; color: var(--r16-primary); margin-bottom: 20px; line-height: 1.4; }\r\n.r16-option-btn {\r\n  display: block; width: 100%; background: var(--r16-surface-gray); color: var(--r16-primary);\r\n  font-size: 15px; font-weight: 600; padding: 14px 16px; margin-bottom: 8px; border: none; border-radius: var(--r16-radius); cursor: pointer; text-align: left; transition: all 0.2s;\r\n}\r\n.r16-option-btn:hover { background: #e2e8f0; transform: translateY(-1px); }\r\n\r\n\/* Intermission \/ Loading *\/\r\n.r16-message-box { text-align: center; padding: 32px 0; }\r\n.r16-message-box p { font-size: 18px; color: var(--r16-primary); margin-bottom: 12px; }\r\n.r16-spinner { width: 32px; height: 32px; border: 3px solid #e2e8f0; border-top-color: var(--r16-accent); border-radius: 50%; margin: 0 auto 16px; animation: r16Spin 1s linear infinite; }\r\n@keyframes r16Spin { 100% { transform: rotate(360deg); } }\r\n\r\n\/* Result Screen *\/\r\n.r16-result-header { text-align: center; margin-bottom: 24px; }\r\n.r16-result-header p { font-size: 20px; color: var(--r16-primary); font-weight: 700; position: relative; display: inline-block; margin-bottom: 0; }\r\n.r16-result-header p::after { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 30px; height: 3px; background: var(--r16-accent); }\r\n\r\n.r16-type-boxes { display: flex; gap: 12px; margin-bottom: 24px; }\r\n.r16-type-box { flex: 1; background: var(--r16-surface-subtle); border-radius: var(--r16-radius); padding: 16px; text-align: center; }\r\n.r16-type-box p { font-size: 12px; color: var(--r16-text-muted); margin-bottom: 8px; font-weight: normal; }\r\n.r16-type-candidates { font-size: 18px; font-weight: 700; color: var(--r16-primary); line-height: 1.4; }\r\n\r\n.r16-relation-card { margin-bottom: 24px; }\r\n.r16-relation-card p { font-size: 15px; color: var(--r16-primary); margin-bottom: 12px; text-align: center; font-weight: 700; }\r\n.r16-relation-item { background: var(--r16-surface-subtle); padding: 14px 16px; border-radius: var(--r16-radius); margin-bottom: 8px; }\r\n.r16-relation-name { font-size: 15px; font-weight: 700; color: var(--r16-primary); margin-bottom: 4px; }\r\n.r16-relation-desc { font-size: 13px; color: var(--r16-text-muted); }\r\n\r\n\/* =========================================================\r\n   CHART AREA (\u9023\u643a\u90e8\u5206)\r\n   ========================================================= *\/\r\n.r16-chart-area {\r\n  position: relative;\r\n  background: #0a0a0a; \/* \u9ed2\u80cc\u666f *\/\r\n  border-radius: var(--r16-radius-lg);\r\n  padding: 32px 16px 24px;\r\n  margin-bottom: 24px;\r\n  color: #fff;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n.r16-chart-title {\r\n  text-align: center;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  letter-spacing: 1px;\r\n  color: #fbbf24; \/* \u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc\uff08\u9ec4\u8272\uff09 *\/\r\n}\r\n.r16-conn-svg {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n.r16-conn-line {\r\n  stroke-width: 2px;\r\n  fill: none;\r\n  opacity: 0.15;\r\n  transition: opacity 0.3s, stroke-width 0.3s, filter 0.3s;\r\n  stroke: #ffffff;\r\n}\r\n.r16-conn-line.r16-active {\r\n  opacity: 1;\r\n  stroke-width: 3px;\r\n  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));\r\n}\r\n.r16-stacks-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  position: relative;\r\n  z-index: 2;\r\n  gap: 20px;\r\n}\r\n.r16-column {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n.r16-segment {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  background: rgba(255, 255, 255, 0.04);\r\n  padding: 12px 8px;\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n.r16-segment-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #a3a3a3;\r\n  text-align: center;\r\n  letter-spacing: 2px;\r\n  margin-bottom: 4px;\r\n}\r\n.r16-func-box {\r\n  width: 100%;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 12px;\r\n  border-radius: 6px;\r\n  cursor: default;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n.r16-col-right .r16-func-box {\r\n  flex-direction: row-reverse;\r\n}\r\n.r16-func-box.r16-highlight {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 16px rgba(255, 255, 255, 0.2);\r\n  z-index: 10;\r\n}\r\n.r16-box-role {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  opacity: 0.8;\r\n}\r\n.r16-box-code {\r\n  font-size: 15px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.5px;\r\n  font-family: 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\/* \u30e2\u30ce\u30c8\u30fc\u30f3\u914d\u8272: \u5916\u5411=\u767d\u5857\u308a \/ \u5185\u5411=\u9ed2\u67a0 *\/\r\n.r16-bg-E { background: #ffffff; color: #000000; border: 1px solid #ffffff; }\r\n.r16-bg-I { background: #171717; color: #ffffff; border: 1px solid #ffffff; }\r\n.r16-bg-I.r16-highlight { background: #333; }\r\n\r\n\/* Disclaimer & CTA *\/\r\n.r16-disclaimer {\r\n  background: #f1f5f9; border-left: 3px solid var(--r16-text-muted);\r\n  padding: 12px 16px; font-size: 12px; color: var(--r16-text-muted); margin-bottom: 32px; border-radius: 0 var(--r16-radius) var(--r16-radius) 0;\r\n}\r\n.r16-disclaimer p { margin-bottom: 8px; font-weight: 700; color: var(--r16-text-main); }\r\n.r16-disclaimer ul { padding-left: 20px; margin-bottom: 0; }\r\n.r16-disclaimer li { margin-bottom: 2px; }\r\n\r\n.r16-cta-section {\r\n  background: var(--r16-surface-subtle); padding: 24px 16px; border-radius: var(--r16-radius-lg); text-align: center;\r\n}\r\n.r16-cta-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: var(--r16-primary); }\r\n.r16-cta-desc { font-size: 13px; color: var(--r16-text-main); margin-bottom: 16px; line-height: 1.5; }\r\n.r16-btn-cta {\r\n  display: inline-block; width: 100%; background: var(--r16-accent); color: #fff;\r\n  font-size: 15px; font-weight: 700; padding: 14px 20px; border-radius: 50px; border: none; cursor: pointer; transition: background 0.3s, transform 0.2s; text-decoration: none;\r\n}\r\n.r16-btn-cta:hover { background: var(--r16-accent-hover); transform: translateY(-2px); }\r\n\r\n@media (max-width: 600px) {\r\n  .r16-stacks-container { gap: 12px; }\r\n  .r16-func-box { padding: 0 8px; }\r\n  .r16-box-code { font-size: 14px; }\r\n  .r16-box-role { font-size: 9px; }\r\n  .r16-chart-area { padding: 24px 12px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"r16-app-root\" class=\"r16-wrapper\">\r\n  <div class=\"r16-container\">\r\n    <main class=\"r16-main-content\">\r\n      \r\n      <!-- Start Screen -->\r\n      <div id=\"r16-start-screen\" class=\"r16-start-box r16-fade-in\">\r\n        <div class=\"r16-start-title\">\u3042\u306a\u305f\u3068\u76f8\u624b\u306e<br>\u300c\u95a2\u4fc2\u306e\u30d1\u30bf\u30fc\u30f3\u300d\u3092\u5206\u6790\u3057\u307e\u3059<\/div>\r\n        <div class=\"r16-start-desc\">\r\n          \u76f4\u611f\u3067\u7b54\u3048\u3089\u308c\u308b24\u306e\u8cea\u554f\u304b\u3089\u3001<br>\u304a\u4e92\u3044\u306e\u30bf\u30a4\u30d7\u5019\u88dc\u3068\u95a2\u4fc2\u6027\u306e\u578b\u3092\u5c0e\u304d\u51fa\u3057\u307e\u3059\u3002\r\n        <\/div>\r\n        <button id=\"r16-btn-start\" class=\"r16-btn-primary\">\u8a3a\u65ad\u3092\u59cb\u3081\u308b<\/button>\r\n      <\/div>\r\n\r\n      <!-- Question Screen -->\r\n      <div id=\"r16-question-screen\" class=\"r16-hidden\">\r\n        <div class=\"r16-progress-bar-wrap\">\r\n          <div id=\"r16-progress-bar\" class=\"r16-progress-bar\"><\/div>\r\n        <\/div>\r\n        <div id=\"r16-step-label\" class=\"r16-step-label\"><\/div>\r\n        <div id=\"r16-question-text\" class=\"r16-question-text\"><\/div>\r\n        <div id=\"r16-options-container\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Intermission Screen -->\r\n      <div id=\"r16-intermission-screen\" class=\"r16-hidden r16-message-box r16-fade-in\">\r\n        <p>STEP 1 \u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f<\/p>\r\n        <p style=\"color:var(--r16-text-muted); margin-bottom: 24px; font-size:14px;\">\u6b21\u306f\u300c\u76f8\u624b\u300d\u306b\u3064\u3044\u3066\u3001<br>\u3042\u306a\u305f\u306e\u76f4\u611f\u3084\u898b\u3048\u65b9\u3067\u7b54\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n        <button id=\"r16-btn-next-phase\" class=\"r16-btn-primary\">STEP 2\u3078\u9032\u3080<\/button>\r\n      <\/div>\r\n\r\n      <!-- Loading Screen -->\r\n      <div id=\"r16-loading-screen\" class=\"r16-hidden r16-message-box r16-fade-in\">\r\n        <div class=\"r16-spinner\"><\/div>\r\n        <p>\u95a2\u4fc2\u306e\u578b\u3092\u5206\u6790\u4e2d...<\/p>\r\n      <\/div>\r\n\r\n      <!-- Result Screen -->\r\n      <div id=\"r16-result-screen\" class=\"r16-hidden r16-fade-in\">\r\n        <div class=\"r16-result-header\">\r\n          <p>\u95a2\u4fc2\u306e\u578b\u304c\u898b\u3048\u3066\u304d\u307e\u3057\u305f<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"r16-type-boxes\">\r\n          <div class=\"r16-type-box\">\r\n            <p>\u3042\u306a\u305f\u306e\u30bf\u30a4\u30d7\u5019\u88dc<\/p>\r\n            <div id=\"r16-my-types\" class=\"r16-type-candidates\"><\/div>\r\n          <\/div>\r\n          <div class=\"r16-type-box\">\r\n            <p>\u76f8\u624b\u306e\u30bf\u30a4\u30d7\u5019\u88dc<\/p>\r\n            <div id=\"r16-pt-types\" class=\"r16-type-candidates\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"r16-relation-card\">\r\n          <p>\u4e88\u6e2c\u3055\u308c\u308b\u95a2\u4fc2\u306e\u578b<\/p>\r\n          <div id=\"r16-relation-list\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7d71\u5408\u3055\u308c\u305f\u30c1\u30e3\u30fc\u30c8\u30a8\u30ea\u30a2 \u305d\u306e1 -->\r\n        <div class=\"r16-chart-area\" id=\"r16-chart-area-1\">\r\n          <div class=\"r16-chart-title\" id=\"r16-chart-title-1\">\u3010\u305d\u306e1\u3011\u5fc3\u7406\u6a5f\u80fd\u306e\u7d50\u3073\u3064\u304d<\/div>\r\n          <svg class=\"r16-conn-svg\" id=\"r16-conn-svg-1\"><\/svg>\r\n          <div class=\"r16-stacks-container\">\r\n            \r\n            <div class=\"r16-column r16-col-left\">\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u3042\u306a\u305f\u306e\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-me-1-con\"><\/div>\r\n              <\/div>\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u3042\u306a\u305f\u306e\u7121\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-me-1-unc\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"r16-column r16-col-right\">\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u76f8\u624b\u306e\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-pt-1-con\"><\/div>\r\n              <\/div>\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u76f8\u624b\u306e\u7121\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-pt-1-unc\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7d71\u5408\u3055\u308c\u305f\u30c1\u30e3\u30fc\u30c8\u30a8\u30ea\u30a2 \u305d\u306e2 -->\r\n        <div class=\"r16-chart-area\" id=\"r16-chart-area-2\" style=\"display: none;\">\r\n          <div class=\"r16-chart-title\" id=\"r16-chart-title-2\">\u3010\u305d\u306e2\u3011\u5fc3\u7406\u6a5f\u80fd\u306e\u7d50\u3073\u3064\u304d<\/div>\r\n          <svg class=\"r16-conn-svg\" id=\"r16-conn-svg-2\"><\/svg>\r\n          <div class=\"r16-stacks-container\">\r\n            \r\n            <div class=\"r16-column r16-col-left\">\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u3042\u306a\u305f\u306e\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-me-2-con\"><\/div>\r\n              <\/div>\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u3042\u306a\u305f\u306e\u7121\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-me-2-unc\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"r16-column r16-col-right\">\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u76f8\u624b\u306e\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-pt-2-con\"><\/div>\r\n              <\/div>\r\n              <div class=\"r16-segment\">\r\n                <div class=\"r16-segment-label\">\u76f8\u624b\u306e\u7121\u610f\u8b58<\/div>\r\n                <div id=\"r16-stack-pt-2-unc\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n        <!-- \/\u30c1\u30e3\u30fc\u30c8\u30a8\u30ea\u30a2\u7d42\u4e86 -->\r\n\r\n        <div class=\"r16-disclaimer\">\r\n          <p>\u3053\u306e\u7d50\u679c\u306f\u7c21\u6613\u5224\u5b9a\u3067\u3059\u3002<br>\u81ea\u5df1\u8a8d\u8b58\u3084\u76f8\u624b\u306e\u898b\u3048\u65b9\u306b\u3088\u3063\u3066\u3001\u30bf\u30a4\u30d7\u306f\u5927\u304d\u304f\u30ba\u30ec\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\r\n          <span>\u7279\u306b\u4ee5\u4e0b\u306e\u5834\u5408\u306f\u8aa4\u8a8d\u304c\u8d77\u304d\u3084\u3059\u304f\u306a\u308a\u307e\u3059\uff1a<\/span>\r\n          <ul>\r\n            <li>\u7406\u60f3\u50cf\u3067\u56de\u7b54\u3057\u3066\u3044\u308b<\/li>\r\n            <li>\u74b0\u5883\u306b\u9069\u5fdc\u3057\u3066\u3044\u308b<\/li>\r\n            <li>\u76f8\u624b\u3092\u4e3b\u89b3\u3067\u898b\u3066\u3044\u308b<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"r16-cta-section\">\r\n          <p class=\"r16-cta-title\" style=\"margin-top:0;\">\u95a2\u4fc2\u306e\u6cd5\u5247\u3092\u6b63\u78ba\u306b\u7406\u89e3\u3057\u305f\u3044\u65b9\u3078<\/p>\r\n          <p class=\"r16-cta-desc\">\u3053\u306e\u8a3a\u65ad\u3067\u8868\u793a\u3055\u308c\u308b\u201c\u95a2\u4fc2\u306e\u578b\u201d\u306f\u4e00\u90e8\u3067\u3059\u3002<br>\u5b9f\u969b\u306b\u306f\u3001\u30bf\u30a4\u30d7\u306e\u898b\u6975\u3081\u3068\u95a2\u4fc2\u306e\u69cb\u9020\u7406\u89e3\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n          <a href=\"https:\/\/seikaku-type.com\/enneagram-session\/16type-relation-ws\/\" class=\"r16-btn-cta\" target=\"_blank\" rel=\"noopener noreferrer\">\u4ed6\u8005\u5224\u5b9a\u3068\u95a2\u4fc2\u306e\u6cd5\u5247\u3092\u5b66\u3076<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/main>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/* =========================================================\r\n     DATA & STATE\r\n     ========================================================= *\/\r\n  const baseQuestions = [\r\n    { q: \"\u4f11\u65e5\u306e\u904e\u3054\u3057\u65b9\u306f\uff1f\", o: [ {t: \"\u4eba\u3068\u4f1a\u3063\u3066\u30a8\u30cd\u30eb\u30ae\u30fc\u3092\u30c1\u30e3\u30fc\u30b8\u3059\u308b\", a: \"E\", v: 2}, {t: \"\u72b6\u6cc1\u306b\u3088\u308b\u304c\u3001\u4e00\u4eba\u306e\u6642\u9593\u3082\u5fc5\u8981\", a: \"I\", v: 1}, {t: \"\u4e00\u4eba\u3067\u9759\u304b\u306b\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u3057\u305f\u3044\", a: \"I\", v: 2} ] },\r\n    { q: \"\u8003\u3048\u3092\u4f1d\u3048\u308b\u3068\u304d\u306f\uff1f\", o: [ {t: \"\u8a71\u3057\u306a\u304c\u3089\u8003\u3048\u3092\u307e\u3068\u3081\u308b\u3053\u3068\u304c\u591a\u3044\", a: \"E\", v: 2}, {t: \"\u76f8\u624b\u3084\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u4f1d\u3048\u65b9\u3092\u5909\u3048\u308b\", a: \"E\", v: 1}, {t: \"\u982d\u306e\u4e2d\u3067\u3057\u3063\u304b\u308a\u6574\u7406\u3057\u3066\u304b\u3089\u8a71\u3059\", a: \"I\", v: 2} ] },\r\n    { q: \"\u65b0\u3057\u3044\u74b0\u5883\u306b\u5165\u3063\u305f\u3068\u304d\", o: [ {t: \"\u81ea\u5206\u304b\u3089\u7a4d\u6975\u7684\u306b\u8a71\u3057\u304b\u3051\u308b\", a: \"E\", v: 2}, {t: \"\u307e\u305a\u306f\u5468\u56f2\u306e\u69d8\u5b50\u3092\u3046\u304b\u304c\u3046\", a: \"I\", v: 1}, {t: \"\u8a71\u3057\u304b\u3051\u3089\u308c\u308b\u307e\u3067\u5f85\u3064\u3053\u3068\u304c\u591a\u3044\", a: \"I\", v: 2} ] },\r\n    { q: \"\u8a71\u306e\u5185\u5bb9\u3067\u60f9\u304b\u308c\u308b\u306e\u306f\uff1f\", o: [ {t: \"\u73fe\u5b9f\u7684\u3067\u5177\u4f53\u7684\u306a\u4e8b\u5b9f\u3084\u7d4c\u9a13\u8ac7\", a: \"S\", v: 2}, {t: \"\u3069\u3061\u3089\u3082\u540c\u3058\u304f\u3089\u3044\u8208\u5473\u304c\u3042\u308b\", a: \"S\", v: 1}, {t: \"\u30a2\u30a4\u30c7\u30a2\u3084\u672a\u6765\u306e\u53ef\u80fd\u6027\u306b\u3064\u3044\u3066\u306e\u8a71\", a: \"N\", v: 2} ] },\r\n    { q: \"\u7269\u4e8b\u3092\u8aac\u660e\u3059\u308b\u3068\u304d\", o: [ {t: \"\u9806\u5e8f\u7acb\u3066\u3066\u3001\u8a73\u7d30\u306b\u5177\u4f53\u7684\u306b\u8a71\u3059\", a: \"S\", v: 2}, {t: \"\u76f8\u624b\u306b\u4f1d\u308f\u308b\u3088\u3046\u5de5\u592b\u3057\u3066\u8a71\u3059\", a: \"N\", v: 1}, {t: \"\u6bd4\u55a9\u3092\u4f7f\u3063\u305f\u308a\u3001\u7d50\u8ad6\u3084\u30a4\u30e1\u30fc\u30b8\u304b\u3089\u8a71\u3059\", a: \"N\", v: 2} ] },\r\n    { q: \"\u65b0\u3057\u3044\u8ab2\u984c\u306b\u53d6\u308a\u7d44\u3080\u3068\u304d\", o: [ {t: \"\u904e\u53bb\u306e\u7d4c\u9a13\u3084\u5b9f\u7e3e\u306e\u3042\u308b\u65b9\u6cd5\u3092\u53c2\u8003\u306b\u3059\u308b\", a: \"S\", v: 2}, {t: \"\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u67d4\u8edf\u306b\u3084\u308a\u65b9\u3092\u5909\u3048\u308b\", a: \"S\", v: 1}, {t: \"\u4eca\u307e\u3067\u306b\u306a\u3044\u65b0\u3057\u3044\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u8a66\u3059\", a: \"N\", v: 2} ] },\r\n    { q: \"\u6c7a\u65ad\u3092\u4e0b\u3059\u3068\u304d\u306e\u4e00\u756a\u306e\u57fa\u6e96\u306f\uff1f\", o: [ {t: \"\u5ba2\u89b3\u7684\u306a\u4e8b\u5b9f\u3084\u3001\u8ad6\u7406\u7684\u306a\u5408\u7406\u6027\", a: \"T\", v: 2}, {t: \"\u72b6\u6cc1\u306b\u3088\u3063\u3066\u534a\u3005\u304f\u3089\u3044\", a: \"T\", v: 1}, {t: \"\u95a2\u308f\u308b\u4eba\u306e\u6c17\u6301\u3061\u3084\u3001\u5168\u4f53\u306e\u8abf\u548c\", a: \"F\", v: 2} ] },\r\n    { q: \"\u8eab\u8fd1\u306a\u4eba\u304c\u60a9\u3093\u3067\u3044\u308b\u3068\u304d\", o: [ {t: \"\u5177\u4f53\u7684\u306a\u89e3\u6c7a\u7b56\u3084\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u63d0\u6848\u3059\u308b\", a: \"T\", v: 2}, {t: \"\u8a71\u3092\u805e\u304d\u3064\u3064\u4e00\u7dd2\u306b\u8003\u3048\u308b\", a: \"F\", v: 1}, {t: \"\u307e\u305a\u306f\u5171\u611f\u3057\u3001\u611f\u60c5\u306b\u5bc4\u308a\u6dfb\u3046\", a: \"F\", v: 2} ] },\r\n    { q: \"\u8b70\u8ad6\u3084\u610f\u898b\u304c\u3076\u3064\u304b\u3063\u305f\u3068\u304d\", o: [ {t: \"\u610f\u898b\u306e\u6b63\u3057\u3055\u3084\u7d50\u8ad6\u3092\u512a\u5148\u3059\u308b\", a: \"T\", v: 2}, {t: \"\u304a\u4e92\u3044\u306e\u59a5\u5354\u70b9\u3092\u63a2\u308b\", a: \"F\", v: 1}, {t: \"\u76f8\u624b\u304c\u50b7\u3064\u304b\u306a\u3044\u304b\u3001\u95a2\u4fc2\u6027\u3092\u512a\u5148\u3059\u308b\", a: \"F\", v: 2} ] },\r\n    { q: \"\u65c5\u884c\u3084\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u7acb\u3066\u65b9\", o: [ {t: \"\u304d\u3063\u3061\u308a\u8a08\u753b\u3092\u7acb\u3066\u3066\u305d\u306e\u901a\u308a\u306b\u9032\u3081\u305f\u3044\", a: \"J\", v: 2}, {t: \"\u5927\u307e\u304b\u306a\u67a0\u3060\u3051\u6c7a\u3081\u3066\u304a\u304f\", a: \"J\", v: 1}, {t: \"\u305d\u306e\u65e5\u306e\u6c17\u5206\u3084\u72b6\u6cc1\u3067\u67d4\u8edf\u306b\u5909\u3048\u305f\u3044\", a: \"P\", v: 2} ] },\r\n    { q: \"\u4ed5\u4e8b\u3084\u4f5c\u696d\u306e\u9032\u3081\u65b9\", o: [ {t: \"\u671f\u9650\u306e\u524d\u306b\u4f59\u88d5\u3092\u6301\u3063\u3066\u7d42\u308f\u3089\u305b\u308b\", a: \"J\", v: 2}, {t: \"\u671f\u9650\u306b\u9593\u306b\u5408\u3046\u30da\u30fc\u30b9\u3067\u9032\u3081\u308b\", a: \"P\", v: 1}, {t: \"\u671f\u9650\u30ae\u30ea\u30ae\u30ea\u306b\u4e00\u6c17\u306b\u96c6\u4e2d\u3057\u3066\u3084\u308a\u9042\u3052\u308b\", a: \"P\", v: 2} ] },\r\n    { q: \"\u4e88\u5b9a\u5916\u306e\u30c8\u30e9\u30d6\u30eb\u304c\u8d77\u304d\u305f\u3089\", o: [ {t: \"\u8a08\u753b\u304c\u5d29\u308c\u308b\u3053\u3068\u306b\u30b9\u30c8\u30ec\u30b9\u3092\u611f\u3058\u308b\", a: \"J\", v: 2}, {t: \"\u5c11\u3057\u6238\u60d1\u3046\u304c\u3001\u306a\u3093\u3068\u304b\u5bfe\u5fdc\u3059\u308b\", a: \"J\", v: 1}, {t: \"\u81e8\u6a5f\u5fdc\u5909\u306a\u5bfe\u5fdc\u3092\u3080\u3057\u308d\u697d\u3057\u3080\", a: \"P\", v: 2} ] }\r\n  ];\r\n\r\n  \/\/ \u30c1\u30e3\u30fc\u30c8\u7528\u30c7\u30fc\u30bf\r\n  const typeStack = {\r\n    \"ESTJ\": [\"Te\",\"Si\",\"Ne\",\"Fi\",\"Ti\",\"Se\",\"Ni\",\"Fe\"], \"ISTJ\": [\"Si\",\"Te\",\"Fi\",\"Ne\",\"Se\",\"Ti\",\"Fe\",\"Ni\"],\r\n    \"ESFJ\": [\"Fe\",\"Si\",\"Ne\",\"Ti\",\"Fi\",\"Se\",\"Ni\",\"Te\"], \"ISFJ\": [\"Si\",\"Fe\",\"Ti\",\"Ne\",\"Se\",\"Fi\",\"Te\",\"Ni\"],\r\n    \"ESTP\": [\"Se\",\"Ti\",\"Fe\",\"Ni\",\"Si\",\"Te\",\"Fi\",\"Ne\"], \"ISTP\": [\"Ti\",\"Se\",\"Ni\",\"Fe\",\"Te\",\"Si\",\"Ne\",\"Fi\"],\r\n    \"ESFP\": [\"Se\",\"Fi\",\"Te\",\"Ni\",\"Si\",\"Fe\",\"Ti\",\"Ne\"], \"ISFP\": [\"Fi\",\"Se\",\"Ni\",\"Te\",\"Fe\",\"Si\",\"Ne\",\"Ti\"],\r\n    \"ENTJ\": [\"Te\",\"Ni\",\"Se\",\"Fi\",\"Ti\",\"Ne\",\"Si\",\"Fe\"], \"INTJ\": [\"Ni\",\"Te\",\"Fi\",\"Se\",\"Ne\",\"Ti\",\"Fe\",\"Si\"],\r\n    \"ENTP\": [\"Ne\",\"Ti\",\"Fe\",\"Si\",\"Ni\",\"Te\",\"Fi\",\"Se\"], \"INTP\": [\"Ti\",\"Ne\",\"Si\",\"Fe\",\"Te\",\"Ni\",\"Se\",\"Fi\"],\r\n    \"ENFJ\": [\"Fe\",\"Ni\",\"Se\",\"Ti\",\"Fi\",\"Ne\",\"Si\",\"Te\"], \"INFJ\": [\"Ni\",\"Fe\",\"Ti\",\"Se\",\"Ne\",\"Fi\",\"Te\",\"Si\"],\r\n    \"ENFP\": [\"Ne\",\"Fi\",\"Te\",\"Si\",\"Ni\",\"Fe\",\"Ti\",\"Se\"], \"INFP\": [\"Fi\",\"Ne\",\"Si\",\"Te\",\"Fe\",\"Ni\",\"Se\",\"Ti\"]\r\n  };\r\n  const slotNames = {1:\"\u4e3b\u6a5f\u80fd\",2:\"\u88dc\u52a9\u6a5f\u80fd\",3:\"\u4ee3\u66ff\u6a5f\u80fd\",4:\"\u52a3\u7b49\u6a5f\u80fd\",5:\"\u7b2c5\u6a5f\u80fd\",6:\"\u7b2c6\u6a5f\u80fd\",7:\"\u7b2c7\u6a5f\u80fd\",8:\"\u7b2c8\u6a5f\u80fd\"};\r\n\r\n  let questions = [];\r\n  let currentStep = 0;\r\n  let scores = {\r\n    me: { E:0, I:0, S:0, N:0, T:0, F:0, J:0, P:0 },\r\n    pt: { E:0, I:0, S:0, N:0, T:0, F:0, J:0, P:0 }\r\n  };\r\n\r\n  \/* =========================================================\r\n     DOM ELEMENTS\r\n     ========================================================= *\/\r\n  let els = {};\r\n\r\n  function initElements() {\r\n    const root = document.getElementById('r16-app-root');\r\n    if (!root) return false;\r\n    els = {\r\n      root: root,\r\n      startScreen: root.querySelector('#r16-start-screen'),\r\n      questionScreen: root.querySelector('#r16-question-screen'),\r\n      intermissionScreen: root.querySelector('#r16-intermission-screen'),\r\n      loadingScreen: root.querySelector('#r16-loading-screen'),\r\n      resultScreen: root.querySelector('#r16-result-screen'),\r\n      btnStart: root.querySelector('#r16-btn-start'),\r\n      btnNextPhase: root.querySelector('#r16-btn-next-phase'),\r\n      stepLabel: root.querySelector('#r16-step-label'),\r\n      progressBar: root.querySelector('#r16-progress-bar'),\r\n      questionText: root.querySelector('#r16-question-text'),\r\n      optionsContainer: root.querySelector('#r16-options-container'),\r\n      myTypes: root.querySelector('#r16-my-types'),\r\n      ptTypes: root.querySelector('#r16-pt-types'),\r\n      relationList: root.querySelector('#r16-relation-list')\r\n    };\r\n    return true;\r\n  }\r\n\r\n  \/* =========================================================\r\n     LOGIC\r\n     ========================================================= *\/\r\n  function initQuestions() {\r\n    questions = [];\r\n    baseQuestions.forEach(q => questions.push({ phase: 'me', text: q.q, opts: q.o }));\r\n    baseQuestions.forEach(q => questions.push({ phase: 'pt', text: \"\u76f8\u624b\u306e\" + q.q, opts: q.o }));\r\n  }\r\n\r\n  function startTest() {\r\n    initQuestions();\r\n    currentStep = 0;\r\n    scores = { me: {E:0, I:0, S:0, N:0, T:0, F:0, J:0, P:0}, pt: {E:0, I:0, S:0, N:0, T:0, F:0, J:0, P:0} };\r\n    \r\n    els.startScreen.classList.add('r16-hidden');\r\n    els.questionScreen.classList.remove('r16-hidden');\r\n    renderQuestion();\r\n  }\r\n\r\n  function renderQuestion() {\r\n    const q = questions[currentStep];\r\n    const phaseNum = q.phase === 'me' ? 1 : 2;\r\n    const qNum = (currentStep % 12) + 1;\r\n    const targetName = q.phase === 'me' ? '\u81ea\u5206' : '\u76f8\u624b';\r\n\r\n    els.stepLabel.textContent = `STEP ${phaseNum}: ${targetName}\u306b\u3064\u3044\u3066 (${qNum}\/12)`;\r\n    els.progressBar.style.width = `${(currentStep \/ 24) * 100}%`;\r\n    \r\n    els.questionText.textContent = q.text;\r\n    els.questionText.classList.remove('r16-fade-in');\r\n    void els.questionText.offsetWidth; \/\/ trigger reflow\r\n    els.questionText.classList.add('r16-fade-in');\r\n\r\n    els.optionsContainer.innerHTML = '';\r\n    \r\n    q.opts.forEach(opt => {\r\n      const btn = document.createElement('button');\r\n      btn.className = 'r16-option-btn r16-fade-in';\r\n      btn.textContent = opt.t;\r\n      btn.addEventListener('click', () => handleAnswer(q.phase, opt.a, opt.v));\r\n      els.optionsContainer.appendChild(btn);\r\n    });\r\n  }\r\n\r\n  function handleAnswer(phase, axis, val) {\r\n    scores[phase][axis] += val;\r\n    currentStep++;\r\n\r\n    if (currentStep === 12) {\r\n      els.questionScreen.classList.add('r16-hidden');\r\n      els.intermissionScreen.classList.remove('r16-hidden');\r\n    } else if (currentStep === 24) {\r\n      els.questionScreen.classList.add('r16-hidden');\r\n      els.loadingScreen.classList.remove('r16-hidden');\r\n      setTimeout(showResults, 1800);\r\n    } else {\r\n      renderQuestion();\r\n    }\r\n  }\r\n\r\n  function nextPhase() {\r\n    els.intermissionScreen.classList.add('r16-hidden');\r\n    els.questionScreen.classList.remove('r16-hidden');\r\n    renderQuestion();\r\n  }\r\n\r\n  function calculateType(s) {\r\n    const e_i = s.E >= s.I ? 'E' : 'I';\r\n    const s_n = s.S >= s.N ? 'S' : 'N';\r\n    const t_f = s.T >= s.F ? 'T' : 'F';\r\n    const j_p = s.J >= s.P ? 'J' : 'P';\r\n    const primary = e_i + s_n + t_f + j_p;\r\n\r\n    const diffs = [\r\n      { idx: 0, diff: Math.abs(s.E - s.I), pairs: ['E', 'I'] },\r\n      { idx: 1, diff: Math.abs(s.S - s.N), pairs: ['S', 'N'] },\r\n      { idx: 2, diff: Math.abs(s.T - s.F), pairs: ['T', 'F'] },\r\n      { idx: 3, diff: Math.abs(s.J - s.P), pairs: ['J', 'P'] }\r\n    ];\r\n    diffs.sort((a, b) => a.diff - b.diff);\r\n\r\n    let secArr = primary.split('');\r\n    const target = diffs[0];\r\n    secArr[target.idx] = secArr[target.idx] === target.pairs[0] ? target.pairs[1] : target.pairs[0];\r\n    const secondary = secArr.join('');\r\n\r\n    return [primary, secondary];\r\n  }\r\n\r\n  function getRelation(me, pt) {\r\n    const getF = (m) => {\r\n      const e = m[0], s = m[1], t = m[2], j = m[3];\r\n      const pe = s + 'e', pi = s + 'i', je = t + 'e', ji = t + 'i';\r\n      let f1, f2;\r\n      if (e === 'E') { if (j === 'P') { f1=pe; f2=ji; } else { f1=je; f2=pi; } } \r\n      else { if (j === 'J') { f1=pi; f2=je; } else { f1=ji; f2=pe; } }\r\n      const opp = f => f[0] + (f[1] === 'e' ? 'i' : 'e'); \r\n      const alt = f => (f[0]==='S'?'N':f[0]==='N'?'S':f[0]==='T'?'F':'T') + f[1]; \r\n      const f3 = alt(f1), f4 = alt(f2), f5 = opp(f3), f6 = opp(f4), f7 = opp(f1), f8 = opp(f2); \r\n      return [f1, f2, f3, f4, f5, f6, f7, f8];\r\n    };\r\n\r\n    const [a1, a2, a3, a4, a5, a6, a7, a8] = getF(me);\r\n    const [b1, b2] = getF(pt);\r\n\r\n    const rules = [\r\n      { c: b1===a1 && b2===a2, n: \"\u540c\u4e00\u95a2\u4fc2\", d: \"\u4fa1\u5024\u89b3\u3084\u601d\u8003\u30d7\u30ed\u30bb\u30b9\u304c\u5b8c\u5168\u306b\u4e00\u81f4\u3057\u3001\u6df1\u3044\u7406\u89e3\u3092\u5f97\u3089\u308c\u308b\u304c\u3001\u5f31\u70b9\u3082\u540c\u3058\u306b\u306a\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a5 && b2===a6, n: \"\u6700\u9ad8\u306e\u88dc\u5b8c\u95a2\u4fc2 (\u53cc\u5bfe\u95a2\u4fc2)\", d: \"\u81ea\u7136\u306b\u5f79\u5272\u304c\u5206\u304b\u308c\u3001\u304a\u4e92\u3044\u306e\u81f4\u547d\u7684\u306a\u5f31\u70b9\u3092\u88dc\u3044\u5408\u3048\u308b\u5fc3\u7406\u7684\u306b\u6700\u3082\u5feb\u9069\u306a\u95a2\u4fc2\" },\r\n      { c: b1===a6 && b2===a5, n: \"\u523a\u6fc0\u3057\u5408\u3046\u95a2\u4fc2 (\u6d3b\u6027\u5316\u95a2\u4fc2)\", d: \"\u4e00\u7dd2\u306b\u3044\u308b\u3068\u523a\u6fc0\u3092\u53d7\u3051\u5143\u6c17\u304c\u51fa\u308b\u304c\u3001\u30da\u30fc\u30b9\u304c\u9055\u3046\u305f\u3081\u9577\u671f\u7684\u306b\u306f\u75b2\u308c\u3084\u3059\u3044\u95a2\u4fc2\" },\r\n      { c: b1===a2 && b2===a1, n: \"\u93e1\u306e\u3088\u3046\u306a\u95a2\u4fc2 (\u93e1\u50cf\u95a2\u4fc2)\", d: \"\u4e92\u3044\u306e\u5f37\u307f\u3092\u5f15\u304d\u51fa\u3057\u5408\u3044\u3001\u523a\u6fc0\u3092\u4e0e\u3048\u5408\u3046\u4f3c\u3066\u975e\u306a\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a1 && b2===a4, n: \"\u540c\u5c5e\u95a2\u4fc2\", d: \"\u5f97\u610f\u5206\u91ce\u3084\u8208\u5473\u306f\u4f3c\u3066\u3044\u308b\u304c\u3001\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u7570\u306a\u308b\u305f\u3081\u30e9\u30a4\u30d0\u30eb\u306b\u3082\u306a\u308a\u3084\u3059\u3044\u95a2\u4fc2\" },\r\n      { c: b1===a3 && b2===a2, n: \"\u5354\u529b\u95a2\u4fc2\", d: \"\u624b\u6bb5\u306f\u540c\u3058\u3060\u304c\u76ee\u7684\u304c\u7570\u306a\u308b\u3002\u4e00\u5b9a\u306e\u8ddd\u96e2\u3092\u4fdd\u3066\u3070\u30d3\u30b8\u30cd\u30b9\u306e\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u512a\u79c0\u306a\u95a2\u4fc2\" },\r\n      { c: b1===a7 && b2===a6, n: \"\u52d8\u9055\u3044\u3057\u3084\u3059\u3044\u95a2\u4fc2 (\u5e7b\u60f3\u95a2\u4fc2)\", d: \"\u304f\u3064\u308d\u3052\u308b\u76f8\u624b\u3060\u3068\u932f\u899a\u3057\u3084\u3059\u3044\u304c\u3001\u4e00\u7dd2\u306b\u5b9f\u52d9\u3092\u884c\u3046\u3068\u3059\u308c\u9055\u3044\u304c\u751f\u3058\u3084\u3059\u3044\u95a2\u4fc2\" },\r\n      { c: b1===a3 && b2===a4, n: \"\u5c0a\u656c\u3068\u53cd\u767a (\u8d85\u81ea\u6211\u95a2\u4fc2)\", d: \"\u81ea\u5206\u306b\u306a\u3044\u3082\u306e\u3092\u6301\u3064\u305f\u3081\u5c0a\u656c\u3059\u308b\u304c\u3001\u4fa1\u5024\u89b3\u304c\u9006\u306e\u305f\u3081\u540c\u6642\u306b\u53cd\u767a\u3082\u611f\u3058\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a5 && b2===a8, n: \"\u5fae\u5999\u306a\u3059\u308c\u9055\u3044 (\u6e96\u53cc\u5bfe\u95a2\u4fc2)\", d: \"\u88dc\u5b8c\u95a2\u4fc2\u306b\u4f3c\u3066\u3044\u3066\u60f9\u304b\u308c\u5408\u3046\u304c\u3001\u5b8c\u5168\u306a\u88dc\u5b8c\u306b\u306f\u306a\u3089\u305a\u3082\u3069\u304b\u3057\u3055\u3092\u611f\u3058\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a4 && b2===a3, n: \"\u6b63\u53cd\u5bfe\u306e\u4e8c\u4eba (\u885d\u7a81\u95a2\u4fc2)\", d: \"\u4fa1\u5024\u89b3\u3082\u5224\u65ad\u57fa\u6e96\u3082\u771f\u9006\u3067\u7406\u89e3\u3057\u304c\u305f\u3044\u304c\u3001\u81ea\u5206\u306e\u76f2\u70b9\u3092\u7a81\u304b\u308c\u6700\u5927\u306e\u6210\u9577\u3092\u4fc3\u3059\u95a2\u4fc2\" },\r\n      { c: b1===a8 && b2===a7, n: \"\u4f3c\u3066\u308b\u3051\u3069\u9055\u3046 (\u6e96\u540c\u4e00\u95a2\u4fc2)\", d: \"\u8868\u9762\u4e0a\u306e\u8208\u5473\u3084\u8b70\u8ad6\u306f\u5408\u3046\u304c\u3001\u7d50\u8ad6\u3084\u672c\u8cea\u7684\u306a\u898b\u89e3\u304c\u3044\u3064\u307e\u3067\u3082\u5e73\u884c\u7dda\u3092\u305f\u3069\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a7 && b2===a8, n: \"\u30c9\u30e9\u30a4\u306a\u95a2\u4fc2 (\u6d88\u6ec5\u95a2\u4fc2)\", d: \"\u4e00\u5bfe\u4e00\u3067\u306f\u6df1\u304f\u8a9e\u308a\u5408\u3048\u308b\u304c\u3001\u7b2c\u4e09\u8005\u304c\u5165\u308b\u3068\u4e3b\u5c0e\u6a29\u4e89\u3044\u306b\u306a\u308a\u3084\u3059\u3044\u95a2\u4fc2\" },\r\n      { c: b1===a2 && b2===a3, n: \"\u76e3\u7763\u95a2\u4fc2 (\u3042\u306a\u305f\u304c\u30ea\u30fc\u30c9)\", d: \"\u3042\u306a\u305f\u304c\u76f8\u624b\u306e\u5f31\u70b9\u3092\u7121\u610f\u8b58\u306b\u7a81\u3044\u3066\u3057\u307e\u3044\u3001\u30ea\u30fc\u30c9\u3059\u308b\u5f62\u306b\u306a\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a4 && b2===a1, n: \"\u76e3\u7763\u95a2\u4fc2 (\u76f8\u624b\u304c\u30ea\u30fc\u30c9)\", d: \"\u76f8\u624b\u304b\u3089\u81ea\u5206\u306e\u75db\u3044\u3068\u3053\u308d\u3092\u6307\u6458\u3055\u308c\u3084\u3059\u304f\u3001\u30d7\u30ec\u30c3\u30b7\u30e3\u30fc\u3092\u611f\u3058\u3084\u3059\u3044\u95a2\u4fc2\" },\r\n      { c: b1===a6 && b2===a7, n: \"\u6069\u6075\u95a2\u4fc2 (\u3042\u306a\u305f\u304c\u4e0e\u3048\u308b)\", d: \"\u3042\u306a\u305f\u304c\u76f8\u624b\u306b\u65b0\u3057\u3044\u8996\u70b9\u3084\u30a4\u30f3\u30b9\u30d4\u30ec\u30fc\u30b7\u30e7\u30f3\u3092\u4e0e\u3048\u3001\u76f8\u624b\u304b\u3089\u6155\u308f\u308c\u308b\u95a2\u4fc2\" },\r\n      { c: b1===a8 && b2===a5, n: \"\u6069\u6075\u95a2\u4fc2 (\u76f8\u624b\u304b\u3089\u9802\u304f)\", d: \"\u76f8\u624b\u304b\u3089\u65b0\u3057\u3044\u8996\u70b9\u3092\u4e0e\u3048\u3089\u308c\u3001\u3042\u306a\u305f\u304c\u6069\u6075\u3068\u30b5\u30dd\u30fc\u30c8\u3092\u53d7\u3051\u53d6\u308b\u95a2\u4fc2\" }\r\n    ];\r\n\r\n    return rules.find(r => r.c) || { n: \"\u4e0d\u660e\u306a\u95a2\u4fc2\", d: \"\u5224\u5b9a\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\" };\r\n  }\r\n\r\n  \/* --- \u30c1\u30e3\u30fc\u30c8\u63cf\u753b\u30ed\u30b8\u30c3\u30af --- *\/\r\n  function renderStack(prefix, type) {\r\n    const conC = document.getElementById(`r16-stack-${prefix}-con`);\r\n    const uncC = document.getElementById(`r16-stack-${prefix}-unc`);\r\n    if (!conC || !uncC) return;\r\n    \r\n    conC.innerHTML = '';\r\n    uncC.innerHTML = '';\r\n    \r\n    const funcs = typeStack[type] || typeStack[\"ENTP\"]; \/\/ fallback\r\n    funcs.forEach((f, index) => {\r\n      const slot = index + 1;\r\n      const container = slot <= 4 ? conC : uncC;\r\n      \r\n      const box = document.createElement('div');\r\n      const isExtroverted = f.endsWith('e');\r\n      const themeClass = isExtroverted ? 'r16-bg-E' : 'r16-bg-I';\r\n      \r\n      box.className = `r16-func-box ${themeClass}`;\r\n      box.dataset.func = f;\r\n      \r\n      box.addEventListener('mouseenter', () => handleHover(f, true));\r\n      box.addEventListener('mouseleave', () => handleHover(f, false));\r\n\r\n      box.innerHTML = `<span class=\"r16-box-role\">${slotNames[slot]}<\/span><span class=\"r16-box-code\">${f}<\/span>`;\r\n      container.appendChild(box);\r\n    });\r\n  }\r\n\r\n  function handleHover(funcCode, isHovering) {\r\n    document.querySelectorAll(`.r16-func-box[data-func=\"${funcCode}\"]`).forEach(b => {\r\n      isHovering ? b.classList.add('r16-highlight') : b.classList.remove('r16-highlight');\r\n    });\r\n    document.querySelectorAll(`.r16-conn-line[data-func=\"${funcCode}\"]`).forEach(l => {\r\n      isHovering ? l.classList.add('r16-active') : l.classList.remove('r16-active');\r\n    });\r\n  }\r\n\r\n  function drawLinesForArea(areaId, svgId) {\r\n    const chartArea = document.getElementById(areaId);\r\n    const svg = document.getElementById(svgId);\r\n    if (!chartArea || !svg) return;\r\n    \r\n    svg.innerHTML = '';\r\n    if (chartArea.offsetParent === null) return; \/\/ \u975e\u8868\u793a\u6642\u306f\u30b9\u30ad\u30c3\u30d7\r\n    \r\n    const cr = chartArea.getBoundingClientRect();\r\n    const bMe = Array.from(chartArea.querySelectorAll('.r16-col-left .r16-func-box'));\r\n    const bPt = Array.from(chartArea.querySelectorAll('.r16-col-right .r16-func-box'));\r\n    \r\n    if (!bMe.length || !bPt.length) return;\r\n\r\n    bMe.forEach(b1 => {\r\n      const f1 = b1.dataset.func;\r\n      bPt.forEach(b2 => {\r\n        const f2 = b2.dataset.func;\r\n        if (f1 === f2) {\r\n          const r1 = b1.getBoundingClientRect();\r\n          const r2 = b2.getBoundingClientRect();\r\n          \r\n          \/\/ SVG\u304c\u7d76\u5bfe\u914d\u7f6e(top:0, left:0)\u306a\u306e\u3067\u3001getBoundingClientRect\u3068\u306e\u5dee\u5206\u3067\u63cf\u753b\r\n          const x1 = r1.right - cr.left;\r\n          const y1 = (r1.top + r1.height \/ 2) - cr.top;\r\n          const x2 = r2.left - cr.left;\r\n          const y2 = (r2.top + r2.height \/ 2) - cr.top;\r\n          \r\n          const line = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n          line.setAttribute('d', `M ${x1} ${y1} L ${x2} ${y2}`);\r\n          line.setAttribute('class', 'r16-conn-line');\r\n          line.dataset.func = f1;\r\n          \r\n          svg.appendChild(line);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  function showResults() {\r\n    els.loadingScreen.classList.add('r16-hidden');\r\n    els.resultScreen.classList.remove('r16-hidden');\r\n    \r\n    if (els.root.scrollIntoView) {\r\n      els.root.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n    }\r\n\r\n    const myTypes = calculateType(scores.me);\r\n    const ptTypes = calculateType(scores.pt);\r\n\r\n    els.myTypes.innerHTML = myTypes.join('<br>');\r\n    els.ptTypes.innerHTML = ptTypes.join('<br>');\r\n\r\n    \/\/ \u95a2\u4fc2\u306e\u578b\u30c6\u30ad\u30b9\u30c8\u751f\u6210\r\n    const rel1 = getRelation(myTypes[0], ptTypes[0]);\r\n    const rel2 = getRelation(myTypes[1], ptTypes[1]);\r\n\r\n    els.relationList.innerHTML = '';\r\n    const addRel = (rel, patternNum) => {\r\n      const div = document.createElement('div');\r\n      div.className = 'r16-relation-item r16-fade-in';\r\n      div.innerHTML = `<div class=\"r16-relation-name\">\u3010\u305d\u306e${patternNum}\u3011 ${rel.n}<\/div><div class=\"r16-relation-desc\">${rel.d}<\/div>`;\r\n      els.relationList.appendChild(div);\r\n    };\r\n\r\n    addRel(rel1, 1);\r\n    \r\n    \/\/ \u30c1\u30e3\u30fc\u30c8\u305d\u306e1\u306e\u751f\u6210\r\n    document.getElementById('r16-chart-title-1').innerText = `\u3010\u305d\u306e1\u3011 ${myTypes[0]} \u3068 ${ptTypes[0]} \u306e\u7d50\u3073\u3064\u304d`;\r\n    renderStack('me-1', myTypes[0]);\r\n    renderStack('pt-1', ptTypes[0]);\r\n    document.getElementById('r16-chart-area-1').style.display = 'block';\r\n\r\n    if (rel1.n !== rel2.n) {\r\n      addRel(rel2, 2);\r\n      \/\/ \u30c1\u30e3\u30fc\u30c8\u305d\u306e2\u306e\u751f\u6210\u3068\u8868\u793a\r\n      document.getElementById('r16-chart-title-2').innerText = `\u3010\u305d\u306e2\u3011 ${myTypes[1]} \u3068 ${ptTypes[1]} \u306e\u7d50\u3073\u3064\u304d`;\r\n      renderStack('me-2', myTypes[1]);\r\n      renderStack('pt-2', ptTypes[1]);\r\n      document.getElementById('r16-chart-area-2').style.display = 'block';\r\n    } else {\r\n      \/\/ \u5168\u304f\u540c\u3058\u5834\u5408\u306f\u305d\u306e2\u3092\u975e\u8868\u793a\r\n      document.getElementById('r16-chart-area-2').style.display = 'none';\r\n    }\r\n\r\n    \/\/ DOM\u306e\u63cf\u753b\u304c\u5b8c\u4e86\u3057\u3066\u304b\u3089\u7dda\u3092\u5f15\u304f\r\n    setTimeout(() => {\r\n      requestAnimationFrame(() => {\r\n        drawLinesForArea('r16-chart-area-1', 'r16-conn-svg-1');\r\n        if (rel1.n !== rel2.n) {\r\n          drawLinesForArea('r16-chart-area-2', 'r16-conn-svg-2');\r\n        }\r\n      });\r\n    }, 100);\r\n  }\r\n\r\n  \/* =========================================================\r\n     EVENT BINDINGS\r\n     ========================================================= *\/\r\n  function bindEvents() {\r\n    if (!initElements()) {\r\n      setTimeout(bindEvents, 100);\r\n      return;\r\n    }\r\n    els.btnStart.addEventListener('click', startTest);\r\n    els.btnNextPhase.addEventListener('click', nextPhase);\r\n\r\n    \/\/ \u30ea\u30b5\u30a4\u30ba\u6642\u306b\u7dda\u3092\u518d\u63cf\u753b\r\n    window.addEventListener('resize', () => {\r\n      if (!els.resultScreen.classList.contains('r16-hidden')) {\r\n        requestAnimationFrame(() => {\r\n          drawLinesForArea('r16-chart-area-1', 'r16-conn-svg-1');\r\n          drawLinesForArea('r16-chart-area-2', 'r16-conn-svg-2');\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', bindEvents);\r\n  } else {\r\n    bindEvents();\r\n  }\r\n\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>\u3042\u306a\u305f\u3068\u76f8\u624b\u306e\u300c\u95a2\u4fc2\u306e\u30d1\u30bf\u30fc\u30f3\u300d\u3092\u5206\u6790\u3057\u307e\u3059 \u76f4\u611f\u3067\u7b54\u3048\u3089\u308c\u308b24\u306e\u8cea\u554f\u304b\u3089\u3001\u304a\u4e92\u3044\u306e\u30bf\u30a4\u30d7\u5019\u88dc\u3068\u95a2\u4fc2\u6027\u306e\u578b\u3092\u5c0e\u304d\u51fa\u3057\u307e\u3059\u3002 \u8a3a\u65ad\u3092\u59cb\u3081\u308b STEP 1 \u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f \u6b21\u306f\u300c\u76f8\u624b\u300d\u306b\u3064\u3044\u3066\u3001\u3042\u306a\u305f\u306e\u76f4\u611f\u3084\u898b\u3048\u65b9\u3067\u7b54\u3048\u3066 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-16184","type-relation","type-type-relation","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/type-relation\/16184","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=16184"}],"version-history":[{"count":0,"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/type-relation\/16184\/revisions"}],"wp:attachment":[{"href":"https:\/\/seikaku-type.com\/enneagram-session\/wp-json\/wp\/v2\/media?parent=16184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}