@charset "utf-8";body.personality{margin:0;background:#f5f7fb;font-family:"Noto Sans JP",sans-serif;color:#1f2933;min-height:100vh;padding-bottom:120px}body.personality-home{overflow-x:hidden;padding-bottom:0;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.personality-home-main{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0 24px 0;box-sizing:border-box;background:#ffffff}.personality-hero{display:block;background:#ffffff;border-radius:32px;padding:48px;box-shadow:0 24px 60px rgba(15,23,42,0.08);margin-bottom:48px;text-align:center}.personality-hero.personality-hero-plain{background:transparent;border-radius:0;padding:48px 0;box-shadow:none}.personality-hero-content{max-width:800px;margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.personality-hero-content h1{font-size:40px;line-height:1.2;margin-bottom:16px}.personality-hero-subtext{max-width:720px;margin:24px auto 36px;text-align:center;color:#e5e7eb}body.personality-home .personality-hero-subtext p{color:#e5e7eb;max-width:640px;margin:12px auto 0;line-height:1.8;font-size:20px}.personality-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;justify-content:center}.personality-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-weight:600;border-radius:999px;border:1px solid transparent;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,color 0.2s ease;text-decoration:none}.personality-button.primary{background:#2f2f2f;color:#ffffff;box-shadow:none;border-color:#2f2f2f;border-width:2px}.personality-button.primary:hover{background:#f5f5f5;color:#2f2f2f;border-color:#2f2f2f}.personality-button.secondary{border:2px solid #2f2f2f;color:#2f2f2f;background:#ffffff;border-radius:0;display:inline-flex;align-items:center;justify-content:center}.personality-button.secondary:hover{background:#2f2f2f;color:#ffffff}.personality-button.primary.personality-button-large.cta-hero{border-radius:0;padding:18px 48px;box-shadow:0 8px 24px rgba(0,0,0,0.25);background:rgba(0,0,0,0.35);color:#ffffff;border:3px solid #ffffff;display:inline-flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.personality-button.primary.personality-button-large.cta-hero:hover{background:#ffffff;color:#0f172a;transform:none}.personality-button.primary.personality-button-large.cta-hero .cta-subtext{font-size:14px;letter-spacing:0.12em;text-transform:none;font-weight:700;color:#ffffff;opacity:1;transition:color 0.2s ease}.personality-button.primary.personality-button-large.cta-hero:hover .cta-subtext{color:#0f172a}.personality-button.primary.personality-button-large.cta-hero .cta-maintext{font-size:22px;font-weight:700;transition:color 0.2s ease}.personality-highlight-section{margin-bottom:48px}.personality-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.personality-highlight-card{background:linear-gradient(135deg,#ffffff,#f8fafc);border-radius:0;padding:24px;text-align:center;box-shadow:0 16px 40px rgba(15,23,42,0.08);border:1px solid rgba(99,102,241,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}.personality-highlight-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(15,23,42,0.12)}.personality-highlight-label{font-size:13px;text-transform:uppercase;letter-spacing:0.08em;color:#6b7280}.personality-highlight-value{font-size:20px;font-weight:400;margin:6px 0}.personality-section{background:#fff;border-radius:32px;padding:20px;box-shadow:0 20px 40px rgba(15,23,42,0.05);margin-bottom:12px}body.personality-home .personality-section:not(.personality-types-showcase):not(.personality-axis-intro-section):not(.personality-result-insights){display:none}.personality-section-header{text-align:center}.personality-section-header h2{font-size:28px;margin-bottom:8px;padding-bottom:3px;border-bottom:3px solid #111827;display:inline-block}.personality-section-header p{color:#4b5563;margin:0 0 24px}.personality-inline-cta{text-align:center;margin:48px auto 20px}.personality-inline-cta .personality-button{min-width:220px;border-radius:0}.personality-result-insights .personality-button.secondary{min-width:220px;border-radius:0;display:inline-flex;justify-content:center}.cta-before-axes{display:none}.personality-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}body.personality-home .personality-section .personality-section-header+.personality-feature-grid{margin-top:20px}.personality-result-insights .personality-feature-grid{max-width:960px;margin:0 auto;width:100%}.personality-feature-card{border:none;border-radius:0;padding:0 0 16px 0;background:#ffffff;box-shadow:4px 4px 0 rgba(0,0,0,0.15);position:relative;overflow:hidden}.personality-feature-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:52px;background:var(--feature-accent,#e5e7eb)}.personality-result-insights .personality-feature-card::before{height:48px;background:var(--feature-accent,#e5e7eb);border-top-left-radius:6px;border-top-right-radius:6px}.personality-result-insights .personality-feature-card h3{color:#ffffff;padding-right:20px;background:var(--feature-accent,#374151);display:flex;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--feature-accent,#111827) 50%,#ffffff)}.personality-result-insights .personality-feature-card{border:1px solid color-mix(in srgb,var(--feature-accent,#e5e7eb) 40%,#e5e7eb);border-radius:6px;background:#ffffff;box-shadow:2px 2px 0 color-mix(in srgb,var(--feature-accent,#000000) 15%,transparent);padding:0 0 14px 0;overflow:hidden;position:relative;clip-path:none}.personality-feature-grid .personality-feature-card:nth-child(1){--feature-accent:#64748b}.personality-feature-grid .personality-feature-card:nth-child(2){--feature-accent:#d97706}.personality-feature-grid .personality-feature-card:nth-child(3){--feature-accent:#3b82f6}.personality-feature-grid .personality-feature-card:nth-child(4){--feature-accent:#ec4899}.personality-feature-grid .personality-feature-card:nth-child(5){--feature-accent:#22c55e}.personality-feature-grid .personality-feature-card:nth-child(6){--feature-accent:#8b5cf6}.insight-toggle{margin-top:12px;width:100%;border:none;background:transparent;color:#6b7280;padding:8px 14px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:color 0.2s ease;border-radius:0}.insight-toggle .toggle-icon{font-size:18px;color:#ffffff;transition:transform 0.25s ease}.insight-toggle[aria-expanded="true"] .toggle-icon{transform:rotate(180deg)}.insight-toggle:hover .toggle-icon{opacity:0.7}.insight-example{margin-top:12px;padding:14px 16px;background:#f9fafb;border:2px solid #cbd5e1;color:#111827;line-height:1.7;border-radius:0}.insight-example p{margin:0 0 10px;font-size:15px}.insight-example-label{font-weight:700;font-size:15px;color:#374151}.insight-example .insight-type-link,.insight-example .insight-type-link strong{font-weight:700}.insight-example p:last-child{margin-bottom:0}#insight-attr{border:none;background:transparent;padding:0}.insight-example ul{margin:8px 0 0 0;padding-left:14px}.insight-example li{margin-bottom:6px}.personality-feature-card h3{margin:0 0 12px 0;padding:12px 16px 12px 20px;font-size:18px;color:#ffffff;position:relative;z-index:1}.personality-feature-card>p{padding:0 20px;margin:0 0 12px 0}.personality-feature-card>.insight-toggle{position:absolute;top:10px;right:12px;margin:0;width:auto;padding:4px;z-index:2}.personality-feature-card>.insight-example{margin:12px 20px 0 20px}.personality-axis-intro-section{background:transparent;color:#1f2937;border:none;box-shadow:none;width:100vw;margin-left:50%;margin-top:100px;margin-bottom:-20px;transform:translateX(-50%);border-radius:0;padding-left:max(24px,calc((100vw - 1200px) / 2));padding-right:max(24px,calc((100vw - 1200px) / 2));padding-top:0;padding-bottom:0;box-sizing:border-box}@media (min-width:768px){.personality-axis-intro-section{background:#ffffff;border:1px solid #e5e7eb;box-shadow:6px 6px 0 rgba(0,0,0,0.08);padding:24px;border-radius:12px;box-sizing:border-box;max-width:1100px;margin:80px auto 40px;width:auto;transform:none;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}}.personality-axis-intro-section~.personality-section{background:#ffffff;box-shadow:none;border-radius:0}.personality-axis-intro-section .personality-section-header{text-align:center;margin-bottom:18px}.personality-axis-intro-section .personality-section-header h2{color:#0f172a}.personality-axis-intro-section .personality-section-header p{color:#4b5563;max-width:640px;margin-left:auto;margin-right:auto;margin-top:12px;margin-bottom:28px}.personality-axis-intro-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"axis1 center axis2" "axis3 center axis4";gap:16px;align-items:stretch;position:relative;max-width:900px;margin:0 auto}.axis-center-title{grid-area:center;display:flex;align-items:center;justify-content:center;padding:0 32px;writing-mode:vertical-rl;text-orientation:mixed;position:relative}.axis-center-title h2{font-size:32px;font-weight:700;color:#0f172a;letter-spacing:0.2em;margin:0;white-space:nowrap;position:relative;z-index:1;background:#fff;padding:8px 4px}.axis-center-title h2 .tight-spacing{letter-spacing:0.05em}.axis-title-num{text-combine-upright:all;-webkit-text-combine:horizontal;letter-spacing:0}.personality-axis-intro-grid::before,.personality-axis-intro-grid::after{content:"";position:absolute;background:#cbd5e1;pointer-events:none}.personality-axis-intro-grid::before{left:50%;top:0;bottom:0;width:4px;transform:translateX(-50%)}.personality-axis-intro-grid::after{top:50%;left:0;right:0;height:4px;transform:translateY(-50%)}.personality-axis-intro-grid .axis-intro-card:nth-child(1){grid-area:axis1}.personality-axis-intro-grid .axis-intro-card:nth-child(2){grid-area:axis2}.personality-axis-intro-grid .axis-intro-card:nth-child(4){grid-area:axis3}.personality-axis-intro-grid .axis-intro-card:nth-child(5){grid-area:axis4}.axis-intro-card{position:relative;padding:18px 18px 16px;border-radius:0;background:#ffffff;border:none;overflow:hidden;box-shadow:none}.axis-intro-card::after{display:none}.axis-intro-head{margin-bottom:4px}.axis-intro-meta{text-align:center}.axis-intro-meta h3{margin:4px 0 6px;font-size:24px;color:#0f172a}.axis-intro-code{margin:0;color:var(--axis-accent,#3b82f6);font-weight:700;letter-spacing:0.06em;font-size:16px;text-transform:uppercase}.axis-intro-lead{display:none}.axis-direction-cards{display:flex;flex-direction:column;gap:10px;margin:0 -8px}.axis-direction-card{--axis-card-pad-x:14px;--axis-card-pad-y:12px;--axis-card-pad-bottom:10px;background:#ffffff;border:none;border-radius:0;padding:var(--axis-card-pad-y) var(--axis-card-pad-x) var(--axis-card-pad-bottom);color:#1f2937;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,0.15)}.axis-direction-code{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;position:static;width:calc(100% + (var(--axis-card-pad-x) * 2));margin:calc(-1 * var(--axis-card-pad-y)) calc(-1 * var(--axis-card-pad-x)) 10px calc(-1 * var(--axis-card-pad-x));padding:10px var(--axis-card-pad-x);box-sizing:border-box;background:var(--axis-accent,#3b82f6);color:#ffffff;font-size:16px;font-weight:700;letter-spacing:0.05em;border-radius:0;text-align:center}.axis-direction-code-sep::before{content:"−"}@media (max-width:520px){.axis-direction-code{gap:2px}.axis-direction-code-sep{display:none}.axis-direction-code-part,.axis-direction-code-label{flex:1 1 100%;text-align:center}}@media (max-width:600px){.axis-direction-code{font-size:12px;padding:8px 10px}}.axis-direction-label{display:none}.axis-direction-desc{margin:0;color:#374151;font-size:14px;line-height:1.6}.axis-direction-negative{background:#ffffff}.axis-direction-card.axis-direction-positive .axis-direction-desc,.axis-direction-card.axis-direction-negative .axis-direction-desc{min-height:48px}.personality-types-showcase{background:transparent;box-sizing:border-box;width:100vw;margin-left:50%;transform:translateX(-50%);padding-left:max(24px,calc((100vw - 1200px) / 2));padding-right:max(24px,calc((100vw - 1200px) / 2));margin-bottom:48px}.personality-types-preview-container{position:relative;margin:32px 0;display:flex;align-items:center;gap:16px;justify-content:center}.personality-types-preview{--preview-card-width:240px;--preview-card-gap:20px;--preview-visible-cards:4;--preview-track-width:calc(var(--preview-card-width) * var(--preview-visible-cards) + var(--preview-card-gap) * (var(--preview-visible-cards) - 1));overflow:hidden;position:relative;width:var(--preview-track-width-px,var(--preview-track-width));max-width:var(--preview-track-width-px,var(--preview-track-width));min-width:var(--preview-track-width-px,var(--preview-track-width));flex-shrink:0;padding-top:10px;padding-bottom:10px}.personality-types-preview-inner{display:flex;gap:calc(var(--preview-card-gap) * 0.6);transition:transform 0.5s ease-in-out}.personality-types-preview .personality-type-preview-card{flex:0 0 var(--preview-card-width);width:var(--preview-card-width);min-width:var(--preview-card-width);max-width:var(--preview-card-width)}.personality-type-preview-card{background:#ffffff;border-radius:0;padding:0 0 16px 0;text-align:center;box-shadow:4px 4px 0 rgba(0,0,0,0.15);border:none;transition:transform 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.personality-type-preview-card:hover{transform:translateY(-4px);box-shadow:none}.personality-type-preview-image{width:100%;height:150px;margin:0 0 12px 0;display:flex;align-items:flex-end;justify-content:center;background-repeat:no-repeat;background-position:top center;background-size:contain;padding:0;border-radius:0;position:relative}.personality-type-preview-image img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding-bottom:0;transform:translateY(20px)}.personality-type-preview-image img:not(.personality-type-preview-cut-bg){position:relative;z-index:1}.personality-type-preview-cut-bg{position:absolute !important;bottom:-20px !important;left:50% !important;transform:translateX(-50%) !important;width:100% !important;max-width:none !important;max-height:none !important;z-index:0 !important}.personality-type-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 4px}.personality-type-preview-code{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#6366f1;margin-bottom:2px}.personality-type-preview-name{font-size:clamp(13px,3.8vw,17px);font-weight:700;color:#ffffff;margin:0;padding:3px 10px;display:inline-block;white-space:nowrap;max-width:100%}.personality-type-preview-traits{margin:4px 0 0;font-size:11px;line-height:1.4;letter-spacing:0.02em;font-weight:600}.personality-type-preview-traits-line2{display:inline-block}.personality-types-preview-arrow{width:48px;height:48px;border-radius:50%;border:2px solid #111827;background:#ffffff;color:#111827;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.personality-types-preview-arrow:hover{background:#111827;color:#ffffff;transform:scale(1.1)}.personality-types-preview-arrow:active{transform:scale(0.95)}.personality-types-preview-dots{display:flex;justify-content:center;gap:8px;margin:20px 0 20px}.personality-types-preview-dot{width:10px;height:10px;border-radius:0;background:transparent;border:1.5px solid #111827;cursor:pointer;transition:all 0.3s ease}.personality-types-preview-dot.active{background:#111827;border-color:#111827;width:24px;border-radius:0}.personality-types-link-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.personality-types-link-actions .personality-button{border-radius:0;min-width:auto;padding:14px 24px}.personality-cta-section{display:none;background:transparent;box-shadow:none}.personality-cta-card{background:linear-gradient(120deg,#111827,#2563eb);border-radius:32px;padding:40px;color:#fff;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.personality-cta-card h2{font-size:28px;margin-bottom:10px}.personality-cta-card p{margin:0}.personality-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.personality-cta-card .personality-button.secondary{border-color:rgba(255,255,255,0.4);color:#fff;background:transparent}.personality-button-large{font-size:18px;padding:18px 48px}@media (max-width:1024px){.personality-axis-intro-grid{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"axis1 center axis2" "axis3 center axis4"}.personality-types-preview{--preview-visible-cards:2}}@media (max-width:768px){.personality-types-showcase{width:100%;margin-left:0;transform:none;padding-left:16px;padding-right:16px;box-sizing:border-box}.personality-types-showcase .personality-section-header{padding:0 16px}.personality-types-preview-container{flex-direction:column;align-items:stretch;gap:8px;margin:12px 0;padding:0}.personality-types-preview{overflow:hidden;padding:10px 0;--preview-card-width:calc((100vw - 48px) / 2);--preview-card-gap:12px;width:100%;max-width:100%;margin:0}.personality-types-preview-arrow{display:none !important}.personality-types-preview::-webkit-scrollbar{display:none}.personality-types-preview-inner{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:var(--preview-card-width);gap:var(--preview-card-gap);padding:0}.personality-types-preview .personality-type-preview-card{width:100%;min-width:0;max-width:none}.personality-types-link-actions{padding:0 16px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.personality-types-link-actions .personality-button{min-width:auto;flex:0 0 auto;padding:6px 10px !important;text-align:center}}@media (max-width:720px){.personality-hero{padding:32px 24px}.personality-section{padding:24px;border-radius:24px}body.personality-home .personality-hero-content h1{font-size:80px;line-height:1.1}.personality-button-large{font-size:16px;padding:14px 32px}}@media (max-width:640px){.personality-axis-intro-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"center center" "axis1 axis2" "axis3 axis4";gap:8px;padding:8px;position:relative;--axis-line-offset:80px}.axis-center-title{grid-area:center;writing-mode:horizontal-tb;padding:16px 0}.axis-center-title h2{background:transparent;padding:0}.personality-axis-intro-grid::before,.personality-axis-intro-grid::after{display:block;content:"";position:absolute;background:#cbd5e1;pointer-events:none;z-index:0;opacity:0.65}.personality-axis-intro-grid::before{left:50%;top:var(--axis-line-offset);bottom:12px;width:2px;transform:translateX(-50%)}.personality-axis-intro-grid::after{top:calc(var(--axis-row1-bottom,50%) + 8px);left:8px;right:8px;height:2px;transform:none}.axis-intro-card,.axis-center-title{position:relative;z-index:1}.personality-axis-intro-grid .axis-intro-card:nth-child(1){grid-area:axis1}.personality-axis-intro-grid .axis-intro-card:nth-child(2){grid-area:axis2}.personality-axis-intro-grid .axis-intro-card:nth-child(4){grid-area:axis3}.personality-axis-intro-grid .axis-intro-card:nth-child(5){grid-area:axis4}.personality-highlight-grid{grid-template-columns:1fr}.personality-result-insights .personality-feature-grid{width:100%;margin-left:0;margin-right:0;padding-left:24px;padding-right:24px;box-sizing:border-box;grid-template-columns:1fr}.personality-result-insights .personality-feature-card{width:100%;box-sizing:border-box}.personality-axis-intro-section{padding-left:12px;padding-right:12px;padding-bottom:24px;overflow:visible;width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;transform:none !important;box-sizing:border-box !important}.personality-axis-intro-grid{width:100%;max-width:100%;box-sizing:border-box}.axis-intro-card{padding:12px}.axis-direction-cards{flex:1 1 auto;display:flex;flex-direction:column;margin:0}.axis-direction-card{--axis-card-pad-x:12px;--axis-card-pad-y:10px;--axis-card-pad-bottom:8px;padding:var(--axis-card-pad-y) var(--axis-card-pad-x) var(--axis-card-pad-bottom);box-shadow:none}.axis-direction-desc{margin:4px 0 0}.personality-types-preview{--preview-visible-cards:2;--preview-card-width:calc((100vw - 48px) / 2);--preview-card-gap:12px}.personality-types-preview-arrow{display:none}.personality-type-preview-name{font-size:clamp(12px,4vw,15px);padding:2px 8px;white-space:nowrap;max-width:100%}.personality-type-preview-traits{font-size:10px}.personality-type-preview-code{font-size:11px}}@media (max-width:480px){.personality-axis-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.axis-intro-card{padding:10px}.personality-axis-intro-section{padding-left:10px;padding-right:10px}}.personality-types-mobile-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin:8px 0 16px}.personality-types-mobile-nav .personality-types-preview-dots{display:flex;margin:0}.mobile-nav-arrow{display:none}@media (max-width:768px){.mobile-nav-arrow{display:flex;width:40px;height:40px;border:2px solid #111827;background:#ffffff;color:#111827;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;border-radius:50%}.mobile-nav-arrow:hover,.mobile-nav-arrow:active{background:#111827;color:#ffffff}.mobile-nav-arrow svg{width:20px;height:20px}}