{"id":46,"date":"2026-01-14T15:48:19","date_gmt":"2026-01-14T15:48:19","guid":{"rendered":"https:\/\/investimentiperte.com\/?page_id=46"},"modified":"2026-01-14T15:50:19","modified_gmt":"2026-01-14T15:50:19","slug":"quiz-jp","status":"publish","type":"page","link":"https:\/\/investimentiperte.com\/?page_id=46","title":{"rendered":"Quiz JP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Wealth IQ\u8a3a\u65ad | \u3042\u306a\u305f\u306e\u8cc7\u7523\u5f62\u6210\u30de\u30a4\u30f3\u30c9\u3092\u767a\u898b<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold-primary: #C9A227;\n --gold-light: #E8D48A;\n --gold-dark: #8B7355;\n --black: #0A0A0A;\n --dark-bg: #111111;\n --dark-surface: #1A1A1A;\n --dark-border: #2A2A2A;\n --white: #FFFFFF;\n --gray-100: #F5F5F5;\n --gray-300: #CCCCCC;\n --gray-500: #888888;\n --gray-700: #444444;\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;\n --shadow-gold: 0 0 60px rgba(201, 162, 39, 0.15);\n --shadow-card: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n html {\n scroll-behavior: smooth;\n }\n body {\n font-family: var(--font-body);\n background-color: var(--black);\n color: var(--white);\n line-height: 1.9;\n overflow-x: hidden;\n }\n \/* Grain Overlay *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n opacity: 0.03;\n pointer-events: none;\n z-index: 1000;\n }\n \/* Typography *\/\n h1, h2, h3, h4 {\n font-family: var(--font-body);\n font-weight: 600;\n line-height: 1.4;\n }\n .text-gold {\n color: var(--gold-primary);\n }\n .text-gradient {\n background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 50%, var(--gold-dark) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .container-narrow {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 24px;\n }\n \/* Navigation *\/\n .nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 12px 0;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.3s ease;\n }\n @media (min-width: 768px) {\n .nav {\n padding: 15px 0;\n }\n }\n .nav.scrolled {\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(20px);\n padding: 10px 0;\n }\n @media (min-width: 768px) {\n .nav.scrolled {\n padding: 12px 0;\n }\n }\n .nav-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .logo {\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--white);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n @media (min-width: 768px) {\n .logo {\n font-size: 1.5rem;\n gap: 10px;\n }\n }\n .logo-icon {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--gold-light), var(--gold-primary));\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n }\n @media (min-width: 768px) {\n .logo-icon {\n width: 36px;\n height: 36px;\n font-size: 1.2rem;\n }\n }\n .nav-cta {\n display: none;\n padding: 12px 24px;\n background: transparent;\n border: 1px solid var(--gold-primary);\n color: var(--gold-primary);\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n }\n .nav-cta:hover {\n background: var(--gold-primary);\n color: var(--black);\n }\n @media (min-width: 768px) {\n .nav-cta {\n display: inline-block;\n }\n }\n \/* Sticky CTA *\/\n .sticky-cta {\n position: fixed;\n bottom: -100px;\n left: 0;\n right: 0;\n z-index: 99;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(20px);\n border-top: 1px solid var(--dark-border);\n padding: 12px 20px;\n transition: bottom 0.4s ease;\n }\n .sticky-cta.visible {\n bottom: 0;\n }\n .sticky-cta-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n .sticky-cta-text {\n font-size: 0.9rem;\n color: var(--gray-300);\n display: none;\n }\n @media (min-width: 480px) {\n .sticky-cta-text {\n display: block;\n }\n }\n .sticky-btn {\n padding: 12px 24px;\n font-size: 0.85rem;\n flex-shrink: 0;\n width: auto;\n }\n @media (max-width: 479px) {\n .sticky-btn {\n width: 100%;\n }\n }\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n min-height: 100dvh;\n display: flex;\n align-items: flex-start;\n position: relative;\n padding: 56px 0 40px;\n overflow: hidden;\n }\n @media (min-width: 768px) {\n .hero {\n padding: 60px 0 60px;\n }\n }\n @media (min-width: 1024px) {\n .hero {\n align-items: center;\n padding: 65px 0 80px;\n }\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 80%;\n height: 150%;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 200px;\n background: linear-gradient(180deg, transparent 0%, var(--black) 100%);\n pointer-events: none;\n }\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n @media (min-width: 1024px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n }\n .hero-text {\n animation: fadeInUp 1s ease-out;\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: rgba(201, 162, 39, 0.1);\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 100px;\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 1px;\n color: var(--gold-primary);\n margin-bottom: 16px;\n }\n @media (min-width: 768px) {\n .badge {\n font-size: 0.75rem;\n letter-spacing: 1.5px;\n margin-bottom: 20px;\n }\n }\n .badge::before {\n content: '';\n width: 6px;\n height: 6px;\n background: var(--gold-primary);\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n .hero h1 {\n font-size: clamp(1.75rem, 5vw, 3.5rem);\n margin-bottom: 16px;\n color: var(--white);\n }\n @media (min-width: 768px) {\n .hero h1 {\n margin-bottom: 20px;\n }\n }\n .hero h1 span {\n display: block;\n }\n .hero-subtitle {\n font-size: 1rem;\n color: var(--gray-300);\n margin-bottom: 20px;\n max-width: 520px;\n }\n @media (min-width: 768px) {\n .hero-subtitle {\n font-size: 1.125rem;\n margin-bottom: 24px;\n }\n }\n .hero-features {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 24px;\n }\n @media (min-width: 768px) {\n .hero-features {\n gap: 20px;\n margin-bottom: 32px;\n }\n }\n .hero-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 0.9rem;\n color: var(--gray-300);\n }\n .hero-feature svg {\n width: 20px;\n height: 20px;\n color: var(--gold-primary);\n }\n \/* Form Card *\/\n .form-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-card), var(--shadow-gold);\n animation: fadeInUp 1s ease-out 0.2s both;\n position: relative;\n overflow: hidden;\n }\n .form-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--gold-dark), var(--gold-primary), var(--gold-light), var(--gold-primary), var(--gold-dark));\n }\n .form-header {\n text-align: center;\n margin-bottom: 32px;\n }\n .form-header h2 {\n font-size: 1.75rem;\n margin-bottom: 8px;\n }\n .form-header p {\n color: var(--gray-500);\n font-size: 0.9rem;\n }\n \/* Progress Bar *\/\n .progress-container {\n margin-bottom: 32px;\n }\n .progress-bar {\n height: 4px;\n background: var(--dark-border);\n border-radius: 2px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--gold-primary), var(--gold-light));\n border-radius: 2px;\n transition: width 0.5s ease;\n width: 0%;\n }\n .progress-text {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n font-size: 0.75rem;\n color: var(--gray-500);\n }\n \/* Form Steps *\/\n .form-step {\n display: none;\n }\n .form-step.active {\n display: block;\n animation: fadeIn 0.4s ease;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \/* Input Styles *\/\n .input-group {\n margin-bottom: 20px;\n }\n .input-group label {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n margin-bottom: 8px;\n color: var(--gray-300);\n }\n .input-group input,\n .input-group select {\n width: 100%;\n padding: 16px 20px;\n background: var(--dark-bg);\n border: 1px solid var(--dark-border);\n border-radius: 12px;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n .input-group input:focus,\n .input-group select:focus {\n outline: none;\n border-color: var(--gold-primary);\n box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.1);\n }\n .input-group input::placeholder {\n color: var(--gray-700);\n }\n \/* Quiz Question Styles *\/\n .quiz-question {\n margin-bottom: 24px;\n }\n .quiz-question h3 {\n font-family: var(--font-body);\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 16px;\n color: var(--white);\n }\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .quiz-option {\n position: relative;\n }\n .quiz-option input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n .quiz-option label {\n display: block;\n padding: 16px 20px;\n background: var(--dark-bg);\n border: 1px solid var(--dark-border);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 0.95rem;\n color: var(--gray-300);\n }\n .quiz-option label:hover {\n border-color: var(--gold-dark);\n background: rgba(201, 162, 39, 0.05);\n }\n .quiz-option input:checked + label {\n border-color: var(--gold-primary);\n background: rgba(201, 162, 39, 0.1);\n color: var(--white);\n }\n .quiz-option input:checked + label::before {\n content: '\u2713';\n position: absolute;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--gold-primary);\n font-weight: bold;\n }\n \/* Buttons *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 18px 32px;\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n }\n .btn-primary {\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n color: var(--black);\n box-shadow: 0 4px 20px rgba(201, 162, 39, 0.3);\n }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(201, 162, 39, 0.4);\n }\n .btn-primary:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n }\n .btn-secondary {\n background: transparent;\n border: 1px solid var(--dark-border);\n color: var(--gray-300);\n }\n .btn-secondary:hover {\n border-color: var(--gray-500);\n color: var(--white);\n }\n .btn-nav-group {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n }\n .btn-nav-group .btn {\n flex: 1;\n }\n \/* Results *\/\n .results-container {\n text-align: center;\n }\n .score-display {\n margin: 32px 0;\n }\n .score-circle {\n width: 160px;\n height: 160px;\n margin: 0 auto 24px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.2), rgba(201, 162, 39, 0.05));\n border: 3px solid var(--gold-primary);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-gold);\n }\n .score-number {\n font-family: var(--font-display);\n font-size: 3rem;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1;\n }\n .score-label {\n font-size: 0.875rem;\n color: var(--gray-500);\n margin-top: 4px;\n }\n .score-interpretation {\n font-size: 1.25rem;\n color: var(--white);\n margin-bottom: 16px;\n }\n .blindspot-reveal {\n background: rgba(201, 162, 39, 0.1);\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 24px;\n margin: 24px 0;\n text-align: left;\n }\n .blindspot-reveal h4 {\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n letter-spacing: 1px;\n color: var(--gold-primary);\n margin-bottom: 8px;\n }\n .blindspot-reveal p {\n color: var(--gray-300);\n font-size: 0.95rem;\n }\n \/* Sections *\/\n section {\n padding: 100px 0;\n position: relative;\n }\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 60px;\n }\n .section-header h2 {\n font-size: clamp(1.75rem, 4vw, 2.75rem);\n margin-bottom: 16px;\n }\n .section-header p {\n color: var(--gray-300);\n font-size: 1.1rem;\n }\n \/* Problem Section *\/\n .problem-section {\n background: var(--dark-bg);\n }\n \/* What You Get Section *\/\n .what-you-get-section {\n background: var(--black);\n padding: 100px 0;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .benefits-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .benefit-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 32px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n border-color: var(--gold-dark);\n }\n .benefit-card.featured {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border-color: var(--gold-primary);\n box-shadow: var(--shadow-gold);\n }\n .benefit-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n color: var(--black);\n font-size: 0.7rem;\n font-weight: 700;\n padding: 6px 16px;\n border-radius: 100px;\n }\n .benefit-icon {\n width: 72px;\n height: 72px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n }\n .benefit-icon svg {\n width: 36px;\n height: 36px;\n color: var(--gold-primary);\n }\n .benefit-card h3 {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--white);\n }\n .benefit-card p {\n color: var(--gray-500);\n font-size: 0.95rem;\n line-height: 1.7;\n }\n .problem-content {\n max-width: 800px;\n margin: 0 auto;\n }\n .problem-content p {\n font-size: 1.2rem;\n color: var(--gray-300);\n margin-bottom: 24px;\n }\n .problem-content p strong {\n color: var(--white);\n }\n .highlight-box {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.1), rgba(201, 162, 39, 0.02));\n border-left: 4px solid var(--gold-primary);\n padding: 24px 32px;\n margin: 40px 0;\n border-radius: 0 16px 16px 0;\n }\n .highlight-box p {\n font-size: 1.2rem;\n color: var(--white);\n margin: 0;\n }\n .promise-box {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 24px;\n margin: 24px 0;\n }\n .promise-box p {\n font-size: 1rem;\n color: var(--gray-300);\n margin: 0;\n line-height: 1.8;\n }\n .promise-box strong {\n color: var(--gold-primary);\n }\n \/* Blindspots Section *\/\n .blindspots-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .blindspots-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .blindspot-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 32px;\n transition: all 0.3s ease;\n }\n .blindspot-card:hover {\n transform: translateY(-8px);\n border-color: var(--gold-dark);\n box-shadow: var(--shadow-gold);\n }\n .blindspot-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--black);\n margin-bottom: 20px;\n }\n .blindspot-card h3 {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--white);\n }\n .blindspot-card p {\n color: var(--gray-500);\n font-size: 0.95rem;\n }\n \/* Success Stories Section *\/\n .stories-section {\n background: var(--dark-bg);\n padding: 100px 0;\n }\n .stories-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 32px;\n }\n @media (min-width: 1024px) {\n .stories-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .story-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 32px;\n transition: all 0.3s ease;\n }\n .story-card:hover {\n border-color: var(--gold-dark);\n box-shadow: var(--shadow-gold);\n }\n .story-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n padding-bottom: 20px;\n border-bottom: 1px solid var(--dark-border);\n }\n .story-avatar {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--black);\n flex-shrink: 0;\n }\n .story-meta h4 {\n font-family: var(--font-body);\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 2px;\n }\n .story-meta p {\n font-size: 0.85rem;\n color: var(--gray-500);\n margin: 0;\n }\n .story-section {\n margin-bottom: 20px;\n }\n .story-label {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 1px;\n padding: 4px 10px;\n border-radius: 4px;\n margin-bottom: 10px;\n }\n .story-label.problem {\n background: rgba(239, 68, 68, 0.15);\n color: #f87171;\n }\n .story-label.discovery {\n background: rgba(251, 191, 36, 0.15);\n color: #fbbf24;\n }\n .story-label.solution {\n background: rgba(34, 197, 94, 0.15);\n color: #4ade80;\n }\n .story-section p {\n font-size: 0.9rem;\n color: var(--gray-300);\n line-height: 1.8;\n margin: 0;\n }\n .story-section strong {\n color: var(--gold-primary);\n }\n .story-result {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 20px;\n display: flex;\n gap: 16px;\n margin-top: 24px;\n }\n .result-icon {\n width: 48px;\n height: 48px;\n background: rgba(201, 162, 39, 0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .result-icon svg {\n width: 24px;\n height: 24px;\n color: var(--gold-primary);\n }\n .result-text {\n flex: 1;\n }\n .result-number {\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 1px;\n color: var(--gold-primary);\n display: block;\n margin-bottom: 6px;\n }\n .result-text p {\n font-size: 0.9rem;\n color: var(--white);\n margin: 0;\n line-height: 1.7;\n }\n \/* Curriculum Section *\/\n .curriculum-section {\n background: var(--black);\n padding: 100px 0;\n }\n .curriculum-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .curriculum-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n @media (min-width: 1024px) {\n .curriculum-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .curriculum-category {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 28px;\n transition: all 0.3s ease;\n }\n .curriculum-category:hover {\n border-color: var(--gold-dark);\n transform: translateY(-4px);\n }\n .category-icon {\n width: 56px;\n height: 56px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\n .category-icon svg {\n width: 28px;\n height: 28px;\n color: var(--gold-primary);\n }\n .category-icon.gold {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.25), rgba(201, 162, 39, 0.1));\n border: 1px solid rgba(201, 162, 39, 0.3);\n }\n .curriculum-category h3 {\n font-family: var(--font-body);\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n .curriculum-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .curriculum-list li {\n position: relative;\n padding-left: 20px;\n padding-bottom: 10px;\n font-size: 0.9rem;\n color: var(--gray-400);\n line-height: 1.6;\n }\n .curriculum-list li:last-child {\n padding-bottom: 0;\n }\n .curriculum-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--gold-primary);\n font-size: 0.8rem;\n }\n .curriculum-cta {\n text-align: center;\n margin-top: 60px;\n padding: 40px;\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n }\n .curriculum-cta p {\n font-size: 1.1rem;\n color: var(--gray-300);\n margin-bottom: 24px;\n }\n .curriculum-cta strong {\n color: var(--gold-primary);\n }\n .curriculum-cta .btn {\n max-width: 350px;\n margin: 0 auto;\n }\n \/* Solution Section *\/\n .solution-section {\n background: var(--dark-bg);\n }\n .solution-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n align-items: center;\n }\n @media (min-width: 1024px) {\n .solution-content {\n grid-template-columns: 1fr 1fr;\n }\n }\n .solution-text h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 24px;\n }\n .solution-text p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 24px;\n }\n .solution-list {\n list-style: none;\n margin: 32px 0;\n }\n .solution-list li {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 16px 0;\n border-bottom: 1px solid var(--dark-border);\n }\n .solution-list li:last-child {\n border-bottom: none;\n }\n .solution-list svg {\n width: 24px;\n height: 24px;\n color: var(--gold-primary);\n flex-shrink: 0;\n margin-top: 2px;\n }\n .solution-list span {\n color: var(--gray-300);\n }\n .solution-visual {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 40px;\n text-align: center;\n }\n .visual-steps {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .visual-step {\n display: flex;\n align-items: center;\n gap: 20px;\n text-align: left;\n }\n .step-number {\n width: 56px;\n height: 56px;\n background: rgba(201, 162, 39, 0.1);\n border: 2px solid var(--gold-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--gold-primary);\n flex-shrink: 0;\n }\n .step-content h4 {\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 4px;\n }\n .step-content p {\n font-size: 0.875rem;\n color: var(--gray-500);\n margin: 0;\n }\n .step-arrow {\n text-align: center;\n color: var(--gold-dark);\n font-size: 1.5rem;\n }\n \/* Trust Section *\/\n .trust-section {\n background: var(--black);\n }\n .trust-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n .trust-content p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 20px;\n }\n .trust-points {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n margin-top: 48px;\n }\n @media (min-width: 768px) {\n .trust-points {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n .trust-point {\n text-align: center;\n }\n .trust-icon {\n width: 64px;\n height: 64px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px;\n }\n .trust-icon svg {\n width: 28px;\n height: 28px;\n color: var(--gold-primary);\n }\n .trust-point h4 {\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 4px;\n }\n .trust-point p {\n font-size: 0.8rem;\n color: var(--gray-500);\n margin: 0;\n }\n \/* Final CTA Section *\/\n .cta-section {\n background: linear-gradient(180deg, var(--dark-bg) 0%, var(--black) 100%);\n padding: 120px 0;\n }\n .cta-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 32px;\n padding: 60px 40px;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\n .cta-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--gold-dark), var(--gold-primary), var(--gold-light), var(--gold-primary), var(--gold-dark));\n }\n .cta-card h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 20px;\n }\n .cta-card p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 32px;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n .cta-card .btn {\n max-width: 400px;\n margin: 0 auto;\n }\n .cta-note {\n margin-top: 20px;\n font-size: 0.875rem;\n color: var(--gray-500);\n }\n \/* Footer *\/\n footer {\n background: var(--black);\n border-top: 1px solid var(--dark-border);\n padding: 40px 0;\n text-align: center;\n }\n .footer-logo {\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n .footer-text {\n color: var(--gray-500);\n font-size: 0.875rem;\n }\n .footer-links {\n margin-top: 16px;\n display: flex;\n justify-content: center;\n gap: 24px;\n }\n .footer-links a {\n color: var(--gray-500);\n font-size: 0.875rem;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n .footer-links a:hover {\n color: var(--gold-primary);\n }\n \/* Utility *\/\n .hidden {\n display: none !important;\n }\n \/* Scroll animations *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <nav class=\"nav\" id=\"nav\">\n <div class=\"container\">\n <div class=\"nav-content\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">W<\/div>\n Wealth IQ Academy\n <\/a>\n <a href=\"#assessment\" class=\"nav-cta\">\u7121\u6599\u8a3a\u65ad<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <!-- Sticky CTA -->\n <div class=\"sticky-cta\" id=\"sticky-cta\">\n <div class=\"sticky-cta-content\">\n <span class=\"sticky-cta-text\">\u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u308b<\/span>\n <a href=\"#assessment\" class=\"btn btn-primary sticky-btn\">\n \u4eca\u3059\u3050\u59cb\u3081\u308b\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <!-- Main Content -->\n <main id=\"main-content\">\n <!-- Hero Section -->\n <section class=\"hero\" id=\"assessment\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"badge\">\u7121\u6599\u8a3a\u65ad + \u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3<\/div>\n <h1>\n <span>\u306a\u305c\u8cc7\u7523\u304c\u5897\u3048\u306a\u3044\u306e\u304b<\/span>\n <span>\u305d\u306e\u539f\u56e0\u3092\u767a\u898b\u3057 \u2014<\/span>\n <span class=\"text-gradient\">\u5909\u3048\u308b\u7121\u6599\u30d7\u30e9\u30f3\u3092\u624b\u306b\u5165\u308c\u308b<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n 2\u5206\u9593\u306eWealth IQ\u8a3a\u65ad\u3092\u5b8c\u4e86\u3057\u3001\u5c02\u9580\u5bb6\u3068\u306e\u7121\u65991\u5bfe1\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u53d7\u3051\u307e\u3057\u3087\u3046\u3002\u4f55\u304c\u3042\u306a\u305f\u3092\u59a8\u3052\u3066\u3044\u308b\u306e\u304b\u3001\u305d\u3057\u3066\u305d\u308c\u3092\u3069\u3046\u5909\u3048\u308b\u304b\u3092\u6b63\u78ba\u306b\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"hero-features\">\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n 2\u5206\u9593\u306e\u8a3a\u65ad\n <\/div>\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/>\n <\/svg>\n \u7121\u6599\u5c02\u9580\u5bb6\u76f8\u8ac7\n <\/div>\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n \u30d1\u30fc\u30bd\u30ca\u30eb\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\n <\/div>\n <\/div>\n <\/div>\n <!-- Assessment Form Card -->\n <div class=\"form-card\" id=\"assessment-form\">\n <div class=\"form-header\">\n <h2>\u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u308b<\/h2>\n <p>+ \u5c02\u9580\u5bb6\u3068\u306e1\u5bfe1\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3<\/p>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n <\/div>\n <div class=\"progress-text\">\n <span id=\"step-indicator\">\u30b9\u30c6\u30c3\u30d7 1 \/ 4<\/span>\n <span id=\"progress-percent\">0%<\/span>\n <\/div>\n <\/div>\n <form id=\"wealth-form\">\n <!-- Step 1: Contact Info -->\n <div class=\"form-step active\" id=\"step-1\">\n <div class=\"input-group\">\n <label for=\"firstname\">\u304a\u540d\u524d\uff08\u59d3\uff09<\/label>\n <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"\u5c71\u7530\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"lastname\">\u304a\u540d\u524d\uff08\u540d\uff09<\/label>\n <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"\u592a\u90ce\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@email.com\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"phone\">\u96fb\u8a71\u756a\u53f7<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"090-1234-5678\" required>\n <\/div>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(1)\">\n \u8a3a\u65ad\u3092\u59cb\u3081\u308b\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <!-- Step 2: Quiz Questions 1-2 -->\n <div class=\"form-step\" id=\"step-2\">\n <div class=\"quiz-question\">\n <h3>1. \u304a\u91d1\u3092\u53d7\u3051\u53d6\u3063\u305f\u6642\u3001\u6700\u521d\u306b\u4f55\u3092\u8003\u3048\u307e\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1a\" name=\"q1\" value=\"1\" required>\n <label for=\"q1a\">\u4f55\u304c\u8cb7\u3048\u308b\u304b\u8003\u3048\u308b<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1b\" name=\"q1\" value=\"2\">\n <label for=\"q1b\">\u4e00\u90e8\u3092\u8caf\u91d1\u3057\u3001\u6b8b\u308a\u3092\u4f7f\u3046<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1c\" name=\"q1\" value=\"3\">\n <label for=\"q1c\">\u3059\u3050\u306b\u5897\u3084\u3059\u65b9\u6cd5\u3092\u8003\u3048\u308b<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>2. \u6708\u53ce\u306e\u4f55\u30d1\u30fc\u30bb\u30f3\u30c8\u3092\u8caf\u84c4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2a\" name=\"q2\" value=\"1\" required>\n <label for=\"q2a\">10%\u672a\u6e80<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2b\" name=\"q2\" value=\"2\">\n <label for=\"q2b\">10\u301c25%<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2c\" name=\"q2\" value=\"3\">\n <label for=\"q2c\">25%\u4ee5\u4e0a<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(2)\">\u623b\u308b<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(2)\">\u7d9a\u3051\u308b<\/button>\n <\/div>\n <\/div>\n <!-- Step 3: Quiz Questions 3-5 -->\n <div class=\"form-step\" id=\"step-3\">\n <div class=\"quiz-question\">\n <h3>3. \u8cc7\u7523\u3068\u3057\u3066\u306e\u91d1\u306b\u3064\u3044\u3066\u306e\u77e5\u8b58\u306f\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3a\" name=\"q3\" value=\"1\" required>\n <label for=\"q3a\">\u4fa1\u5024\u304c\u3042\u308b\u3053\u3068\u306f\u77e5\u3063\u3066\u3044\u308b\u304c\u3001\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3b\" name=\"q3\" value=\"2\">\n <label for=\"q3b\">\u8cc7\u7523\u4fdd\u5168\u306b\u826f\u3044\u3068\u805e\u3044\u305f\u304c\u3001\u65b9\u6cd5\u304c\u308f\u304b\u3089\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3c\" name=\"q3\" value=\"3\">\n <label for=\"q3c\">\u8cc7\u7523\u4fdd\u5168\u306b\u304a\u3051\u308b\u6b74\u53f2\u7684\u5f79\u5272\u3092\u7406\u89e3\u3057\u3066\u3044\u308b<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>4. \u300c\u91d1\u878d\u306b\u304a\u3051\u308bAI\u300d\u3068\u805e\u3044\u3066\u4f55\u3092\u601d\u3044\u307e\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4a\" name=\"q4\" value=\"1\" required>\n <label for=\"q4a\">\u8907\u96d1\u305d\u3046 \/ \u81ea\u5206\u306b\u306f\u95a2\u4fc2\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4b\" name=\"q4\" value=\"2\">\n <label for=\"q4b\">\u8208\u5473\u306f\u3042\u308b\u304c\u61d0\u7591\u7684<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4c\" name=\"q4\" value=\"3\">\n <label for=\"q4c\">\u5206\u6790\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>5. \u901a\u5e38\u3001\u3069\u306e\u3088\u3046\u306b\u91d1\u878d\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5a\" name=\"q5\" value=\"1\" required>\n <label for=\"q5a\">\u76f4\u611f\u306b\u5f93\u3046<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5b\" name=\"q5\" value=\"2\">\n <label for=\"q5b\">\u53cb\u4eba\u3084\u5bb6\u65cf\u306b\u76f8\u8ac7\u3059\u308b<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5c\" name=\"q5\" value=\"3\">\n <label for=\"q5c\">\u8abf\u67fb\u3057\u3066\u30c7\u30fc\u30bf\u3092\u5206\u6790\u3059\u308b<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(3)\">\u623b\u308b<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(3)\">\u7d9a\u3051\u308b<\/button>\n <\/div>\n <\/div>\n <!-- Step 4: Final Questions + Submit -->\n <div class=\"form-step\" id=\"step-4\">\n <div class=\"quiz-question\">\n <h3>6. \u4eca\u65e5100\u4e07\u5186\u3092\u8caf\u91d1\u3059\u308b\u3068\u3057\u305f\u3089\u3001\u3069\u3046\u3057\u307e\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6a\" name=\"q6\" value=\"1\" required>\n <label for=\"q6a\">\u9280\u884c\u53e3\u5ea7\u306b\u7f6e\u3044\u3066\u304a\u304f<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6b\" name=\"q6\" value=\"2\">\n <label for=\"q6b\">\u300c\u5b89\u5168\u306a\u300d\u4f55\u304b\u3092\u63a2\u3059\u304c\u3001\u4f55\u304b\u308f\u304b\u3089\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6c\" name=\"q6\" value=\"3\">\n <label for=\"q6c\">\u69d8\u3005\u306a\u8cc7\u7523\u30bf\u30a4\u30d7\u306b\u5206\u6563\u3059\u308b<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>7. \u304a\u91d1\u306b\u95a2\u3059\u308b\u6700\u5927\u306e\u8ab2\u984c\u306f\u4f55\u3067\u3059\u304b\uff1f<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7a\" name=\"q7\" value=\"1\" required>\n <label for=\"q7a\">\u53ce\u5165\u304c\u5341\u5206\u3067\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7b\" name=\"q7\" value=\"2\">\n <label for=\"q7b\">\u53ce\u5165\u306f\u826f\u3044\u304c\u3001\u8cc7\u7523\u3092\u5897\u3084\u305b\u306a\u3044<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7c\" name=\"q7\" value=\"3\">\n <label for=\"q7c\">\u8caf\u84c4\u306f\u3042\u308b\u304c\u3001\u4f55\u3092\u3059\u3079\u304d\u304b\u308f\u304b\u3089\u306a\u3044<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(4)\">\u623b\u308b<\/button>\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submit-btn\">\n \u7d50\u679c\u3092\u898b\u308b\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- What You Get Section -->\n <section class=\"what-you-get-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>\u3042\u306a\u305f\u304c<span class=\"text-gold\">\u5f97\u3089\u308c\u308b\u3082\u306e<\/span><\/h2>\n <p>\u7121\u6599\u8a3a\u65ad\u3092\u5b8c\u4e86\u3057\u3066\u30013\u3064\u306e\u7279\u5178\u3092\u3059\u3079\u3066\u89e3\u653e \u2014 \u7fa9\u52d9\u306a\u3057<\/p>\n <\/div>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card reveal\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3>\u3042\u306a\u305f\u306eWealth IQ\u30b9\u30b3\u30a2<\/h3>\n <p>\u6210\u529f\u3057\u305f\u8cc7\u7523\u5f62\u6210\u8005\u3068\u6bd4\u8f03\u3057\u3066\u3001\u3042\u306a\u305f\u304c\u3069\u3053\u306b\u3044\u308b\u304b\u3092\u767a\u898b\u3002\u3042\u306a\u305f\u306e\u30b9\u30b3\u30a2\u306f\u3001\u73fe\u5728\u306e\u91d1\u878d\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8\u3068\u6210\u9577\u306e\u53ef\u80fd\u6027\u3092\u660e\u3089\u304b\u306b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"benefit-card featured reveal\">\n <div class=\"benefit-badge\">\u6700\u3082\u4fa1\u5024\u304c\u3042\u308b<\/div>\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n <\/svg>\n <\/div>\n <h3>\u7121\u65991\u5bfe1\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3<\/h3>\n <p>\u91d1\u878d\u6559\u80b2\u306e\u5c02\u9580\u5bb6\u3068\u76f4\u63a5\u304a\u8a71\u3057\u304f\u3060\u3055\u3044\u3002\u3042\u306a\u305f\u306e\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u3001\u8cea\u554f\u306b\u7b54\u3048\u3001\u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba\u3055\u308c\u305f\u30a2\u30af\u30b7\u30e7\u30f3\u30d7\u30e9\u30f3\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"benefit-card reveal\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\n <\/svg>\n <\/div>\n <h3>\u3042\u306a\u305f\u306e\u76f2\u70b9\u5206\u6790<\/h3>\n <p>\u3042\u306a\u305f\u306b\u6700\u3082\u30b3\u30b9\u30c8\u304c\u304b\u304b\u3063\u3066\u3044\u308b\u7279\u5b9a\u306e\u30e1\u30f3\u30bf\u30eb\u30d6\u30ed\u30c3\u30af\u3092\u767a\u898b\u3057\u3001\u305d\u308c\u3092\u3059\u3050\u306b\u514b\u670d\u3059\u308b\u305f\u3081\u306e\u5b9f\u8df5\u7684\u306a\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Problem Section -->\n <section class=\"problem-section\">\n <div class=\"container-narrow\">\n <div class=\"section-header reveal\">\n <h2>\u307b\u3068\u3093\u3069\u306e\u4eba\u306f\u4e00\u751f\u61f8\u547d\u50cd\u3044\u3066\u2026 <span class=\"text-gold\">\u8caf\u84c4\u306a\u3057\u3067\u9000\u8077\u3059\u308b<\/span><\/h2>\n <\/div>\n <div class=\"problem-content reveal\">\n <p>\u305d\u308c\u306f\u53ce\u5165\u306e\u554f\u984c\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <p>\u533b\u5e2b\u3001\u5f01\u8b77\u58eb\u3001\u30a8\u30f3\u30b8\u30cb\u30a2 \u2014 \u9ad8\u53ce\u5165\u3092\u5f97\u3066\u3044\u308b\u4eba\u3005\u3067\u3055\u3048\u3001\u7d50\u5c40\u4f55\u3082\u6b8b\u3089\u306a\u3044\u3053\u3068\u304c\u3088\u304f\u3042\u308a\u307e\u3059\u3002\u4e00\u65b9\u3001\u306f\u308b\u304b\u306b\u5c11\u306a\u3044\u53ce\u5165\u306e\u4eba\u3005\u304c\u3001\u672c\u7269\u306e\u6c38\u7d9a\u7684\u306a\u8cc7\u7523\u3092\u7bc9\u304f\u3053\u3068\u306b\u6210\u529f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <p>\u9055\u3044\u306f\uff1f<strong>\u304a\u91d1\u306b\u3064\u3044\u3066\u306e\u8003\u3048\u65b9\u3067\u3059\u3002<\/strong><\/p>\n <div class=\"highlight-box\">\n <p>\u8907\u96d1\u306a\u516c\u5f0f\u306a\u3057\u3002\u79d8\u5bc6\u306e\u6295\u8cc7\u306a\u3057\u3002\u904b\u306a\u3057\u3002\u305f\u3060\u7570\u306a\u308b\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8 \u2014 \u307b\u3068\u3093\u3069\u306e\u4eba\u304c\u6559\u308f\u308b\u3053\u3068\u306e\u306a\u3044\u3082\u306e\u3002<\/p>\n <\/div>\n <p>\u5b66\u6821\u3067\u306f\u6559\u3048\u3066\u304f\u308c\u307e\u305b\u3093\u3002\u89aa\u3082\u77e5\u308a\u307e\u305b\u3093\u3002\u305d\u3057\u3066\u3001\u307b\u3068\u3093\u3069\u306e\u4eba\u304c\u305d\u308c\u306b\u6c17\u3065\u3044\u305f\u6642\u306b\u306f\u2026\u624b\u9045\u308c\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <!-- Blindspots Section -->\n <section class=\"blindspots-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2><span class=\"text-gold\">\u3042\u306a\u305f\u3092\u59a8\u3052\u3066\u3044\u308b<\/span>3\u3064\u306e\u8cc7\u7523\u5f62\u6210\u306e\u76f2\u70b9<\/h2>\n <\/div>\n <div class=\"blindspots-grid\">\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">1<\/div>\n <h3>\u6d88\u8cbb\u8005\u3068\u3057\u3066\u8003\u3048\u308b<\/h3>\n <p>\u307b\u3068\u3093\u3069\u306e\u4eba\u306f\u6700\u521d\u306b\u4f7f\u3044\u3001\u6b8b\u3063\u305f\u3082\u306e\u3092\u8caf\u91d1\u3057\u307e\u3059\u3002\u88d5\u798f\u306a\u4eba\u3005\u306f\u9006\u306e\u3053\u3068\u3092\u3057\u307e\u3059 \u2014 \u305d\u3057\u3066\u305d\u308c\u306f\u610f\u5fd7\u529b\u3068\u306f\u95a2\u4fc2\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">2<\/div>\n <h3>\u52d5\u304d\u3068\u9032\u6b69\u3092\u6df7\u540c\u3059\u308b<\/h3>\n <p>\u8a18\u4e8b\u3092\u8aad\u307f\u3001\u52d5\u753b\u3092\u898b\u3066\u3001\u300c\u5c02\u9580\u5bb6\u300d\u3092\u30d5\u30a9\u30ed\u30fc\u3059\u308b\u2026\u3067\u3082\u660e\u78ba\u306a\u6226\u7565\u304c\u306a\u3044\u3002\u65b9\u5411\u6027\u306e\u306a\u3044\u60c5\u5831\u306f\u305f\u3060\u306e\u30ce\u30a4\u30ba\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">3<\/div>\n <h3>\u5bcc\u88d5\u5c64\u306e\u884c\u52d5\u3092\u7121\u8996\u3059\u308b<\/h3>\n <p>\u307b\u3068\u3093\u3069\u306e\u4eba\u304c\u30c8\u30ec\u30f3\u30c9\u3092\u8ffd\u3044\u304b\u3051\u308b\u9593\u3001\u5bcc\u88d5\u5c64\u306f\u91d1\u306e\u3088\u3046\u306a\u6642\u9593\u304c\u8a3c\u660e\u3057\u305f\u8cc7\u7523\u306b\u96c6\u4e2d\u3057\u3001\u5206\u6790\u306bAI\u306e\u3088\u3046\u306a\u73fe\u4ee3\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Success Stories Section -->\n <section class=\"stories-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>\u5b9f\u969b\u306e\u4eba\u3005\u3001<span class=\"text-gold\">\u5b9f\u969b\u306e\u7d50\u679c<\/span><\/h2>\n <p>\u79c1\u305f\u3061\u306e\u5c02\u9580\u5bb6\u304c\u4ed6\u306e\u65b9\u3005\u306e\u91d1\u878d\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8\u3092\u3069\u306e\u3088\u3046\u306b\u5909\u9769\u3057\u305f\u304b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/p>\n <\/div>\n <div class=\"stories-grid\">\n <!-- Story 1 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>\u7530<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>\u7530\u4e2d \u5065\u4e00\u3055\u3093<\/h4>\n <p>\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u6771\u4eac<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">\u554f\u984c<\/div>\n <p>\u300c\u53ce\u5165\u306f\u826f\u304b\u3063\u305f \u2014 \u6708\u7d0445\u4e07\u5186 \u2014 \u3067\u3082\u6bce\u6708\u672b\u306b\u306f\u307b\u3068\u3093\u3069\u4f55\u3082\u6b8b\u3063\u3066\u3044\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u7d66\u6599\u304c\u5165\u308b\u305f\u3073\u3001\u6700\u521d\u306b\u8003\u3048\u308b\u306e\u306f\u4f55\u3092\u8cb7\u3048\u308b\u304b\u3067\u3057\u305f\u3002\u65b0\u3057\u3044\u670d\u3001\u5916\u98df\u3001\u6700\u65b0\u306e\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3002\u8caf\u91d1\u3059\u3079\u304d\u3060\u3068\u308f\u304b\u3063\u3066\u3044\u3066\u3082\u3001\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300d<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">\u767a\u898b\u3057\u305f\u3053\u3068<\/div>\n <p>\u7530\u4e2d\u3055\u3093\u306eWealth IQ\u30b9\u30b3\u30a2\u306f\u3001\u5f7c\u304c<strong>\u76f2\u70b9#1\uff1a\u6d88\u8cbb\u8005\u3068\u3057\u3066\u8003\u3048\u308b<\/strong>\u306b\u9665\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u660e\u3089\u304b\u306b\u3057\u307e\u3057\u305f\u3002\u304a\u91d1\u3092\u7ba1\u7406\u3059\u308b\u30b7\u30b9\u30c6\u30e0\u304c\u306a\u304f \u2014 \u305f\u3060\u6b8b\u308b\u3053\u3068\u3092\u9858\u3063\u3066\u3044\u305f\u3060\u3051\u3067\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">\u3069\u306e\u3088\u3046\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u305f\u304b<\/div>\n <p>\u79c1\u305f\u3061\u306e\u5c02\u9580\u5bb6\u306f\u7530\u4e2d\u3055\u3093\u306b\u300c\u81ea\u5206\u81ea\u8eab\u306b\u5148\u306b\u6255\u3046\u300d\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u7d39\u4ecb\u3057\u3001\u5bcc\u88d5\u5c64\u304c\u4f7f\u3046\u524d\u306b\u81ea\u52d5\u7684\u306b\u53ce\u5165\u3092\u914d\u5206\u3059\u308b\u65b9\u6cd5\u3092\u793a\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001<strong>\u8cc7\u7523\u4fdd\u5168\u30c4\u30fc\u30eb\u3068\u3057\u3066\u306e\u91d1<\/strong>\u306b\u3064\u3044\u3066\u6559\u80b2\u3057\u307e\u3057\u305f \u2014 \u3053\u308c\u307e\u3067\u8003\u3048\u305f\u3053\u3068\u3082\u306a\u304b\u3063\u305f\u3053\u3068\u3067\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">6\u30f6\u6708\u5f8c\uff1a<\/span>\n <p>\u300c\u4eca\u3067\u306f\u53ce\u5165\u306e30%\u3092\u81ea\u52d5\u7684\u306b\u8caf\u84c4\u3057\u3066\u3044\u307e\u3059\u3002\u3084\u3063\u3068\u304a\u91d1\u306e\u884c\u304d\u5148\u304c\u308f\u304b\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u4eba\u751f\u3067\u521d\u3081\u3066\u672c\u5f53\u306e\u8cc7\u7523\u3092\u7bc9\u304d\u59cb\u3081\u307e\u3057\u305f\u3002\u300d<\/p>\n <\/div>\n <\/div>\n <\/div>\n <!-- Story 2 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>\u9234<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>\u9234\u6728 \u7f8e\u54b2\u3055\u3093<\/h4>\n <p>IT\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3001\u5927\u962a<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">\u554f\u984c<\/div>\n <p>\u300c\u9280\u884c\u53e3\u5ea7\u306b\u7d04250\u4e07\u5186\u304c\u4f55\u3082\u305b\u305a\u306b\u7720\u3063\u3066\u3044\u307e\u3057\u305f\u3002\u4f55\u304b\u3059\u3079\u304d\u3060\u3068\u308f\u304b\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u9ebb\u75fa\u3057\u3066\u3044\u307e\u3057\u305f\u3002\u9078\u629e\u80a2\u3092\u898b\u308b\u305f\u3073\u306b\u5727\u5012\u3055\u308c\u307e\u3057\u305f\u3002\u682a\u306f\u30ea\u30b9\u30af\u304c\u9ad8\u304f\u3001\u4e0d\u52d5\u7523\u306f\u9ad8\u3059\u304e\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u306e\u300e\u5c02\u9580\u5bb6\u300f\u306f\u4fe1\u7528\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300d<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">\u767a\u898b\u3057\u305f\u3053\u3068<\/div>\n <p>\u9234\u6728\u3055\u3093\u306e\u30c6\u30b9\u30c8\u306f\u3001\u8cc7\u7523\u5f62\u6210\u306e\u91cd\u8981\u6027\u306f\u7406\u89e3\u3057\u3066\u3044\u305f\u304c\u3001<strong>\u76f2\u70b9#2\uff1a\u52d5\u304d\u3068\u9032\u6b69\u3092\u6df7\u540c\u3059\u308b<\/strong>\u306b\u9665\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3057\u305f\u3002\u7121\u9650\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u6d88\u8cbb\u3057\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u660e\u78ba\u306a\u6226\u7565\u304c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">\u3069\u306e\u3088\u3046\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u305f\u304b<\/div>\n <p>\u79c1\u305f\u3061\u306e\u5c02\u9580\u5bb6\u306f\u9234\u6728\u3055\u3093\u306b<strong>\u8cc7\u7523\u914d\u5206\u306e\u57fa\u790e<\/strong>\u3092\u6848\u5185\u3057\u307e\u3057\u305f \u2014 \u306a\u305c\u5206\u6563\u304c\u91cd\u8981\u304b\u3001\u305d\u3057\u3066\u7570\u306a\u308b\u8cc7\u7523\uff08\u91d1\u3092\u542b\u3080\uff09\u304c\u3069\u306e\u3088\u3046\u306b\u7570\u306a\u308b\u5f79\u5272\u3092\u679c\u305f\u3059\u304b\u3002\u307e\u305f\u3001\u30ce\u30a4\u30ba\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b<strong>AI\u5206\u6790\u30c4\u30fc\u30eb<\/strong>\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">\u7d50\u679c\uff1a<\/span>\n <p>\u300c\u521d\u3081\u3066\u660e\u78ba\u306a\u8a08\u753b\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u3082\u3046\u9078\u629e\u80a2\u306b\u9ebb\u75fa\u3057\u307e\u305b\u3093 \u2014 \u4f55\u3092\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u306a\u305c\u3057\u3066\u3044\u308b\u306e\u304b\u304c\u6b63\u78ba\u306b\u308f\u304b\u308a\u307e\u3059\u3002\u660e\u78ba\u3055\u3060\u3051\u3067\u3059\u3079\u3066\u306e\u4fa1\u5024\u304c\u3042\u308a\u307e\u3057\u305f\u3002\u300d<\/p>\n <\/div>\n <\/div>\n <\/div>\n <!-- Story 3 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>\u5c71<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>\u5c71\u672c \u88d5\u5b50\u3055\u3093<\/h4>\n <p>\u8d77\u696d\u5bb6\u3001\u6a2a\u6d5c<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">\u554f\u984c<\/div>\n <p>\u300c\u30d3\u30b8\u30cd\u30b9\u306f\u9806\u8abf\u3067\u3057\u305f\u304c\u3001\u91d1\u878d\u306e\u610f\u601d\u6c7a\u5b9a\u306f\u3059\u3079\u3066\u53cb\u4eba\u3084\u5bb6\u65cf\u306e\u8a00\u3046\u3053\u3068\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3057\u305f\u3002\u300e\u3053\u306e\u682a\u3092\u8cb7\u3048\u300f\u300e\u3042\u308c\u306b\u6295\u8cc7\u3057\u308d\u300f\u3002\u81ea\u5206\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u304c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u30ae\u30e3\u30f3\u30d6\u30eb\u3092\u3057\u3066\u3044\u308b\u3088\u3046\u306a\u6c17\u5206\u3067\u3001\u7bc9\u3044\u3066\u3044\u308b\u611f\u899a\u304c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u300d<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">\u767a\u898b\u3057\u305f\u3053\u3068<\/div>\n <p>\u5c71\u672c\u3055\u3093\u306f\u8caf\u84c4\u7fd2\u6163\u3067\u306f\u826f\u3044\u30b9\u30b3\u30a2\u3067\u3057\u305f\u304c\u3001<strong>\u76f2\u70b9#3\uff1a\u5bcc\u88d5\u5c64\u304c\u5b9f\u969b\u306b\u4f55\u3092\u3057\u3066\u3044\u308b\u304b\u3092\u7121\u8996\u3059\u308b<\/strong>\u306b\u9665\u3063\u3066\u3044\u307e\u3057\u305f\u3002\u6642\u4ee3\u3092\u8d85\u3048\u305f\u539f\u5247\u3067\u306f\u306a\u304f\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u8ffd\u3044\u304b\u3051\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">\u3069\u306e\u3088\u3046\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u305f\u304b<\/div>\n <p>\u79c1\u305f\u3061\u306e\u5c02\u9580\u5bb6\u306f\u5c71\u672c\u3055\u3093\u306b<strong>\u30d7\u30ed\u304c\u60c5\u5831\u3092\u3069\u3046\u8a55\u4fa1\u3059\u308b\u304b<\/strong>\u3092\u6559\u80b2\u3057\u307e\u3057\u305f \u2014 \u30a2\u30c9\u30d0\u30a4\u30b9\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u57fa\u790e\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3002\u8cc7\u7523\u4fdd\u5168\u306b\u304a\u3051\u308b\u91d1\u306e\u6b74\u53f2\u7684\u5f79\u5272\u3068\u3001\u611f\u60c5\u7684\u306a\u6c7a\u5b9a\u306e\u4ee3\u308f\u308a\u306b<strong>\u5ba2\u89b3\u7684\u5206\u6790\u306e\u305f\u3081\u306eAI\u30c4\u30fc\u30eb<\/strong>\u306e\u4f7f\u3044\u65b9\u3092\u793a\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">\u73fe\u5728\uff1a<\/span>\n <p>\u300c\u3084\u3063\u3068\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3067\u304d\u3066\u3044\u308b\u611f\u899a\u304c\u3042\u308a\u307e\u3059\u3002\u5642\u3067\u306f\u306a\u304f\u3001\u77e5\u8b58\u306b\u57fa\u3065\u3044\u3066\u6c7a\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u81ea\u4fe1\u304c\u5b8c\u5168\u306b\u5909\u308f\u308a\u307e\u3057\u305f \u2014 \u305d\u3057\u3066\u91d1\u878d\u306e\u672a\u6765\u3082\u3002\u300d<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- What We Teach Section -->\n <section class=\"curriculum-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>\u79c1\u305f\u3061\u304b\u3089<span class=\"text-gold\">\u5b66\u3079\u308b\u3053\u3068<\/span><\/h2>\n <p>\u91d1\u878d\u6559\u80b2\u30d7\u30ed\u30b0\u30e9\u30e0\u306f\u3001\u5805\u5b9f\u306a\u91d1\u878d\u57fa\u76e4\u3092\u7bc9\u304f\u305f\u3081\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u3092\u30ab\u30d0\u30fc<\/p>\n <\/div>\n <div class=\"curriculum-grid\">\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h3>\u91d1\u878d\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8\u306e\u57fa\u790e<\/h3>\n <ul class=\"curriculum-list\">\n <li>\u8cc7\u7523\u5f62\u6210\u30de\u30a4\u30f3\u30c9 vs \u6d88\u8cbb\u8005\u30de\u30a4\u30f3\u30c9<\/li>\n <li>\u81ea\u52d5\u7684\u306b\u300c\u81ea\u5206\u306b\u5148\u306b\u6255\u3046\u300d\u65b9\u6cd5<\/li>\n <li>\u7d66\u6599\u65e5\u304b\u3089\u7d66\u6599\u65e5\u306e\u30b5\u30a4\u30af\u30eb\u3092\u65ad\u3064<\/li>\n <li>\u610f\u5fd7\u529b\u306a\u3057\u3067\u91d1\u878d\u898f\u5f8b\u3092\u7bc9\u304f<\/li>\n <li>\u8cc7\u7523\u84c4\u7a4d\u306e\u5fc3\u7406\u5b66<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon gold\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\n <\/svg>\n <\/div>\n <h3>\u91d1\u3068\u8cc7\u7523\u4fdd\u5168<\/h3>\n <ul class=\"curriculum-list\">\n <li>\u306a\u305c\u91d1\u306f5,000\u5e74\u9593\u8cc7\u7523\u3092\u5b88\u3063\u3066\u304d\u305f\u304b<\/li>\n <li>\u91d1 vs \u30a4\u30f3\u30d5\u30ec\uff1a\u6b74\u53f2\u7684\u5206\u6790<\/li>\n <li>\u5bcc\u88d5\u5c64\u304c\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3067\u91d1\u3092\u3069\u3046\u4f7f\u3046\u304b<\/li>\n <li>\u5b9f\u7269\u91d1 vs \u30c7\u30b8\u30bf\u30eb\u91d1\u306e\u9078\u629e\u80a2<\/li>\n <li>\u91d1\u3078\u306e\u914d\u5206\u3092\u691c\u8a0e\u3059\u3079\u304d\u6642\u671f\u3068\u7406\u7531<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <h3>AI\u3068\u73fe\u4ee3\u306e\u5206\u6790\u30c4\u30fc\u30eb<\/h3>\n <ul class=\"curriculum-list\">\n <li>AI\u304c\u91d1\u878d\u3067\u3067\u304d\u308b\u3053\u3068\uff08\u3067\u304d\u306a\u3044\u3053\u3068\uff09<\/li>\n <li>\u5ba2\u89b3\u7684\u306a\u5e02\u5834\u5206\u6790\u306bAI\u3092\u4f7f\u3046<\/li>\n <li>\u30ce\u30a4\u30ba\u304b\u3089\u672c\u5f53\u306e\u60c5\u5831\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3059\u308b\u65b9\u6cd5<\/li>\n <li>\u3088\u308a\u8ce2\u3044\u610f\u601d\u6c7a\u5b9a\u306e\u305f\u3081\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30c4\u30fc\u30eb<\/li>\n <li>\u611f\u60c5\u7684\u306a\u6c7a\u5b9a\u3092\u907f\u3051\u308b<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3>\u8cc7\u7523\u914d\u5206\u306e\u57fa\u790e<\/h3>\n <ul class=\"curriculum-list\">\n <li>\u5206\u6563\u304c\u672c\u5f53\u306b\u91cd\u8981\u306a\u7406\u7531<\/li>\n <li>\u69d8\u3005\u306a\u8cc7\u7523\u30af\u30e9\u30b9\u306e\u7406\u89e3<\/li>\n <li>\u30ea\u30b9\u30af vs \u30ea\u30bf\u30fc\u30f3\uff1a\u3042\u306a\u305f\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u898b\u3064\u3051\u308b<\/li>\n <li>\u9577\u671f\u601d\u8003 vs \u77ed\u671f\u601d\u8003<\/li>\n <li>\u76ee\u6a19\u306b\u5408\u3063\u305f\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u69cb\u7bc9\u3059\u308b<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n <\/div>\n <h3>\u8cc7\u7523\u4fdd\u8b77\u6226\u7565<\/h3>\n <ul class=\"curriculum-list\">\n <li>\u7d4c\u6e08\u7684\u4e0d\u78ba\u5b9f\u6027\u304b\u3089\u8cc7\u7523\u3092\u5b88\u308b<\/li>\n <li>\u901a\u8ca8\u3068\u8cfc\u8cb7\u529b\u306e\u7406\u89e3<\/li>\n <li>\u7dca\u6025\u8cc7\u91d1\u306e\u6226\u7565<\/li>\n <li>\u8cc7\u7523\u3092\u7834\u58ca\u3059\u308b\u4e00\u822c\u7684\u306a\u30df\u30b9\u3092\u907f\u3051\u308b<\/li>\n <li>\u4e16\u4ee3\u3092\u8d85\u3048\u305f\u8cc7\u7523\u30de\u30a4\u30f3\u30c9\u3092\u7bc9\u304f<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <h3>\u884c\u52d5\u3092\u8d77\u3053\u3059<\/h3>\n <ul class=\"curriculum-list\">\n <li>\u500b\u4eba\u306e\u8cc7\u7523\u5f62\u6210\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092\u4f5c\u6210\u3059\u308b<\/li>\n <li>\u73fe\u5b9f\u7684\u306a\u91d1\u878d\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u8a2d\u5b9a\u3059\u308b<\/li>\n <li>\u8cac\u4efb\u3068\u9032\u6357\u306e\u8ffd\u8de1<\/li>\n <li>\u5206\u6790\u9ebb\u75fa\u3092\u514b\u670d\u3059\u308b<\/li>\n <li>\u6642\u9593\u3068\u3068\u3082\u306b\u8907\u5229\u52b9\u679c\u3092\u751f\u3080\u7fd2\u6163\u3092\u7bc9\u304f<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"curriculum-cta reveal\">\n <p>\u3053\u308c\u3089\u3059\u3079\u3066\u3092<strong>\u7121\u6599\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3<\/strong>\u3067\u30ab\u30d0\u30fc \u2014 \u3042\u306a\u305f\u306e\u5177\u4f53\u7684\u306a\u72b6\u6cc1\u3068\u76ee\u6a19\u306b\u5408\u308f\u305b\u3066\u30d1\u30fc\u30bd\u30ca\u30e9\u30a4\u30ba<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n \u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u308b\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <!-- Solution Section -->\n <section class=\"solution-section\">\n <div class=\"container\">\n <div class=\"solution-content\">\n <div class=\"solution-text reveal\">\n <h2>\u79c1\u305f\u3061\u304c<span class=\"text-gradient\">\u8cc7\u7523\u5f62\u6210\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u65b9\u6cd5<\/span><\/h2>\n <p>\u308f\u305a\u304b2\u5206\u3067\u3001Wealth IQ\u8a3a\u65ad\u3092\u5b8c\u4e86 \u2014 \u304a\u91d1\u306b\u3064\u3044\u3066\u306e\u8003\u3048\u65b9\u306b\u95a2\u3059\u308b7\u3064\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u8cea\u554f\u3002<\/p>\n <p>\u3067\u3082\u3001\u79c1\u305f\u3061\u304c\u9055\u3046\u306e\u306f\u3053\u3053\u304b\u3089\uff1a<strong>\u30b9\u30b3\u30a2\u3092\u6e21\u3057\u3066\u7d42\u308f\u308a\u306b\u3057\u307e\u305b\u3093\u3002<\/strong><\/p>\n \n <div class=\"promise-box\">\n <p>\u30c6\u30b9\u30c8\u5f8c\u3001\u91d1\u878d\u6559\u80b2\u306e\u5c02\u9580\u5bb6\u304c\u3042\u306a\u305f\u306b\u76f4\u63a5\u96fb\u8a71\u3092\u304b\u3051\u3001\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u307e\u3059 \u2014 <strong>\u5b8c\u5168\u7121\u6599<\/strong>\u3002\u30bb\u30fc\u30eb\u30b9\u306a\u3057\u3002\u30d7\u30ec\u30c3\u30b7\u30e3\u30fc\u306a\u3057\u3002\u3042\u306a\u305f\u306e\u91d1\u878d\u306e\u672a\u6765\u306b\u3064\u3044\u3066\u306e\u672c\u5f53\u306e\u4f1a\u8a71\u3068\u3001\u3042\u306a\u305f\u306e\u72b6\u6cc1\u306b\u57fa\u3065\u3044\u305f\u660e\u78ba\u306a\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3060\u3051\u3002<\/p>\n <\/div>\n <ul class=\"solution-list\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>\u306a\u305c\u8cc7\u7523\u304c\u5897\u3048\u306a\u3044\u306e\u304b\u3092\u7406\u89e3\u3059\u308b\uff08\u53ce\u5165\u304c\u826f\u304f\u3066\u3082\uff09<\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>\u6210\u529f\u8005\u304c\u91d1\u3001AI\u3001\u8cc7\u7523\u4fdd\u8b77\u306b\u3064\u3044\u3066\u3069\u3046\u8003\u3048\u308b\u304b\u3092\u5b66\u3076<\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>\u4eca\u65e5\u304b\u3089\u5b9f\u884c\u3067\u304d\u308b\u30d1\u30fc\u30bd\u30ca\u30eb\u30a2\u30af\u30b7\u30e7\u30f3\u30d7\u30e9\u30f3\u3092\u624b\u306b\u5165\u308c\u308b<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"solution-visual reveal\">\n <div class=\"visual-steps\">\n <div class=\"visual-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <h4>\u8a3a\u65ad\u3092\u5b8c\u4e86<\/h4>\n <p>7\u3064\u306e\u7c21\u5358\u306a\u8cea\u554f\u30012\u5206\u3067\u5b8c\u4e86<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <h4>Wealth IQ\u30b9\u30b3\u30a2\u3092\u53d6\u5f97<\/h4>\n <p>\u3042\u306a\u305f\u306e\u7acb\u3061\u4f4d\u7f6e\u3092\u5373\u5ea7\u306b\u767a\u898b<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <h4>\u7121\u6599\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3<\/h4>\n <p>\u5c02\u9580\u5bb6\u304c\u3042\u306a\u305f\u306e\u7d50\u679c\u3092\u78ba\u8a8d<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-content\">\n <h4>\u30d1\u30fc\u30bd\u30ca\u30eb\u30ed\u30fc\u30c9\u30de\u30c3\u30d7<\/h4>\n <p>\u3042\u306a\u305f\u5c02\u7528\u306e\u660e\u78ba\u306a\u6b21\u306e\u30b9\u30c6\u30c3\u30d7<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Trust Section -->\n <section class=\"trust-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>\u306a\u305c<span class=\"text-gold\">\u3053\u306e\u8a3a\u65ad\u3092\u4fe1\u983c\u3067\u304d\u308b\u306e\u304b<\/span><\/h2>\n <\/div>\n <div class=\"trust-content reveal\">\n <p>\u3053\u306e\u8a3a\u65ad\u306f\u3001\u5bcc\u88d5\u5c64\u304c\u304a\u91d1\u306b\u3064\u3044\u3066\u3069\u306e\u3088\u3046\u306b\u7570\u306a\u308b\u8003\u3048\u65b9\u3092\u3059\u308b\u304b\u3092\u4f55\u5e74\u3082\u7814\u7a76\u3057\u3066\u304d\u305f\u91d1\u878d\u6559\u80b2\u8005\u306e\u30c1\u30fc\u30e0\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n <p>\u79c1\u305f\u3061\u306f\u65e5\u672c\u5168\u56fd\u306e\u4f55\u5343\u4eba\u3082\u306e\u4eba\u3005\u304c\u3001\u91d1\u304c\u4f55\u4e16\u7d00\u306b\u3082\u308f\u305f\u3063\u3066\u8cc7\u7523\u3092\u5b88\u3063\u3066\u304d\u305f\u65b9\u6cd5\u3001AI\u304c\u5e02\u5834\u5206\u6790\u3092\u3069\u3046\u5909\u3048\u3066\u3044\u308b\u304b\u3001\u305d\u3057\u3066\u30bc\u30ed\u304b\u3089\u3067\u3082\u91d1\u878d\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8\u3092\u7bc9\u304f\u65b9\u6cd5\u3092\u7406\u89e3\u3059\u308b\u306e\u3092\u52a9\u3051\u3066\u304d\u307e\u3057\u305f\u3002<\/p>\n <p><strong>\u79c1\u305f\u3061\u306f\u5546\u54c1\u3092\u58f2\u308a\u307e\u305b\u3093\u3002\u304a\u91d1\u3092\u904b\u7528\u3057\u307e\u305b\u3093\u3002\u6559\u80b2\u3057\u307e\u3059\u3002<\/strong><\/p>\n \n <div class=\"trust-points\">\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 14l9-5-9-5-9 5 9 5z\"\/>\n <path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/>\n <\/svg>\n <\/div>\n <h4>\u6559\u80b2\u7b2c\u4e00<\/h4>\n <p>\u8ca9\u58f2\u3088\u308a\u77e5\u8b58\u3092\u512a\u5148<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n <\/div>\n <h4>100%\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8<\/h4>\n <p>\u30c7\u30fc\u30bf\u306f\u5b89\u5168\u306b\u4fdd\u8b77<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n <\/svg>\n <\/div>\n <h4>10,000+<\/h4>\n <p>\u5b8c\u4e86\u3057\u305f\u8a3a\u65ad<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h4>\u65e5\u672c\u5168\u56fd<\/h4>\n <p>\u5168\u56fd\u5bfe\u5fdc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Final CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-card reveal\">\n <h2>\u672c\u5f53\u306e\u8cc7\u7523\u3092<span class=\"text-gradient\">\u7bc9\u304f\u6e96\u5099\u306f\u3067\u304d\u307e\u3057\u305f\u304b\uff1f<\/span><\/h2>\n <p>\u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u3066\u3001\u30d1\u30fc\u30bd\u30ca\u30eb\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092\u624b\u306b\u5165\u308c\u3001\u3042\u306a\u305f\u306e\u6210\u529f\u3092\u672c\u5f53\u306b\u6c17\u306b\u304b\u3051\u308b\u5c02\u9580\u5bb6\u3068\u8a71\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n \u7121\u6599\u8a3a\u65ad + \u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u53d7\u3051\u308b\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <p class=\"cta-note\">100%\u7121\u6599\u3002\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4e0d\u8981\u3002\u7fa9\u52d9\u306a\u3057\u3002\u672c\u5f53\u306e\u30b5\u30dd\u30fc\u30c8\u3060\u3051\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <!-- Footer -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">Wealth IQ Academy<\/div>\n <p class=\"footer-text\">\u65e5\u672c\u5168\u56fd\u3067\u8cea\u306e\u9ad8\u3044\u91d1\u878d\u6559\u80b2\u3092\u63d0\u4f9b<\/p>\n <div class=\"footer-links\">\n <a href=\"#\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <a href=\"#\">\u5229\u7528\u898f\u7d04<\/a>\n <a href=\"#\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <\/div>\n <\/footer>\n <script>\n \/\/ Navigation scroll effect\n const nav = document.getElementById('nav');\n const stickyCta = document.getElementById('sticky-cta');\n const heroSection = document.querySelector('.hero');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n \/\/ Show sticky CTA after scrolling past hero\n const heroBottom = heroSection.offsetTop + heroSection.offsetHeight;\n if (window.scrollY > heroBottom - 200) {\n stickyCta.classList.add('visible');\n } else {\n stickyCta.classList.remove('visible');\n }\n });\n \/\/ Scroll reveal animation\n const revealElements = document.querySelectorAll('.reveal');\n const revealOnScroll = () => {\n revealElements.forEach(el => {\n const elementTop = el.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n if (elementTop < windowHeight - 100) {\n el.classList.add('visible');\n }\n });\n };\n window.addEventListener('scroll', revealOnScroll);\n revealOnScroll();\n \/\/ Form Multi-Step Logic\n let currentStep = 1;\n const totalSteps = 4;\n const progressFill = document.getElementById('progress-fill');\n const stepIndicator = document.getElementById('step-indicator');\n const progressPercent = document.getElementById('progress-percent');\n function updateProgress() {\n const progress = ((currentStep - 1) \/ totalSteps) * 100;\n progressFill.style.width = progress + '%';\n stepIndicator.textContent = `\u30b9\u30c6\u30c3\u30d7 ${currentStep} \/ ${totalSteps}`;\n progressPercent.textContent = Math.round(progress) + '%';\n }\n function showStep(step) {\n document.querySelectorAll('.form-step').forEach(el => el.classList.remove('active'));\n document.getElementById(`step-${step}`).classList.add('active');\n currentStep = step;\n updateProgress();\n }\n function validateStep(step) {\n const currentStepEl = document.getElementById(`step-${step}`);\n const inputs = currentStepEl.querySelectorAll('input[required], select[required]');\n let valid = true;\n inputs.forEach(input => {\n if (input.type === 'radio') {\n const name = input.name;\n const checked = currentStepEl.querySelector(`input[name=\"${name}\"]:checked`);\n if (!checked) valid = false;\n } else {\n if (!input.value.trim()) valid = false;\n }\n });\n return valid;\n }\n function nextStep(current) {\n if (!validateStep(current)) {\n alert('\u7d9a\u3051\u308b\u524d\u306b\u3059\u3079\u3066\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n return;\n }\n \n if (current < totalSteps) {\n showStep(current + 1);\n }\n }\n function prevStep(current) {\n if (current > 1) {\n showStep(current - 1);\n }\n }\n \/\/ Form submission\n document.getElementById('wealth-form').addEventListener('submit', function(e) {\n e.preventDefault();\n \n if (!validateStep(4)) {\n alert('\u9001\u4fe1\u524d\u306b\u3059\u3079\u3066\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n return;\n }\n \/\/ Calculate score\n let score = 0;\n for (let i = 1; i <= 7; i++) {\n const selected = document.querySelector(`input[name=\"q${i}\"]:checked`);\n if (selected) {\n score += parseInt(selected.value);\n }\n }\n \/\/ Collect all quiz answers for webhook\n const quizData = {\n firstname: document.getElementById('firstname').value,\n lastname: document.getElementById('lastname').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n score: score,\n answers: {},\n timestamp: new Date().toISOString(),\n source: 'wealth-iq-assessment-jp',\n completed: true\n };\n for (let i = 1; i <= 7; i++) {\n const selected = document.querySelector(`input[name=\"q${i}\"]:checked`);\n quizData.answers[`q${i}`] = selected ? selected.value : null;\n }\n \/\/ Send complete data to webhook\n fetch('https:\/\/hook.eu1.make.com\/gjg6cakaw8hnjusj3uceal4qhpq1e4gb', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(quizData)\n })\n .then(response => {\n console.log('Quiz data sent successfully');\n \/\/ Redirect to thank you page with score\n window.location.href = `https:\/\/investimentiperte.com\/?page_id=51\/?score=${score}`;\n })\n .catch(error => {\n console.error('Error sending quiz data:', error);\n \/\/ Redirect anyway even if webhook fails\n window.location.href = `https:\/\/investimentiperte.com\/?page_id=51\/?score=${score}`;\n });\n });\n \/\/ Initialize\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wealth IQ\u8a3a\u65ad | \u3042\u306a\u305f\u306e\u8cc7\u7523\u5f62\u6210\u30de\u30a4\u30f3\u30c9\u3092\u767a\u898b W Wealth IQ Academy \u7121\u6599\u8a3a\u65ad \u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u308b \u4eca\u3059\u3050\u59cb\u3081\u308b \u7121\u6599\u8a3a\u65ad + \u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3 \u306a\u305c\u8cc7\u7523\u304c\u5897\u3048\u306a\u3044\u306e\u304b \u305d\u306e\u539f\u56e0\u3092\u767a\u898b\u3057 \u2014 \u5909\u3048\u308b\u7121\u6599\u30d7\u30e9\u30f3\u3092\u624b\u306b\u5165\u308c\u308b 2\u5206\u9593\u306eWealth IQ\u8a3a\u65ad\u3092\u5b8c\u4e86\u3057\u3001\u5c02\u9580\u5bb6\u3068\u306e\u7121\u65991\u5bfe1\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u53d7\u3051\u307e\u3057\u3087\u3046\u3002\u4f55\u304c\u3042\u306a\u305f\u3092\u59a8\u3052\u3066\u3044\u308b\u306e\u304b\u3001\u305d\u3057\u3066\u305d\u308c\u3092\u3069\u3046\u5909\u3048\u308b\u304b\u3092\u6b63\u78ba\u306b\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002 2\u5206\u9593\u306e\u8a3a\u65ad \u7121\u6599\u5c02\u9580\u5bb6\u76f8\u8ac7 \u30d1\u30fc\u30bd\u30ca\u30eb\u30ed\u30fc\u30c9\u30de\u30c3\u30d7 \u7121\u6599\u8a3a\u65ad\u3092\u53d7\u3051\u308b + \u5c02\u9580\u5bb6\u3068\u306e1\u5bfe1\u6226\u7565\u30bb\u30c3\u30b7\u30e7\u30f3 \u30b9\u30c6\u30c3\u30d7 1 \/ 4 0% \u304a\u540d\u524d\uff08\u59d3\uff09 \u304a\u540d\u524d\uff08\u540d\uff09 \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 \u96fb\u8a71\u756a\u53f7 \u8a3a\u65ad\u3092\u59cb\u3081\u308b 1. \u304a\u91d1\u3092\u53d7\u3051\u53d6\u3063\u305f\u6642\u3001\u6700\u521d\u306b\u4f55\u3092\u8003\u3048\u307e\u3059\u304b\uff1f \u4f55\u304c\u8cb7\u3048\u308b\u304b\u8003\u3048\u308b \u4e00\u90e8\u3092\u8caf\u91d1\u3057\u3001\u6b8b\u308a\u3092\u4f7f\u3046 \u3059\u3050\u306b\u5897\u3084\u3059\u65b9\u6cd5\u3092\u8003\u3048\u308b 2. \u6708\u53ce\u306e\u4f55\u30d1\u30fc\u30bb\u30f3\u30c8\u3092\u8caf\u84c4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f 10%\u672a\u6e80 10\u301c25% 25%\u4ee5\u4e0a \u623b\u308b \u7d9a\u3051\u308b 3. \u8cc7\u7523\u3068\u3057\u3066\u306e\u91d1\u306b\u3064\u3044\u3066\u306e\u77e5\u8b58\u306f\uff1f \u4fa1\u5024\u304c\u3042\u308b\u3053\u3068\u306f\u77e5\u3063\u3066\u3044\u308b\u304c\u3001\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u306a\u3044 \u8cc7\u7523\u4fdd\u5168\u306b\u826f\u3044\u3068\u805e\u3044\u305f\u304c\u3001\u65b9\u6cd5\u304c\u308f\u304b\u3089\u306a\u3044 \u8cc7\u7523\u4fdd\u5168\u306b\u304a\u3051\u308b\u6b74\u53f2\u7684\u5f79\u5272\u3092\u7406\u89e3\u3057\u3066\u3044\u308b 4. \u300c\u91d1\u878d\u306b\u304a\u3051\u308bAI\u300d\u3068\u805e\u3044\u3066\u4f55\u3092\u601d\u3044\u307e\u3059\u304b\uff1f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":5,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}