<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>16の性格/８つの心理機能 | 性格タイプ</title>
	<atom:link href="https://seikaku-type.com/16types/feed" rel="self" type="application/rss+xml" />
	<link>https://seikaku-type.com</link>
	<description>エニアグラム：9つの性格ｘウィング18ｘ本能27のメディア。オンラインレッスン＋カウンセリング開催中</description>
	<lastBuildDate>Thu, 04 Jun 2026 21:16:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://seikaku-type.com/wp-content/uploads/2017/08/cropped-favicon-32x32.png</url>
	<title>16の性格/８つの心理機能 | 性格タイプ</title>
	<link>https://seikaku-type.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ペルソナ診断シミュレーター｜16タイプで図解する自己内関係性</title>
		<link>https://seikaku-type.com/16types/persona-type</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Thu, 04 Jun 2026 14:58:49 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18324</guid>

					<description><![CDATA[Inner Dynamics Chart (8 Functions) ペルソナ診断｜16の仮面の型 「本来の自分」と「外に出す自分」の8つの心理機能のズレを可視化 本来の心の核（コア） タイプを選択&#8230; 外に出 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc"><div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="1024" height="572" src="https://seikaku-type.com/wp-content/uploads/image-10-67.jpg" alt="" class="wp-image-18341" srcset="https://seikaku-type.com/wp-content/uploads/image-10-67.jpg 1024w, https://seikaku-type.com/wp-content/uploads/image-10-67-300x168.jpg 300w, https://seikaku-type.com/wp-content/uploads/image-10-67-160x90.jpg 160w, https://seikaku-type.com/wp-content/uploads/image-10-67-768x429.jpg 768w, https://seikaku-type.com/wp-content/uploads/image-10-67-320x180.jpg 320w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
</div>


<div id="mbti-persona-app-2026-wrapper">
    <style>
        /* ============================
           WordPress干渉防止用スコープ
           すべてのスタイルはこのID内のみに適用されます
        ============================ */
        #mbti-persona-app-2026-wrapper {
            --ink: #333333;
            --ink-sub: #666666;
            --ink-light: #999999;
            --bg-base: #ffffff;       /* 白背景ブログに馴染むベース色 */
            --bg-sub: #fcfcfc;        /* ほんの少しだけ色をつけた背景 */
            --border: #eeeeee;        /* 柔らかい境界線 */
            --accent: #c2410c;
            --accent-soft: #fed7aa;
            --accent-pale: #fff7ed;
            --blue: #1e40af;
            --blue-soft: #dbeafe;
            --blue-pale: #eff6ff;
            --c-te: #54a0ff; --c-ti: #7f8fa6;
            --c-fe: #ff6b6b; --c-fi: #ff9ff3;
            --c-ne: #feca57; --c-ni: #f39c12;
            --c-se: #1dd1a1; --c-si: #2bcbba;

            max-width: 900px; 
            margin: 40px auto; 
            font-family: "Meiryo", "メイリオ", sans-serif; 
            color: var(--ink); 
            line-height: 1.6;
            background-color: transparent;
            box-sizing: border-box;
        }

        #mbti-persona-app-2026-wrapper * { 
            box-sizing: border-box; 
            margin: 0; 
            padding: 0; 
        }

        /* ============================
           ヘッダーエリア
        ============================ */
        #mbti-persona-app-2026-wrapper .chart-header { text-align: center; margin-bottom: 30px; }
        #mbti-persona-app-2026-wrapper .chart-tag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 2px; color: var(--ink-sub); background: #f3f4f6; padding: 5px 16px; border-radius: 50px; margin-bottom: 12px; text-transform: uppercase; border: 1px solid var(--border); }
        #mbti-persona-app-2026-wrapper .chart-title { font-size: clamp(20px, 5vw, 26px); font-weight: 800; color: var(--ink); line-height: 1.4; margin-bottom: 8px; }
        #mbti-persona-app-2026-wrapper .chart-subtitle { font-size: 14px; color: var(--ink-sub); }

        /* ============================
           コントロール（選択）エリア
        ============================ */
        #mbti-persona-app-2026-wrapper .controls-card { background: var(--bg-sub); border-radius: 16px; padding: 24px; box-shadow: 0 4px 24px rgba(0,0,0,0.02); border: 1px solid var(--border); margin-bottom: 24px; }
        #mbti-persona-app-2026-wrapper .selector-row { display: flex; flex-direction: column; gap: 20px; }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .selector-row { flex-direction: row; } }
        
        #mbti-persona-app-2026-wrapper .selector-group { flex: 1; display: flex; flex-direction: column; gap: 8px; }
        #mbti-persona-app-2026-wrapper .selector-label { font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 8px; text-indent:0; }
        #mbti-persona-app-2026-wrapper .label-core { color: var(--accent); }
        #mbti-persona-app-2026-wrapper .label-persona { color: var(--blue); }
        #mbti-persona-app-2026-wrapper .label-badge { font-size: 10px; padding: 3px 10px; border-radius: 4px; color: white; letter-spacing: 1px; }
        #mbti-persona-app-2026-wrapper .bg-core { background: var(--accent); }
        #mbti-persona-app-2026-wrapper .bg-persona { background: var(--blue); }
        
        #mbti-persona-app-2026-wrapper select.custom-select { width: 100%; padding: 14px 16px; font-size: 15px; font-weight: 700; border: 2px solid var(--border); border-radius: 12px; background-color: var(--bg-base); color: var(--ink); outline: none; cursor: pointer; transition: all 0.2s; appearance: none; 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='%23999999' 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"); background-repeat: no-repeat; background-position: right 16px center; background-size: 14px; height:50px;}
        #mbti-persona-app-2026-wrapper select.custom-select:focus { border-color: var(--ink-light); }

        /* ============================
           結果表示エリア
        ============================ */
        #mbti-persona-app-2026-wrapper .result-card { background: var(--bg-base); border-radius: 16px; border: 1px solid var(--border); overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.04); display: none; animation: aishoFadeIn 0.4s ease-out; }
        @keyframes aishoFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        #mbti-persona-app-2026-wrapper .result-header { padding: 32px 24px; text-align: center; border-bottom: 1px dashed var(--border); background: var(--bg-sub); }
        #mbti-persona-app-2026-wrapper .relation-badge { display: inline-block; font-size: 13px; font-weight: 800; padding: 6px 20px; border-radius: 50px; margin-bottom: 12px; letter-spacing: 1px; border: 1px solid transparent; }
        #mbti-persona-app-2026-wrapper .relation-name { font-size: 22px; font-weight: 800; color: var(--ink); margin-bottom: 24px; }
        
        #mbti-persona-app-2026-wrapper .desc-container { display: flex; flex-direction: column; gap: 16px; max-width: 700px; margin: 0 auto; text-align: left; }
        #mbti-persona-app-2026-wrapper .desc-box { background: var(--bg-base); padding: 20px 24px; border-radius: 12px; border: 1px solid var(--border); position: relative; }
        #mbti-persona-app-2026-wrapper .desc-box.gen-box { border-left: 4px solid var(--accent); }
        #mbti-persona-app-2026-wrapper .desc-box.func-box { border-left: 4px solid var(--blue); background: var(--bg-sub); }
        #mbti-persona-app-2026-wrapper .desc-label { font-size: 11px; font-weight: 900; letter-spacing: 1px; margin-bottom: 12px; }
        #mbti-persona-app-2026-wrapper .gen-box .desc-label { color: var(--accent); }
        #mbti-persona-app-2026-wrapper .func-box .desc-label { color: var(--blue); }
        #mbti-persona-app-2026-wrapper .relation-desc { font-size: 14.5px; color: var(--ink-sub); line-height: 1.8; }
        
        /* リッチテキスト装飾用スタイル */
        #mbti-persona-app-2026-wrapper .relation-desc strong { font-weight: 800; color: var(--ink); background: linear-gradient(transparent 60%, var(--accent-soft) 60%); }
        #mbti-persona-app-2026-wrapper .result-footer { padding: 32px 24px; border-top: 1px dashed var(--border); background: var(--bg-sub); }
        
        /* ============================
           スタック（8機能）エリア
        ============================ */
        #mbti-persona-app-2026-wrapper .stacks-container { display: flex; flex-direction: row; padding: 32px 12px; gap: 16px; justify-content: center; }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .stacks-container { padding: 40px 24px; gap: 60px; } }
        
        #mbti-persona-app-2026-wrapper .stack-column { flex: 1; display: flex; flex-direction: column; gap: 20px; min-width: 0; width: 100%; max-width: 340px; }
        
        #mbti-persona-app-2026-wrapper .stack-main-title { font-size: 14px; font-weight: 900; text-align: center; padding-bottom: 10px; border-bottom: 2px solid; margin-bottom: 4px; white-space: nowrap; letter-spacing: 0; }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .stack-main-title { font-size: 18px; padding-bottom: 12px; letter-spacing: 1px; } }
        
        #mbti-persona-app-2026-wrapper .title-core { color: var(--accent); border-color: var(--accent-soft); }
        #mbti-persona-app-2026-wrapper .title-persona { color: var(--blue); border-color: var(--blue-soft); }
        
        #mbti-persona-app-2026-wrapper .stack-section { background: var(--bg-sub); border-radius: 12px; padding: 16px 8px; border: 1px solid var(--border); }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .stack-section { padding: 20px 16px; } }
        
        #mbti-persona-app-2026-wrapper .section-label { font-size: 11px; font-weight: 800; color: var(--ink-light); text-align: center; margin-bottom: 16px; letter-spacing: 1px; }
        
        #mbti-persona-app-2026-wrapper .func-list { display: flex; flex-direction: column; gap: 8px; }
        
        #mbti-persona-app-2026-wrapper a.func-box { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--border); background: var(--bg-base); cursor: pointer; transition: all 0.2s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper a.func-box { padding: 12px 16px; } }
        
        #mbti-persona-app-2026-wrapper a.func-box:hover { background: var(--bg-sub); border-color: #ddd; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
        #mbti-persona-app-2026-wrapper a.func-box.highlight { transform: scale(1.03); box-shadow: 0 6px 16px rgba(0,0,0,0.08); border-color: var(--ink-light); z-index: 10; }
        #mbti-persona-app-2026-wrapper a.func-box.highlight::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: var(--ink-sub); }
        
        #mbti-persona-app-2026-wrapper .func-role { font-size: 10px; font-weight: 800; color: var(--ink-light); line-height: 1.2; flex-shrink: 0; width: 55px; }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .func-role { font-size: 11px; width: 65px; } }
        
        #mbti-persona-app-2026-wrapper .func-code { font-size: 14px; font-weight: 900; color: var(--ink); display: flex; align-items: center; gap: 6px; }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .func-code { font-size: 16px; gap: 10px; } }
        
        #mbti-persona-app-2026-wrapper .func-dot { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1); }
        @media (min-width: 640px) { #mbti-persona-app-2026-wrapper .func-dot { width: 14px; height: 14px; } }

        /* Function Colors */
        #mbti-persona-app-2026-wrapper .c-Te { background: var(--c-te); } #mbti-persona-app-2026-wrapper .c-Ti { background: white; border: 3px solid var(--c-ti); }
        #mbti-persona-app-2026-wrapper .c-Fe { background: var(--c-fe); } #mbti-persona-app-2026-wrapper .c-Fi { background: white; border: 3px solid var(--c-fi); }
        #mbti-persona-app-2026-wrapper .c-Ne { background: var(--c-ne); } #mbti-persona-app-2026-wrapper .c-Ni { background: white; border: 3px solid var(--c-ni); }
        #mbti-persona-app-2026-wrapper .c-Se { background: var(--c-se); } #mbti-persona-app-2026-wrapper .c-Si { background: white; border: 3px solid var(--c-si); }
        

    </style>

    <div class="chart-header">
        <div class="chart-tag">Inner Dynamics Chart (8 Functions)</div>
        <h2 class="chart-title">ペルソナ診断｜16の仮面の型</h2>
        <p class="chart-subtitle">「本来の自分」と「外に出す自分」の8つの心理機能のズレを可視化</p>
    </div>

    <div class="controls-card">
        <div class="selector-row">
            <div class="selector-group">
                <label class="selector-label label-core">
                    本来の心の核（コア）
                </label>
                <select id="sel-core" class="custom-select">
                    <option value="">タイプを選択&#8230;</option>
                </select>
            </div>
            <div class="selector-group">
                <label class="selector-label label-persona">
                    外に出す自分（ペルソナ）
                </label>
                <select id="sel-persona" class="custom-select">
                    <option value="">タイプを選択&#8230;</option>
                </select>
            </div>
        </div>
    </div>

    <!-- 結果表示カード（初期非表示） -->
    <div id="result-card" class="result-card">
        
        <!-- 1. 一般的な解説（上部） -->
        <div class="result-header">
            <div id="relation-badge" class="relation-badge"></div>
            <div id="relation-name" class="relation-name"></div>
            
            <div class="desc-container">
                <div class="desc-box gen-box">
                    <div class="desc-label">心の状態とペルソナの解説</div>
                    <div id="relation-desc-general" class="relation-desc"></div>
                </div>
            </div>
        </div>
        <div class="relation-name" style="text-align:center; padding-top:30px">心理機能から検証</div>
        <!-- 2. 心理機能スタック図（中間） -->
        <div class="stacks-container">
            <!-- 左：コア -->
            <div class="stack-column">
                <div class="stack-main-title title-core">自認タイプ</div>
                <div class="stack-section">
                    <div class="section-label">意識の領域（1〜4）</div>
                    <div id="stack-core-conscious" class="func-list"></div>
                </div>
                <div class="stack-section">
                    <div class="section-label">無意識・影の領域（5〜8）</div>
                    <div id="stack-core-unconscious" class="func-list"></div>
                </div>
            </div>

            <!-- 右：ペルソナ -->
            <div class="stack-column">
                <div class="stack-main-title title-persona">今のタイプ</div>
                <div class="stack-section">
                    <div class="section-label">意識の領域（1〜4）</div>
                    <div id="stack-persona-conscious" class="func-list"></div>
                </div>
                <div class="stack-section">
                    <div class="section-label">無意識・影の領域（5〜8）</div>
                    <div id="stack-persona-unconscious" class="func-list"></div>
                </div>
            </div>
        </div>

        <!-- 3. 心理機能的な解説（下部） -->
        <div class="result-footer">
            <div class="desc-container">
                <div class="desc-box func-box">
                    <div class="desc-label">専門的な機能配置の解説</div>
                    <div id="relation-desc-function" class="relation-desc"></div>
                </div>
            </div>
        </div>

    </div>

    <script>
        (function() {
            // 8つの心理機能スタック（1〜4: 意識, 5〜8: 無意識/影）
            const typeStacks = {
                "ESTJ": ["Te", "Si", "Ne", "Fi", "Ti", "Se", "Ni", "Fe"],
                "ISTJ": ["Si", "Te", "Fi", "Ne", "Se", "Ti", "Fe", "Ni"],
                "ESFJ": ["Fe", "Si", "Ne", "Ti", "Fi", "Se", "Ni", "Te"],
                "ISFJ": ["Si", "Fe", "Ti", "Ne", "Se", "Fi", "Te", "Ni"],
                "ESTP": ["Se", "Ti", "Fe", "Ni", "Si", "Te", "Fi", "Ne"],
                "ISTP": ["Ti", "Se", "Ni", "Fe", "Te", "Si", "Ne", "Fi"],
                "ESFP": ["Se", "Fi", "Te", "Ni", "Si", "Fe", "Ti", "Ne"],
                "ISFP": ["Fi", "Se", "Ni", "Te", "Fe", "Si", "Ne", "Ti"],
                "ENTJ": ["Te", "Ni", "Se", "Fi", "Ti", "Ne", "Si", "Fe"],
                "INTJ": ["Ni", "Te", "Fi", "Se", "Ne", "Ti", "Fe", "Si"],
                "ENTP": ["Ne", "Ti", "Fe", "Si", "Ni", "Te", "Fi", "Se"],
                "INTP": ["Ti", "Ne", "Si", "Fe", "Te", "Ni", "Se", "Fi"],
                "ENFJ": ["Fe", "Ni", "Se", "Ti", "Fi", "Ne", "Si", "Te"],
                "INFJ": ["Ni", "Fe", "Ti", "Se", "Ne", "Fi", "Te", "Si"],
                "ENFP": ["Ne", "Fi", "Te", "Si", "Ni", "Fe", "Ti", "Se"],
                "INFP": ["Fi", "Ne", "Si", "Te", "Fe", "Ni", "Se", "Ti"]
            };

            const roleNames = [
                "主機能", "補助機能", "代替機能", "劣等機能",
                "対抗機能", "批判機能", "盲点機能", "悪魔機能"
            ];

            // 心理機能のURL用スラッグ対応表
            const funcUrlSlugs = {
                "Te": "extraverted-thinking",
                "Ti": "introverted-thinking",
                "Fe": "extraverted-feeling",
                "Fi": "introverted-feeling",
                "Se": "extraverted-sensing",
                "Si": "introverted-sensing",
                "Ne": "extraverted-intuition",
                "Ni": "introverted-intuition"
            };

            /* =========================================
               解説データの定義（文字装飾が可能）
               <strong> などのタグを使って自由に編集できます。
            ========================================= */
            const relationData = {
                "同一": {
                    badge: "同一ペルソナ", bg: "#f0fdf4", text: "#166534", border: "#bbf7d0",
                    descGen: "ペルソナがない状態。非常に自然体で<strong>自分らしく</strong>生きている。<br>無理をして別のタイプを演じる必要がなく、非常に自然体でストレスの少ない状態です。ありのままの自分の価値観や強みに従っている状態。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>どんな時でも、選んだタイプでいる自信がある。基本、ペルソナの影響を受けていない。人の意見にも左右されない状態。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>但し、その状態が幸せかどうかは別。自分のタイプに固執しすぎてしまい、環境の変化に対して適応力を失う危険性あり。タイプを理由に、苦手な事を避け、気づけば闇落ちする事も...。逆説的かもしれませんが、<span style='color: #059669; font-weight: 900;'>ペルソナ</span>は必要です</div>" +
                             "</div>",
                    descFunc: "第1〜第4領域までの並びが完全に一致しています。<br><span style='color: var(--blue); font-weight:800;'>コアの最も得意な領域</span>をそのままペルソナの主軸として社会に打ち出しているため、内面と外面における葛藤がありません。但し、その状態が幸せかどうかは別物です。16タイプにドハマりしているガチ勢によくある傾向です。"
                },
                "同属": {
                    badge: "同属ペルソナ", bg: "#f0fdf4", text: "#166534", border: "#bbf7d0",
                    descGen: "人生の根本的な目的や価値観は本来のままですが、それを達成するための<strong>アプローチや手段</strong>を環境に合わせて変えている状態です。<br>自分の核は曲げずに、外の世界への対応方法だけを柔軟に適応させている状態です。ENFPだけれど、状況に合わせてENTPとして振る舞っている状態。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 目的を見失わず、状況に合わせて最も効果的な手段を使い分けられる高い適応力を発揮します。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>自分を使い分けるのに疲れ果て、器用貧乏に陥る感覚を抱くことがあります。世渡り上手に見えますが、内側では見えないストレスをため込む傾向があります。</div>" +
                             "</div>",
                    descFunc: "1番目の得意領域は同一ですが、2番目と3番目の領域が入れ替わっています。<br>同じタイプの人に出会い、コンプレックスを抱いたときに被りやすいペルソナです。意識的に使い割れる事ができれば最強ですが、時々、どちらが本当の自分かわからなくなる罠にハマります。"
                },
                "協力": {
                    badge: "協力ペルソナ", bg: "#eff6ff", text: "#1e40af", border: "#bfdbfe",
                    descGen: "得意な手段や実務的な対応力は本来のままですが、向かうべき目的や理想を<strong>グループの要請に合わせて変えている</strong>状態です。<br>割り切っているようで、ふと「何のためにこれをやっているんだっけ？」と虚無感を覚えることがあるかもしれません。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 自分の強みを社会のニーズに合わせて提供でき、現実面でも非常に高い成果を上げられます。但し、本来臨んだ生き方ができずにストレスを抱えているかもしれません。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 「自分のあり方」が分からなくなり、人生に対する強い虚無感やアイデンティティの喪失に襲われる事があります。最終的には両者を統合する必要がありますが、その時は葛藤を抱える事になるでしょう。</div>" +
                             "</div>",
                    descFunc: "2番目の手段領域は同一ですが、1番目の主軸が異なります。<br>社会での実行手段は本来の強みを活かしつつ、向かうべきゴールを環境の要求に合わせてシフトさせて適応しています。"
                },
                "鏡像": {
                    badge: "鏡像ペルソナ", bg: "#eff6ff", text: "#1e40af", border: "#bfdbfe",
                    descGen: "外向と内向が<strong>反転</strong>するペルソナです。<br>自分の生き方に自信を失うときに現れやすいです。本当は外の世界と接するのが好きだけれど、コミュニケーションに自信を無くし自分の殻にこもる...本当は内側の世界を充実させたいけれど、自給自足ができず、外の世界に振り回されて消耗する...など不健全一歩手前に現れます。よい意味でバランスを取ろうとしている、悪い意味でバランスを失いかけている感じです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 外向と内向のバランスが取れているなら非常に健全です。そういう時期は大事です。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 自分の本来のリズムが崩され続け、内なる不満が蓄積して突然周囲に対して攻撃的になるか、過度に自閉的になるかもしれません。</div>" +
                             "</div>",
                    descFunc: "1番目と2番目の得意領域が反転しています。<br>どちらも意識的に使いこなせる上位領域ですが、内向・外向のエネルギーの優先順位が逆転しているため、本来の思考・行動ペースを乱されるとストレスを感じます。どの部分が外向で、どの部分が内向なのかをキチンと言語化できると最強のペルソナです。"
                },
                "双対": {
                    badge: "双対ペルソナ", bg: "#fffbeb", text: "#b45309", border: "#fde68a",
                    descGen: "J/P指標以外すべて入れ替わるペルソナです。本来の自分が最も無防備で苦手である部分に対して適切に対処できている<strong>非常に特殊な状態</strong>です。<br>まるで別人になったような感覚かも知れません。非常に良い状態ですが、突然ガス欠するので、注意が必要。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>フローやゾーンを感じる瞬間かもしれません。再現できるように心がけてください。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 外での鎧が重すぎて一人になった時に激しく消耗し、「誰も本当の自分を分かってくれない」という孤独感に苛まれます。</div>" +
                             "</div>",
                    descFunc: "コアの1番得意な領域がペルソナの最も深い無意識の底（第7）に、2番目が完全なる死角（第8）にあたります。<br>自分の盲点領域にまでリーチできている状態です。自分が自分でない感覚を享受できます。"
                },
                "超自我": {
                    badge: "超自我ペルソナ", bg: "#faf5ff", text: "#6b21a8", border: "#e9d5ff",
                    descGen: "本来の自分にはない要素を<strong>強引に取り入れている</strong>ペルソナです。<br>外側に対して「こうなりたい」と思いながらも、自分の内側では常に「本当の自分はこんな人じゃない！」というインポスター症候群（詐欺師感覚）に陥りやすくなります。占い・自己啓発セミナー・コーチングを受けた後に発生しやすいです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>良い意味で「心の底から変わりたい」と思える瞬間かもしれません。強引に自分を変えようとするときに被りやすいペルソナです。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>非常にストレスフルなペルソナです。このペルソナに疲れたら、元の自分に戻ってください。</div>" +
                             "</div>",
                    descFunc: "１～８の順番がそっくり入れ替わります。無意識・影の領域（第5〜8）を無理やり意識化しているペルソナとも言えます。<br>エゴとスーパーエゴ（超自我）が乖離し、強烈な自己理想化と空虚感を引き起こします。"
                },
                "衝突": {
                    badge: "衝突ペルソナ", bg: "#fef2f2", text: "#b91c1c", border: "#fecaca",
                    descGen: "記号が全部逆になります。苦手な部分を<strong>克服</strong>するときに被りやすいペルソナです。<br>コンプレックスや苦手意識が如実に表に出ます。もしも、あなたがNFPやINFJを自認して生きづらさを本当に感じてるのなら、真逆のタイプを検討してみてください。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>自分のコンプレックスを正面から克服し、驚異的なタフさで困難な環境を生き抜く力が身に付くかもしれません。修行だと割り切るのもありです。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 本来の感情や欲求が満たされず、メンタルは不安定です。劣等感に悩まされ、何をしても満たされないかもしれません。</div>" +
                             "</div>",
                    descFunc: "コアの1番得意な領域がペルソナの最も苦手な領域付近に位置し、互いに反発し合います。<br>本来最も信頼しているものを抑圧し、最も反発を覚えるものをペルソナの主軸に置いているため、極めて強い心理的葛藤が生じます。"
                },
                "活性化": {
                    badge: "活性化ペルソナ", bg: "#fff7ed", text: "#c2410c", border: "#fed7aa",
                    descGen: "良くも悪くも<strong>脳汁が出ている状態</strong>で被るペルソナです。<br>外向であれば誰とでも会話が盛り上がっている状態。内向であれば内側の気持ちが自然と満たされている状態です。いずれにせよ、<strong>エネルギッシュ</strong>です。但し、ガス欠しやすいです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>愛嬌とエネルギーに溢れ、周囲を巻き込んで楽しく活気のあるポジションを確立できます。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 躁状態のように無理にはしゃぎ続け、限界を迎えると突然スイッチが切れたように無気力になります。</div>" +
                             "</div>",
                    descFunc: "コアの1番の領域とペルソナの3番目の領域が交差しています。<br>本来はリラックスして使う3番目の領域をペルソナの主軸に据えているため、過剰に活動的（ハイテンション）になる傾向があります。"
                },
                "消滅": {
                    badge: "消滅ペルソナ", bg: "#f9fafb", text: "#374151", border: "#e5e7eb",
                    descGen: "別名<strong>シャドウペルソナ</strong>。EとI、JとP...端の二つが入れ替わる状態です。<br>ユング心理学でいう「影の人格(シャドウ)」が現れるペルソナです。自分が二重人格に感じる瞬間に訪れます。このペルソナが現れたときは、これまで無視し続けた別の側面と向き合う時かもしれません。非常い大事なペルソナです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>いい意味で<strong>自己理解</strong>ができている状態かもしれません。ようこそ！無意識の入口へ...オカルトではありません。理屈があります。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>影の自分が本来の自分に対して制限をかける（もしくは煽る）ような感覚に包まれて、ストレスを感じます。この状態を可視化できたら、一皮むけます。</div>" +
                             "</div>",
                    descFunc: "機能のジャンル（思考/感情など）は同じですが、エネルギーのベクトル（内向/外向）が全て反転しています。<br>自己の深層と表層のエネルギー方向が相殺され、感情移入の少ないドライな状態を作ります。"
                },
                "準同一": {
                    badge: "準同一ペルソナ", bg: "#f9fafb", text: "#374151", border: "#e5e7eb",
                    descGen: "得意とするアプローチのジャンルは似ていますが、エネルギーの方向性が違うため、自分の中で<strong>「建前」と「本音」</strong>が常にパラレルワールドのように存在し、決して交わらないような不思議な乖離感覚を抱きやすいペルソナです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span>時に計画的に、時に柔軟に...と独自の多面的な視点を持ち、異なる価値観の間に立って物事を俯瞰できる状態です。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>自分がJ型か、P型か迷います。もしも、ストレスを感じなければ、そのままでOKです。但し、このペルソナが強すぎると、他者に対して威圧的になります。人間関係に問題が生じたら向き合ってください。</div>" +
                             "</div>",
                    descFunc: "コアの1番と第5、2番と第6が対応しています。<br>使っている領域は似ていますが、内向・外向のベクトルの違いから、内なる本音と社会への建前が交わらない内的乖離を引き起こします。"
                },
                "幻想": {
                    badge: "幻想ペルソナ", bg: "#fff7ed", text: "#c2410c", border: "#fed7aa",
                    descGen: "本来の自分の中に<strong>「ないもの」</strong>を求めると被りやすいペルソナです。<br>この顔を被り続けると、ふとした瞬間に「こんなはずじゃなかった」という空虚感や違和感に襲われることがあります。本当にそのタイプの人に出会うと自信を失います。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 新しい環境への初期適応が非常に早く、第一印象で周囲の期待にスムーズに応えることができます。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 長期的なモチベーションが続かず、途中で急にすべてを投げ出したくなる衝動に駆られます。心のリバウンドに気を付けてください。</div>" +
                             "</div>",
                    descFunc: "1番目のベクトルが外向/内向で真逆です。2番目と3番目が入れ替わります。<br>違和感を感じながらも、三番目の機能を受容できれば非常に快適なペルソナです。"
                },
                "準双対": {
                    badge: "準双対ペルソナ", bg: "#f9fafb", text: "#374151", border: "#e5e7eb",
                    descGen: "別名<strong>準衝突</strong>ペルソナ。弱点を克服しようとすると、このペルソナを被りやすいです。器用に演じても、決定的な部分で<strong>本来の弱点</strong>が露呈しやすく「完璧に演じきれない」もどかしさや微妙なすれ違いを自分自身に対して感じやすいです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> ほどよく自分を守りつつ、完璧すぎない人間らしさ・愛嬌として社会に受け入れられます。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span>肝心なところでボロが出る自分を許せず、中途半端な自分に対して慢性的な自己嫌悪を抱きます。</div>" +
                             "</div>",
                    descFunc: "主機能と劣等機能が一致しています。でも、真ん中の２つを無意識領域から補完しようと試みますが、そのやり方を可視化×言語化できずに、部分的には上手くいっても、必ずどこかで失敗します。"
                },
                "監督": {
                    badge: "監督ペルソナ", bg: "#faf5ff", text: "#6b21a8", border: "#e9d5ff",
                    descGen: "被っているペルソナが<strong>本来の自分を監視している</strong>（またはその逆）状態です。<br>「もっとこうしなければダメだ」と自分に対して厳しくなりがちで、常に自分の至らなさを内側から指摘されているような息苦しさを伴うことがあります。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 高い自律性とメタ認知能力を持ち、自らを厳しく律してクオリティの高い成果を出し続けます。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 終わりのない自己批判ループに陥り、完璧主義『べき』『ねば』の呪縛から一歩も動けなくなってしまいます。</div>" +
                             "</div>",
                    descFunc: "一方の1番目がもう一方の死角（第7）に突き刺さる非対称な配置です。<br>本来の自分とペルソナの間で強烈な「自己監視」の力学が働き、終わりのない自己批判ループに陥りやすくなります。"
                },
                "恩恵": {
                    badge: "恩恵ペルソナ", bg: "#fffbeb", text: "#b45309", border: "#fde68a",
                    descGen: "自分の中の「理想の顔」が、<strong>本来の未熟な自分を無理やり引き上げようとしている</strong>ような感覚です。<br>背伸びをしてプレッシャーを感じることもありますが、このペルソナを被ることで結果的に自己成長に繋がることが多いです。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> ペルソナに引っ張られる形で能力が底上げされ、気づけば本来の自分も大きく成長しています。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 「常に期待に応えなければ」というプレッシャーに潰され、実力以上のことを引き受けて破綻します。</div>" +
                             "</div>",
                    descFunc: "一方の1番目がもう一方の気になっているが上手く使えない領域（第6）に位置します。<br>無意識下にある「こうなりたい」という教化の力学が働き、ペルソナを通じて自身の未熟な部分を鍛えようとする自己成長のプロセスです。"
                },
                "部分適応": {
                    badge: "マイナーシフト", bg: "#f9fafb", text: "#374151", border: "#e5e7eb",
                    descGen: "本来のコアから一部の価値観をズラして社会に適応している状態です。<br>完全に自分を殺すわけではなく、かといって全てを曝け出すわけでもない、<strong>絶妙な距離感</strong>で社会と関わるための柔軟な適応戦略です。" +
                             "<div style='margin-top: 14px; font-size: 13.5px; padding-top: 12px; border-top: 1px dashed var(--border);'>" +
                             "<div style='margin-bottom: 6px;'><span style='color: #059669; font-weight: 900;'>【健全時】</span> 本音と建前をうまく使い分け、適度な距離感を保ちながら社会生活を無難にこなせます。</div>" +
                             "<div><span style='color: #e11d48; font-weight: 900;'>【不健全時】</span> 自分が何者なのか、どこからが素の自分でどこからが演技なのかが分からなくなり混乱します。</div>" +
                             "</div>",
                    descFunc: "複数の領域が部分的に入れ替わっており、完全な抑圧や一致ではない配置です。<br>特定の環境要求に合わせて、一部の処理の優先順位をマイナーチェンジさせた柔軟な状態です。"
                }
            };

            function getInnerRelation(c, p) {
                const cStack = typeStacks[c];
                const pStack = typeStacks[p];

                if (c === p) return "同一";

                if (cStack[0] === pStack[0] && cStack[1] !== pStack[1]) return "同属";
                if (cStack[1] === pStack[1] && cStack[0] !== pStack[0]) return "協力";
                if (cStack[0] === pStack[1] && cStack[1] === pStack[0]) return "鏡像";
                
                if (cStack[0] === pStack[6] && cStack[1] === pStack[7]) return "双対"; 
                if (cStack[0] === pStack[7] && cStack[1] === pStack[6]) return "超自我";
                
                if (cStack[0] === pStack[3] && cStack[1] === pStack[2]) return "衝突";
                if (cStack[0] === pStack[2] && cStack[1] === pStack[3]) return "活性化";
                
                if (cStack[0] === pStack[5] && cStack[1] === pStack[4]) return "準同一";
                if (cStack[0] === pStack[4] && cStack[1] === pStack[5]) return "消滅";
                if (cStack[0] === pStack[4] && cStack[1] === pStack[2]) return "幻想"; 
                if (cStack[0] === pStack[3] && cStack[1] === pStack[5]) return "準双対"; 
                
                if (cStack[0] === pStack[6] || pStack[0] === cStack[6]) return "監督"; 
                if (cStack[0] === pStack[5] || pStack[0] === cStack[5]) return "恩恵"; 

                return "部分適応";
            }

            const selCore = document.getElementById('sel-core');
            const selPersona = document.getElementById('sel-persona');
            const resultCard = document.getElementById('result-card');

            const types = Object.keys(typeStacks);
            types.forEach(t => {
                selCore.add(new Option(t, t));
                selPersona.add(new Option(t, t));
            });

            function renderStack(columnId, stackArray) {
                const consciousContainer = document.getElementById(`${columnId}-conscious`);
                const unconsciousContainer = document.getElementById(`${columnId}-unconscious`);
                
                consciousContainer.innerHTML = '';
                unconsciousContainer.innerHTML = '';
                
                stackArray.forEach((func, i) => {
                    const isConscious = i < 4;
                    const container = isConscious ? consciousContainer : unconsciousContainer;
                    
                    // 各ブロックを<a>タグ（リンク）として生成
                    const box = document.createElement('a');
                    box.className = 'func-box';
                    box.dataset.func = func;
                    
                    // 指定のURL（seikaku-type.com/16types/○○）をセット
                    // 別タブ（target="_blank"）で開く設定
                    const slug = funcUrlSlugs[func];
                    box.href = `https://seikaku-type.com/16types/${slug}`;
                    box.target = "_blank";
                    box.rel = "noopener noreferrer";
                    
                    box.innerHTML = `
                        <span class="func-role">${roleNames[i]}</span>
                        <span class="func-code">
                            <span class="func-dot c-${func}"></span>
                            ${func}
                        </span>
                    `;
                    
                    // 左右で同じ機能がハイライトされる仕組み
                    box.addEventListener('mouseenter', () => highlightFunction(func, true));
                    box.addEventListener('mouseleave', () => highlightFunction(func, false));
                    
                    container.appendChild(box);
                });
            }

            function highlightFunction(funcCode, isHovering) {
                const allBoxes = document.querySelectorAll('.func-box');
                allBoxes.forEach(box => {
                    if (box.dataset.func === funcCode) {
                        if (isHovering) box.classList.add('highlight');
                        else box.classList.remove('highlight');
                    }
                });
            }

            function updateChart() {
                const c = selCore.value;     // 左
                const p = selPersona.value;  // 右

                if (!c || !p) {
                    resultCard.style.display = 'none';
                    return;
                }

                resultCard.style.display = 'block';

                const relKey = getInnerRelation(c, p);
                const data = relationData[relKey];

                const badge = document.getElementById('relation-badge');
                badge.textContent = data.badge;
                badge.style.backgroundColor = data.bg;
                badge.style.color = data.text;
                badge.style.borderColor = data.border;
                
                document.getElementById('relation-name').textContent = `${c} → ${p} `;

                document.getElementById('relation-desc-general').innerHTML = data.descGen;
                document.getElementById('relation-desc-function').innerHTML = data.descFunc;

                renderStack('stack-core', typeStacks[c]);
                renderStack('stack-persona', typeStacks[p]);
            }

            selCore.addEventListener('change', updateChart);
            selPersona.addEventListener('change', updateChart);

            // 初期値
            selCore.value = "ENTP";
            selPersona.value = "ISFJ";
            updateChart();

        })();
    </script>
</div>



<p></p>



<p>シミュレーターをお使いいただき、ありがとうございます。</p>



<p>いかがだってでしょうか？</p>



<p>ペルソナ診断を始めてから次の相談を受ける事が増えました。</p>



<ul class="wp-block-list">
<li>本来の性格はINFPなんだけれど、会社ではESTJです。どちらが本当のタイプでしょうか？</li>



<li>高校生の頃はENFPだったけれど、いまの性格タイプはENFJかな？タイプは変わるものなの？</li>



<li>16personalitiesをするたびに、タイプがINTP、INFP、ISTP、ISTPでコロコロ変わるんだけれど&#8230;</li>



<li>自分のタイプはINTJだと思うんだけれど、知人からはISTJやISFJと言われる&#8230;なんで？</li>
</ul>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>16personalitiesあるあるだよね？もう性格なんて変わるもの！として割り切ったほうがいいと思うんだけれど、これも<strong>ペルソナだよね？</strong>と言いたいんでしょ。</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>結論から言おう！自認タイプも状況タイプも、<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">両方ペルソナじゃ</span></strong>！大事なのは、診断結果ではない！その結果を導き出した理由であり、その<strong>背景にある<span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">動機</span>じゃ</strong>！</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>フクロウ君&#8230;とうとう頭がおかしくなったんだね。救急車を呼んだほうがいいかな？</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>・・・・</p>
</div></div></div>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain has-x-large-font-size"><strong>診断サイトの罠</strong></h2>



<p>生成AIを使って誰でも診断サイトが作れる時代になりました。私自身、診断サイトを絶賛量産中です。だからこそ、<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断サイトは穴だらけ！</span></strong>とハッキリとお伝えします。なぜなら、私たちは、スマホでポチポチと設問に答えているうちに、どのタイプになるかを事前に予測できるようになりました。</p>



<p>結果、『<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">なりたいタイプ</span></strong>』になれちゃうんです。</p>



<h3 class="wp-block-heading is-style-vk-heading-plain">内向になりたければ内向系の設問にチェックを入れればよい</h3>



<p>極論かもしれませんが、自分がINFPだと思っている人は、意識・無意識は別としてINFPと判定される個所にチェックを入れるでしょう。特に、16Personalitesは、これだけ有名になりました。故に、設問を見ただけで、「これはどのタイプを指しているのかなぁ」と推測できるようになります。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>確かに！ENTPになりたいから、『定期的に新しい友人を作っている。』に迷わずチェックを入れたかも&#8230;。</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>そうじゃ！結果、ENTPになりたい人は、ENTPという判定が出やすいほうにチェックを入れる。元々、性格検査は一般公開されていないところに価値があったが、16タイプ系の診断においては、<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">その価値はすでに暴落した</span></strong>！</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>成る程！じゃあ、有料の性格診断を受ければいいって事？</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>それも違うな。有料の性格検査を受けるものは既に無料の性格検査をいくつも受けておる。結果、似たような問題があればやっぱり推測ができる。極論かもしれんが、IQテストやSPIのように事前に推測できるのじゃよ。よって、診断テストは、なりたい自分を出すペルソナ工場になったのじゃ！</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>それを言ったら元も子もないじゃん。診断サイトから出たタイプがペルソナになるなんて&#8230;自己理解が一生できないじゃないか？どーしてくれんだ！クソフクロウ。もう、今日はやけ酒だよ。</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>診断テストの『<strong>結果だけ</strong>』に惑わされる事態は終わったのじゃよ。もっと言うなら、4文字のアルファベットや数字の組み合わせで一喜一憂する時代は過ぎ去ったのじゃよ。</p>
</div></div></div>



<p>誤解を恐れずに言うなら、診断テストそのものが意味がないわけではありません。診断テストは、あくまで回答した結果であり、それ以上でもそれ以下でもありません。</p>



<p>その結果を自分の人格と結び付ける風潮のほうに問題があります。</p>



<h2 class="wp-block-heading is-style-vk-heading-plain">本当のあなた→そのタイプを選んだ<strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">動機</span></strong></h2>



<div class="wp-block-group is-style-vk-group-shadow"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<ul class="wp-block-list">
<li>診断テストでINFPと出た。INFPだと確信した。INFPらしく振舞った</li>



<li>INFJの記述を見た。自分はINFJなのでは？と思った。INFJをSNSのプロフに貼った</li>



<li>INTPしかありえないと思った。ひとからタイプを聞かれたら、迷わずINTPと答える</li>



<li>思い付き発言が多い傾向がある。恐らく、ENTPかENFPなんだと思った。よってENTP</li>
</ul>
</div></div>



<p><strong>「<span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter"><span class="sme-font-size has-large-font-size">なぜ</span>、あなたはそのタイプを選んだのか」という理由</span></strong>のほうが大事です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>なぜ？って聞かれても&#8230;。別に普通じゃない？みんなそうしているじゃん。</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/fukurou.png" alt=""/><figcaption class="vk_balloon_icon_name">フクロウくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#f5f5f5"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent #f5f5f5 transparent transparent"></span><span class="vk_balloon_content_after " style="border-color:transparent transparent transparent #f5f5f5"></span>
<p>本当か？診断テストやブログ記述は参考程度にして、<strong>自力でタイプを決める人たちもおるぞい</strong>。逆に、今度はこちらから質問ずるぞい！診断テストをマジメに受けたか？その後の文章を全部読んだか？その後に、これまでの自分の行動と照らし合わせて、自分の性格タイプを決めたか？どうじゃ！答えてみぃ！</p>
</div></div></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img decoding="async" class="vk_balloon_icon_image vk_balloon_icon_image-type-normal " src="https://seikaku-type.com/wp-content/uploads/2021/10/hiyoko.png" alt=""/><figcaption class="vk_balloon_icon_name">ひよこくん</figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  has-background-color " style="background:#92f0f3"><span class="vk_balloon_content_before  has-text-color" style="border-color:transparent transparent transparent #92f0f3"></span><span class="vk_balloon_content_after "></span>
<p>うーん。直観でポンポンと答えたかな。記事は読んだけれど、『たぶんこれっぽい』で決めたかな。これまでの自分の行動？？？そこまで<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">詳細に書かれていないよね</span></strong>。よって、ノリで決めた！</p>
</div></div></div>



<p>皮肉な事に、社会的なペルソナから脱却をして、本当の自分を知りたいと願って、16Personalitiesに手を出したのにも関わらず、16Personalitiesそのものがペルソナを作り出す診断ツールになってしまったのです。</p>



<p>極論かもしれませんが、INFPやINFJになりたい人は、自らがINFPやINFJと診断されるように答えています。</p>



<h2 class="wp-block-heading is-style-vk-heading-plain"><strong>欲求が全て</strong></h2>



<p>そして、その「なりたい」という欲求は、<strong>8つの心理機能</strong>のどれかで説明することができます。</p>



<p>つまり、ペルソナ診断で出た2つのタイプを「当たり/外れ」で見るのではなく、「<strong>自分はどの欲求に動かされて、そのタイプを選んだのか？</strong>」を見ること。これこそが、あなた自身の正体に近づく唯一の道です。</p>



<p>では、あなたを動かしている「なりたい」の欲求とは何なのか。</p>



<p>8つの心理機能から確認していきましょう。</p>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>1. Te｜外向思考：</strong></h3>



<p><strong>【<strong>欲求</strong>】</strong> <strong>一貫した人物になろうと思ったとき</strong></p>



<p>Teを外に出している人の根っこには、「<strong>さっさと決めてスッキリしたい</strong>」という欲求があります。</p>



<p>曖昧なまま宙ぶらりんでいることが、一番つらい。だからこそ、素早く判断を下し、前に進むことで自分の安定を保とうとします。</p>



<p><em>自分をENTJ、ESTJだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：班のリーダーを任されると、誰が何をいつまでにやるかをすぐ決めて割り振る。話し合いが堂々巡りしていると「で、結局どうするの？」と口を出したくなる。</li>



<li><strong>会社</strong>：会議が結論の出ないまま長引くとイライラする。白黒をはっきりさせて、タスクの優先順位を整理し、ゴールと締め切りを設定して一気に動かそうとする。</li>



<li><strong>家庭</strong>：旅行や引っ越しの計画では、自分が段取りを組んで全体を回す役回りになりやすい。家族が迷っていると、選択肢を絞って「<strong>これでいこう</strong>」と背中を押す。</li>



<li><strong>仕事の場面</strong>：問題が起きたとき、原因をぐだぐだ語るより「次にどう動くか」をすぐ決めたい。決めて動き出した瞬間に、ようやく落ち着ける。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>2. Fe｜外向感情</strong> </h3>



<p><strong>【動機】</strong> <strong>人から好かれたい、仲良くなりたいと思ったとき</strong></p>



<p>Feを外に出している人の根っこには、「人から好かれたい」という欲求があります。</p>



<p>嫌われることや、場から浮くことへの怖さがある。だから周囲の感情を汲み取り、「共感」という柔らかい表現を見せることで、関係の安全を確保しようとします。</p>



<p><em>自分をENFJ、ESFJだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：クラスで浮いている子がいると気になって声をかける。グループの空気が悪くなると、自分が間に入って和ませようとする。</li>



<li><strong>会社</strong>：チーム内のピリついた雰囲気を察知して、さりげなくフォローや気遣いを入れる。みんなが気持ちよく働けているかを、つい気にしてしまう。</li>



<li><strong>家庭</strong>：家族の機嫌や体調の変化に敏感で、誰かが落ち込んでいるとすぐ気づく。場の空気を明るく保つために、自分が盛り上げ役を買って出る。</li>



<li><strong>仕事の場面</strong>：相手が何を求めているかを先回りして読み、期待に応えようとする。「ありがとう」「助かった」の一言で、報われた気持ちになる。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>3. Se｜外向感覚</strong> </h3>



<p><strong>【動機】すぐに動きたい、もっと楽しみたい時</strong></p>



<p>Seを外に出している人の根っこには、「衝動に身をゆだねたい」という欲求があります。もっと言うと&#8230;「自由に生きたい」という欲求です。</p>



<p>考えすぎると、体が止まってしまう。だから今この瞬間の刺激や体験に飛び込むことで、自分を生きていると感じようとします。</p>



<p><em>自分をESTP、ESFPだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：座学より体育や実習で生き生きする。退屈な授業ではそわそわして、休み時間になった瞬間にエネルギーが爆発する。</li>



<li><strong>会社</strong>：机上の計画を延々と練るより、まず現場で動いて確かめたい。トラブル対応や瞬発力が要る場面でこそ実力を発揮する。</li>



<li><strong>家庭</strong>：「行こう」と思ったら即出かける。週末の予定をかっちり組むより、その場のノリで楽しいことに飛びつく。</li>



<li><strong>仕事の場面</strong>：理屈より「やってみた感触」で判断する。スピード感のある現場や、変化が多い環境のほうが燃える。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>4. Ne｜外向直観</strong> </h3>



<p><strong>【動機】</strong> <strong>現状打破したい、可能性を広げたい時</strong></p>



<p>Neを外に出している人の根っこには、「創造的に生きたい」という欲求があります。</p>



<p>同じことの繰り返しは、自分の息の根を止めるような感覚がある。だから次々と新しいアイデアや可能性を広げることで、自分らしさを保とうとします。</p>



<p><em>自分をENTP、ENFPだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：先生の話から脱線して別のことを思いつく。決まりきった課題より、自由なテーマの探究やディスカッションで一気に輝く。</li>



<li><strong>会社</strong>：「こうしたら面白いんじゃない？」とアイデアを次々投げる。前例踏襲のルーティンワークが続くと、急速にやる気を失う。</li>



<li><strong>家庭</strong>：思いつきで新しい店や趣味を試す。同じ毎日が続くと退屈で、つい変化や刺激を探しに行きたくなる。</li>



<li><strong>仕事の場面</strong>：企画やブレストの場で水を得た魚になる。一つを地道に完成させるより、可能性を広げる初期フェーズが得意。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>5. Ti｜内向思考</strong> </h3>



<p><strong>【動機】</strong> <strong>物事を理解したい、考えたい時</strong></p>



<p>Tiを外に出している人の根っこには、「知的でありたい、頭で理解したい」という欲求があります。</p>



<p>納得できないまま進むのは、自分を裏切るのと同じ。だから「仕組みの理解」という知的な姿勢を見せることで、自分の納得を優先して安定を保とうとします。</p>



<p><em>自分をINTP、ISTPだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：「丸暗記しろ」と言われると反発を感じる。仕組みや理屈が腑に落ちて初めて、本気で取り組める。</li>



<li><strong>会社</strong>：指示の理由が分からないまま動くのが苦手。「なぜそうするのか」が納得できれば、精度高く実行する。</li>



<li><strong>家庭</strong>：感情論で押し切られると黙り込む。家電やガジェットの仕組みを調べたり、いじったりする時間が落ち着く。</li>



<li><strong>仕事の場面</strong>：問題を分解して、矛盾のない筋道を組み立てるのが得意。中途半端な理解で進めることに、強い気持ち悪さを感じる。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>6. Fi｜内向感情</strong> </h3>



<p><strong>【動機】</strong> <strong>誠実でありたい、本音で生きたい時</strong></p>



<p>Fiを外に出している人の根っこには、「自分の感情を大切にしたい」という欲求があります。</p>



<p>自分の気持ちを無視して動くことは、自分を殺すのと同じ感覚がある。だから「本音」という誠実な表現を見せることで、自分の価値観を守ろうとします。</p>



<p><em>自分をINFP、ISFPだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：心から納得できないルールには従いたくない。自分が「いいな」と思えることには、静かに深くのめり込む。</li>



<li><strong>会社</strong>：自分の価値観に反する仕事には身が入らない。建前で動くことが続くと、心がすり減っていく。</li>



<li><strong>家庭</strong>：気持ちを言葉にするのは得意でなくても、大切な人への思いは内側で深く育てている。嘘やごまかしのある関係には耐えられない。</li>



<li><strong>仕事の場面</strong>：「これは自分にとって意味があるか」が判断の軸。納得さえできれば、人知れず驚くほどの粘り強さを発揮する。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>7. Si｜内向直観</strong> </h3>



<p><strong>【動機】</strong> <strong>変化を恐れたとき、安定しているとき</strong></p>



<p>Siを外に出している人の根っこには、「現状維持したい、安心したい」という欲求があります。</p>



<p>予期せぬ変化は、自分の足場を崩してしまう。</p>



<p>だから「伝統」や「実績」という確実な方法にこだわることで、自分の安定を守ろうとします。</p>



<p><em>自分をISTJ、ISFJだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：いつもの席、いつもの手順が安心する。急な予定変更やルール変更があると、調子が狂ってしまう。</li>



<li><strong>会社</strong>：実績のあるやり方を丁寧に守り、コツコツと積み上げる。「とりあえず新しいやり方で」と言われると不安になる。</li>



<li><strong>家庭</strong>：毎日のルーティンや決まった習慣が心の支え。家族の記念日や過去の思い出を、大切に覚えている。</li>



<li><strong>仕事の場面</strong>：細かい確認や地道な作業を、誰よりも確実にやり遂げる。前例や手順書があると安心して力を発揮できる。</li>
</ul>



<h3 class="wp-block-heading is-style-vk-heading-plain vk_block-margin-0--margin-bottom"><strong>8. Ni｜内向直観</strong> </h3>



<p><strong>【動機】</strong> <strong>物事の意味や本質について知りたいとき</strong></p>



<p>Niを外に出している人の根っこには、「一貫した道筋を作りたい」という欲求があります。</p>



<p>あれもこれもと散らばることは、自分を迷子にするのと同じ感覚がある。</p>



<p>だから「ビジョン」という長期的な視点にこだわることで、本質を突き、ブレない軸を保とうとします。</p>



<p><em>自分をINTJ、INFJだと思う時</em></p>



<ul class="wp-block-list">
<li><strong>学校</strong>：目先のテストより「これを学んで何の意味があるのか」が気になる。一見バラバラな知識が一本の線でつながった瞬間に、深く満たされる。</li>



<li><strong>会社</strong>：日々の業務の奥にある「本当のゴール」を見据えて動く。場当たり的な対応の連続には、強い違和感を覚える。</li>



<li><strong>家庭</strong>：表面的な出来事より、その裏にある意味や流れを読もうとする。先々を見通して、静かに備えていることが多い。</li>



<li><strong>仕事の場面</strong>：複雑な情報を一つの本質へと絞り込むのが得意。長期的な方向性が定まると、迷いなく一点へ突き進める。</li>
</ul>



<p></p>



<h2 class="wp-block-heading">まとめ</h2>



<p>ここまで読んで、あなたが「これだ」と感じた欲求はどれだったでしょうか？</p>



<p>ペルソナ診断で出た2つのタイプは、当たりでも外れでもありません。</p>



<p>大切なのは、<strong>あなたがどの「なりたい」に動かされて、そのタイプを選んだのか？</strong>。</p>



<p>その欲求にこそ、あなたの正体が映っています。</p>



<p></p>



<p>「自分が本当はどの欲求で動いているのか、もっと深く知りたい」と感じた方は、ぜひシミュレーターでタイプの組み合わせを確かめてみてください。</p>



<p>コアとペルソナのズレが、図として可視化されます。</p>



<h2 class="wp-block-heading is-style-vk-heading-plain">相手のタイプを見破るのにも使える</h2>



<p>実は、16タイプ最大の魅力は「自己理解」ではありません。</p>



<p><strong>「他者理解」にこそ、本当の価値があります。</strong></p>



<p>自分のタイプは、頑張って調べなくても、生きていればなんとなく分かってきます。でも、目の前の上司、同僚、家族、パートナー——「この人、なんでこういう反応をするんだろう？」が分からないままだと、人間関係はずっとしんどいままです。</p>



<p>ここで大事なのは、<strong>レッテル貼りではない</strong>ということ。</p>



<p>「あの人はESTJだから冷たい」「INFPだからめんどくさい」——これはただの決めつけで、何の役にも立ちません。そうではなく、<strong>相手の言動の裏にある「なりたい」の欲求を見極める</strong>こと。これができると、世界の見え方が一変します。</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>16タイプ×エニアグラム連携｜一覧ページ</title>
		<link>https://seikaku-type.com/16types/16per-enneagram-corelation</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Tue, 02 Jun 2026 05:36:08 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18302</guid>

					<description><![CDATA[16タイプを選択してください]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<style>
    /* === アプリケーション全体のコンテナ === */
    .enn16-app {
        max-width: 640px;
        width: 100%;
        margin: 0 auto; /* WordPressのコンテンツ幅に合わせて中央寄せ */
        box-sizing: border-box;
    }

    /* === 選択エリアのCSS === */
    .enn16-selector-container {
        background-color: #ffffff;
        border-radius: 1rem;
        padding: 1.5rem;
        margin-bottom: 1rem;
        text-align: center;
        font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    }
    .enn16-selector-label {
        display: block;
        font-size: 1rem;
        font-weight: 700;
        color: #374151;
        margin-bottom: 0.75rem;
    }
    .enn16-select {
        width: 100%;
        max-width: 300px;
        padding: 0.75rem 1rem;
        font-size: 1.125rem;
        font-weight: 700;
        color: #1f2937;
        background-color: #f8fafc;
        border: 2px solid #cbd5e1;
        border-radius: 0.5rem;
        cursor: pointer;
        outline: none;
        transition: border-color 0.2s;
        text-align: center;
        height: 50px;
        margin: auto;
    }

    .enn16-select:focus {
        border-color: #6366f1;
    }

    /* === enn16 ブログパーツ用 共通CSS === */
    .enn16-wrapper {
        font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
        color: #1f2937;
        background-color: transparent;
        box-sizing: border-box;
        line-height: 1.5;
    }
    .enn16-wrapper *, .enn16-wrapper *::before, .enn16-wrapper *::after {
        box-sizing: inherit;
    }
    
    .enn16-container {
        width: 100%;
        background-color: #ffffff;
        border-radius: 1rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        border: 1px solid #f3f4f6;
        overflow: hidden;
    }
    .enn16-inner {
        padding: 1.5rem;
    }
    @media (min-width: 768px) {
        .enn16-inner { padding: 2.5rem; }
    }

    .enn16-title {
        font-size: 1.25rem;
        font-weight: 700;
        margin: 0 0 1.5rem 0;
        text-align: center;
        color: #1f2937;
    }
    @media (min-width: 768px) {
        .enn16-title { font-size: 1.5rem; }
    }

    /* グラフ・凡例エリア */
    .enn16-chart-area {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
        animation: enn16-fade-in 0.3s ease-out;
    }
    @media (min-width: 640px) {
        .enn16-chart-area {
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            gap: 2rem;
        }
    }
    @keyframes enn16-fade-in {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* CSSのみで描画するドーナツグラフ */
    .enn16-donut-wrapper {
        position: relative;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background-color: #e5e7eb;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        flex-shrink: 0;
        transition: background 0.3s ease;
    }
    @media (min-width: 640px) {
        .enn16-donut-wrapper {
            width: 240px;
            height: 240px;
        }
    }
    .enn16-donut-hole {
        position: absolute;
        top: 25%; left: 25%; right: 25%; bottom: 25%;
        background-color: #ffffff;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .enn16-total-label {
        font-size: 0.75rem;
        color: #6b7280;
        font-weight: bold;
    }
    .enn16-total-value {
        font-size: 1.25rem;
        font-weight: 900;
        color: #1f2937;
    }

    /* 詳細リスト（凡例）リンク化 */
    .enn16-chart-legend {
        width: 100%;
        max-width: 280px;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        max-height: 240px;
        overflow-y: auto;
        padding-right: 0.5rem;
    }
    .enn16-chart-legend::-webkit-scrollbar { width: 4px; }
    .enn16-chart-legend::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

    .enn16-chart-legend-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 0.75rem;
        border-radius: 0.5rem;
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        text-decoration: none;
        color: inherit;
        transition: all 0.2s;
        cursor: pointer;
    }
    .enn16-chart-legend-item:hover {
        background-color: #f1f5f9;
        border-color: #cbd5e1;
        transform: translateX(4px);
    }
    .enn16-legend-left {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 700;
        color: #334155;
    }
    .enn16-color-dot {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        display: inline-block;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
    .enn16-legend-pct {
        color: #64748b;
        font-size: 0.75rem;
        font-weight: normal;
    }
    .enn16-legend-right {
        font-size: 0.875rem;
        font-weight: 700;
        color: #0f172a;
        display: flex;
        align-items: center;
    }
    .enn16-legend-right-arrow {
        margin-left: 0.5rem;
        color: #94a3b8;
        font-size: 1rem;
        line-height: 1;
    }

    /* 下部リンクボタンエリア */
    .enn16-links-box {
        margin-top: 1.5rem;
        background-color: #eef2ff;
        border: 1px solid #e0e7ff;
        padding: 1.5rem;
        border-radius: 0.75rem;
        text-align: center;
    }
    .enn16-links-title {
        font-size: 1.125rem;
        font-weight: 700;
        color: #312e81;
        margin: 0 0 1.25rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }
    .enn16-links-title svg {
        width: 1.5rem;
        height: 1.5rem;
        color: #6366f1;
    }
    
    .enn16-links-area {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    
    .enn16-detail-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        background-color: #6366f1;
        color: #ffffff;
        padding: 1rem 1.5rem;
        border-radius: 0.75rem;
        text-decoration: none;
        font-weight: 700;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        transition: all 0.2s;
        width: 100%;
    }
    .enn16-detail-btn:hover {
        background-color: #4f46e5;
        transform: translateY(-2px);
        color: #ffffff;
    }

    /* 注釈テキスト */
    .enn16-footnote {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px dashed #e5e7eb;
        font-size: 0.75rem;
        color: #6b7280;
        line-height: 1.6;
        text-align: left;
    }
</style>

<div class="enn16-app">
    <!-- タイプ選択エリア -->
    <div class="enn16-selector-container">
        <label for="mbti-select" class="enn16-selector-label">16タイプを選択してください</label>
        <select id="mbti-select" class="enn16-select">
            <!-- JavaScriptで選択肢を生成します -->
        </select>
    </div>

    <!-- グラフとランキングの表示エリア -->
    <div id="enn16-display-area"></div>
</div>

<script>
    (function() {
        // ==========================================
        // ★ 共通データ設定 ★
        // ==========================================
        const enn16UrlMap = {
            1: 'https://seikaku-type.com/type1/reformer-basic',
            2: 'https://seikaku-type.com/type2/helper-basic',
            3: 'https://seikaku-type.com/type3/achiever-basics',
            4: 'https://seikaku-type.com/type4/individualist-basic',
            5: 'https://seikaku-type.com/type5/investigator-basic',
            6: 'https://seikaku-type.com/type6/loyalist-basics',
            7: 'https://seikaku-type.com/type7/enthusiast-basic',
            8: 'https://seikaku-type.com/type8/challenger-basic',
            9: 'https://seikaku-type.com/type9/peacemaker-basic'
        };

        const enn16TypeNames = {
            1: '改革する人', 2: '助ける人', 3: '達成する人', 
            4: '個性的な人', 5: '調べる人', 6: '忠実な人', 
            7: '熱中する人', 8: '挑戦する人', 9: '平和をもたらす人'
        };

        const enn16MbtiLabels = ['ENTP', 'ENTJ', 'INTP', 'INTJ', 'INFP', 'INFJ', 'ENFP', 'ENFJ', 'ESTJ', 'ESFJ', 'ISFJ', 'ISTJ', 'ISFP', 'ISTP', 'ESFP', 'ESTP'];
        
        const enn16PaletteRGB = [
            '239, 68, 68', '249, 115, 22', '234, 179, 8', '34, 197, 94', 
            '16, 185, 129', '6, 182, 212', '59, 130, 246', '168, 85, 247', '217, 70, 239'
        ];

        const enn16DataMap = {
            '1w9': [13, 20, 6, 131, 11, 84, 9, 5, 33, 2, 23, 198, 6, 9, 2, 0],
            '1w2': [27, 65, 5, 27, 5, 103, 12, 36, 131, 15, 32, 32, 0, 4, 1, 1],
            '2w1': [28, 0, 9, 5, 41, 88, 12, 75, 2, 78, 120, 2, 5, 2, 4, 1],
            '2w3': [12, 4, 10, 6, 24, 35, 74, 191, 3, 181, 19, 2, 6, 5, 39, 3],
            '3w2': [36, 58, 5, 5, 6, 16, 15, 108, 35, 35, 3, 8, 3, 2, 23, 22],
            '3w4': [53, 392, 10, 92, 0, 23, 17, 16, 56, 5, 3, 20, 6, 7, 12, 7],
            '4w3': [40, 11, 26, 17, 360, 52, 222, 12, 1, 3, 5, 1, 41, 14, 11, 2],
            '4w5': [39, 4, 128, 119, 1374, 452, 150, 4, 1, 0, 7, 3, 107, 34, 4, 1],
            '5w4': [110, 13, 831, 626, 275, 129, 39, 4, 1, 0, 4, 15, 23, 73, 0, 5],
            '5w6': [122, 36, 755, 680, 55, 50, 18, 0, 12, 2, 17, 191, 11, 141, 0, 10],
            '6w5': [41, 11, 129, 110, 80, 101, 31, 5, 23, 12, 136, 321, 38, 107, 1, 12],
            '6w7': [85, 4, 12, 10, 108, 48, 231, 38, 12, 45, 38, 30, 44, 25, 43, 23],
            '7w6': [391, 13, 21, 5, 59, 5, 423, 31, 4, 15, 3, 1, 26, 17, 118, 124],
            '7w8': [312, 33, 21, 17, 12, 4, 213, 18, 14, 2, 0, 2, 13, 82, 59, 183],
            '8w7': [153, 199, 18, 45, 6, 9, 21, 21, 132, 1, 1, 14, 5, 55, 12, 108],
            '8w9': [31, 132, 21, 74, 9, 10, 6, 8, 41, 1, 2, 37, 7, 65, 1, 24],
            '9w8': [24, 3, 62, 14, 108, 14, 41, 3, 6, 0, 7, 24, 119, 116, 22, 22],
            '9w1': [22, 0, 143, 22, 332, 110, 87, 8, 5, 14, 59, 61, 123, 33, 4, 2]
        };

        const enn16WingsMap = {
            '1': ['1w9', '1w2'], '2': ['2w1', '2w3'], '3': ['3w2', '3w4'],
            '4': ['4w3', '4w5'], '5': ['5w4', '5w6'], '6': ['6w5', '6w7'],
            '7': ['7w6', '7w8'], '8': ['8w7', '8w9'], '9': ['9w8', '9w1']
        };

        function getMbtiToEnneaSumData(mbti) {
            const mbtiIdx = enn16MbtiLabels.indexOf(mbti);
            if (mbtiIdx === -1) return new Array(9).fill(0);
            
            const result = [];
            for (let i = 1; i <= 9; i++) {
                const wings = enn16WingsMap[i.toString()];
                let sum = 0;
                wings.forEach(w => { sum += (enn16DataMap[w][mbtiIdx] || 0); });
                result.push(sum);
            }
            return result;
        }

        // 指定されたコンテナとMBTIタイプを使って描画を更新する関数
        function renderEnn16Widget(container, mbti) {
            if (!mbti || enn16MbtiLabels.indexOf(mbti) === -1) {
                container.innerHTML = `<p style="color:red; text-align:center;">エラー: 正しいMBTIタイプが指定されていません（${mbti}）</p>`;
                return;
            }

            // HTML構造を生成
            container.innerHTML = `
                <div class="enn16-wrapper">
                    <div class="enn16-container">
                        <div class="enn16-inner">
                            <h2 class="enn16-title enn16-main-title">${mbti} のエニアグラム割合</h2>
                            
                            <div class="enn16-chart-area">
                                <div class="enn16-donut-wrapper enn16-donut">
                                    <div class="enn16-donut-hole">
                                        <span class="enn16-total-label">総票数</span>
                                        <span class="enn16-total-value enn16-total-votes">0</span>
                                    </div>
                                </div>
                                <div class="enn16-chart-legend"></div>
                            </div>

                            <div class="enn16-links-box">
                                <h3 class="enn16-links-title">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                    </svg>
                                    <span>${mbti} に多いエニアグラムを知る</span>
                                </h3>
                                <div class="enn16-links-area"></div>
                            </div>

                            <div class="enn16-footnote">
                                エニアグラムと16の性格タイプの連携は、海外サイト：パーソナリティデーターベースよりMBTIの項目からエニアグラムのタイプを出して、その合計をまとめたものです。(2023年1月)<br>
                                回答者の都合上、一部のタイプに大きな偏りがございます。また、現時点では乖離がある事をも兼ねてご了承ください。
                            </div>
                        </div>
                    </div>
                </div>
            `;

            // 要素を取得
            const dom = {
                donut: container.querySelector('.enn16-donut'),
                legendArea: container.querySelector('.enn16-chart-legend'),
                totalVotes: container.querySelector('.enn16-total-votes'),
                linksArea: container.querySelector('.enn16-links-area')
            };

            // データの計算
            const sumData = getMbtiToEnneaSumData(mbti);
            const totalVotes = sumData.reduce((a, b) => a + b, 0);
            
            dom.totalVotes.textContent = totalVotes;
            
            let currentAngle = 0;
            const gradientParts = [];
            
            // 票数が多い順にソート
            const typeRank = sumData.map((count, idx) => ({ type: idx + 1, count: count }))
                                    .filter(item => item.count > 0)
                                    .sort((a, b) => b.count - a.count);

            // グラフのグラデーションと凡例リストの構築
            typeRank.forEach(item => {
                const i = item.type - 1;
                const percentage = (item.count / totalVotes) * 100;
                const color = `rgb(${enn16PaletteRGB[i]})`;
                
                // conic-gradient用の値を生成
                gradientParts.push(`${color} ${currentAngle}% ${currentAngle + percentage}%`);
                currentAngle += percentage;
                
                // 凡例アイテムの生成（リンクに変更）
                const legItem = document.createElement('a');
                legItem.href = enn16UrlMap[item.type];
                legItem.className = 'enn16-chart-legend-item';
                legItem.innerHTML = `
                    <div class="enn16-legend-left">
                        <span class="enn16-color-dot" style="background-color: ${color};"></span>
                        タイプ ${item.type}
                        <span class="enn16-legend-pct">${percentage.toFixed(1)}%</span>
                    </div>
                    <div class="enn16-legend-right">
                        ${item.count} 票
                        <span class="enn16-legend-right-arrow">›</span>
                    </div>
                `;
                dom.legendArea.appendChild(legItem);
            });
            
            // ドーナツグラフの背景色を適用
            if (gradientParts.length > 0) {
                // 変更時にアニメーションさせるために少し遅らせて適用
                requestAnimationFrame(() => {
                    dom.donut.style.background = `conic-gradient(${gradientParts.join(', ')})`;
                });
            } else {
                dom.donut.style.background = '#e5e7eb';
            }
            
            // 「xxxxに多いエニアグラムを知る」のボタン生成 (1つだけにする)
            const mbtiLower = mbti.toLowerCase(); // ENTP -> entp
            const detailUrl = `https://seikaku-type.com/16types/${mbtiLower}-enneagram`;
            
            const link = document.createElement('a');
            link.href = detailUrl;
            link.className = "enn16-detail-btn";
            link.innerHTML = `
                <span>${mbti} のエニアグラム詳細を読む</span>
                <span class="enn16-arrow">›</span>
            `;
            dom.linksArea.appendChild(link);
        }

        // DOM読み込み完了時に実行
        document.addEventListener('DOMContentLoaded', function() {
            const selectElement = document.getElementById('mbti-select');
            const displayArea = document.getElementById('enn16-display-area');

            // 1. セレクトボックスの選択肢を生成
            enn16MbtiLabels.forEach(mbti => {
                const option = document.createElement('option');
                option.value = mbti;
                option.textContent = mbti;
                selectElement.appendChild(option);
            });

            // 2. 初期表示（ENTP）
            renderEnn16Widget(displayArea, selectElement.value);

            // 3. セレクトボックスの変更イベントを監視
            selectElement.addEventListener('change', function(e) {
                const selectedMbti = e.target.value;
                // 選択されたタイプで再描画
                renderEnn16Widget(displayArea, selectedMbti);
            });
        });

    })();
</script>



<p></p>



<p></p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>16タイプ×エニアグラム精密連携診断テスト</title>
		<link>https://seikaku-type.com/16types/enneagram-16type-test</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 11:58:25 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18197</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&#038;display=swap" rel="stylesheet">

<style>
    /* === 診断アプリ専用のスコープCSS（Tailwind不使用・完全独立） === */
    .enn16-test-wrapper {
        font-family: 'Noto Sans JP', sans-serif;
        background-color: transparent;
        color: #333333;
        line-height: 1.6;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        margin: 32px 0;
        box-sizing: border-box;
    }
    .enn16-test-wrapper *, .enn16-test-wrapper *::before, .enn16-test-wrapper *::after {
        box-sizing: inherit;
    }
    
    .enn16-app-container {
        width: 100%;
        max-width: 672px;
        background-color: #ffffff;
        overflow: hidden;
        position: relative;
        min-height: 500px;
        display: flex;
        flex-direction: column;
    }

    .enn16-screen-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 24px 0;
    }
    @media(min-width: 640px) {
        .enn16-screen-content { padding: 40px; }
    }

    /* ユーティリティ・レイアウト */
    .enn16-flex-center {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .enn16-text-center { text-align: center; }

    /* タイポグラフィ */
    .enn16-subtitle {
        font-size: 0.875rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #6366f1;
        display: block;
        margin-bottom: 8px;
    }
    .enn16-title-main {
        font-size: 1.875rem;
        font-weight: 900;
        color: #1f2937;
        line-height: 1.25;
        margin: 0 0 24px 0;
    }
    @media(min-width: 640px) { .enn16-title-main { font-size: 2.25rem; } }
    
    .enn16-desc {
        color: #4b5563;
        margin: 0 auto 32px auto;
        max-width: 440px;
        line-height: 1.7;
    }
    .enn16-highlight { font-weight: 700; color: #4f46e5; }

    /* アニメーション */
    .enn16-fade-in { animation: enn16FadeIn 0.5s ease-out forwards; }
    .enn16-slide-up { animation: enn16SlideUp 0.5s ease-out forwards; }
    @keyframes enn16FadeIn { from { opacity: 0; } to { opacity: 1; } }
    @keyframes enn16SlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

    /* スタートボタン */
    .enn16-btn-start {
        background-color: #111827;
        color: #ffffff;
        font-weight: 700;
        font-size: 1.125rem;
        padding: 16px 48px;
        border-radius: 9999px;
        border: none;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
        cursor: pointer;
        transition: all 0.2s;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }
    .enn16-btn-start:hover { background-color: #000000; transform: translateY(-4px); }

    /* 質問画面スタイル */
    .enn16-progress-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8px; }
    .enn16-progress-phase { font-size: 0.75rem; font-weight: 700; color: #6b7280; }
    .enn16-progress-count { font-size: 0.875rem; font-weight: 700; color: #4f46e5; }
    .enn16-progress-bg { background-color: #e5e7eb; height: 8px; border-radius: 9999px; overflow: hidden; width: 100%; margin-bottom: 32px; }
    .enn16-progress-fill { background: linear-gradient(90deg, #8b5cf6, #3b82f6); height: 100%; transition: width 0.3s ease; }

    .enn16-question-text-area { flex-grow: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
    .enn16-question-text { font-size: 1.25rem; font-weight: 700; color: #1f2937; line-height: 1.6; text-align: center; margin: 0; }
    @media(min-width: 640px) { .enn16-question-text { font-size: 1.5rem; } }

    /* 選択肢ボタン */
    .enn16-choice-area { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
    .enn16-choice-btn {
        width: 100%; padding: 12px 24px; border-radius: 12px; background: #ffffff; cursor: pointer; 
        transition: all 0.2s; position: relative; overflow: hidden; font-size: 1rem;
    }
    .enn16-btn-lv5 { border: 2px solid #e0e7ff; color: #4338ca; font-weight: 700; }
    .enn16-btn-lv5:hover { background: #eef2ff; border-color: #a5b4fc; }
    .enn16-btn-lv4 { border: 2px solid #f3f4f6; color: #374151; font-weight: 500; }
    .enn16-btn-lv4:hover { background: #f9fafb; }
    .enn16-btn-lv3 { border: 2px solid #fef3c7; color: #b45309; font-weight: 500; }
    .enn16-btn-lv3:hover { background: #fffbeb; }
    .enn16-btn-lv2 { border: 2px solid #e5e7eb; color: #6b7280; font-weight: 500; }
    .enn16-btn-lv2:hover { background: #f3f4f6; }
    .enn16-btn-lv1 { border: 2px solid #f3f4f6; color: #374151; font-weight: 500; }
    .enn16-btn-lv1:hover { background: #f9fafb; }
    .enn16-btn-lv0 { border: 2px solid #f3f4f6; color: #6b7280; font-weight: 700; }
    .enn16-btn-lv0:hover { background: #f9fafb; }
    
    /* カスタム選択肢用のボタンスタイル */
    .enn16-btn-custom { border: 2px solid #c7d2fe; color: #3730a3; font-weight: 700; background: #ffffff; }
    .enn16-btn-custom:hover { background: #eef2ff; border-color: #a5b4fc; }

    /* ローディングスピナー */
    .enn16-loader {
        border: 4px solid #f3f3f3; border-top: 4px solid #6366f1; border-radius: 50%;
        width: 50px; height: 50px; animation: enn16Spin 1s linear infinite; margin: 0 auto 24px auto;
    }
    @keyframes enn16Spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

    /* 結果画面スタイル */
    .enn16-result-title { font-size: 1.875rem; font-weight: 900; color: #1f2937; margin: 8px 0 0 0; }
    
    .enn16-alert { padding: 12px 16px; border-radius: 12px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    .enn16-alert-red { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; font-size: 0.875rem; font-weight: 700; }
    .enn16-alert-yellow { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; font-size: 0.875rem; font-weight: 700; }
    .enn16-alert-blue { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: 0.875rem; font-weight: 700; }
    .enn16-alert-sub { display: block; font-weight: 400; font-size: 0.75rem; margin-top: 4px; }

    .enn16-result-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
    .enn16-card-item { padding: 24px; border-radius: 16px; text-align: center; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    .enn16-card-blue { background: #eff6ff; border: 1px solid #dbeafe; }
    .enn16-card-purple { background: #faf5ff; border: 1px solid #e9d5ff; }
    .enn16-card-label { font-size: 0.75rem; font-weight: 700; margin-bottom: 4px; }
    .enn16-card-blue .enn16-card-label { color: #3b82f6; }
    .enn16-card-purple .enn16-card-label { color: #a855f7; }
    .enn16-card-value { font-size: 1.875rem; font-weight: 900; margin: 0 0 4px 0; }
    .enn16-card-blue .enn16-card-value { color: #1e3a8a; }
    .enn16-card-purple .enn16-card-value { color: #581c87; }
    .enn16-card-sub { font-size: 0.75rem; }
    .enn16-card-blue .enn16-card-sub { color: #1d4ed8; }
    .enn16-card-purple .enn16-card-sub { color: #7e22ce; }

    .enn16-motive-box { margin-bottom: 32px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    .enn16-motive-title { border:none; font-weight: 700; color: #581c87; text-align: center; margin: 0 0 12px 0; }
    .enn16-motive-inner { display: flex; flex-direction: column; gap: 8px; }
    .enn16-motive-item { background: #ffffff; padding: 12px; border-radius: 12px; border: 1px solid rgba(233,213,255,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    .enn16-motive-label-red { font-size: 0.75rem; font-weight: 900; color: #ef4444; display: block; margin-bottom: 4px; }
    .enn16-motive-label-blue { font-size: 0.75rem; font-weight: 900; color: #3b82f6; display: block; margin-bottom: 4px; }
    .enn16-motive-label-purple { font-size: 0.75rem; font-weight: 900; color: #7e22ce; display: block; margin-bottom: 4px; }
    .enn16-motive-text { color: #1f2937; margin: 0; line-height: 1.4; font-size: 0.875rem; }

    /* ドーナツチャート */
    .enn16-match-rate-box { background: #f9fafb; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 24px; border: 1px solid #f3f4f6; margin-bottom: 40px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    @media(min-width: 640px) { .enn16-match-rate-box { flex-direction: row; padding: 32px; } }
    .enn16-donut {
        position: relative; width: 120px; height: 120px; border-radius: 50%;
        background: conic-gradient(#3b82f6 var(--rate), #e5e7eb 0);
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .enn16-donut::after { content: ""; position: absolute; width: 90px; height: 90px; background-color: #f9fafb; border-radius: 50%; }
    .enn16-donut-text { position: relative; z-index: 10; text-align: center; }
    .enn16-match-text-area { flex-grow: 1; text-align: center; }
    @media(min-width: 640px) { .enn16-match-text-area { text-align: left; } }
    .enn16-match-title { font-size: 1.125rem; font-weight: 700; color: #1f2937; margin: 0 0 8px 0; }
    .enn16-match-desc { font-size: 0.875rem; color: #4b5563; margin: 0; line-height: 1.6; }
    .enn16-match-note { font-size: 0.75rem; color: #9ca3af; margin: 12px 0 0 0; }

    /* CTAリンクエリア */
    .enn16-next-step { border-top: 2px dashed #e5e7eb; padding-top: 32px; margin-top: 16px; }
    .enn16-next-header { text-align: center; margin-bottom: 24px; }
    .enn16-next-subtitle { font-size: 0.875rem; font-weight: 700; color: #6366f1; letter-spacing: 0.05em; margin:0; display:block;}
    .enn16-next-title { font-size: 1.25rem; font-weight: 900; color: #1f2937; margin: 4px 0 0 0; }
    .enn16-next-desc { font-size: 0.75rem; color: #6b7280; max-width: 400px; margin: 12px auto 0 auto; line-height: 1.6; }

    .enn16-link-list { display: flex; flex-direction: column; gap: 12px; }
    .enn16-link-item { display: flex; align-items: center; padding: 16px; border-radius: 16px; border: 2px solid; text-decoration: none; transition: all 0.2s; position: relative; overflow: hidden; background: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
    .enn16-link-icon { font-size: 1.875rem; margin-right: 16px; display: block; }
    .enn16-link-content { display: flex; flex-direction: column; }
    .enn16-link-title { font-size: 0.875rem; font-weight: 700; line-height: 1.2; margin: 0; }
    .enn16-link-sub { font-size: 0.625rem; color: #6b7280; margin: 4px 0 0 0; }

    .enn16-link-blue { border-color: #dbeafe; }
    .enn16-link-blue:hover { border-color: #93c5fd; background: #eff6ff; }
    .enn16-link-blue .enn16-link-title { color: #1e3a8a; }

    .enn16-link-indigo { border-color: #c7d2fe; background: #eef2ff; }
    .enn16-link-indigo:hover { border-color: #818cf8; }
    .enn16-link-indigo .enn16-link-title { color: #312e81; }
    .enn16-badge-rec { position: absolute; top: 0; right: 0; background: #6366f1; color: #ffffff; font-size: 0.625rem; font-weight: 700; padding: 4px 8px; border-bottom-left-radius: 8px; }

    .enn16-link-green { border-color: #dcfce3; }
    .enn16-link-green:hover { border-color: #86efac; background: #f0fdf4; }
    .enn16-link-green .enn16-link-title { color: #14532d; }

    .enn16-school-box { margin-top: 24px; text-align: center; background: #f9fafb; padding: 16px; border-radius: 12px; border: 1px solid #f3f4f6; }
    .enn16-school-text { font-size: 0.75rem; color: #4b5563; margin: 0; line-height: 1.6; }
    .enn16-school-text strong { color: #374151; }
    .enn16-school-hl { font-weight: 700; color: #4f46e5; border-bottom: 1px solid #c7d2fe; }

    .enn16-btn-retry { margin-top: 40px; font-size: 0.875rem; color: #9ca3af; font-weight: 700; width: 100%; text-align: center; text-decoration: underline; background: transparent; border: none; cursor: pointer; display:block;}
    .enn16-btn-retry:hover { color: #4b5563; }

    @media(max-width: 599px) {
      .enn16-card-value {
        padding: 15px 5px;
      }

      .enn16-card-value {
          font-size: 1.4rem;
          font-weight: 900;
          margin: 0 0 4px 0;
}

}

</style>

<!-- 診断アプリ コンテナ -->
<div class="enn16-test-wrapper">
    <div id="enn16-test-app" class="enn16-app-container">
        <!-- JSで動的にコンテンツが切り替わります -->
    </div>
</div>

<script>
// カプセル化（即時実行関数）でWPの他のスクリプトとの干渉を防ぐ
(function() {

    // ==========================================
    // ★ 質問データ定義 (全90問 フルカスタマイズ対応版)
    // ==========================================
    // 各設問の「選択肢テキスト」「どの指標に加算するか(target, key)」「何点加算するか(score)」を自由に編集できます。
    // 選択肢の数を増やしたり、点数の重み付けを変えたりすることが可能です。

    // 16タイプ用 (28問)
    const mbtiQuestions = [
        { text: "よく外に出る。人生を通して色々な人と関わりたいと思う。", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'E', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'E', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'E', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'E', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分の好きな事に集中できる時間を常に確保している", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'I', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'I', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'I', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'I', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "独りで考えていると煮詰まる。人の意見を聞いて整理したい", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'E', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'E', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'E', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'E', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "SNSを開いてもすぐに閉じる。自分の世界が侵害されるように感じるから", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'I', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'I', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'I', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'I', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "孤立したら孤立したらでラッキーだと思う。自分の好きな事に集中できるから", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'I', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'I', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'I', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'I', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "電車・バスの中、ドライブ中などひとりでボーっとしている時間を意識的に作る", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'I', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'I', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'I', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'I', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "と、言いつつスマホを開いて、ゲームやSNSに意識を向けている自分がいる", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'E', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'E', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'E', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'E', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分は現実主義だと思う。夢や理想、妄想に浸っている時間は少ない", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'S', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'S', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'S', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'S', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人と話が合わない事がある。よく話が飛びすぎでは？と指摘される", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'N', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'N', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'N', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'N', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "抽象的な話は嫌い。結論から話してほしいし、まずは事実が知りたい", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'S', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'S', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'S', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'S', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "答えのある問題よりも、答えのない問題のほうが好き", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'N', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'N', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'N', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'N', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "頭であれこれと考えるよりも、手足を動かしたほうが学習速度が速い", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'S', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'S', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'S', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'S', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人が話している最中に、つい別の事に意識が向いてしまう", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'N', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'N', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'N', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'N', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "視覚、聴覚、味覚、嗅覚のいずれかが異常に発達している", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'S', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'S', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'S', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'S', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "悩みを相談されたら、「共感」よりも「解決策」を考えてしまう", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'T', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'T', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'T', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'T', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "会話の中で「そう思うから」と言ったら迷わず、「そうだね」と言ってほしい", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'F', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'F', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'F', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'F', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人の説明を聞いて「なぜ」がないと、密かにイラっとしている", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'T', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'T', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'T', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'T', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人に相談するときは、答え・助言ではなく、背中を押してもらいたいだけ", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'F', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'F', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'F', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'F', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分の考えが否定されても、その内容に筋がっ通っていればムキにならない", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'T', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'T', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'T', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'T', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "「人それぞれだよね」と言われたら、無条件で納得する", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'F', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'F', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'F', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'F', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "無能と思われるぐらいなら、薄情者と思われた方がマシだ", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'T', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'T', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'T', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'T', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "コロコロと予定を変更する人を見ると、二度と頼らないと決める", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'J', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'J', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'J', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'J', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "スケジュールを決めても、いざ動き始めると変更したくなる", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'P', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'P', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'P', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'P', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "やるべきことはさっさと終わらせたい（できるかどうかは別）", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'J', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'J', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'J', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'J', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "夏休みの宿題や納期直前の案件。最後は力業で終わらせる自信がある", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'P', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'P', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'P', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'P', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分にもいい加減なところがあるが、人がいい加減なのは許せない", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'J', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'J', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'J', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'J', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "ひとつの事に囚われるよりも複数の選択肢を常に持っておきたい", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'P', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'P', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'P', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'P', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "JPで迷ったら、仕事ではJ型、プライベートではP型とよく人に伝える", category: 'mbti', choices: [
            { text: "非常にそう思う", target: 'mbti', key: 'J', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'mbti', key: 'J', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'mbti', key: 'J', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'mbti', key: 'J', score: -2, styleClass: 'enn16-btn-lv0' }
        ]}
    ];

    // エニアグラム用 (54問)
    const enneaQuestions = [
        { text: "自分の価値観や意見、考えは自分のものである。人に合わせたくない", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人に合わせて意見を曲げるくらいなら、その場で沈黙を貫く。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分の身内や仲間が攻撃されたときに、自分が攻撃されたように思えた", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "独りのときはのんびりしている。でも、皆の前ではイキイキしている", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "能力、カネ、信用、影響力を手に入れないと何もできないと思う", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自信を失ったときは、人を遠ざけて独りになる。人に弱めを吐きたくない", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '8', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '8', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '8', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '8', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分はポジティブな人間だと思う。悩む事や干渉に浸るのは時間の無駄", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "選択肢は多ければ多いほど良い。全部やり遂げたいと思う。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "ストレスがたまると、つい発散をする。過去にお金のトラブルを起こした", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "いくつになっても落ち着きがないタイプだと言われる。自分でもそう思う", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "険悪なムードになると、咄嗟に「それよりさ」と話題を変えようとする", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "子供のころからいつも誰かに「行動」を制限されていた気がした", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '7', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '7', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '7', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '7', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "頭の中では、常に何かを成し遂げる事でいっぱいだ！", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人から「仕事ができない」「無能だ」と思われるのが一番の恐怖だ", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "現に、自分が役に立てないと悟ったら、その途端にやる気を失う", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "勝つ事よりも負けない事を選ぶ。負けた・失敗したは避けたい", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "幼少期、人と比べて優れた自分を作ろうと努力した経験がある", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "努力して達成したことが評価されないと悲しみよりも憎しみが沸く", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '3', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '3', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '3', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '3', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "幼少期、人を正したいと思った。たとえ、相手が親・先生でも", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人に任せた仕事でも放置はしたくない。どこかで管理をしたい", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "できた事よりもできなかったことが気になる。常に基準をあげたい", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "いい加減な人、一貫性のない人だと思われるのが、何よりもイヤだ", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "普段は冷静だが、張り詰めた糸が切れると、良くも悪くも別人になる", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "目標を決めるときは、必ず『達成可能な範囲』で設定する。無理しない", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '1', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '1', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '1', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '1', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "目の前の相手が喜んでいれば、自分の欲求や要望は後回しにしがち。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "誰かに頼み事をするのが苦手。相手に負担をかけたら悪いかな...と思う", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "困っている人は放っておけない。損得勘定抜きで、まずは手を差し伸べる", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "与える人こそ、最後に受け取れる！という価値観に対しては強く同意する", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分がしてあげたことが当然のように扱われると、激しい怒りを感じてしまう", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "恋愛では、相手が誰であろうと、ケアすることで、主導権を握っている", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '2', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '2', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '2', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '2', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "「もしこうなったら...」と起きてもいない事態（リスク）を考えがち", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "何かを決断する時、自分一人の判断では不安。誰かのお墨付きが欲しい。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "相手から意見を求めるが実は答えがある。相手と答えが違うと動じる", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "精神的な自立は大事だと理解している。一方で、その方法を人に頼る", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "開き直ると最強。これまで恐れていた相手すらも制圧できたことがある", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "逃げたくても逃げられない。なぜなら、逃げた後の世界を想像するのも怖いから", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '6', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '6', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '6', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '6', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "思い返すと過剰に自己演出をしている。理解されない自分を作っている", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分をINFP/INFJ/ISFPだと思う事が多々ある。てか、そのタイプだ", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人の意見は事実であって、自分の意見こそが真実なんだと思う", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "この世界で誰一人として『本当に私を理解』してくれないと思う。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "気分が沈んで憂鬱な時、その感情にどっぷり浸かっていたい。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "心のどこかで『なりたい自分』になる事を恐れている", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '4', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '4', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '4', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '4', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "人々と関わりたくないわけではない。その濁流に入るのが怖いだけだ", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "考える事をやめて衝動に身をゆだねて生きる事は想像できない", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "この瞬間にも、これまでの設問の意味や意図を考えている(メタ質問)", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分は、まだこの世界で本気を出せていない。本当はもっとできるはず", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分がINTPかはさておき、INTP自認の気持ちをよく理解できる", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "考えて考えて考えまくった結果、思考停止状態の堂々巡りになった事がある", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '5', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '5', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '5', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '5', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "どんな診断結果が出ても、割と受け入れられる。私は私だから", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "AかBどちらか？と選択肢を突きつけられると、どっちでもいいが本音", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "別に素直に答えいるだけなのに、その時の状況や気分でタイプがコロコロと変わる。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "どんなに理不尽な状況でも「まあいいか」「しょうがない」と諦めぐせがる", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "誰かが言い争いをしているのを見ると、逃げ出したくなるほど心が消耗する。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "休日、誰にも干渉されず、頭の中を空っぽにしてボーッとしている時間が至上の喜びだ。", category: 'ennea', choices: [
            { text: "非常にそう思う", target: 'ennea', key: '9', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'ennea', key: '9', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'ennea', key: '9', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'ennea', key: '9', score: -2, styleClass: 'enn16-btn-lv0' }
        ]}
    ];

    // 不健全度（ストレス・葛藤）測定用 (8問)
    const healthQuestions = [
        { text: "感情や衝動を抑えられなくなることが多々ある。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "休日は自分の世界に閉じこもり、誰とも連絡を絶ちたいと思う。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "常に「自分には何かが足りない」「このままじゃダメだ」という焦燥感に駆られている。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "最近、何をしていても心の底から楽しいと感じられない。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "他人のちょっとした言葉の裏を深読みして、一日中引きずってしまう。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "失敗した時のリスクや最悪の事態ばかり考えて、行動を起こせなくなる。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "自分が存在している意味や価値がわからなくなる夜がある。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]},
        { text: "承認欲求や「誰かに認めてほしい」という気持ちに、自分自身が振り回されている。", category: 'health', choices: [
            { text: "非常にそう思う", target: 'health', key: 'health', score: 2, styleClass: 'enn16-btn-lv5' },
            { text: "ややそう思う", target: 'health', key: 'health', score: 1, styleClass: 'enn16-btn-lv4' },
            { text: "状況による", flag: 'depends', score: 0, styleClass: 'enn16-btn-lv3' },
            { text: "わからない", flag: 'unknown', score: 0, styleClass: 'enn16-btn-lv2' },
            { text: "あまりそう思わない", target: 'health', key: 'health', score: -1, styleClass: 'enn16-btn-lv1' },
            { text: "全くそう思わない", target: 'health', key: 'health', score: -2, styleClass: 'enn16-btn-lv0' }
        ]}
    ];

    // 配列をシャッフルする関数
    function shuffleArray(array) {
        const newArr = [...array];
        for (let i = newArr.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [newArr[i], newArr[j]] = [newArr[j], newArr[i]];
        }
        return newArr;
    }

    // 統合された質問リスト
    let allQuestions = [];
    let totalQ = 0;

    // 該当率計算のためのデータマップ
    const enn16DataMap = {
        '1w9': [13, 20, 6, 131, 11, 84, 9, 5, 33, 2, 23, 198, 6, 9, 2, 0],
        '1w2': [27, 65, 5, 27, 5, 103, 12, 36, 131, 15, 32, 32, 0, 4, 1, 1],
        '2w1': [28, 0, 9, 5, 41, 88, 12, 75, 2, 78, 120, 2, 5, 2, 4, 1],
        '2w3': [12, 4, 10, 6, 24, 35, 74, 191, 3, 181, 19, 2, 6, 5, 39, 3],
        '3w2': [36, 58, 5, 5, 6, 16, 15, 108, 35, 35, 3, 8, 3, 2, 23, 22],
        '3w4': [53, 392, 10, 92, 0, 23, 17, 16, 56, 5, 3, 20, 6, 7, 12, 7],
        '4w3': [40, 11, 26, 17, 360, 52, 222, 12, 1, 3, 5, 1, 41, 14, 11, 2],
        '4w5': [39, 4, 128, 119, 1374, 452, 150, 4, 1, 0, 7, 3, 107, 34, 4, 1],
        '5w4': [110, 13, 831, 626, 275, 129, 39, 4, 1, 0, 4, 15, 23, 73, 0, 5],
        '5w6': [122, 36, 755, 680, 55, 50, 18, 0, 12, 2, 17, 191, 11, 141, 0, 10],
        '6w5': [41, 11, 129, 110, 80, 101, 31, 5, 23, 12, 136, 321, 38, 107, 1, 12],
        '6w7': [85, 4, 12, 10, 108, 48, 231, 38, 12, 45, 38, 30, 44, 25, 43, 23],
        '7w6': [391, 13, 21, 5, 59, 5, 423, 31, 4, 15, 3, 1, 26, 17, 118, 124],
        '7w8': [312, 33, 21, 17, 12, 4, 213, 18, 14, 2, 0, 2, 13, 82, 59, 183],
        '8w7': [153, 199, 18, 45, 6, 9, 21, 21, 132, 1, 1, 14, 5, 55, 12, 108],
        '8w9': [31, 132, 21, 74, 9, 10, 6, 8, 41, 1, 2, 37, 7, 65, 1, 24],
        '9w8': [24, 3, 62, 14, 108, 14, 41, 3, 6, 0, 7, 24, 119, 116, 22, 22],
        '9w1': [22, 0, 143, 22, 332, 110, 87, 8, 5, 14, 59, 61, 123, 33, 4, 2]
    };
    const enn16MbtiLabels = ['ENTP', 'ENTJ', 'INTP', 'INTJ', 'INFP', 'INFJ', 'ENFP', 'ENFJ', 'ESTJ', 'ESFJ', 'ISFJ', 'ISTJ', 'ISFP', 'ISTP', 'ESFP', 'ESTP'];
    const enn16WingsMap = {
        '1': ['1w9', '1w2'], '2': ['2w1', '2w3'], '3': ['3w2', '3w4'],
        '4': ['4w3', '4w5'], '5': ['5w4', '5w6'], '6': ['6w5', '6w7'],
        '7': ['7w6', '7w8'], '8': ['8w7', '8w9'], '9': ['9w8', '9w1']
    };

    // 各タイプの根源的恐れと欲求データ
    const enneaCoreData = {
        1: { fear: "自分が間違っていて、欠点があり、そのまま堕落していくこと", desire: "立派な人になりたい（常に正しくありたい）", passion: "怒り" },
        2: { fear: "自分が誰からも必要とされず、愛される価値がないのではないか", desire: "愛されたい、他者から必要とされたい", passion: "プライド" },
        3: { fear: "ありのままの自分には価値がない", desire: "価値ある存在でありたい（価値を獲得するために自分を駆り立てる）", passion: "欺瞞" },
        4: { fear: "ありのままの自分は「存在理由」がない、見つからない", desire: "特別な存在でありたい、自分らしさにこだわる", passion: "妬み" },
        5: { fear: "この世界はカオスであり、自分は無力で役立たずではないか", desire: "有能でありたい、世界に対して影響を与えたい", passion: "ため込み" },
        6: { fear: "外界からのサポートや導きを失う、自分一人で生き残れなくなること", desire: "安全でありたい、信頼できる足場や絆がほしい", passion: "疑念" },
        7: { fear: "時間の経過とともに人生の可能性が奪われ、生きづらくなること", desire: "未来永劫、満たされたい、幸福でありたい", passion: "貪欲" },
        8: { fear: "他者から傷つけられ、コントロールされ、自由を奪われること", desire: "自分自身を守りたい、自分の人生は自分で切り開きたい", passion: "強欲" },
        9: { fear: "外界との調和と内面の平和を喪失する／維持できなくなる", desire: "この瞬間、平和でありたい、穏やかな毎日を送りたい", passion: "怠惰" }
    };

    window.enn16TestApp = {
        currentStep: -1,
        scores: {
            mbti: { E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0 },
            ennea: { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0, 6: 0, 7: 0, 8: 0, 9: 0 },
            meta: { depends: 0, unknown: 0, health: 0 }
        },
        
        init: function() {
            allQuestions = [
                ...shuffleArray(mbtiQuestions),
                ...shuffleArray(enneaQuestions),
                ...shuffleArray(healthQuestions)
            ];
            totalQ = allQuestions.length;
            this.currentStep = -1;
            this.scores = {
                mbti: { E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0 },
                ennea: { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0, 6: 0, 7: 0, 8: 0, 9: 0 },
                meta: { depends: 0, unknown: 0, health: 0 }
            };
            this.renderStart();
        },

        getAppDiv: function() {
            return document.getElementById('enn16-test-app');
        },

        getMbtiToEnneaSumData: function(mbti) {
            const mbtiIdx = enn16MbtiLabels.indexOf(mbti);
            if (mbtiIdx === -1) return new Array(9).fill(0);
            const result = [];
            for (let i = 1; i <= 9; i++) {
                const wings = enn16WingsMap[i.toString()];
                let sum = 0;
                wings.forEach(w => { sum += (enn16DataMap[w][mbtiIdx] || 0); });
                result.push(sum);
            }
            return result;
        },

        calculateResults: function() {
            // 16タイプ計算 (ESTJ寄り)
            // 同点(>=)なら左側（E, S, T, J）が選ばれるように設定
            const mbtiRes = [
                this.scores.mbti.E >= this.scores.mbti.I ? 'E' : 'I',
                this.scores.mbti.S >= this.scores.mbti.N ? 'S' : 'N',
                this.scores.mbti.T >= this.scores.mbti.F ? 'T' : 'F',
                this.scores.mbti.J >= this.scores.mbti.P ? 'J' : 'P'
            ].join('');

            // エニア計算 (8>7>3>1>2>6>5>4>9 の優先順位で同点処理)
            const enneaPriority = [8, 7, 3, 1, 2, 6, 5, 4, 9];
            let maxEnneaScore = -Infinity;
            let enneaRes = 8;
            
            for (let i = 1; i <= 9; i++) {
                const score = this.scores.ennea[i];
                if (score > maxEnneaScore) {
                    maxEnneaScore = score;
                    enneaRes = i;
                } else if (score === maxEnneaScore) {
                    // 同点の場合、優先順位リストの前の方を勝たせる
                    const currentPriorityIndex = enneaPriority.indexOf(enneaRes);
                    const newPriorityIndex = enneaPriority.indexOf(i);
                    if (newPriorityIndex < currentPriorityIndex) {
                        enneaRes = i;
                    }
                }
            }

            // 該当率計算
            const sumData = this.getMbtiToEnneaSumData(mbtiRes);
            const totalVotes = sumData.reduce((a, b) => a + b, 0);
            const targetVotes = sumData[enneaRes - 1];
            const matchRate = totalVotes > 0 ? ((targetVotes / totalVotes) * 100) : 0;

            return { mbti: mbtiRes, ennea: enneaRes, rate: matchRate };
        },

        handleAnswer: function(target, key, score, flag) {
            const q = allQuestions[this.currentStep];
            
            if (flag === 'depends') this.scores.meta.depends++;
            if (flag === 'unknown') this.scores.meta.unknown++;

            // 指定されたターゲットとキーに得点を加算
            if (target === 'mbti' && key) {
                this.scores.mbti[key] += score;
            } else if (target === 'ennea' && key) {
                this.scores.ennea[key] += score;
            } else if (target === 'health') {
                this.scores.meta.health += score; // 不健全度として加算
            }
            
            this.nextStep();
        },

        renderStart: function() {
            this.getAppDiv().innerHTML = `
                <div class="enn16-screen-content enn16-fade-in enn16-flex-center">
                    <span class="enn16-subtitle">PRECISION PROFILING</span>
                    <h1 class="enn16-title-main">16タイプ × エニアグラム<br>精密連携診断</h1>
                    <p class="enn16-desc">
                        全90問の質問を通して、あなたの「表向きの行動傾向（16タイプ）」と「深層心理の動機（エニアグラム）」を同時に測定します。<br><br>
                        さらに、導き出された2つの結果の<span class="enn16-highlight">「該当率（整合性）」</span>を算出し、あなたの中に眠る矛盾や本当の強さを浮き彫りにします。
                    </p>
                    <button onclick="window.enn16TestApp.nextStep()" class="enn16-btn-start">診断をスタート</button>
                </div>
            `;
        },

        renderQuestion: function() {
            const q = allQuestions[this.currentStep];
            const progressPct = Math.round((this.currentStep / totalQ) * 100);
            
            let phaseText = "フェーズ1：思考・行動指向（16タイプ）";
            if (q.category === 'ennea') phaseText = "フェーズ2：深層動機（エニアグラム）";
            if (q.category === 'health') phaseText = "フェーズ3：現在の心の状態";
            if (q.category === 'custom') phaseText = "フェーズ0：カスタム設問";

            // カスタマイズされた選択肢ボタンの生成
            const choicesHtml = q.choices.map(c => {
                const tgt = c.target || '';
                const k = c.key || '';
                const s = c.score || 0;
                const f = c.flag || '';
                const style = c.styleClass || 'enn16-btn-custom';
                return `<button onclick="window.enn16TestApp.handleAnswer('${tgt}', '${k}', ${s}, '${f}')" class="enn16-choice-btn ${style}">${c.text}</button>`;
            }).join('');

            this.getAppDiv().innerHTML = `
                <div class="enn16-screen-content enn16-fade-in">
                    <div class="enn16-progress-header">
                        <span class="enn16-progress-phase">${phaseText}</span>
                        <span class="enn16-progress-count">${this.currentStep + 1} / ${totalQ}</span>
                    </div>
                    <div class="enn16-progress-bg">
                        <div class="enn16-progress-fill" style="width: ${progressPct}%"></div>
                    </div>

                    <div class="enn16-question-text-area">
                        <h2 class="enn16-question-text">${q.text}</h2>
                    </div>

                    <div class="enn16-choice-area">
                        ${choicesHtml}
                    </div>
                </div>
            `;
        },

        renderLoading: function() {
            this.getAppDiv().innerHTML = `
                <div class="enn16-screen-content enn16-fade-in enn16-flex-center">
                    <div class="enn16-loader"></div>
                    <h2 class="enn16-title-main" style="font-size:1.25rem; margin-bottom:8px;">結果を分析中...</h2>
                    <p class="enn16-desc" style="font-size:0.875rem; margin:0;">16タイプとエニアグラムの整合性を計算しています</p>
                </div>
            `;
            setTimeout(() => { this.nextStep(); }, 2500);
        },

        renderResult: function() {
            const res = this.calculateResults();
            const rateStr = res.rate.toFixed(1);
            
            // アラート判定
            const unknownRate = (this.scores.meta.unknown / totalQ) * 100;
            const dependsRate = (this.scores.meta.depends / totalQ) * 100;
            const healthScore = this.scores.meta.health; // 最大+16
            
            let alertHtml = '';
            if (healthScore > 6) { // 不健全度が高い場合
                alertHtml += `<div class="enn16-alert enn16-alert-red">⚠️ 現在、かなり強いストレスや葛藤を抱えている状態のようです。<span class="enn16-alert-sub">自分の本来の強みを発揮できず、無理をしている可能性があります。まずは心身を休めることを最優先にしてください。</span></div>`;
            }
            if (unknownRate > 10) {
                alertHtml += `<div class="enn16-alert enn16-alert-yellow">⚠️ 「わからない」の回答が10%を超えています。<span class="enn16-alert-sub">自己認識がまだ十分にできていない（自分の本心が掴めていない）可能性があります。</span></div>`;
            }
            if (dependsRate > 10) {
                alertHtml += `<div class="enn16-alert enn16-alert-blue">⚠️ 「状況による」の回答が10%を超えています。<span class="enn16-alert-sub">環境や相手に合わせて態度を変えやすい傾向があります。自分がどのような状況でどう変化するのか、そのパターンを知ることが非常に大切です。</span></div>`;
            }
            
            let evalTitle = "";
            let evalText = "";
            if (res.rate >= 20) {
                evalTitle = "典型的な王道パターン";
                evalText = "あなたの思考プロセス（16タイプ）と心の奥底の動機（エニアグラム）は、非常にスムーズに連携しています。葛藤が少なく、自らの強みをストレートに発揮しやすい状態です。";
            } else if (res.rate >= 8) {
                evalTitle = "よく見られる組み合わせ";
                evalText = "表向きの行動と深層心理にややギャップはありますが、独自の視点を持つ魅力的な組み合わせです。時に迷いが生じますが、それがあなたの柔軟さの源でもあります。";
            } else {
                evalTitle = "極めて珍しい、または乖離した組み合わせ";
                evalText = "あなたの表向きの行動パターンと、深層心理の動機には大きなギャップ（乖離）があります。心の中で常にアクセルとブレーキを踏んでいるような生きづらさを感じているかもしれません。";
            }

            const typeNames = {
                1: '改革する人', 2: '助ける人', 3: '達成する人', 
                4: '個性的な人', 5: '調べる人', 6: '忠実な人', 
                7: '熱中する人', 8: '挑戦する人', 9: '平和をもたらす人'
            };

            const articleUrl = `https://seikaku-type.com/16type/${res.mbti.toLowerCase()}-enneagram`;

            this.getAppDiv().innerHTML = `
                <div class="enn16-screen-content enn16-slide-up" style="overflow-y: auto;">
                    <div class="enn16-text-center" style="margin-bottom: 32px;">
                        <span class="enn16-subtitle">PROFILING RESULT</span>
                        <h2 class="enn16-result-title">あなたのプロファイリング結果</h2>
                    </div>

                    ${alertHtml}

                    <div class="enn16-result-cards">
                        <div class="enn16-card-item enn16-card-blue">
                            <div class="enn16-card-label">思考・行動指向</div>
                            <div class="enn16-card-value">${res.mbti}</div>
                            <div class="enn16-card-sub">16 Personality</div>
                        </div>
                        <div class="enn16-card-item enn16-card-purple">
                            <div class="enn16-card-label">深層の動機</div>
                            <div class="enn16-card-value">タイプ${res.ennea}</div>
                            <div class="enn16-card-sub">${typeNames[res.ennea]}</div>
                        </div>
                    </div>

                    <div class="enn16-motive-box">
                        <h4 class="enn16-motive-title">タイプ${res.ennea} の根幹にある動機</h4>
                        <div class="enn16-motive-inner">
                            <div class="enn16-motive-item">
                                <span class="enn16-motive-label-red">絶対に避けたいこと（根源的恐れ）</span>
                                <p class="enn16-motive-text">${enneaCoreData[res.ennea].fear}</p>
                            </div>
                            <div class="enn16-motive-item">
                                <span class="enn16-motive-label-blue">何としても満たしたいこと（根源的欲求）</span>
                                <p class="enn16-motive-text">${enneaCoreData[res.ennea].desire}</p>
                            </div>
                            <div class="enn16-motive-item">
                                <span class="enn16-motive-label-purple">無意識の囚われ（パッション）</span>
                                <p class="enn16-motive-text">${enneaCoreData[res.ennea].passion}</p>
                            </div>
                        </div>
                    </div>

                    <div class="enn16-match-rate-box">
                        <div class="enn16-donut" style="--rate: ${res.rate}%">
                            <div class="enn16-donut-text">
                                <div style="font-size:1.5rem; font-weight:900; color:#1f2937; margin:0;">${rateStr}<span style="font-size:0.875rem;">%</span></div>
                            </div>
                        </div>
                        <div class="enn16-match-text-area">
                            <h3 class="enn16-match-title">${evalTitle}</h3>
                            <p class="enn16-match-desc">${evalText}</p>
                            <p class="enn16-match-note">※この該当率は ${res.mbti} の中で タイプ${res.ennea} が占める割合です。</p>
                        </div>
                    </div>

                    <div class="enn16-next-step">
                        <div class="enn16-next-header">
                            <span class="enn16-next-subtitle">NEXT STEP</span>
                            <h3 class="enn16-next-title">診断結果をどう活かすか？</h3>
                            <p class="enn16-next-desc">
                                サブタイプ（ウィング、トライタイプ）や心理機能で精密に分析をすると、この矛盾や葛藤の「本当の答え」がわかります。<br><span class="enn16-highlight">正確に言うと、私はこれをプロファイリングできます！</span>
                            </p>
                        </div>

                        <div class="enn16-link-list">
                            <a href="${articleUrl}" target="_blank" class="enn16-link-item enn16-link-blue">
                                <span class="enn16-link-icon">📖</span>
                                <div class="enn16-link-content">
                                    <p class="enn16-link-title">自分のタイプをもっと広げたい</p>
                                    <p class="enn16-link-sub">無料で連携記事を読む</p>
                                </div>
                            </a>

                            <a href="https://seikaku-type.com/enneagram-session/" target="_blank" class="enn16-link-item enn16-link-indigo">
                                <div class="enn16-badge-rec">推奨</div>
                                <span class="enn16-link-icon">💎</span>
                                <div class="enn16-link-content">
                                    <p class="enn16-link-title">無料テストに振り回されたくない</p>
                                    <p class="enn16-link-sub">専門家のプロファイリングを受ける</p>
                                </div>
                            </a>

                            <a href="https://line.me/R/ti/p/@583sdfao" target="_blank" class="enn16-link-item enn16-link-green">
                                <span class="enn16-link-icon">💬</span>
                                <div class="enn16-link-content">
                                    <p class="enn16-link-title">結果について迷っている</p>
                                    <p class="enn16-link-sub">LINE公式で直接質問する</p>
                                </div>
                            </a>
                        </div>
                        
                        <div class="enn16-school-box">
                            <p class="enn16-school-text">
                                <strong>【お知らせ】</strong><br>
                                2026年まで、エニアグラムと16タイプを連携させて深く学びたい方に向けた<span class="enn16-school-hl">本格的なスクール</span>などもご案内しております。（詳細はLINE等でお問い合わせください）
                            </p>
                        </div>
                    </div>
                    
                    <button onclick="window.enn16TestApp.init()" class="enn16-btn-retry">最初からやり直す</button>
                </div>
            `;
        },

        nextStep: function() {
            this.currentStep++;
            if (this.currentStep === -1) {
                this.renderStart();
            } else if (this.currentStep < totalQ) {
                this.renderQuestion();
            } else if (this.currentStep === totalQ) {
                this.renderLoading();
            } else {
                this.renderResult();
            }
        }
    };

    // 初期化実行
    window.enn16TestApp.init();

})();
</script>



<p></p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ISFJ</title>
		<link>https://seikaku-type.com/16types/isfj-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:08:22 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18166</guid>

					<description><![CDATA[圧倒的な誠実さ、誰の心も置いていかない細やかな気遣い、そして身近な人々の平穏を誰よりも大切にする温かさ。 外から見るISFJ（擁護者）は、まるで周囲に常に微笑みと安心を届ける「親切なサポーター」のように、優しく、謙虚で、 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18252 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m-1536x1025.jpg 1536w, https://seikaku-type.com/wp-content/uploads/b42501a605983fa07d515a0cd08f446f_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ISFJ</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p>圧倒的な誠実さ、誰の心も置いていかない細やかな気遣い、そして身近な人々の平穏を誰よりも大切にする温かさ。</p>



<p>外から見るISFJ（擁護者）は、まるで周囲に常に微笑みと安心を届ける「親切なサポーター」のように、優しく、謙虚で、ブレない安定感を持った人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、これほど他者にエネルギーを注ぎながら、ふと「自分には居場所がないのではないか」という寂しさに襲われるのか？</li>



<li>なぜ、些細な変化や約束の破綻にこれほど敏感に傷つき、取り乱してしまうのか？</li>



<li>なぜ、自分のことよりも他者の期待に応えることを最優先し、自分を擦り減らしてしまうのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じISFJであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ISFJの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を笑顔で隠し、絆を求める顔</h3>



<p>ISFJの中で圧倒的な多数を占める、極めて「ISFJらしいISFJ」の姿。グループの規範を守り、誠実に他者に尽くす裏には、「もし今あるサポートや居場所を失ったら、自分一人きりではこの世界を生き残ることなどできない」という底知れぬ恐怖が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼い頃、信じていた頼れる環境や約束が突如として揺らぎ、深い不安を経験したのかもしれません。「一人で放り出されたら生きていけない。だからこそ、みんなで役割を全うし、手を取り合うべきだ」という生存本能が、彼らを誰よりも勤勉で忠実なサポーターへと向かわせます。どれほど淡々とタスクをこなし、明るく振る舞っていても、心の奥には「和を乱したら自分の安全な足場が消えてしまう」という怯えがあり、だからこそ集団の期待に誠実に応えることで、確かな安心と絶対の絆をひたむきに求めているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ2（助ける人）：愛を注ぎ、必要とされる温もりを求める顔</h3>



<p>身の回りのお世話から心のケアまで、献身的に世話を焼く姿。誰かの困りごとにいち早く気づき、そっと手を差し伸べる裏には、「もし他者に求められなくなったら、自分には何の価値もなくなってしまう」という切実な恐怖が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 自分が誰からも必要とされず、愛される価値がないのではないか？</li>



<li><strong>根源的欲求：</strong> 愛されたい、他者から必要とされたい</li>



<li><strong>超自我の声：</strong> 「他者を助起、愛すれば大丈夫だ」</li>
</ul>



<p>幼い頃、ただありのままの自分ではなく、「誰かをケアし、いい子として役に立ったとき」にだけ受け入れられた、切ない記憶があるのかもしれません。</p>



<p>「愛されるためには、自分の感情や欲求は後回しにしてでも、愛を与え続けなければならない」というマイルールがISFJを突き動かします。</p>



<p>どれほど謙虚に寄り添っていても、心の底には「見捨てられたら生きていけない」という健気な震えがあり、だからこそ誰かの特別な存在でありたいと、純粋に温もりを求めているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type2/helper-basic"><strong>タイプ2（助ける人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ9（平和をもたらす人）：凪の海に心を沈める顔</h3>



<p>他者への干渉や衝突を何よりも嫌い、穏やかで気取らない態度を保とうとする姿。静かで控えめながらも、どこか柔らかいこの組み合わせの裏には、「自分の存在が、世界の平穏や他者との調和を掻き乱してしまうのではないか」という自己消失の恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界との調和と内面の平和を喪失する／維持できなくなる</li>



<li><strong>根源的欲求：</strong> この瞬間、平和でありたい、穏やかな毎日を送りたい</li>



<li><strong>超自我の声：</strong> 「問題がなければ大丈夫だ」</li>
</ul>



<p>幼い頃、周囲の激しい感情の対立や、自分の領域を踏み荒らされるような痛みを経験したのかもしれません。「自分が何かを主張し、波風を立てれば、かえって大切な平穏を失ってしまう」という諦めにも似た感覚が、彼らを「目立たない、何もしない存在」へと向かわせます。自分の欲求や感情のスイッチを静かに切り、凪の海に心を沈めることで、外の嵐をやり過ごし、誰にも邪魔されない自分だけの平穏を守り抜こうとしているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type9/peacemaker-basic"><strong>タイプ9（平和をもたらす人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように圧倒的な義務感と気遣いで周囲を支えようとするISFJであっても、</p>



<ul class="wp-block-list">
<li>「足場を失うのが怖くて必死に期待に応え、絶対的な絆や信頼を求めている」のか？</li>



<li>「見捨てられるのが怖くて必死に愛を配り、必要とされる自分に価値を見出そうとしている」のか？</li>



<li>「平和を乱されるのが怖くて自分を消し、穏やかな凪の海に心を沈めている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ6、タイプ2、タイプ9のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ESFJ</title>
		<link>https://seikaku-type.com/16types/esfj-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:05:38 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18164</guid>

					<description><![CDATA[圧倒的な共感力、誰の心も置いていかない細やかな気遣い、そしてコミュニティの調和を誰よりも大切にする温かさ。 外から見るESFJ（領事）は、まるで周囲に常に微笑みと安心を届ける「親切なサポート役」のように、優しく、社交的で [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18246 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m-1536x1024.jpg 1536w, https://seikaku-type.com/wp-content/uploads/1d11c866871eeb6b1accd33ae3025322_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ESFJ</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p></p>



<p>圧倒的な共感力、誰の心も置いていかない細やかな気遣い、そしてコミュニティの調和を誰よりも大切にする温かさ。</p>



<p>外から見るESFJ（領事）は、まるで周囲に常に微笑みと安心を届ける「親切なサポート役」のように、優しく、社交的で、ブレない安定感を持った人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、これほど他者にエネルギーを注ぎながら、ふと「自分には価値がないのではないか」と寂しさに襲われるのか？</li>



<li>なぜ、些細な拒絶や心の距離にこれほど敏感に傷つき、取り乱してしまうのか？</li>



<li>なぜ、自分のことよりも他者の期待に応えることを優先し、自分を擦り減らしてしまうのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じESFJであっても、内面に抱えている傷や欲求は全く異なります。</p>



<p>ここでは、ESFJの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ2（助ける人）：愛を注ぎ、必要とされる温もりを求める顔</h3>



<p>ESFJの中で圧倒的な多数を占める、極めて「ESFJらしいESFJ」の姿。誰かの困りごとにいち早く気づき、献身的に世話を焼く裏には、「もし他者に求められなくなったら、自分には居場所も価値もなくなってしまう」という底知れぬ恐怖が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 自分が誰からも必要とされず、愛される価値がないのではないか？</li>



<li><strong>根源的欲求：</strong> 愛されたい、他者から必要とされたい</li>



<li><strong>超自我の声：</strong> 「他者を助け、愛すれば大丈夫だ」</li>
</ul>



<p>幼い頃、ただありのままの自分ではなく、「誰かをケアし、いい子として役に立ったとき」にだけ受け入れられた、切ない記憶があるのかもしれません。「愛されるためには、自分の感情や欲求は後回しにしてでも、愛を与え続けなければならない」というマイルールが彼らを突き動かします。どれほど愛嬌を振りまき、親切に他者へ寄り添っていても、心の底には「見捨てられたら生きていけない」という健気な震えがあり、だからこそ誰かの特別な存在でありたいと、ひたむきに求めているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type2/helper-basic"><strong>タイプ2（助ける人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を笑顔で隠し、絆を求める顔</h3>



<p>集計データ上、ESFJの中で実に2番目に多いのが、グループの規範を大切にし、誠実さを重んじるタイプ6です。一見すると自信ありげに周囲を仕切っているように見えて、その内面には、常に信頼の崩壊や不測の事態に対する強い不安が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼い頃、信じていた頼れる環境が突如として揺らいだり、自分が所属するコミュニティが壊れる恐怖を経験したのかもしれません。「一人で放り出されたら生きていけない。だからこそ、みんなで手を取り合い、共通のルールを守るべきだ」という生存本能が、彼らを誰よりも勤勉で忠実なサポーターへと向かわせます。どれほど明るく振る舞っていても、心の奥には「和を乱したら自分の安全な足場が消えてしまう」という怯えがあり、だからこそ集団の期待に誠実に応えることで、確かな安心と絶対の絆を求めているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ3（達成する人）：結果を追い求め、価値を証明し続ける顔</h3>



<p>仲間を率いて効率的にプロジェクトを進め、周囲から「デキる存在」として賞賛される姿。この組み合わせの裏には、「結果を出していない自分には何の価値もなく、誰からも愛されないのではないか」という底知れぬ恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> ありのままの自分には価値がない</li>



<li><strong>根源的欲求：</strong> 価値ある存在でありたい（価値を獲得するために自分を駆り立てる）</li>



<li><strong>超自我の声：</strong> 「好印象を与えれば大丈夫だ」</li>
</ul>



<p>幼少期、ただ存在している自分ではなく、「他人に自慢できる成果を出したとき」「期待通りの姿で賞賛されたとき」だけ価値を認められたのかもしれません。だからこそ、自分の本当の弱さや感情を切り離し、社会や集団の中で「最も魅力的な成果」を出すことにエネルギーを注ぎ込みます。「歩みを止めれば自分の価値が消えてしまう」という焦燥を抱えながら、周囲の期待に応え、価値ある自分を証明するために、今日も孤独に走り続けているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type3/achiever-basics"><strong>タイプ3（達成する人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように圧倒的な義務感と実務能力で社会や調和を支えようとするESFJであっても、</p>



<ul class="wp-block-list">
<li>「見捨てられるのが怖くて必死に愛を配り、必要とされる自分に価値を見出そうとしている」のか？</li>



<li>「足場を失うのが怖くて必死に笑顔を作り、絶対的な絆や信頼を求めている」のか？</li>



<li>「価値を失うのが怖くて結果を追い求め、有能な自分を証明し続けている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ2、タイプ6、タイプ3のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ISTJ</title>
		<link>https://seikaku-type.com/16types/istj-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:04:03 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18162</guid>

					<description><![CDATA[圧倒的な誠実さ、高い義務感、そして社会の規範をどこまでも実直に守り抜く確かな信頼性。外から見るISTJ（管理者）は、まるでいかなる不測の事態にも動じない頑丈な防波堤のように、ブレず、黙々と自らの役割を全うする強い人に見え [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18254 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m-1536x1025.jpg 1536w, https://seikaku-type.com/wp-content/uploads/ae5470c26bef6fd0bcccb4fee12a6ef8_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ISTJ</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p>圧倒的な誠実さ、高い義務感、そして社会の規範をどこまでも実直に守り抜く確かな信頼性。外から見るISTJ（管理者）は、まるでいかなる不測の事態にも動じない頑丈な防波堤のように、ブレず、黙々と自らの役割を全うする強い人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、すべてを完璧なマニュアルと手順で統制しなければ気が済まないのか？</li>



<li>なぜ、他者に頼ることなく、これほどまでにあらゆる重責を一人で抱え込んでしまうのか？</li>



<li>なぜ、平穏な日常を守ることに、これほどまでに頑なに執着するのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じISTJであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ISTJの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を笑顔で隠し、絆を求める顔</h3>



<p>ISTJの中で圧倒的な多数を占める、極めて「ISTJらしいISTJ」の姿。組織やルールのために身を粉にして尽くす裏には、「もし今ある足場や確かなサポートを失ったら、一人きりでこの残酷な世界を生き残ることなどできない」という強烈な不安が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼い頃、頼りにしていた約束や安全な居場所が突如として揺らぐような、深い不安を経験したのかもしれません。「信じられるのは、目の前にあるルールと役割だけだ」という生存本能が、彼らを誰よりも勤勉で忠実なサポーターへと向かわせます。どれほど淡々とタスクをこなしていても、心の底には「見捨てられたら生きていけない」という健気な震えがあり、だからこそ集団の期待に120%応えることで、確かな安心と絶対の絆をひたむきに求めているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ1（改革する人）：理想を掲げ、不完全さに傷つく顔</h3>



<p>妥協や不正を一切許さず、高い倫理基準と常識を持って世界の秩序を正そうとする姿。自分にも他者にも完璧さを厳しく求めるこの組み合わせの裏には、自らの過ちや怠惰によって、積み上げてきた世界が破滅へ堕落していくことへの強烈な恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 自分が間違っていて、欠点があり、そのまま堕落していくこと</li>



<li><strong>根源的欲求：</strong> 立派な人になりたい（常に正しくありたい）</li>



<li><strong>超自我の声：</strong> 「正しいことをすれば大丈夫だ」</li>
</ul>



<p>子供の頃、周囲に頼れる「正しさ」や「ルール」がなく、「自分が正しく規律ある大人にならなければ、この世界は一瞬で崩壊してしまう」と、幼くして肩を怒らせて大人になることを選んだのかもしれません。自らの内にある不完全な感情や甘えを厳格に律し、絶えず自分を追い込みます。「完璧であらねばならない」という重圧に押しつぶされそうになりながらも、正しさを信じて自分の役割を果たそうとする、切ないほどに自己犠牲的な美しさをまとっています。</p>



<p>👉 <a href="https://seikaku-type.com/type1/reformer-basic"><strong>タイプ1（改革する人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ5（調べる人）：静寂な城から世界を観察する顔</h3>



<p>外界の喧騒や過剰な他者からの要求をそっと遮断し、静かに自分の専門知識や技術、データ収集に没頭する姿。ドライで客観的なこの組み合わせの裏には、この混沌とした現実世界に対して押しつぶされそうになる、圧倒的な無力感と恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> この世界はカオスであり、自分は無力で役立たずではないか？</li>



<li><strong>根源的欲求：</strong> 有能でありたい、世界に対して影響を与えたい</li>



<li><strong>超自我の声：</strong> 「武器を手に入れたら大丈夫だ」</li>
</ul>



<p>幼い頃、周囲の環境や人間関係が「予測不可能で、自分を脅かすもの」に見えてしまったのかもしれません。だからこそ、自分の感情を完全に切り離し、システムやデータという安全な城に引きこもりました。彼らが優れた専門性を磨き、万全の準備を整えるのは、外界に翻弄されないための唯一の「武器」だからです。有能という名の防具を身にまとい、安全な距離を保ちながら、そっと世界の仕組みを誰よりも鋭く観察し続けています。</p>



<p>👉 <a href="https://seikaku-type.com/type5/investigator-basic"><strong>タイプ5（調べる人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように圧倒的な義務感と堅実さで社会を支えようとするISTJであっても、</p>



<ul class="wp-block-list">
<li>「足場を失うのが怖くて必死に期待に応え、絶対的な絆や信頼を求めている」のか？</li>



<li>「間違えるのが怖くて自分を完璧な義務で縛り、正しさにしがみついている」のか？</li>



<li>「無力さが怖くて自分の城に引きこもり、確かな知識という武器を集めている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ6、タイプ1、タイプ5のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ESTJ</title>
		<link>https://seikaku-type.com/16types/estj-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:03:00 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18160</guid>

					<description><![CDATA[圧倒的な実務能力、高い組織統率力、そして社会の秩序を守る揺るぎない責任感。外から見るESTJ（幹部）は、まるでいかなる不条理にも屈しないタフな現実主義者のように、頑強で、ブレず、弱音を吐かない強い人に見えるかもしれません [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18243 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m-1536x1025.jpg 1536w, https://seikaku-type.com/wp-content/uploads/3fd1cffd6104c7a13445ff7f2e51d116_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ESTJ</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p></p>



<p>圧倒的な実務能力、高い組織統率力、そして社会の秩序を守る揺るぎない責任感。外から見るESTJ（幹部）は、まるでいかなる不条理にも屈しないタフな現実主義者のように、頑強で、ブレず、弱音を吐かない強い人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、これほど強靭に見えながら、他者からの批判に人知れず深く傷ついているのか？</li>



<li>なぜ、すべてを完璧なシステムとルールで統制しなければ気が済まないのか？</li>



<li>なぜ、他者に頼ることなく、これほどまでにあらゆる責任を一人で抱え込んでしまうのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じESTJであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ESTJの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ8（挑戦する人）：自由を守るために牙を剥く顔</h3>



<p>ESTPやENTJに多く見られるタイプ8ですが、実はESTJの中で最も多数を占めるのがこの顔です。ルールや主導権を握って周囲を力強く牽引する裏には、「他者にコントロールされ、無防備な自分を傷つけられる」ことへの強烈な恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 他者から傷つけられ、コントロールされ、自由を奪われること</li>



<li><strong>根源的欲求：</strong> 自分自身を守りたい、自分の人生は自分で切り開きたい</li>



<li><strong>超自我の声：</strong> 「主導権を握れば大丈夫だ」</li>
</ul>



<p>まだ小さく弱かった頃、誰も自分を守ってくれない過酷な現実を目の当たりにし、「自分が強くあり続け、周囲を支配しなければ、すぐに踏みにじられてしまう」と悟ったのかもしれません。だからこそ、誰よりも早く責任を背負い、自分の領域と仲間を全力で守り抜こうとします。その時に見せる厳しさや攻撃性の奥底には、実は傷つくことを極限まで恐れる「無防備で純粋な子供の心」があり、それを誰にも触れさせまいと、重厚な実力主義という鎧で必死に守っているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type8/challenger-basic"><strong>タイプ8（挑戦する人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ1（改革する人）：理想を掲げ、不完全さに傷つく顔</h3>



<p>一切の妥協を許さず、高い倫理基準と常識を持って社会の秩序を正そうとする姿。自分にも他者にも完璧さを求めるこの組み合わせの裏には、己の過ちや怠惰によって、すべてが破滅へ堕落していくことへの強烈な恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 自分が間違っていて、欠点があり、そのまま堕落していくこと</li>



<li><strong>根源的欲求：</strong> 立派な人になりたい（常に正しくありたい）</li>



<li><strong>超自我の声：</strong> 「正しいことをすれば大丈夫だ」</li>
</ul>



<p>子供の頃、周囲に頼れるルールや秩序がなく、「自分が正しく規律ある大人にならなければ、この世界は崩壊してしまう」と、幼くして肩を怒らせて大人になることを選んだのかもしれません。自らの内にある弱い感情や甘えを厳格に律し、不完全な現実を正そうと絶えず自分を追い込みます。「完璧であらねばならない」という重圧に押しつぶされそうになりながらも、正しさを信じて責任を果たそうとする、切ないほどに自己犠牲的な美しさをまとっています。</p>



<p>👉 <a href="https://seikaku-type.com/type1/reformer-basic"><strong>タイプ1（改革する人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ3（達成する人）：結果を追い求め、価値を証明し続ける顔</h3>



<p>抜群の実務能力で効率的にタスクをこなし、誰もが認める圧倒的な成果を次々と生み出す姿。この組み合わせの裏には、「結果を出していない自分には何の価値もなく、誰からも愛されないのではないか」という底知れぬ恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> ありのままの自分には価値がない</li>



<li><strong>根源的欲求：</strong> 価値ある存在でありたい（価値を獲得するために自分を駆り立てる）</li>



<li><strong>超自我の声：</strong> 「好印象を与えれば大丈夫だ」</li>
</ul>



<p>幼少期、ありのままの自分ではなく、「何かをやり遂げて賞賛された自分」だけが評価され、受け入れられるのだと、心に強く刻まざるを得ない経験をしたのかもしれません。だからこそ、自分の感情を限界まで切り離し、目標を達成することだけにエネルギーを注ぎ込みます。「歩みを止めれば自分の価値が消えてしまう」という焦燥を抱えながら、周囲の期待に応え、価値ある自分を証明するために、今日も孤独に戦い続けているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type3/achiever-basics"><strong>タイプ3（達成する人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように圧倒的な義務感と実務能力で社会を支えようとするESTJであっても、</p>



<ul class="wp-block-list">
<li>「傷つけられ、支配されるのが怖くて力を握り、主導権を争っている」のか？</li>



<li>「間違えるのが怖くて自分を完璧な義務で縛り、正しさにしがみついている」のか？</li>



<li>「価値を失うのが怖くて結果を追い求め、有能な自分を証明し続けている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ8、タイプ1、タイプ3のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ISFP</title>
		<link>https://seikaku-type.com/16types/isfp-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:01:37 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18158</guid>

					<description><![CDATA[独自の美しい世界観を静かに抱き、他者の痛みにそっと寄り添う優しい心と、今この瞬間を愛する繊細な感性。外から見るISFP（冒険家）は、まるで調和を愛するおっとりとした芸術家のように、穏やかで、争いを好まず、ニュートラルに生 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="683" height="1024" class="wp-block-cover__image-background wp-image-18268 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m-683x1024.jpg" style="object-position:45% 69%" data-object-fit="cover" data-object-position="45% 69%" srcset="https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m-683x1024.jpg 683w, https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m-200x300.jpg 200w, https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m-768x1151.jpg 768w, https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m-1025x1536.jpg 1025w, https://seikaku-type.com/wp-content/uploads/b747a7f96bfd8df3f4929205c5119130_m.jpg 1281w" sizes="(max-width: 683px) 100vw, 683px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ISFP</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p></p>



<p>独自の美しい世界観を静かに抱き、他者の痛みにそっと寄り添う優しい心と、今この瞬間を愛する繊細な感性。外から見るISFP（冒険家）は、まるで調和を愛するおっとりとした芸術家のように、穏やかで、争いを好まず、ニュートラルに生きている人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、これほど優しくありながら、ふとすべてを拒絶して自らの殻に閉じこもってしまうのか？</li>



<li>なぜ、自分の想いを言葉にするのをためらい、そっと自分を消してしまうのか？</li>



<li>なぜ、誰にも干渉されない自由を愛しながら、人知れず深い孤立感に震えているのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じISFPであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ISFPの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ9（平和をもたらす人）：凪の海に心を沈める顔</h3>



<p>ISFPの中で圧倒的な多数を占める、極めて「ISFPらしいISFP」の姿。他者への干渉を望まず、穏やかで気取らない態度を保とうとする裏には、「自分の存在が、世界の平穏を掻き乱してしまうのではないか」という自己消失の恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界との調和と内面の平和を喪失する／維持できなくなる</li>



<li><strong>根源的欲求：</strong> この瞬間、平和でありたい、穏やかな毎日を送りたい</li>



<li><strong>超自我の声：</strong> 「問題がなければ大丈夫だ」</li>
</ul>



<p>幼い頃、周囲の激しい対立や、自分の領域を強制的に踏み荒らされるような痛みを経験したのかもしれません。「自分が何かを主張し、波風を立てれば、かえって大切な平穏を失ってしまう」という諦めにも似た感覚が、彼らを「目立たない、何もしない存在」へと向かわせます。自分の欲求や感情のスイッチを静かに切り、凪の海に心を沈めることで、外の嵐をやり過ごし、誰にも邪魔されない自分だけの平穏を守り抜こうとしているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type9/peacemaker-basic"><strong>タイプ9（平和をもたらす人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ4（個性的な人）：透明な境界線で孤独を抱く顔</h3>



<p>人一倍感受性が豊かで、自らの感情の深淵を見つめ、独自の美学を静かに愛する姿。論理や言葉を超えたインスピレーションを大切にする裏には、「自分はどこか本質的に欠落しており、誰にも本当の意味で受け入れられない」という哀しみが潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> ありのままの自分は「存在理由」がない、見つからない</li>



<li><strong>根源的欲求：</strong> 特別な存在でありたい、自分らしさにこだわる</li>



<li><strong>超自我の声：</strong> 「自分に正直であれば大丈夫だ」</li>
</ul>



<p>幼少期、自分のユニークで繊細な表現やありのままの感性が周囲に理解されず、「自分の本質はいつも置き去りにされている」という深い喪失感を抱いてしまったのかもしれません。どれほど寂しくても、ありふれた誰かのふりをして愛されるより、孤独を抱きしめて「本当の自分」を守ることを選びます。独自の豊かな感性の海に沈みながら、世界でたった一つの自分の存在価値を静かに証明しようとしているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type4/individualist-basic"><strong>タイプ4（個性的な人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を笑顔で隠し、絆を求める顔</h3>



<p>集計データ上、タイプ4に次いで実は3番目に多いのが、誠実さと繋がりを重んじるタイプ6です。一見すると気楽な自由人のように振る舞いながらも、その内面には、常に信頼の崩壊や「一人取り残される孤独」への強い不安が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼い頃、信じていた頼れる環境が突然揺らいだり、孤立無援になる恐怖を経験したのかもしれません。「一人きりで放り出されたら生存できない」という本能的な怯えが、周囲に気さくに接し、仲間や信頼できる誰かを作ろうとする原動力になります。あえて他者の期待に応えようとしたり、誰かのために陰ながら尽力するのも、自分が愛される一員であり、守られるべき絆の一部であると確信したいからなのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように穏やかな感性を持ち、静かに世界を見つめるISFPであっても、</p>



<ul class="wp-block-list">
<li>「平和を乱されるのが怖くて自分を消し、穏やかな凪の海に心を沈めている」のか？</li>



<li>「存在価値を失うのが怖くて独自の孤独な世界に沈み、自分らしさを守っている」のか？</li>



<li>「足場を失うのが怖くて必死に期待に応え、絶対的な絆や信頼を求めている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ9、タイプ4、タイプ6のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ESTP</title>
		<link>https://seikaku-type.com/16types/estp-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 06:01:06 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18149</guid>

					<description><![CDATA[圧倒的な行動力、スリルを恐れないリスクテイク、そして今この瞬間を全力で楽しむエネルギー。外から見るESTP（起業家）は、まるでいかなるピンチも笑い飛ばして切り抜ける無敵のアドベンチャーのように、強くて、物怖じせず、タフな [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18257 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m-1536x1024.jpg 1536w, https://seikaku-type.com/wp-content/uploads/30440855fd4ec371d950bc5d4408d794_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ESTP</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p></p>



<p>圧倒的な行動力、スリルを恐れないリスクテイク、そして今この瞬間を全力で楽しむエネルギー。外から見るESTP（起業家）は、まるでいかなるピンチも笑い飛ばして切り抜ける無敵のアドベンチャーのように、強くて、物怖じせず、タフな人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、いつも新しいスリルや刺激を求めて走り続けてしまうのか？</li>



<li>なぜ、他人にコントロールされることをこれほどまでに激しく嫌うのか？</li>



<li>なぜ、大胆不敵に見えて、時に仲間との繋がりや安心できる足場を強く求めるのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">行動の裏に隠された「幼い頃の記憶」</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じESTPであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ESTPの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ7（熱中する人）：可能性という光を追い続ける顔</h3>



<p>ESTPの「スリルや刺激、楽しさをハングリーに追い求める」面が最も鮮やかに表れる、王道の姿。常にエキサイティングな体験を求めて動き回るこの組み合わせの裏には、立ち止まった瞬間に引きずり込まれる「深い暗闇や退屈」への底知れぬ恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 時間の経過とともに人生の可能性が奪われ、生きづらくなること</li>



<li><strong>根源的欲求：</strong> 未来永劫、満たされたい、幸福でありたい</li>



<li><strong>超自我の声：</strong> 「欲しいものを手に入れれば大丈夫だ」</li>
</ul>



<p>幼い頃、不条理な現実や寂しさに直面したとき、「自分の楽しさは自分で作り出さなければ、誰も守ってくれない」と痛感したのかもしれません。</p>



<p>だからこそ、現実の痛みや重苦しい空気を振り払うように、次々と新しい冒険や快楽へ飛び出します。どれほど豪快に笑って場を盛り上げていても、心のどこかで「このスリルや楽しい時間が終わったら、また退屈な現実に呑まれてしまうのでは」という焦燥を抱え、走り続けているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type7/enthusiast-basic"><strong>タイプ7（熱中する人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ8（挑戦する人）：自由を守るために牙を剥く顔</h3>



<p>いかなる逆境や権威にも屈せず、己の力と判断でタフに道を切り拓く姿。既存のルールを疑い、自分の領域を全力で守り抜くこの組み合わせの裏には、「誰かに主導権を握られ、無防備な自分を傷つけられる」ことへの強烈な恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 他者から傷つけられ、コントロールされ、自由を奪われること</li>



<li><strong>根源的欲求：</strong> 自分自身を守りたい、自分の人生は自分で切り開きたい</li>



<li><strong>超自我の声：</strong> 「主導権を握れば大丈夫だ」</li>
</ul>



<p>まだ幼く、無防備で弱かった頃、「誰も自分を守ってくれない、強くなければ踏みにじられる」という過酷な現実を悟ってしまったのかもしれません。</p>



<p>弱さを見せることは敗北とコントロールを意味する。だからこそ、誰よりも早く力強さを身につけ、現実的な場の主導権を自らで支配しようとします。</p>



<p>傲慢さや時に見せる攻撃性の裏側には、傷つくことを極限まで恐れる繊細な心があり、それを圧倒的な強さという名の鎧で必死に覆い隠しているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type8/challenger-basic"><strong>タイプ8（挑戦する人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を獰猛な牙で隠す「恐怖対抗」の顔</h3>



<p>集計データ上、タフなESTPの中で実に3番目に多いのがタイプ6です。しかしタイプ６は、怯えて縮こまるような一般的な「タイプ6」のイメージとは真逆の性質を持ちます。しかしながら、タイプ６は、心の中の不安や懐疑をかき消すために、あえて危険や牙に向かって突っ込んでいく「<strong>恐怖対抗型</strong>」の一面もあります。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼少期、信じていた頼れる環境が突然崩壊したり、強烈な不信感を抱かざるを得ない裏切りを経験したのかもしれません。</p>



<p>「この世界には、100%安全で信じられる足場など存在しない。一人で放り出されたら生存できない」という底知れぬ怯えが、タイプ６の奥底にこびりついています。</p>



<p>タイプ６が不敵に笑い、あえてスリリングなリスクに挑むのは、強がっているからではありません。「恐怖を感じるものに自ら突撃し、それをねじ伏せる」ことでしか、自らの安全と生存を確認できないからです。</p>



<p>その獰猛な強さと仲間への揺るぎない忠実さは、孤独な戦いの中で「本当に信頼できる絶対的な絆」を死に物狂いで求めている証なのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように圧倒的な存在感と行動力で周囲を巻き込むESTPであっても、</p>



<ul class="wp-block-list">
<li>「虚無や退屈から逃げるために、常に新しい刺激と可能性を追い続けている」のか？</li>



<li>「傷つけられ、支配されるのが怖くて力を握り、主導権を争っている」のか？</li>



<li>「裏切りや孤立が怖くてあえてスリルに飛び込み、獰猛に絶対の絆を求めている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ7、タイプ8、タイプ6のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>エニアグラムと16タイプ：ISTP</title>
		<link>https://seikaku-type.com/16types/istp-enneagram</link>
		
		<dc:creator><![CDATA[真基 木村]]></dc:creator>
		<pubDate>Sun, 31 May 2026 05:55:23 +0000</pubDate>
				<guid isPermaLink="false">https://seikaku-type.com/?post_type=16types&#038;p=18154</guid>

					<description><![CDATA[無駄のない洗練された行動力、鋭い観察眼、そして寡黙に自らの技術を磨き上げる職人気質。外から見るISTP（巨匠）は、まるで何にも依存せず、ただ一人で淡々と世界を渡り歩く「孤高の一匹狼」のように、タフで、クールで、悩みのない [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="theContentWrap-ccc">
<div class="wp-block-cover"><img decoding="async" width="1024" height="683" class="wp-block-cover__image-background wp-image-18260 size-large" alt="" src="https://seikaku-type.com/wp-content/uploads/30584361_m-1024x683.jpg" data-object-fit="cover" srcset="https://seikaku-type.com/wp-content/uploads/30584361_m-1024x683.jpg 1024w, https://seikaku-type.com/wp-content/uploads/30584361_m-300x200.jpg 300w, https://seikaku-type.com/wp-content/uploads/30584361_m-768x512.jpg 768w, https://seikaku-type.com/wp-content/uploads/30584361_m-1536x1024.jpg 1536w, https://seikaku-type.com/wp-content/uploads/30584361_m.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<style>
  .enn-wrap {
    width: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin: 0 auto;
  }

  .enn-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 768px) {
    .enn-wrap { width: 50%; }
  }
</style>
<div class="enn-wrap">
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">

  <!-- 外周円 -->
  <circle cx="250" cy="250" r="178" fill="none" stroke="rgba(255,255,255,0.55)" stroke-width="2"/>

  <!-- 三角形 3-6-9 -->
  <line x1="404.2" y1="339"   x2="95.8"  y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="95.8"  y1="339"   x2="250"   y2="72"    stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="250"   y1="72"    x2="404.2" y2="339"   stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- 六芒線 1-4-2-8-5-7-1 -->
  <line x1="364.4" y1="113.6" x2="310.9" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="310.9" y1="417.3" x2="425.3" y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="425.3" y1="219.1" x2="135.6" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="135.6" y1="113.6" x2="189.1" y2="417.3" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="189.1" y1="417.3" x2="74.7"  y2="219.1" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>
  <line x1="74.7"  y1="219.1" x2="364.4" y2="113.6" stroke="rgba(255,255,255,0.55)" stroke-width="2.5" stroke-linecap="round"/>

  <!-- ノード（小円） -->
  <circle cx="250"   cy="72"    r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="364.4" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="425.3" cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="404.2" cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="310.9" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="189.1" cy="417.3" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="95.8"  cy="339"   r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="74.7"  cy="219.1" r="10" fill="rgba(255,255,255,0.7)"/>
  <circle cx="135.6" cy="113.6" r="10" fill="rgba(255,255,255,0.7)"/>

  <!-- =============================================
       テキスト編集エリア
       ============================================= -->

  <!-- タイプ名（大） — ここを編集 -->
  <text
    x="250" y="225"
    text-anchor="middle"
    font-size="52"
    font-weight="700"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">ISTP</text>

  <!-- サブタイトル（小） — ここを編集 -->
  <text
    x="250" y="278"
    text-anchor="middle"
    font-size="24"
    font-weight="400"
    fill="white"
    font-family="'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif"
    filter="url(#shadow)">エニアグラムで見る</text>

  <!-- テキストに影（可読性向上） -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="1" stdDeviation="4" flood-color="rgba(0,0,0,0.7)"/>
    </filter>
  </defs>

</svg>
</div>
</div></div>



<p></p>



<p>無駄のない洗練された行動力、鋭い観察眼、そして寡黙に自らの技術を磨き上げる職人気質。外から見るISTP（巨匠）は、まるで何にも依存せず、ただ一人で淡々と世界を渡り歩く「孤高の一匹狼」のように、タフで、クールで、悩みのない人に見えるかもしれません。</p>



<p>しかし、その「行動の傾向（指向）」は分かっても、心の奥底で何を恐れ、何に飢えているのかという「内面」までは、16の性格タイプだけでは描写しきれません。</p>



<ul class="wp-block-list">
<li>なぜ、これほど高い実務能力を持ちながら、頑ななまでに他者と距離を置こうとするのか？</li>



<li>なぜ、すべてを自分のペースで進めることに、これほど執着するのか？</li>



<li>なぜ、誰の力も借りずに生きていけそうなのに、ふと深い孤立感や虚しさに捉われてしまうのか？</li>
</ul>



<p>その深い内面の記述は、「エニアグラム」に隠されています。</p>



<h2 class="wp-block-heading">エニアグラムとISTP</h2>



<p>エニアグラムは、私たちが幼い頃、この世界で生き残るために無意識に身につけた「心の防具」を解き明かすツールです。そこには、すべての行動の原動力となる以下の3つの要素が刻まれています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 絶対に直面したくない、心の底にある恐怖</li>



<li><strong>根源的欲求：</strong> その恐れを打ち消すために、何としてでも満たしたい渇望</li>



<li><strong>超自我の声：</strong> 「こうしていれば、愛される（生き残れる）」と自分に課したマイルール</li>
</ul>



<p>同じISTPであっても、内面に抱えている傷や欲求は全く異なります。ここでは、ISTPの中に潜む「3つの異なる顔」を覗いてみましょう。</p>



<h3 class="wp-block-heading">タイプ5（調べる人）：静寂な城から世界を観察する顔</h3>



<p>外界の喧騒や過剰な干渉をシャットアウトし、静かに自分の世界や専門技術に没頭する姿。「ISTPらしいISTP」と言えるこの組み合わせの裏には、この混沌とした現実世界に対する圧倒的な無力感と恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> この世界はカオスであり、自分は無力で役立たずではないか？</li>



<li><strong>根源的欲求：</strong> 有能でありたい、世界に対して影響を与えたい</li>



<li><strong>超自我の声：</strong> 「武器を手に入れたら大丈夫だ」</li>
</ul>



<p>幼い頃、周囲の環境や人間関係が「予測不可能で、自分を押しつぶしかねない脅威」に見えてしまったのかもしれません。だからこそ、自分の感情を切り離し、知性や技術という安全な城に引きこもりました。彼らが優れた分析力や道具の扱いを磨くのは、世界に翻弄されないための唯一の「武器」だからです。有能という名の防具を身にまとい、安全な距離を保ちながら、そっと世界の仕組みを観察し続けています。</p>



<p>👉 <a href="https://seikaku-type.com/type5/investigator-basic"><strong>タイプ5（調べる人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ9（平和をもたらす人）：凪の海に心を沈める顔</h3>



<p>他者への干渉も、他者からの干渉も望まず、ただマイペースに、ひょうひょうと穏やかな日常を守ろうとする姿。静かで物腰の柔らかいこの組み合わせの裏には、「自分の境界線を侵され、内面の平穏が掻き乱されてしまう」ことへの強い拒絶と恐怖が潜んでいます。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界との調和と内面の平和を喪失する／維持できなくなる</li>



<li><strong>根源的欲求：</strong> この瞬間、平和でありたい、穏やかな毎日を送りたい</li>



<li><strong>超自我の声：</strong> 「問題がなければ大丈夫だ」</li>
</ul>



<p>幼少期、荒々しい対立や、強制的に自分の領域を踏み荒らされるような痛みを経験したのかもしれません。「自分が何かを望み、波風を立てれば、かえって大切な平穏を失ってしまう」という諦めにも似た感覚が、彼らをそっと「目立たない、何もしない存在」へと向かわせます。自分の欲求や感情のスイッチを静かに切り、凪の海に心を沈めることで、外の嵐をやり過ごし、誰にも邪魔されない自分だけの平穏を守り抜こうとしているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type9/peacemaker-basic"><strong>タイプ9（平和をもたらす人）の詳しい解説を読む</strong></a></p>



<h3 class="wp-block-heading">タイプ6（忠実な人）：不安を静かに備え、慎重に守りを固める顔</h3>



<p>集計データ上、タフなISTPの中で実に3番目に多いのが、危機への警戒心と信頼を重んじるタイプ6です。一見すると気楽な一匹狼のように振る舞いながらも、その内面には、常に不則の事態や裏切りに対する強い不信と不安が渦巻いています。</p>



<ul class="wp-block-list">
<li><strong>根源的恐れ：</strong> 外界からのサポートや導きを失う、自分一人で生き残れなくなること</li>



<li><strong>根源的欲求：</strong> 安全でありたい、信頼できる足場や絆がほしい</li>



<li><strong>超自我の声：</strong> 「周囲の期待に応え、協力すれば大丈夫だ」</li>
</ul>



<p>幼い頃、信じていた足場や約束が突如として揺らぎ、「誰もあてにならない。一人きりで取り残されたら生きていけない」という恐怖を経験したのかもしれません。「本当に信頼できるルールや仕組み、絆」を誰よりも強く求めていながら、容易に他者を信じることができない葛藤を抱えています。最悪の事態を予測し、完璧な準備や技術を整えることで、心の奥にある「孤立無援への震えるほどの怯え」を、冷徹な備えの裏に隠しているのです。</p>



<p>👉 <a href="https://seikaku-type.com/type6/loyalist-basics"><strong>タイプ6（忠実な人）の詳しい解説を読む</strong></a></p>



<h2 class="wp-block-heading">あなたの根幹にある動機は？</h2>



<p>同じように感情に左右されず、寡黙に自らの技術を磨き上げるISTPであっても、</p>



<ul class="wp-block-list">
<li>「無力さが怖くて自分の殻に引きこもり、技術という武器を集めている」のか？</li>



<li>「干渉されるのが怖くて自分を消し、穏やかな凪の海に心を沈めている」のか？</li>



<li>「孤立するのが怖くて最悪を想定し、慎重に確かな安心と絆を求めている」のか？</li>
</ul>



<p>内面で響いている超自我の声は、まるで違います。</p>



<p>エニアグラムのタイプは、サブタイプ（ウイングや本能のサブタイプなど）を含めると1944通りあります。</p>



<p>正確に言うと、私はこれをプロファイリングできます！16タイプの枠組みを超えて、この「根源的な動機」に触れたとき、あなたは今まで気づかなかった自分の本当の脆さ、性能、構造、精度、そして本当の強さに出会うことができるはずです。</p>



<p>エニアグラムを通して自分のタイプを深く理解すると、自然と「自分というキャラクターの動かし方」を身に着ける事ができます。</p>



<p>あなたが幼い頃から抱きしめてきた「本当の姿」は、タイプ5、タイプ9、タイプ6のうち、どれに一番近かったでしょうか？</p>
</div>
<p class="vk_block-margin-lg--margin-top" id="mbti-shindan-footer"><strong>最後まで読んでくださりありがとうございます。</strong></p>



<p></p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<style>
/* ==========================================
   独立型ジャンプボタン（90x90px 赤丸シンプル版）
========================================== */
.kmt-standalone-jump-wrap {
    text-align: center;
    margin: 32px 0;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index:1000;
}

.kmt-standalone-jump-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #ef4444, #dc2626); /* 鮮やかな赤 */
  border-radius: 50%; /* 完全な丸 */
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Sans', 'Noto Sans CJK JP', sans-serif;
  transition: transform 0.2s ease;
  animation: kmt-pulse-circle 2s infinite; /* 波紋アニメーション */
  line-height: 1.2;
}

.kmt-standalone-jump-btn:hover {
  transform: scale(1.05);
  animation: none; /* ホバー時はアニメーション停止 */
  box-shadow: 0 6px 15px rgba(220, 38, 38, 0.4);
}

/* 上段：有料診断 */
.kmt-jump-main-text {
  font-size: 0.75rem; /* 約12px */
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}

/* 下段：割引中 */
.kmt-jump-sub-text {
  font-size: 0.95rem; /* 約15px */
  font-weight: 900;
  color: #fde047; /* 目立つイエロー */
  letter-spacing: 0.05em;
}

/* 波紋（パルス）アニメーション */
@keyframes kmt-pulse-circle {
  0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
</style>

<div class="kmt-standalone-jump-wrap">
  <!-- href属性の "#mbti-shindan-footer" がジャンプ先のIDになります -->
  <a href="#mbti-shindan-footer" class="kmt-standalone-jump-btn" id="kmt-standalone-jump-trigger">
    <span class="kmt-jump-main-text">タイプを</span>
    <span class="kmt-jump-sub-text">活かす</span>
  </a>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // スムーズスクロール機能
  var standaloneJumpBtn = document.getElementById('kmt-standalone-jump-trigger');
  if (standaloneJumpBtn) {
    standaloneJumpBtn.addEventListener('click', function(e) {
      e.preventDefault();
      // href属性からジャンプ先のIDを取得（#を除外）
      var targetId = this.getAttribute('href').replace('#', '');
      var target = document.getElementById(targetId);
      if (target) {
        // 対象の要素まで滑らかにスクロール
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  }
});
</script>



<!-- FREE TOOLS -->
<div class="ap-free">
  <div class="ap-free-label">
    <i class="fa-solid fa-flask" aria-hidden="true"></i> 無料で試したい方へ
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">16タイプ診断テスト</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="ap-free-link">16タイプの関係<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/enneagram-session/type-relation/total-shindan/" class="ap-free-link">状況別総合診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/shindan-test" class="ap-free-link">アーキタイプ／ペルソナタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/persona-ver2" class="ap-free-link">ペルソナ診断 Ver.2<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>

  <div class="ap-free-group">
    <div class="ap-free-group-title">エニアグラム・ソシオニクス連携</div>
    <ul class="ap-free-list">
      <li><a href="https://seikaku-type.com/enneagram/enneagram-shindan" class="ap-free-link">エニアグラムとの連携診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/tritype/tritype-16per" class="ap-free-link">トライタイプとの連携<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/16types/dcnh-subtype-shindan" class="ap-free-link">職種別サブタイプ診断<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
      <li><a href="https://seikaku-type.com/socionics-labo/quadra-shindan" class="ap-free-link">クアドラ診断｜ソシオニクス<i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></li>
    </ul>
  </div>
</div>

<style>
  /* ── FREE TOOLS ── */
#ap-root .ap-free {
  padding: 20px 22px !important;
  border-bottom: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
}
#ap-root .ap-free-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #064e3b !important;
  letter-spacing: 0.12em !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
#ap-root .ap-free-label i { color: #10b981 !important; }
#ap-root .ap-free-group {
  margin: 0 0 14px 0 !important;
}
#ap-root .ap-free-group:last-child { margin-bottom: 0 !important; }
#ap-root .ap-free-group-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  letter-spacing: 0.1em !important;
  margin: 0 0 8px 0 !important;
  padding: 0 0 6px 0 !important;
  border-bottom: 1px solid #a7f3d0 !important;
}
#ap-root .ap-free-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
}
#ap-root .ap-free-list li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: block !important;
}
#ap-root .ap-free-list li::before,
#ap-root .ap-free-list li::after { display: none !important; content: none !important; }
#ap-root .ap-free-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #065f46 !important;
  text-decoration: none !important;
  padding: 7px 10px !important;
  background: #ffffff !important;
  border: 1px solid #a7f3d0 !important;
  transition: all .15s !important;
  line-height: 1.5 !important;
}
#ap-root .ap-free-link i {
  font-size: 9px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}
#ap-root .ap-free-link:hover {
  background: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #064e3b !important;
  text-decoration: none !important;
}
#ap-root .ap-free-link:hover i { color: #a7f3d0 !important; }

@media (max-width: 480px) {
  #ap-root .ap-free-list { grid-template-columns: 1fr !important; }
}
</style>



<div class="wp-block-group is-style-vk-group-shadow free-test-col"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_block-margin-0--margin-top"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">普通の診断に飽きた方へ</span></strong></h3>



<p class="has-text-align-center vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">少し斜め上の<strong><span style="background-image: linear-gradient(transparent 60%, rgba(207, 46, 46, 0.5) 60%)" class="sme-highlighter">診断テスト</span></strong>をご用意しました</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
</div></div>



<div class="wp-block-vk-blocks-grid-column vk_gridColumn vk_block-margin-0--margin-top"><div class="row">
<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/persona-ver"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/c19f41280020bc033972bed627a22cb0.jpg" alt="" class="wp-image-8481"/></a></figure>
</div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4"><div class="vk_gridColumn_item_inner  "><a href="https://seikaku-type.com/enneagram-session/type-relation/kankei-shindan/" class="vk_gridColumn_item_link"><span class="screen-reader-text">グリッドカラムアイテムリンク</span></a>
<figure class="wp-block-image size-full"><img src="https://seikaku-type.com/wp-content/uploads/Gemini_Generated_Image_lzjdzxlzjdzxlzjd.jpg" alt="" class="wp-image-15657"/></figure>
</div></div>



<div class="wp-block-vk-blocks-grid-column-item vk_gridColumn_item col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<figure class="wp-block-image size-full"><a href="https://seikaku-type.com/16types/diagnosis-of-others"><img src="https://seikaku-type.com/wp-content/uploads/2021/12/6352890aa841da7025c91a06fe14c030.jpg" alt="" class="wp-image-8483"/></a></figure>
</div>
</div></div>
</div></div>



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
#ap-root {
  --navy:       #0f1f3d;
  --navy-mid:   #1a3260;
  --navy-light: #243a6e;
  --gold:       #c9a84c;
  --gold-light: #e8c97a;
  --red:        #e8362a;
  --bg-dark:    #0a1628;
  --bg-card:    #ffffff;
  --border:     #d0cece;
  --text:       #1a1814;
  --muted:      #6b6760;
  --line:       #06C755;

  font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
  color: var(--text);
  line-height: 1.75;
  font-size: 14px;
  max-width: 760px;
  margin: 40px auto;
}

#ap-root * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#ap-root a {
  text-decoration: none;
}

/* ── CARD ── */
#ap-root .ap-card {
  background: var(--bg-card);
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(15,31,61,0.12);
}

#ap-root .ap-header-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
}

/* ── WARNING ── */
#ap-root .ap-warning {
  background: var(--navy);
  padding: 13px 22px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-warning-icon {
  color: var(--gold);
  font-size: 14px;
  margin-top: 2px;
  flex-shrink: 0;
}

#ap-root .ap-warning-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.85;
}

#ap-root .ap-warning-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── MAIN PROFILE ── */
#ap-root .ap-main {
  display: flex;
  gap: 20px;
  padding: 24px 22px 18px;
  align-items: flex-start;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  flex-shrink: 0;
  overflow: hidden;
  background: #f0eee8;
}

#ap-root .ap-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ap-root .ap-identity {
  flex: 1;
}

#ap-root .ap-name {
  font-size: 18px;
  font-weight: 800;
  color: var(--navy);
  letter-spacing: .03em;
  margin-bottom: 3px;
}

#ap-root .ap-title {
  font-size: 11px;
  color: var(--muted);
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

#ap-root .ap-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#ap-root .ap-tag {
  font-size: 10px;
  padding: 3px 10px;
  background: var(--navy);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ── CORE ── */
#ap-root .ap-core {
  padding: 20px 22px;
  font-size: 13px;
  color: #3a3830;
  line-height: 1.95;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-core strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-core-lead {
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.85;
  margin-bottom: 10px;
}

#ap-root .ap-target-box {
  margin-top: 16px;
  background: var(--navy);
  padding: 15px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

#ap-root .ap-target-box-icon {
  color: var(--gold);
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

#ap-root .ap-target-box-text {
  font-size: 12px;
  color: #c8d0e0;
  line-height: 1.9;
}

#ap-root .ap-target-box-text strong {
  color: var(--gold-light);
  font-weight: 700;
}

/* ── STATS ── */
#ap-root .ap-stats {
  display: flex;
  border-bottom: 1px solid #eae8e4;
}

#ap-root .ap-stat {
  flex: 1;
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #eae8e4;
}

#ap-root .ap-stat:last-child {
  border-right: none;
}

#ap-root .ap-stat .stat-num {
  font-size: 13px;
  font-weight: 800;
  color: var(--navy);
  display: block;
  line-height: 1.3;
}

#ap-root .ap-stat .stat-label {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}

/* ── TOGGLE BUTTONS ── */
#ap-root .ap-btn-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 14px 22px;
  border-bottom: 1px solid #eae8e4;
  background: #f8f7f4;
}

#ap-root .ap-toggle-btn {
  font-size: 11px;
  font-weight: 700;
  padding: 7px 13px;
  border: 1.5px solid #d0cdc8;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: all .2s;
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: 0.03em;
}

#ap-root .ap-toggle-btn .btn-icon {
  transition: transform .25s;
  color: var(--gold);
  font-size: 10px;
}

#ap-root .ap-toggle-btn:hover {
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active {
  background: var(--navy);
  color: var(--gold-light);
  border-color: var(--navy);
}

#ap-root .ap-toggle-btn.active .btn-icon {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* ── PANELS ── */
#ap-root .ap-panel {
  display: none;
  padding: 20px 22px;
  background: #f8f7f4;
  font-size: 13px;
  line-height: 1.95;
  color: #3a3830;
  border-bottom: 1px solid #eae8e4;
  animation: apFadeIn .2s ease;
}

#ap-root .ap-panel.show {
  display: block;
}

@keyframes apFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}

#ap-root .ap-panel strong {
  color: var(--navy);
  font-weight: 700;
}

#ap-root .ap-quote {
  border-left: 3px solid var(--gold);
  padding: 10px 16px;
  margin: 14px 0 0;
  background: #fff;
  font-size: 12px;
  color: var(--navy);
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
}

/* ── TWO PANEL CTA ── */
#ap-root .ap-two-cta-wrap {
  padding: 24px 22px;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--navy-light);
}

#ap-root .ap-two-cta-head {
  margin-bottom: 16px;
  text-align: center;
}

#ap-root .ap-two-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

#ap-root .ap-two-cta-title {
  font-size: 17px;
  font-weight: 800;
  color: #e8e4d8;
  line-height: 1.65;
}

#ap-root .ap-two-cta-sub {
  font-size: 12px;
  color: #8a9ab8;
  line-height: 1.8;
  margin-top: 6px;
}

#ap-root .ap-two-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

#ap-root .ap-cta-panel {
  display: flex;
  flex-direction: column;
  min-height: 235px;
  padding: 22px 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

#ap-root .ap-cta-panel:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
  text-decoration: none;
}

#ap-root .ap-cta-panel::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  z-index: 0;
}

#ap-root .ap-cta-panel.line {
  background: linear-gradient(135deg, #06C755 0%, #049b43 100%);
  color: #fff;
}

#ap-root .ap-cta-panel.session {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.45);
}

#ap-root .ap-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-label {
  color: rgba(255,255,255,0.88);
}

#ap-root .ap-cta-panel.session .ap-cta-label {
  color: var(--gold);
}

#ap-root .ap-cta-title {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-title {
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-title {
  color: #e8e4d8;
}

#ap-root .ap-cta-copy {
  font-size: 12px;
  line-height: 1.9;
  margin-bottom: 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-copy {
  color: rgba(255,255,255,0.9);
}

#ap-root .ap-cta-panel.session .ap-cta-copy {
  color: #9aa8c4;
}

#ap-root .ap-cta-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 18px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-mini span {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 999px;
}

#ap-root .ap-cta-panel.line .ap-cta-mini span {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

#ap-root .ap-cta-panel.session .ap-cta-mini span {
  background: rgba(201,168,76,0.14);
  color: var(--gold-light);
  border: 1px solid rgba(201,168,76,0.25);
}

#ap-root .ap-cta-button {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  padding: 11px 14px;
  position: relative;
  z-index: 1;
}

#ap-root .ap-cta-panel.line .ap-cta-button {
  background: #fff;
  color: #06A84A;
}

#ap-root .ap-cta-panel.session .ap-cta-button {
  background: var(--gold);
  color: var(--navy);
}

/* ── FOOTER ── */
#ap-root .ap-footer {
  padding: 18px 22px;
  background: #fff;
}

#ap-root .ap-footer-note {
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0.05em;
  text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 560px) {
  #ap-root {
    margin: 24px auto;
  }

  #ap-root .ap-main {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ap-root .ap-tags {
    justify-content: center;
  }

  #ap-root .ap-toggle-btn {
    flex: 1 1 100%;
    justify-content: center;
  }

  #ap-root .ap-stats {
    flex-wrap: wrap;
  }

  #ap-root .ap-stat {
    flex: 1 1 50%;
    border-bottom: 1px solid #eae8e4;
  }

  #ap-root .ap-two-cta {
    grid-template-columns: 1fr;
  }

  #ap-root .ap-cta-panel {
    min-height: 205px;
  }
}
</style>

<div id="ap-root">
  <div class="ap-card">

    <div class="ap-header-bar"></div>

    <!-- WARNING -->
    <div class="ap-warning">
      <span class="ap-warning-icon"><i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i></span>
      <span class="ap-warning-text">
        <strong>2026年より全記事を大幅改修中。</strong>
        ユング心理機能・エニアグラム・ソシオニクスの3軸を統合した構造的な解説に順次移行しています。<br>
        無料診断乱立・SNS情報汚染に問題意識を持つ方、性格タイプを<strong>実務・判断・関係設計に使いたい方</strong>を対象としています。
      </span>
    </div>

    <!-- PROFILE -->
    <div class="ap-main">
      <div class="ap-avatar">
        <img src="https://seikaku-type.com/wp-content/uploads/naokikimura.jpg" alt="木村なおき">
      </div>
      <div class="ap-identity">
        <div class="ap-name">木村 なおき</div>
        <div class="ap-title">16タイプ診断士 · エニアグラム実践者 · Webデザイナー</div>
        <div class="ap-tags">
          <span class="ap-tag">ユング心理機能</span>
          <span class="ap-tag">エニアグラム判定</span>
          <span class="ap-tag">16タイプ連携</span>
          <span class="ap-tag">Web設計</span>
        </div>
      </div>
    </div>

    <!-- CORE -->
    <div class="ap-core">
      <p class="ap-core-lead">
        性格タイプを、ただの自己理解で終わらせない。
      </p>

      現役Webデザイナーとして活動しながら、ユング心理機能・エニアグラム・ソシオニクスを統合した診断セッションを実施しています。<br><br>

      得意としているのは、診断テストの結果を読むことではなく、話の中に出てくる<strong>行動・感情・思考のパターン</strong>から、その人のタイプ構造を整理することです。<br><br>

      16タイプでは、認知や行動のクセを見ます。  
      エニアグラムでは、その奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。  
      この2つを切り分けてから連携させることで、タイプ論を<strong>仕事・人間関係・判断・チーム設計</strong>に使える言語へ変えていきます。

      <div class="ap-target-box">
        <span class="ap-target-box-icon"><i class="fa-solid fa-crosshairs" aria-hidden="true"></i></span>
        <span class="ap-target-box-text">
          <strong>このサイトは、性格タイプを現実で使いたい人向けです。</strong><br>
          「自分のタイプを決めたい」「相手の行動原理を読みたい」「関係性のズレを構造で理解したい」方に向けて、エンタメ消費ではなく、<strong>判断と関係設計に使えるタイプ論</strong>を提供しています。
        </span>
      </div>
    </div>

    <!-- STATS -->
    <div class="ap-stats">
      <div class="ap-stat">
        <span class="stat-num">8機能</span>
        <span class="stat-label">ユング心理機能</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">9タイプ</span>
        <span class="stat-label">エニアグラム</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">16タイプ</span>
        <span class="stat-label">タイプ連携</span>
      </div>
      <div class="ap-stat">
        <span class="stat-num">実務設計</span>
        <span class="stat-label">Web・導線構築</span>
      </div>
    </div>

    <!-- TOGGLE BUTTONS -->
    <div class="ap-btn-row">
      <button class="ap-toggle-btn" data-target="panel-structure">
        <span class="btn-icon">▼</span> ユングのタイプ論
      </button>
      <button class="ap-toggle-btn" data-target="panel-link">
        <span class="btn-icon">▼</span> エニアグラム判定
      </button>
      <button class="ap-toggle-btn" data-target="panel-design">
        <span class="btn-icon">▼</span> ソシオニクス連携
      </button>
    </div>

    <div class="ap-panel" id="panel-structure">
      16タイプは、4文字の診断結果そのものよりも、その背景にある<strong>8つの心理機能</strong>が重要です。<br><br>
      どのように情報を受け取り、どのように判断し、どの場面で強みやズレが出るのか。  
      ここを整理することで、16タイプは単なるラベルではなく、<strong>認知と行動の設計図</strong>になります。
      <div class="ap-quote">「4文字を覚えるより、その背景にある仕組みを見る。」</div>
    </div>

    <div class="ap-panel" id="panel-link">
      エニアグラムでは、その人の奥にある<strong>怖れ・欲求・囚われ・健全度</strong>を見ます。<br><br>
      同じ行動をしていても、内側の動機は人によって違います。  
      だからこそ、まずはエニアグラムで根本動機を判定し、そのうえで16タイプと連携させることで、性格の見え方が一気に立体的になります。
      <div class="ap-quote">「認知のクセは16タイプ、動機の構造はエニアグラムで読む。」</div>
    </div>

    <div class="ap-panel" id="panel-design">
      ソシオニクスは、16タイプを個人理解だけでなく、<strong>関係性やチーム構造</strong>として扱うための理論です。<br><br>
      双対・監督・恩恵・衝突などの関係パターンを使って、「誰と組むと何が起きるか」を構造で説明します。  
      自分を知るだけでなく、適材適所やチーム設計に活かしたい方に向いています。
      <div class="ap-quote">「相性は感覚ではなく、機能の組み合わせで説明できる。」</div>
    </div>

    <!-- TWO PANEL CTA -->
    <div class="ap-two-cta-wrap">
      <div class="ap-two-cta-head">
        <div class="ap-two-cta-label">
          <i class="fa-solid fa-route" aria-hidden="true"></i>
          NEXT STEP
        </div>
        <div class="ap-two-cta-title">
          無料で受け取るか。<br>
          本気でタイプを決めるか。
        </div>
        <div class="ap-two-cta-sub">
          まだ情報を整理したい方はLINEへ。<br>
          迷いを終わらせたい方は、エニアグラム判定へ進んでください。
        </div>
      </div>

      <div class="ap-two-cta">

        <!-- LINE PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/type-relation/qa-free-session/" class="ap-cta-panel line">
          <span class="ap-cta-label">
            <i class="fa-brands fa-line" aria-hidden="true"></i>
            FREE LINE
          </span>
          <span class="ap-cta-title">LINE無料登録</span>
          <span class="ap-cta-copy">
            記事を読んでも「自分の場合」がわからない方へ。<br>
            無料相談・限定案内・タイプ論の更新情報を受け取れます。
          </span>
          <span class="ap-cta-mini">
            <span>無料</span>
            <span>相談室</span>
            <span>限定案内</span>
          </span>
          <span class="ap-cta-button">
            無料で登録する <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

        <!-- SESSION PANEL -->
        <a href="https://seikaku-type.com/enneagram-session/" class="ap-cta-panel session">
          <span class="ap-cta-label">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            TYPE SESSION
          </span>
          <span class="ap-cta-title">エニアグラム判定</span>
          <span class="ap-cta-copy">
            9タイプだけで終わらせません。<br>
            ウィング・生得本能・健全度まで含めて、あなたのタイプを判定します。
          </span>
          <span class="ap-cta-mini">
            <span>時間</span>
            <span>武器</span>
            <span>能力</span>
          </span>
          <span class="ap-cta-button">
            判定セッションを見る <i class="fa-solid fa-chevron-right" aria-hidden="true"></i>
          </span>
        </a>

      </div>
    </div>
  </div>
</div>

<script>
document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(btn){
  btn.addEventListener('click', function(){
    var id = this.dataset.target;
    var panel = document.getElementById(id);
    var isOpen = panel.classList.contains('show');

    document.querySelectorAll('#ap-root .ap-panel').forEach(function(p){
      p.classList.remove('show');
    });

    document.querySelectorAll('#ap-root .ap-toggle-btn').forEach(function(b){
      b.classList.remove('active');
    });

    if(!isOpen){
      panel.classList.add('show');
      this.classList.add('active');
    }
  });
});
</script>



<h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain vk_block-margin-0--margin-bottom vk_hidden"><strong><span style="background-image: linear-gradient(transparent 60%, rgba(252, 185, 0, 0.5) 60%)" class="sme-highlighter">エンタメに飽きた方へ</span></strong></h2>



<p class="has-text-align-center vk_block-margin-0--margin-bottom vk_hidden">娯楽からコミュニケーションツールへ</p>



<div class="wp-block-vk-blocks-icon vk_icon vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom vk_hidden"><div class="vk_icon_frame text-center is-style-noline"><div class="vk_icon_border has-text-color has-black-color" style="width:calc(36px + 20px);height:calc(36px + 20px)"><i class="fa-solid vk_icon_font  fa-chevron-down" aria-hidden="true"></i></div></div></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
