性格診断テスト | BIG5-BASIC | ビッグファイブ性格診断

質問 0 / 120 0%

質問を読み込んでいます...

:root{--blue-main:#6e98c3;--blue-dark:#5a84b0;--blue-soft:#f2f6fb;--yellow-accent:#ffdc5e;--bg:#f4f6f8;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--navy:#3b4675;--shadow:0 10px 24px rgba(0,0,0,.06);--shadow-soft:0 6px 16px rgba(0,0,0,.04);--radius:14px;--radius-lg:16px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.85;font-size:15px;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:.02em}a{color:var(--blue-main);text-decoration:none;transition:color .25s ease}a:hover{color:var(--blue-dark)}img{max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding:0 24px}.wrap{max-width:900px;margin:0 auto;padding:32px 16px 64px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.g-header{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;height:56px}.g-header-inner{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px}.g-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--navy);text-decoration:none;flex-shrink:0;letter-spacing:.5px}.g-logo:hover{color:var(--navy);text-decoration:none}.g-logo .icon{color:var(--blue-main);width:19px;height:19px}.g-nav{display:flex;list-style:none;margin:0;padding:0;gap:2px}.g-nav a{display:block;padding:8px 16px;font-size:13px;font-weight:400;color:var(--muted);text-decoration:none;border-radius:8px;transition:all .25s ease}.g-nav a:hover{color:var(--navy);background:rgba(110,152,195,.06);text-decoration:none}.g-nav a.is-active{color:var(--navy);font-weight:600}.g-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.g-hamburger span{display:block;width:20px;height:1.5px;background:var(--navy);border-radius:2px;transition:all .3s ease}.g-mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:999;opacity:0;transition:opacity .3s ease}.g-mobile-menu.is-open{display:block;opacity:1}.g-mobile-nav{background:#fff;list-style:none;margin:0;padding:12px 0;box-shadow:var(--shadow)}.g-mobile-nav a{display:block;padding:14px 28px;font-size:14px;font-weight:400;color:var(--muted);text-decoration:none;transition:all .25s ease}.g-mobile-nav a:hover{background:var(--blue-soft);text-decoration:none}.g-mobile-nav a.is-active{color:var(--navy);font-weight:600}.g-hamburger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.g-hamburger.is-open span:nth-child(2){opacity:0}.g-hamburger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width:768px){.g-nav{display:none}.g-hamburger{display:flex}}.page-banner{background:var(--blue-main);color:#fff;text-align:center;padding:44px 28px 40px;box-shadow:var(--shadow)}.page-banner h1,.page-banner h2{font-size:22px;font-weight:700;margin-bottom:10px;letter-spacing:.06em;color:#fff}.page-banner p{font-size:14px;font-weight:400;margin:0 auto;line-height:1.85;max-width:680px;color:#fff}.btn-primary-custom{display:inline-block;background:var(--blue-main);color:#fff;padding:13px 32px;border-radius:999px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 8px 20px rgba(110,152,195,.2);letter-spacing:.02em}.btn-primary-custom:hover{background:var(--blue-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 28px rgba(110,152,195,.3)}.btn-cta{display:inline-block;padding:13px 32px;border-radius:999px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;letter-spacing:.02em;background:linear-gradient(90deg,var(--blue-dark),var(--blue-main));color:#fff;box-shadow:0 10px 22px rgba(90,132,176,.2)}.btn-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(90,132,176,.28);color:#fff;text-decoration:none}.btn-cta.gold{background:var(--yellow-accent);color:var(--navy);box-shadow:0 6px 16px rgba(255,220,94,.3)}.btn-cta.gold:hover{box-shadow:0 10px 24px rgba(255,220,94,.4)}.ad-slot{text-align:center;padding:12px 0;min-height:50px}.content-wrapper{max-width:900px;margin:0 auto;padding:40px 20px 56px}.section-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--blue-main);display:inline-block;line-height:1.5;letter-spacing:.02em}.section-title:first-child{margin-top:0}.section-title-featured{font-size:1.15rem;font-weight:700;color:var(--text);background:var(--blue-soft);padding:16px 20px;margin:44px 0 20px;border-radius:var(--radius);border:1px solid #d0dff3;line-height:1.5;letter-spacing:.02em}.sub-title{font-size:1rem;font-weight:700;color:var(--text);padding-bottom:8px;margin:28px 0 14px;border-bottom:2px solid var(--blue-main);display:inline-block;line-height:1.6}.card{background:var(--card);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.card.soft{background:var(--blue-soft)}.g-card{background:var(--card);border-radius:var(--radius);padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.g-card:hover{box-shadow:var(--shadow)}.g-card h4{color:var(--navy);font-weight:700;margin-bottom:6px;font-size:15px}.g-card h4.accent{color:var(--blue-main)}.g-card h5{font-size:14px;font-weight:600;color:var(--text);margin-bottom:5px}.g-card p{margin-bottom:0;font-size:14px;color:#475569;line-height:1.85}.g-card p+p{margin-top:8px}.g-card-muted{background:var(--blue-soft);border-radius:var(--radius);padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.g-card-muted:hover{box-shadow:var(--shadow)}.g-card-muted h4{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}.g-card-muted h5{font-size:14px;font-weight:600;color:var(--text);margin-bottom:5px}.g-card-muted p{font-size:14px;color:#475569;margin-bottom:0;line-height:1.85}.g-card-timeline{background:var(--card);border-radius:var(--radius);padding:18px 24px;margin-bottom:10px;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.g-card-timeline:hover{box-shadow:var(--shadow)}.g-card-timeline .g-date{font-size:12px;color:var(--blue-main);font-weight:600;margin-bottom:4px;letter-spacing:.03em}.g-card-timeline p{font-size:14px;color:#475569;margin-bottom:0;line-height:1.85}.g-card-notice{padding:16px 20px;background:#fffbf0;border-radius:12px;border:1px solid #f0e0b0;font-size:14px;color:#92700c;font-weight:400;margin-bottom:20px;box-shadow:var(--shadow-soft)}.g-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.g-table tr{border-bottom:1px solid var(--border)}.g-table tr:last-child{border-bottom:none}.g-table td{padding:13px 18px}.g-table td:first-child{font-weight:600;color:var(--navy);width:150px;background:var(--blue-soft)}.g-table td:last-child{color:#475569}.g-table a{color:var(--blue-main)}@media (max-width:600px){.g-table td:first-child{width:100px;font-size:13px}.g-table td{padding:10px 14px}}.g-promo-box{background:var(--card);padding:28px 24px;border-radius:var(--radius-lg);margin:24px 0;font-size:14px;line-height:2;box-shadow:var(--shadow)}.scale-item{margin-bottom:8px;padding:14px 18px;border-radius:12px;background:var(--card);box-shadow:var(--shadow-soft);transition:box-shadow .25s ease}.scale-item:hover{box-shadow:var(--shadow)}.scale-item h5{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.scale-item .scale-dot{color:var(--blue-main);margin-right:6px}.scale-item p{font-size:14px;color:#475569;line-height:1.85;margin-bottom:0}.factor-card{background:var(--card);border-radius:var(--radius);padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:box-shadow .3s ease}.factor-card:hover{box-shadow:var(--shadow)}.factor-card h4{color:var(--navy);font-weight:700;margin-bottom:6px;font-size:15px}.factor-card p{margin-bottom:0;font-size:14px;color:#475569;line-height:1.85}.g-footer{background:#f8fafc;border-top:1px solid var(--border);color:var(--muted);padding:36px 0 28px;margin-top:56px;font-size:13px}.g-footer-inner{max-width:900px;margin:0 auto;padding:0 20px}.g-footer-nav{text-align:center;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px}.g-footer-nav a{color:#475569;text-decoration:none;font-size:13px;font-weight:400;padding:10px 4px;transition:color .25s ease}.g-footer-nav a:hover{color:var(--blue-main)}.g-footer-social{text-align:center;margin-bottom:16px;display:flex;justify-content:center;gap:10px}.g-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--blue-soft);color:var(--blue-main);font-size:16px;text-decoration:none;transition:all .25s ease}.g-footer-social a:hover{background:var(--blue-main);color:#fff}.g-footer-copy{text-align:center;color:#64748b;font-size:12px;font-weight:400}.floating-pro-link{position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#3b4675,#4a5a8a);color:#fff;padding:11px 22px;border-radius:999px;box-shadow:0 4px 16px rgba(59,70,117,.3);font-weight:700;font-size:13px;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:7px;letter-spacing:.03em;border:1px solid rgba(255,255,255,.15)}.floating-pro-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,70,117,.4);color:#fff;text-decoration:none;background:linear-gradient(135deg,#4a5a8a,#5a6a9a)}@media (max-width:767px){.page-banner{padding:32px 20px 28px}.page-banner h1,.page-banner h2{font-size:20px;letter-spacing:.04em}.page-banner p{font-size:13px}.content-wrapper,.wrap{padding:28px 14px 40px}.btn-primary-custom,.btn-cta{padding:11px 24px;font-size:14px}.section-title{font-size:1.05rem;margin:28px 0 16px}.section-title-featured{font-size:1.05rem;padding:14px 16px}.sub-title{font-size:.95rem}.g-card,.g-card-muted,.g-card-timeline,.card{padding:16px 18px}.g-promo-box{padding:20px 18px}.g-footer{padding:28px 0 20px}.g-footer-nav{gap:4px 16px}}.icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.125em;flex-shrink:0}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#toastContainer{position:fixed;top:12px;right:12px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-msg{padding:12px 20px;border-radius:10px;color:#fff;font-size:14px;font-weight:400;box-shadow:0 4px 14px rgba(0,0,0,.18);opacity:0;transition:opacity .3s;max-width:350px;pointer-events:auto}.toast-msg.show{opacity:1}.toast-success{background:#22c55e}.toast-error{background:#ef4444}.toast-warning{background:#f59e0b}.diagnosis-wrapper{max-width:720px;margin:0 auto;padding:36px 20px 60px}.progress-area{margin-bottom:32px}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px;font-weight:400}.progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.progress-bar{display:block;height:100%;background:linear-gradient(90deg,var(--blue-dark),var(--blue-main));border-radius:999px;transition:width .5s ease}.question-card{background:var(--card);border-radius:var(--radius);padding:24px 22px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:box-shadow .25s ease}.question-card:hover{box-shadow:var(--shadow)}.question-num{font-size:11px;color:var(--blue-main);font-weight:600;margin-bottom:6px;letter-spacing:.05em}.question-text{font-size:15px;font-weight:400;color:var(--text);margin-bottom:16px;line-height:1.85}.likert-row{display:flex;align-items:center;justify-content:center;gap:0}.likert-label{font-size:11px;color:#64748b;min-width:70px;text-align:center;font-weight:600}.likert-label.label-left{text-align:right;padding-right:8px}.likert-label.label-right{text-align:left;padding-left:8px}.likert-circles{display:flex;align-items:center;justify-content:center;gap:12px}.likert-circle{width:36px;height:36px;border-radius:50%;border:2px solid #cbd5e1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.04)}.likert-circle:hover{border-color:var(--blue-main);background:var(--blue-soft);transform:translateY(-1px)}.likert-circle.selected{border-color:var(--blue-main);background:var(--blue-main);box-shadow:0 6px 14px rgba(110,152,195,.25)}.likert-circle[data-value="1"],.likert-circle[data-value="5"]{width:42px;height:42px}.likert-circle[data-value="2"],.likert-circle[data-value="4"]{width:36px;height:36px}.likert-circle[data-value="3"]{width:32px;height:32px}.nav-buttons{display:flex;justify-content:space-between;margin-top:28px}.btn-nav{padding:12px 28px;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.btn-nav-prev{background:var(--border);color:#334155}.btn-nav-prev:hover{background:#d1d5db}.btn-nav-next{background:linear-gradient(90deg,var(--blue-dark),var(--blue-main));color:#fff;box-shadow:0 8px 20px rgba(110,152,195,.2)}.btn-nav-next:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(110,152,195,.3)}.btn-nav:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.loading-spinner{text-align:center;padding:48px 0;color:#64748b}.loading-spinner .icon{font-size:28px;animation:spin 1s linear infinite}.loading-spinner p{margin-top:8px;font-size:13px;font-weight:400}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (max-width:480px){.likert-circles{gap:8px}.likert-circle{width:30px!important;height:30px!important}.likert-label{font-size:10px;min-width:50px}}