{"id":139,"date":"2026-04-02T16:58:58","date_gmt":"2026-04-02T07:58:58","guid":{"rendered":"https:\/\/inoa-ai-lab.com\/?page_id=139"},"modified":"2026-06-02T15:23:41","modified_gmt":"2026-06-02T06:23:41","slug":"newtop","status":"publish","type":"page","link":"https:\/\/inoa-ai-lab.com\/","title":{"rendered":"newtop"},"content":{"rendered":"\n<style>\n\/* SWELL\u30b9\u30bf\u30a4\u30eb\u5f37\u5236\u30ea\u30bb\u30c3\u30c8\u3068\u30d5\u30eb\u30ef\u30a4\u30c9\u5316\uff08\u30d6\u30ec\u30a4\u30af\u30a2\u30a6\u30c8\uff09 *\/\n.post_content .inoa-wrapper h1, \n.post_content .inoa-wrapper h2, \n.post_content .inoa-wrapper h3, \n.post_content .inoa-wrapper h4 {\n    background: transparent !important;\n    border: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-shadow: none !important;\n}\n.post_content .inoa-wrapper h2::before,\n.post_content .inoa-wrapper h2::after,\n.post_content .inoa-wrapper h3::before,\n.post_content .inoa-wrapper h3::after {\n    display: none !important;\n}\n.post_content .inoa-wrapper ul.inoa-card-list,\n.post_content .inoa-wrapper ul.inoa-check-list,\n.post_content .inoa-wrapper ul.inoa-price-features {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    border: none !important;\n}\n.post_content .inoa-wrapper li {\n    padding: 0;\n    margin: 0;\n    background: transparent !important;\n}\n.post_content .inoa-wrapper li::before {\n    display: none !important;\n}\n\n\/* SWELL\u306e\u4f59\u8a08\u306a\u30bf\u30a4\u30c8\u30eb\u30fb\u30d1\u30f3\u304f\u305a\u30fb\u4f59\u767d\u3092\u5f37\u5236\u7121\u52b9\u5316 *\/\n.h-page-title, .c-pageTitle, header.post_header, .c-breadcrumb, .post_title { \n    display: none !important; \n}\n\n\/* \u30b3\u30f3\u30c6\u30ca\u3092\u5f37\u5236\u7a81\u7834\u3057\u3066\u753b\u9762\u5e45\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b\uff08\u30d6\u30ec\u30a4\u30af\u30a2\u30a6\u30c8\uff09 *\/\n#main_content, .l-main, .l-container, .post_content {\n    padding: 0 !important;\n    margin: 0 !important;\n    max-width: 100% !important;\n}\n.post_content .inoa-wrapper { \n    width: 100vw !important; \n    max-width: 100vw !important; \n    margin-left: calc(50% - 50vw) !important; \n    margin-right: calc(50% - 50vw) !important;\n    padding-right: 0 !important; \n    padding-left: 0 !important; \n}\n\n\n\/* \n  SWELL\u7528 Apple\u98a8\u30ab\u30b9\u30bf\u30e0CSS \n  \u4ed6\u306e\u30c6\u30fc\u30de\u306e\u5f71\u97ff\u3092\u6975\u529b\u53d7\u3051\u306a\u3044\u3088\u3046\u306b .inoa-wrapper \u914d\u4e0b\u306b\u30b9\u30b3\u30fc\u30d7\u3057\u307e\u3059\u3002\n*\/\n\n\/* \u57fa\u790e\u8a2d\u5b9a *\/\n.inoa-wrapper {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: #1d1d1f;\n    line-height: 1.6;\n    background-color: #f5f5f7;\n    overflow-x: hidden;\n    padding-bottom: 80px;\n}\n\n.inoa-wrapper h1, .inoa-wrapper h2, .inoa-wrapper h3, .inoa-wrapper h4 {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n    margin-top: 0;\n    color: #1d1d1f;\n    letter-spacing: -0.02em;\n}\n\n\/* \u30c8\u30fc\u30af\u30f3\uff06\u5909\u6570 *\/\n.inoa-wrapper {\n    --primary-color: #0066cc; \/* Apple Blue *\/\n    --primary-hover: #005bb5;\n    --bg-color: #f5f5f7;\n    --surface-color: #ffffff;\n    --text-main: #1d1d1f;\n    --text-muted: #86868b;\n    --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.04);\n    --shadow-hover: 0 16px 50px rgba(0, 0, 0, 0.08);\n    --glass-bg: rgba(255, 255, 255, 0.7);\n    --glass-border: rgba(255, 255, 255, 0.4);\n    --border-radius-lg: 24px;\n    --border-radius-md: 16px;\n}\n\n\/* \u5171\u901a\u30b3\u30f3\u30c6\u30ca *\/\n.inoa-container {\n    max-width: 1080px;\n    margin: 0 auto;\n    padding: 0 24px;\n}\n\n\/* =========================================\n   \u30a8\u30d5\u30a7\u30af\u30c8\u30fb\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\n   ========================================= *\/\n\n\/* Glassmorphism *\/\n.glass-card {\n    background: var(--glass-bg);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--border-radius-lg);\n    box-shadow: var(--shadow-soft);\n    padding: 40px;\n}\n\n\/* Hover Lift *\/\n.hover-lift {\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;\n}\n.hover-lift:hover {\n    transform: translateY(-8px) scale(1.01);\n    box-shadow: var(--shadow-hover);\n}\n\n\/* \u30ea\u30f3\u30af\u30fb\u30dc\u30bf\u30f3 *\/\n.inoa-btn {\n    display: inline-block;\n    padding: 14px 28px;\n    border-radius: 999px;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.inoa-btn-primary {\n    background-color: var(--primary-color) !important;\n    color: #fff !important;\n    border: none !important;\n}\n.inoa-btn-primary:hover {\n    background-color: var(--primary-hover) !important;\n    color: #fff !important;\n}\n\n.inoa-btn-outline {\n    background-color: transparent !important;\n    color: var(--primary-color) !important;\n    border: 1px solid var(--primary-color) !important;\n}\n.inoa-btn-outline:hover {\n    background-color: rgba(0, 102, 204, 0.05) !important;\n}\n\n.inoa-btn-large {\n    padding: 18px 40px;\n    border-radius: 999px;\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 0 auto;\n}\n.inoa-btn-large .inoa-btn-main {\n    font-size: 20px;\n    font-weight: 700;\n}\n.inoa-btn-large .inoa-btn-sub {\n    font-size: 12px;\n    font-weight: 400;\n    opacity: 0.9;\n    margin-top: 4px;\n}\n.inoa-cta-button-wrap {\n    text-align: center;\n}\n\n\/* \u30b0\u30ea\u30c3\u30c9\u30b7\u30b9\u30c6\u30e0 *\/\n.inoa-grid {\n    display: grid;\n    gap: 24px;\n}\n.inoa-grid-3 {\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n.inoa-grid-2 {\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n}\n\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u5171\u901a *\/\n.inoa-section-title {\n    font-size: clamp(28px, 5vw, 42px) !important;\n    text-align: center;\n    margin-bottom: 24px !important;\n    font-weight: 800;\n}\n.inoa-section-desc {\n    text-align: left;\n    font-size: 18px;\n    color: var(--text-muted);\n    margin-bottom: 64px;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 2;\n}\n\n\/* =========================================\n   \u30bb\u30af\u30b7\u30e7\u30f3\u5225\u30c7\u30b6\u30a4\u30f3\n   ========================================= *\/\n\n\/* Hero \u30bb\u30af\u30b7\u30e7\u30f3\uff08\u753b\u50cf\u80cc\u666f + \u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff09 *\/\n.inoa-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    background-color: #0a0a0a;\n    overflow: hidden;\n    padding: 80px 24px 60px;\n}\n\n.inoa-hero-bg {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    opacity: 0.5;\n    z-index: 0;\n}\n.inoa-hero::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);\n    z-index: 0;\n}\n\n.inoa-hero-content {\n    position: relative;\n    z-index: 1;\n    max-width: 960px;\n    padding: 0 24px;\n}\n\n\/* \u30e1\u30a4\u30f3\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff08\u5927\u304d\u304f\u592a\u304f\uff09 *\/\n.inoa-hero-catch {\n    font-size: clamp(28px, 4vw, 48px) !important;\n    line-height: 1.5 !important;\n    font-weight: 700;\n    color: #fff !important;\n    letter-spacing: 0.02em;\n    text-shadow: 0 2px 20px rgba(0,0,0,0.3);\n    visibility: hidden;\n}\n\n.inoa-hero-desc {\n    font-size: clamp(16px, 2.5vw, 20px);\n    color: rgba(255,255,255,0.75);\n    margin-bottom: 40px;\n    line-height: 1.8;\n}\n\n.inoa-hero-cta .inoa-btn-primary {\n    box-shadow: 0 8px 30px rgba(0,102,204,0.4);\n}\n\n\/* \u30bf\u30a4\u30d7\u30e9\u30a4\u30bf\u30fc\u5b8c\u4e86\u5f8c\u306b\u8868\u793a\u3059\u308b\u8981\u7d20\uff08\u521d\u671f\u975e\u8868\u793a\uff09 *\/\n.hero-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n}\n\n\/* \u30ad\u30fc\u30ef\u30fc\u30c9\u306e\u30ab\u30e9\u30fc\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n.inoa-accent {\n    color: #ffd700;\n}\n\n\/* === Hero Sub\uff08\u30d6\u30eb\u30fc\u30d4\u30c3\u30c1\u30bb\u30af\u30b7\u30e7\u30f3\uff09 === *\/\n.inoa-hero-sub {\n    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);\n    padding: 80px 24px 60px;\n    text-align: center;\n    color: #fff;\n}\n.inoa-hero-sub-inner {\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n\/* \u30e9\u30d9\u30eb *\/\n.inoa-hero-label {\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    color: rgba(255,255,255,0.85);\n    margin-bottom: 24px !important;\n    background: rgba(255,255,255,0.15);\n    display: inline-block;\n    padding: 10px 24px;\n    border-radius: 999px;\n}\n\n\/* \u30e1\u30a4\u30f3\u898b\u51fa\u3057 *\/\n.inoa-hero-headline {\n    font-size: clamp(32px, 7vw, 56px) !important;\n    line-height: 1.3 !important;\n    font-weight: 800;\n    color: #fff !important;\n    margin-bottom: 16px !important;\n}\n.inoa-highlight {\n    color: #ffd700;\n}\n\n\/* \u30bf\u30b0\u30e9\u30a4\u30f3\uff08\u5b9f\u8df5\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\uff09 *\/\n.inoa-hero-sub-tagline {\n    font-size: clamp(20px, 4vw, 32px);\n    font-weight: 800;\n    letter-spacing: 0.25em;\n    color: #fff;\n    margin-bottom: 40px;\n    padding-bottom: 20px;\n    border-bottom: 3px solid rgba(255,255,255,0.5);\n    display: inline-block;\n}\n\n\/* \u30b5\u30d6\u30ab\u30fc\u30c9 *\/\n.inoa-hero-sub-card {\n    background: rgba(255,255,255,0.12) !important;\n    border: 1px solid rgba(255,255,255,0.2) !important;\n    backdrop-filter: blur(10px) !important;\n    padding: 32px 40px !important;\n    margin: 0 auto 40px !important;\n    max-width: 500px;\n    border-radius: 20px !important;\n    color: rgba(255,255,255,0.9);\n    font-size: 17px;\n    line-height: 2;\n}\n.inoa-hero-sub-card p {\n    margin: 0 !important;\n    color: rgba(255,255,255,0.9) !important;\n}\n.inoa-hero-sub-bottom {\n    margin-top: 8px !important;\n    font-size: 20px;\n    font-weight: 700;\n}\n.inoa-underline {\n    border-bottom: 2px solid rgba(255,255,255,0.6);\n    padding-bottom: 4px;\n}\n\n.inoa-subtitle {\n    font-size: 24px !important;\n    color: rgba(255,255,255,0.8) !important;\n    margin-bottom: 16px !important;\n    font-weight: 600;\n}\n\n.inoa-title {\n    font-size: clamp(40px, 7vw, 84px) !important;\n    line-height: 1.1 !important;\n    font-weight: 800;\n    margin-bottom: 32px !important;\n    background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.inoa-hero-desc {\n    font-size: clamp(16px, 3vw, 22px);\n    color: rgba(255,255,255,0.75);\n    margin-bottom: 48px;\n}\n\n\/* Intro \u30bb\u30af\u30b7\u30e7\u30f3 *\/\n.inoa-intro {\n    padding: 100px 0 80px;\n    position: relative;\n    z-index: 2;\n}\n\n.inoa-card-icon {\n    font-size: 40px;\n    margin-bottom: 20px;\n}\n.inoa-card-title {\n    font-size: 22px !important;\n    margin-bottom: 16px !important;\n}\n\n\/* \u65b0\u3057\u3044\u30ea\u30b9\u30c8\u7528CSS\uff08SWELL\u306e\u30ea\u30b9\u30c8\u3092\u6253\u3061\u6d88\u3059\uff09 *\/\n.inoa-card-list li {\n    margin-bottom: 12px !important;\n    position: relative;\n    padding-left: 20px !important;\n    color: var(--text-muted);\n}\n.inoa-card-list li::after {\n    content: \"\u30fb\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: var(--primary-color);\n}\n\n\/* Goal \u30bb\u30af\u30b7\u30e7\u30f3 \u2014 \u660e\u308b\u304f\u524d\u5411\u304d\u306a\u30c7\u30b6\u30a4\u30f3 *\/\n.inoa-goal {\n    padding: 120px 0;\n    background: linear-gradient(180deg, #f5f5f7 0%, #e8f4ff 15%, #dbeeff 50%, #e8f4ff 85%, #f5f5f7 100%);\n    position: relative;\n    overflow: hidden;\n}\n.inoa-goal::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(41,151,255,0.08) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}\n.inoa-goal-content {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n.inoa-goal-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    color: #2997ff;\n    border: 1.5px solid rgba(41,151,255,0.3);\n    background: rgba(41,151,255,0.06);\n    padding: 8px 24px;\n    border-radius: 999px;\n    margin-bottom: 32px;\n}\n.inoa-goal-heading {\n    font-size: clamp(24px, 4vw, 32px) !important;\n    color: #1d1d1f !important;\n    margin-bottom: 48px !important;\n    font-weight: 300;\n    letter-spacing: 0.08em;\n}\n.inoa-goal-period {\n    font-size: clamp(18px, 3vw, 22px);\n    color: rgba(29,29,31,0.6);\n    font-weight: 400;\n    margin-bottom: 16px;\n}\n.inoa-goal-amount-wrap {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n.inoa-goal-prefix {\n    font-size: clamp(18px, 3vw, 24px);\n    color: rgba(29,29,31,0.7);\n    font-weight: 500;\n}\n.inoa-goal-number {\n    font-size: clamp(64px, 12vw, 96px);\n    font-weight: 800;\n    line-height: 1;\n    background: linear-gradient(135deg, #0071e3 0%, #2997ff 40%, #5ac8fa 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    letter-spacing: -0.04em;\n}\n.inoa-goal-unit {\n    font-size: clamp(24px, 4vw, 36px);\n    font-weight: 700;\n    color: #1d1d1f;\n}\n.inoa-goal-note {\n    font-size: clamp(15px, 2.5vw, 18px);\n    color: rgba(29,29,31,0.45);\n    font-weight: 400;\n}\n\n\/* GSAP\u7528 \u521d\u671f\u72b6\u614b \u2014 JS\u306egsap.set()\u3067\u5236\u5fa1 *\/\n\n\/* Message \/ Parallax \u30bb\u30af\u30b7\u30e7\u30f3 *\/\n.inoa-message {\n    padding: 100px 0;\n    background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 50%, #f5f5f7 100%);\n}\n\n.inoa-message-box {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto;\n}\n.inoa-message-title {\n    font-size: clamp(24px, 4vw, 32px) !important;\n    margin-bottom: 16px !important;\n}\n\n.inoa-stats {\n    margin: 48px 0 16px;\n}\n.inoa-stat-num {\n    font-size: 80px;\n    font-weight: 800;\n    color: var(--primary-color);\n    line-height: 1;\n}\n.inoa-stat-unit {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--primary-color);\n}\n.inoa-stat-label {\n    display: block;\n    font-size: 18px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n.inoa-stat-sub {\n    font-size: 16px;\n    font-weight: 600;\n}\n\n\n\/* Features (Sticky Reveal) *\/\n.inoa-features {\n    padding: 120px 0;\n    background-color: #1d1d1f; \/* \u30c0\u30fc\u30af\u30c8\u30fc\u30f3 *\/\n    color: #f5f5f7;\n}\n\n.inoa-features .inoa-feature-item {\n    display: flex;\n    align-items: flex-start;\n    padding: 80px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n.inoa-features .inoa-feature-item:last-child {\n    border-bottom: none;\n}\n\n.inoa-feature-number {\n    font-size: 24px;\n    font-weight: 600;\n    color: var(--text-muted);\n    width: 80px;\n    flex-shrink: 0;\n}\n\n.inoa-feature-content {\n    flex-grow: 1;\n}\n.inoa-feature-title {\n    font-size: clamp(28px, 4vw, 40px) !important;\n    color: #fff !important;\n    margin-bottom: 16px !important;\n}\n.inoa-feature-desc {\n    font-size: 20px;\n    color: var(--text-muted);\n    margin-bottom: 32px;\n}\n\n.inoa-check-list {\n    color: #d2d2d7;\n    font-size: 18px;\n}\n.inoa-check-list li {\n    margin-bottom: 16px !important;\n    position: relative;\n    padding-left: 36px !important;\n}\n.inoa-check-list li::after {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    background-color: var(--primary-color);\n    color: #fff;\n    border-radius: 50%;\n    text-align: center;\n    line-height: 24px !important;\n    font-size: 14px;\n}\n\n\/* Problems *\/\n.inoa-problems {\n    padding: 120px 0;\n}\n.inoa-problem-list {\n    max-width: 800px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n.inoa-problem-item {\n    padding: 24px 32px;\n    font-size: 18px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n}\n.inoa-problem-item::before {\n    content: \"\ud83e\udd14\";\n    margin-right: 16px;\n    font-size: 24px;\n    display: block !important;\n}\n\n\/* Pricing *\/\n.inoa-pricing {\n    padding: 120px 0;\n    background-color: #fff;\n}\n.inoa-price-card {\n    background: #f5f5f7;\n    border-radius: var(--border-radius-lg);\n    padding: 48px;\n    text-align: center;\n    position: relative;\n}\n.inoa-price-premium {\n    background: #ffffff;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n    position: relative;\n}\n.border-glow {\n    position: relative;\n}\n.border-glow::after {\n    content: '';\n    position: absolute;\n    top: -2px; left: -2px; right: -2px; bottom: -2px;\n    background: linear-gradient(135deg, var(--primary-color), #782ad9);\n    border-radius: calc(var(--border-radius-lg) + 2px);\n    z-index: -1;\n    opacity: 0.5;\n    filter: blur(8px);\n}\n\n.inoa-badge {\n    position: absolute;\n    top: -16px;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: var(--primary-color);\n    color: #fff;\n    padding: 6px 16px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 700;\n}\n\n.inoa-price-name {\n    font-size: 24px !important;\n    margin-bottom: 16px !important;\n}\n.inoa-price-amount {\n    font-size: 18px;\n    color: var(--text-muted);\n    margin-bottom: 40px;\n}\n.inoa-price-amount span {\n    font-size: 64px;\n    font-weight: 800;\n    color: var(--text-main);\n    letter-spacing: -0.05em;\n}\n\n.inoa-price-features {\n    text-align: left;\n    margin: 0 0 40px 0 !important;\n}\n.inoa-price-features li {\n    padding: 16px 0 !important;\n    border-bottom: 1px solid rgba(0,0,0,0.05) !important;\n    font-size: 16px;\n}\n.inoa-price-features li:last-child {\n    border-bottom: none !important;\n}\n\n\/* FAQ *\/\n.inoa-faq {\n    padding: 120px 0;\n}\n.inoa-faq-list {\n    max-width: 800px;\n    margin: 0 auto;\n}\n.inoa-faq-item {\n    background: #fff;\n    border-radius: var(--border-radius-md);\n    padding: 32px;\n    margin-bottom: 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.02);\n}\n.inoa-faq-q {\n    font-size: 20px !important;\n    margin-bottom: 12px !important;\n    display: flex;\n    align-items: flex-start;\n}\n.inoa-faq-q::before {\n    content: \"Q.\";\n    color: var(--primary-color);\n    margin-right: 12px;\n    font-weight: 800;\n    display: block !important;\n}\n.inoa-faq-a {\n    color: var(--text-muted);\n    margin: 0;\n    padding-left: 36px;\n}\n\n\/* CTA Section *\/\n.inoa-cta-section {\n    padding: 120px 0 160px;\n    background: linear-gradient(135deg, #001f3f 0%, #005bb5 100%);\n    color: #fff;\n    position: relative;\n    overflow: hidden;\n}\n\n.temp-light-text {\n    color: #fff !important;\n}\n\n.inoa-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 24px;\n    margin-bottom: 80px;\n}\n.inoa-step-item {\n    background: rgba(255,255,255,0.1);\n    color: #fff;\n    border: 1px solid rgba(255,255,255,0.2);\n}\n.inoa-step-item p {\n    color: rgba(255,255,255,0.8);\n}\n.inoa-step-num {\n    font-size: 40px;\n    font-weight: 800;\n    color: rgba(255,255,255,0.3);\n    margin-bottom: 16px;\n}\n.inoa-step-title {\n    font-size: 22px !important;\n    margin-bottom: 12px !important;\n    color: #fff !important;\n}\n\n.inoa-final-cta {\n    background: rgba(255,255,255,0.95);\n    color: var(--text-main);\n    text-align: center;\n}\n.inoa-final-cta h3 {\n    font-size: clamp(24px, 4vw, 32px) !important;\n    margin-bottom: 16px !important;\n}\n.inoa-final-cta p {\n    font-size: 18px;\n    color: var(--text-muted);\n    margin-bottom: 40px;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc *\/\n@media screen and (max-width: 768px) {\n    .inoa-feature-item { flex-direction: column !important; }\n    .inoa-feature-number { margin-bottom: 16px; }\n    .inoa-intro { padding: 60px 0 40px; }\n    .inoa-message { padding: 40px 0; }\n    .inoa-features { padding: 60px 0; }\n    .inoa-problems { padding: 60px 0; }\n    .inoa-pricing { padding: 60px 0; }\n    .inoa-faq { padding: 60px 0; }\n    .inoa-cta-section { padding: 60px 0 80px; }\n    .inoa-section-desc { margin-bottom: 40px; font-size: 15px; }\n    .inoa-message-box.glass-card { padding: 28px 20px; }\n    .inoa-card.glass-card { padding: 24px; }\n    .inoa-hero { min-height: 70vh; padding: 60px 16px 40px; }\n    .inoa-hero-catch { font-size: clamp(22px, 5.5vw, 32px) !important; }\n    .inoa-hero-desc { font-size: 15px; }\n    .inoa-hero-content { padding: 0 16px; }\n    .inoa-hero-headline { font-size: clamp(28px, 8vw, 40px) !important; }\n    .inoa-hero-content { padding: 0 16px; }\n    .inoa-feature-item { padding: 40px 0 !important; }\n    .inoa-feature-img { min-width: unset !important; }\n    .inoa-feature-title { font-size: clamp(22px, 5vw, 32px) !important; }\n    .inoa-stat-num { font-size: 56px; }\n    .inoa-price-card { padding: 32px 24px; }\n    .inoa-price-amount span { font-size: 48px; }\n}\n\n\/* \u30b9\u30de\u30db\u7528\u6539\u884c\u5236\u5fa1 *\/\n.sp-br { display: none; }\n@media screen and (max-width: 768px) {\n    .sp-br { display: inline; }\n}\n\n\/* GSAP\u7528 \u521d\u671f\u72b6\u614b\u30af\u30e9\u30b9\uff08JS\u3067\u5236\u5fa1\uff09 *\/\n.fade-up { opacity: 0; transform: translateY(40px); }\n.reveal-text { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }\n\n<\/style>\n\n<div class=\"inoa-wrapper\">\n    \n    <!-- Hero Section -->\n    <section class=\"inoa-hero\">\n        <div class=\"inoa-hero-bg parallax-bg\" style=\"background-image: url('https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/top-scaled.png');\"><\/div>\n        <div class=\"inoa-hero-content\">\n            <h1 class=\"inoa-hero-catch\" id=\"typewriter-text\">AI\u3068\u3044\u3046<span class=\"inoa-accent\">\u300c\u6700\u5f37\u306e\u76f8\u68d2\u300d<\/span>\u304c\u3044\u308c\u3070<br>\u3042\u306a\u305f\u306f\u3082\u3063\u3068<span class=\"inoa-accent\">\u81ea\u7531\u306b\u7a3c\u3052\u308b<\/span><\/h1>\n            <p class=\"inoa-hero-desc hero-reveal\">\n                AI\u3092\u4f7f\u3044\u5012\u3057\u3066\u300c\u6642\u9593\u300d\u3068\u300c\u53ce\u76ca\u300d\u3092\u751f\u307f\u51fa\u3059\u3002<br>\n                \u5b9f\u8df5\u3068\u6539\u5584\u3092\u7e70\u308a\u8fd4\u3059\u3001\u5927\u4eba\u306e\u305f\u3081\u306e\u7814\u7a76\u6240\u3002\n            <\/p>\n            <div class=\"inoa-hero-cta hero-reveal\">\n                <a href=\"https:\/\/lin.ee\/Nq4s19Q\" class=\"inoa-btn inoa-btn-primary inoa-btn-large hover-lift\">\n                    <span class=\"inoa-btn-main\">14\u65e5\u9593\u7121\u6599\u3067\u4f53\u9a13\u3059\u308b<\/span>\n                    <span class=\"inoa-btn-sub\">\uff3c \u30ea\u30b9\u30af\u30bc\u30ed\u3067\u59cb\u3081\u3089\u308c\u307e\u3059 \uff0f<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Intro Section -->\n    <section class=\"inoa-intro sticky-reveal-section\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up\">\u306a\u305c\u3001AI\u306a\u306e\u304b\uff1f<\/h2>\n            <p class=\"inoa-section-desc fade-up\">\n                inoa-AI-lab\u306f\u3001\u751f\u6210AI\u3092\u6d3b\u7528\u3057\u3066\u300c\u6642\u9593\u52b9\u7387\u3088\u304f\u53ce\u76ca\u3092\u751f\u307f\u51fa\u3059\u529b\u300d\u3092\u8eab\u306b\u3064\u3051\u308b\u305f\u3081\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u3059\u3002<br>\n                \u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u30fbSNS\u30fbYouTube\u2026\u3084\u308b\u3079\u304d\u3053\u3068\u306f\u591a\u3044\u3067\u3059\u304c\u3001AI\u3092\u4f7f\u3048\u3070\u300c\u5287\u7684\u306b\u300d\u697d\u306b\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n            \n            <div class=\"inoa-grid inoa-grid-3\">\n                <!-- Card 1 -->\n                <div class=\"inoa-card glass-card hover-lift fade-up\">\n                    <img decoding=\"async\" src=\"https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/writing-scaled.png\" alt=\"AI \u00d7 \u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\" style=\"width:100%; border-radius: 12px; margin-bottom: 24px; aspect-ratio: 16\/9; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\">\n                    <h3 class=\"inoa-card-title\">AI \u00d7 \u30e9\u30a4\u30c6\u30a3\u30f3\u30b0<\/h3>\n                    <ul class=\"inoa-card-list\">\n                        <li>\u8a18\u4e8b\u30fb\u53f0\u672c\u30fb\u30bb\u30fc\u30eb\u30b9\u6587\u7ae0\u306e\u52b9\u7387\u5316<\/li>\n                        <li>\u30d7\u30ed\u30f3\u30d7\u30c8\u8a2d\u8a08\u306b\u3088\u308b\u518d\u73fe\u6027\u306e\u3042\u308b\u6587\u7ae0\u4f5c\u6210<\/li>\n                        <li>\u63d0\u6848\u6587\u30fb\u5546\u54c1\u8aac\u660e\u6587\u306e\u6539\u5584<\/li>\n                    <\/ul>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"inoa-card glass-card hover-lift fade-up delay-1\">\n                    <img decoding=\"async\" src=\"https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/SNS-scaled.png\" alt=\"AI \u00d7 SNS\u904b\u7528\" style=\"width:100%; border-radius: 12px; margin-bottom: 24px; aspect-ratio: 16\/9; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\">\n                    <h3 class=\"inoa-card-title\">AI \u00d7 SNS\u904b\u7528<\/h3>\n                    <ul class=\"inoa-card-list\">\n                        <li>\u6295\u7a3f\u30cd\u30bf\u51fa\u3057\u30fb\u69cb\u6210\u30fb\u81ea\u52d5\u5316<\/li>\n                        <li>\u904b\u7528\u3092\u4ed5\u7d44\u307f\u5316\u3057\u3066\u7d99\u7d9a\u3059\u308b<\/li>\n                        <li>\u96c6\u5ba2\u30fb\u5c0e\u7dda\u3065\u304f\u308a\uff08LINE\u30fb\u8a2d\u8a08\uff09<\/li>\n                    <\/ul>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"inoa-card glass-card hover-lift fade-up delay-2\">\n                    <img decoding=\"async\" src=\"https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/youtube-scaled.png\" alt=\"AI \u00d7 YouTube\u904b\u55b6\" style=\"width:100%; border-radius: 12px; margin-bottom: 24px; aspect-ratio: 16\/9; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\">\n                    <h3 class=\"inoa-card-title\">AI \u00d7 YouTube\u904b\u55b6<\/h3>\n                    <ul class=\"inoa-card-list\">\n                        <li>\u4f01\u753b\u30fb\u69cb\u6210\u30fb\u53f0\u672c\u4f5c\u6210\u306e\u52b9\u7387\u5316<\/li>\n                        <li>\u6295\u7a3f\u30da\u30fc\u30b9\u3092\u843d\u3068\u3055\u306a\u3044AI\u6d3b\u7528<\/li>\n                        <li>\u30c1\u30e3\u30f3\u30cd\u30eb\u904b\u55b6\u3092\u53ce\u76ca\u306b\u3064\u306a\u3052\u308b<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Goal Section -->\n    <section class=\"inoa-goal\">\n        <div class=\"inoa-container\">\n            <div class=\"inoa-goal-content\">\n                <span class=\"inoa-goal-label goal-reveal\">GOAL<\/span>\n                <h2 class=\"inoa-goal-heading goal-reveal\">\u76ee\u6307\u3059\u306e\u306f\u2026<\/h2>\n                <p class=\"inoa-goal-period goal-reveal\">3\u30f6\u6708\u5f8c\u307e\u3067\u306b<\/p>\n                <div class=\"inoa-goal-amount-wrap goal-reveal\">\n                    <span class=\"inoa-goal-prefix\">\u6708\u306e\u53ce\u76ca<\/span>\n                    <span class=\"inoa-goal-number\" data-target-text=\"3\u301c5\">3\u301c5<\/span>\n                    <span class=\"inoa-goal-unit\">\u4e07\u5186<\/span>\n                <\/div>\n                <p class=\"inoa-goal-note goal-reveal\">\uff0810\u4e07\u5186\u3092\u8d85\u3048\u308b\u65b9\u3082\u3044\u307e\u3059\uff09<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Message Section -->\n    <section class=\"inoa-message parallax-section\">\n        <div class=\"inoa-container\">\n            <div class=\"inoa-message-box glass-card fade-up\">\n                <h2 class=\"inoa-message-title\">\u300c\u81ea\u5206\u306b\u5408\u3063\u305f\u30de\u30cd\u30bf\u30a4\u30ba\u65b9\u6cd5\u300d\u3092<br class=\"sp-br\">AI\u3067\u52a0\u901f\u3055\u305b\u308b<\/h2>\n                <p>\u7279\u5b9a\u306e\u624b\u6cd5\u3092\u62bc\u3057\u4ed8\u3051\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br class=\"sp-br\">\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u3067\u3001\u3042\u306a\u305f\u306b\u5408\u3063\u305f\u65b9\u6cd5\u3092<br class=\"sp-br\">\u4e00\u7dd2\u306b\u898b\u3064\u3051\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n                <div class=\"inoa-stats\">\n                    <div class=\"inoa-stat-item fade-up\">\n                        <span class=\"inoa-stat-num count-up\" data-target=\"200\">0<\/span><span class=\"inoa-stat-unit\">\u540d\u4ee5\u4e0a<\/span>\n                        <span class=\"inoa-stat-label\">\u306e\u751f\u5f92\u3092\u30de\u30cd\u30bf\u30a4\u30ba\u3078\u5c0e\u3044\u305f\u5b9f\u7e3e<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"inoa-stat-sub\">AI\u30b9\u30af\u30fc\u30eb\u3067\u306e\u30bb\u30df\u30ca\u30fc\u767b\u58c7\u30fb\u8b1b\u5e2b\u5b9f\u7e3e\u3042\u308a<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Features Section (Sticky Scroll Reveal style) -->\n    <section class=\"inoa-features\">\n        <div class=\"inoa-container\">\n            <div class=\"inoa-feature-item fade-up\" style=\"display: flex; gap: 48px; align-items: center; flex-wrap: wrap;\">\n                <div class=\"inoa-feature-number\" style=\"align-self: flex-start; min-width: 60px;\">01<\/div>\n                <div class=\"inoa-feature-content\" style=\"flex: 1; min-width: 300px;\">\n                    <h3 class=\"inoa-feature-title\">Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3<\/h3>\n                    <p class=\"inoa-feature-desc\">24\u6642\u9593\u3044\u3064\u3067\u3082\u5229\u7528\u53ef\u80fd\u306a\u6d3b\u52d5\u62e0\u70b9\u3067\u3059\u3002<\/p>\n                    <ul class=\"inoa-check-list\">\n                        <li>\u8cea\u554f\u30fb\u76f8\u8ac7\u3057\u653e\u984c<\/li>\n                        <li>\u65e5\u3005\u306e\u4f5c\u696d\u5831\u544a\u30fb\u30a2\u30a6\u30c8\u30d7\u30c3\u30c8<\/li>\n                        <li>\u53ce\u76ca\u5316\u306e\u58c1\u6253\u3061\u30fb\u6539\u5584\u76f8\u8ac7<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"inoa-feature-img\" style=\"flex: 1.2; min-width: 300px; text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/discord.png\" alt=\"Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\" style=\"width: 100%; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.1);\">\n                <\/div>\n            <\/div>\n            \n            <div class=\"inoa-feature-item fade-up\" style=\"display: flex; gap: 48px; align-items: center; flex-wrap: wrap; flex-direction: row-reverse;\">\n                <div class=\"inoa-feature-number\" style=\"align-self: flex-start; min-width: 60px;\">02<\/div>\n                <div class=\"inoa-feature-content\" style=\"flex: 1; min-width: 300px;\">\n                    <h3 class=\"inoa-feature-title\">\u90311\u56de Zoom\u3067\u52c9\u5f37\u4f1a<\/h3>\n                    <p class=\"inoa-feature-desc\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3068\u5b66\u3073\u306e\u5834\u3002<\/p>\n                    <ul class=\"inoa-check-list\">\n                        <li>\u8b1b\u7fa9\uff0f\u5b9f\u8df5\u30ef\u30fc\u30af<\/li>\n                        <li>\u4f01\u753b\u30fb\u6587\u7ae0\u30fb\u5c0e\u7dda\u306e\u516c\u958b\u6dfb\u524a<\/li>\n                        <li>\u30de\u30cd\u30bf\u30a4\u30ba\u76f8\u8ac7\u30fbQ&#038;A<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"inoa-feature-img\" style=\"flex: 1.2; min-width: 300px; text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/inoa-ai-lab.com\/wp-content\/uploads\/2026\/01\/zoom-1.png\" alt=\"Zoom\u3067\u52c9\u5f37\u4f1a\" style=\"width: 100%; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.1);\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Problems Section -->\n    <section class=\"inoa-problems\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up\">\u3053\u3093\u306a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n            <div class=\"inoa-problem-list\">\n                <div class=\"inoa-problem-item glass-card hover-lift fade-up\">AI\u3092\u4f7f\u3063\u3066\u53ce\u76ca\u5316\u3057\u305f\u3044\u304c\u3001\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044<\/div>\n                <div class=\"inoa-problem-item glass-card hover-lift fade-up\">\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u30fbSNS\u30fbYouTube\u3092\u3084\u3063\u3066\u3044\u308b\u304c\u3001\u4f5c\u696d\u91cf\u304c\u591a\u304f\u3066\u7d9a\u304b\u306a\u3044<\/div>\n                <div class=\"inoa-problem-item glass-card hover-lift fade-up\">\u30de\u30cd\u30bf\u30a4\u30ba\u306e\u5c0e\u7dda\u3092\u4f5c\u308a\u305f\u3044\u304c\u30011\u4eba\u3067\u306f\u6574\u7406\u3067\u304d\u306a\u3044<\/div>\n                <div class=\"inoa-problem-item glass-card hover-lift fade-up\">\u8a66\u3057\u306a\u304c\u3089\u6539\u5584\u3067\u304d\u308b\u300c\u5b9f\u8df5\u306e\u5834\u300d\u304c\u307b\u3057\u3044<\/div>\n                <div class=\"inoa-problem-item glass-card hover-lift fade-up\">\u76f8\u8ac7\u3067\u304d\u308b\u74b0\u5883\u30fb\u4ef2\u9593\u304c\u307b\u3057\u3044<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section class=\"inoa-pricing\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up\">\u30d7\u30e9\u30f3\u3068\u6599\u91d1<\/h2>\n            <div class=\"inoa-grid inoa-grid-2\">\n                <!-- Standard Plan -->\n                <div class=\"inoa-price-card fade-up hover-lift\">\n                    <h3 class=\"inoa-price-name\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3<\/h3>\n                    <div class=\"inoa-price-amount\">\u6708\u984d <span>2,900<\/span> \u5186<\/div>\n                    <ul class=\"inoa-price-features\">\n                        <li>Discord\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u53c2\u52a0<\/li>\n                        <li>\u30e1\u30f3\u30d0\u30fc\u3068\u306e\u60c5\u5831\u4ea4\u63db<\/li>\n                        <li>\u90311\u301c2\u56de\u306e\u52c9\u5f37\u4f1a\u30fb\u4f5c\u696d\u4f1a<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/lin.ee\/Nq4s19Q\" class=\"inoa-btn inoa-btn-outline\">\u7121\u6599\u3067\u59cb\u3081\u308b<\/a>\n                <\/div>\n                \n                <!-- Premium Plan -->\n                <div class=\"inoa-price-card inoa-price-premium fade-up delay-1 hover-lift border-glow\">\n                    <div class=\"inoa-badge\">\u304a\u3059\u3059\u3081<\/div>\n                    <h3 class=\"inoa-price-name\">\u500b\u5225\u9762\u8ac7\u30d7\u30e9\u30f3<\/h3>\n                    <div class=\"inoa-price-amount\">\u6708\u984d <span>18,000<\/span> \u5186<\/div>\n                    <ul class=\"inoa-price-features\">\n                        <li>\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3\u306e\u5168\u5185\u5bb9<\/li>\n                        <li>\u67082\u56de\uff08\u54041\u6642\u9593\uff09\u306eZoom\u500b\u5225\u9762\u8ac7<\/li>\n                        <li>\u500b\u5225\u306e\u9032\u6357\u7ba1\u7406\u30fb\u76f8\u8ac7<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/lin.ee\/Nq4s19Q\" class=\"inoa-btn inoa-btn-primary\">\u7121\u6599\u3067\u59cb\u3081\u308b<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section class=\"inoa-faq\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n            <div class=\"inoa-faq-list\">\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">\u521d\u5fc3\u8005\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">\u306f\u3044\u3001\u5927\u4e08\u592b\u3067\u3059\u3002\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u306f\u521d\u5fc3\u8005\u5411\u3051\u306e\u57fa\u672c\u64cd\u4f5c\u304b\u3089\u4e01\u5be7\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\u300cAI\u3063\u3066\u4f55\uff1f\u300d\u3068\u3044\u3046\u30ec\u30d9\u30eb\u304b\u3089\u59cb\u3081\u305f\u65b9\u3082\u591a\u304f\u3001\u5b9f\u8df5\u3057\u306a\u304c\u3089\u81ea\u7136\u3068\u8eab\u306b\u3064\u3044\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">1\u65e5\u306b\u3069\u308c\u304f\u3089\u3044\u306e\u6642\u9593\u304c\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">1\u65e530\u5206\u301c1\u6642\u9593\u307b\u3069\u53d6\u308c\u308c\u3070\u5341\u5206\u3067\u3059\u3002\u672c\u696d\u3084\u5bb6\u4e8b\u306e\u5408\u9593\u3067\u3082\u53d6\u308a\u7d44\u3081\u308b\u3088\u3046\u306b\u3001\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u304a\u4f1d\u3048\u3057\u3066\u3044\u307e\u3059\u3002\u90311\u56de\u306eZoom\u52c9\u5f37\u4f1a\u306f\u9332\u753b\u3082\u3042\u308b\u306e\u3067\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u53c2\u52a0\u3067\u304d\u306a\u304f\u3066\u3082\u5b89\u5fc3\u3067\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">\u9014\u4e2d\u3067\u89e3\u7d04\u3067\u304d\u307e\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">\u306f\u3044\u3001\u3044\u3064\u3067\u3082\u89e3\u7d04\u53ef\u80fd\u3067\u3059\u3002\u7e1b\u308a\u671f\u9593\u3084\u9055\u7d04\u91d1\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002\u7121\u6599\u4f53\u9a13\u671f\u9593\u4e2d\u306b\u89e3\u7d04\u3059\u308c\u3070\u6599\u91d1\u306f\u767a\u751f\u3057\u307e\u305b\u3093\u306e\u3067\u3001\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">\u30d1\u30bd\u30b3\u30f3\u306f\u5fc5\u9808\u3067\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">\u57fa\u672c\u7684\u306b\u30d1\u30bd\u30b3\u30f3\u306f\u5fc5\u9808\u3067\u3059\u3002AI\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u305f\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u3084\u4f5c\u696d\u3001Zoom\u52c9\u5f37\u4f1a\u3078\u306e\u53c2\u52a0\u306a\u3069\u3001\u672c\u683c\u7684\u306b\u53d6\u308a\u7d44\u3080\u306b\u306f\u30d1\u30bd\u30b3\u30f3\u74b0\u5883\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002Discord\u3067\u306e\u60c5\u5831\u78ba\u8a8d\u306a\u3069\u306f\u30b9\u30de\u30db\u3067\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">\u3069\u306e\u304f\u3089\u3044\u3067\u53ce\u76ca\u5316\u3067\u304d\u307e\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">\u500b\u4eba\u5dee\u306f\u3042\u308a\u307e\u3059\u304c\u30013\u30f6\u6708\u3092\u76ee\u5b89\u306b\u67083\u301c5\u4e07\u5186\u306e\u53ce\u76ca\u3092\u76ee\u6307\u3059\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3092\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\u300c\u3059\u3050\u306b\u697d\u3057\u3066\u7a3c\u3052\u308b\u300d\u3067\u306f\u306a\u304f\u3001AI\u3092\u4f7f\u3063\u3066\u52b9\u7387\u3088\u304f\u5b9f\u8df5\u3092\u7a4d\u307f\u91cd\u306d\u308b\u3053\u3068\u3067\u3001\u518d\u73fe\u6027\u306e\u3042\u308b\u53ce\u76ca\u5316\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-faq-item fade-up\">\n                    <h4 class=\"inoa-faq-q\">AI\u30c4\u30fc\u30eb\u306e\u6709\u6599\u30d7\u30e9\u30f3\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/h4>\n                    <p class=\"inoa-faq-a\">ChatGPT\u3001Claude\u3001Canva\u306a\u3069\u3092\u6d3b\u7528\u3057\u307e\u3059\u3002\u7121\u6599\u7248\u3067\u3082\u8a66\u3059\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304c\u3001\u672c\u683c\u7684\u306b\u30de\u30cd\u30bf\u30a4\u30ba\u3092\u76ee\u6307\u3059\u306a\u3089\u6709\u6599\u30d7\u30e9\u30f3\uff08\u6708\u984d\u6570\u5343\u5186\u7a0b\u5ea6\uff09\u306e\u5229\u7528\u3092\u304a\u3059\u3059\u3081\u3057\u3066\u3044\u307e\u3059\u3002\u4f5c\u696d\u52b9\u7387\u3084\u51fa\u529b\u306e\u8cea\u304c\u5927\u304d\u304f\u5909\u308f\u308b\u305f\u3081\u3001\u6295\u8cc7\u5bfe\u52b9\u679c\u306f\u5341\u5206\u306b\u898b\u8fbc\u3081\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Step \/ CTA Section -->\n    <section class=\"inoa-cta-section gradient-bg\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up temp-light-text\">\u53c2\u52a0\u307e\u3067\u306e3\u30b9\u30c6\u30c3\u30d7<\/h2>\n            <div class=\"inoa-steps\">\n                <div class=\"inoa-step-item glass-card hover-lift fade-up\">\n                    <div class=\"inoa-step-num\">01<\/div>\n                    <h4 class=\"inoa-step-title\">LINE\u53cb\u3060\u3061\u8ffd\u52a0<\/h4>\n                    <p>\u30da\u30fc\u30b8\u5185\u306e\u30dc\u30bf\u30f3\u304b\u3089\u516c\u5f0fLINE\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-step-item glass-card hover-lift fade-up delay-1\">\n                    <div class=\"inoa-step-num\">02<\/div>\n                    <h4 class=\"inoa-step-title\">\u6c7a\u6e08\u30ea\u30f3\u30af\u3092\u53d7\u4fe1<\/h4>\n                    <p>\u81ea\u52d5\u8fd4\u4fe1\u3067\u5c4a\u304f\u30ea\u30f3\u30af\u304b\u3089\u304a\u624b\u7d9a\u304d\uff08\u521d\u6708\u7121\u6599\uff09\u5b8c\u4e86\u3002<\/p>\n                <\/div>\n                <div class=\"inoa-step-item glass-card hover-lift fade-up delay-2\">\n                    <div class=\"inoa-step-num\">03<\/div>\n                    <h4 class=\"inoa-step-title\">Discord\u3078\u53c2\u52a0<\/h4>\n                    <p>\u6848\u5185URL\u304b\u3089\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3078\u3002\u3055\u3042\u3001\u5b9f\u8df5\u30b9\u30bf\u30fc\u30c8\uff01<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"inoa-final-cta glass-card fade-up\">\n                <h3>\u307e\u305a\u306f14\u65e5\u9593\u3001\u7121\u6599\u3067\u4f53\u9a13\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h3>\n                <p>AI\u3092\u4f7f\u3063\u305f\u52b9\u7387\u7684\u306a\u30de\u30cd\u30bf\u30a4\u30ba\u3092\u3001\u4ef2\u9593\u3068\u4e00\u7dd2\u306b\u5b9f\u8df5\u3067\u304d\u308b\u74b0\u5883\u3067\u3059\u3002\u81ea\u5206\u306b\u5408\u308f\u306a\u3051\u308c\u3070\u3001\u671f\u9593\u5185\u306b\u89e3\u7d04\u3059\u308c\u3070\u6599\u91d1\u306f\u4e00\u5207\u304b\u304b\u308a\u307e\u305b\u3093\u3002<\/p>\n                <div class=\"inoa-cta-button-wrap\">\n                    <a href=\"https:\/\/lin.ee\/Nq4s19Q\" class=\"inoa-btn inoa-btn-large inoa-btn-primary hover-lift\">\n                        <span class=\"inoa-btn-main\">\u4eca\u3059\u3050LINE\u3067\u53c2\u52a0\u624b\u7d9a\u304d\u3092\u3059\u308b<\/span>\n                        <span class=\"inoa-btn-sub\">\uff3c \u30ea\u30b9\u30af\u30bc\u30ed\u3067\u59cb\u3081\u3089\u308c\u307e\u3059 \uff0f<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"inoa-site-guide\" style=\"background:#f8fafc; padding:64px 20px;\">\n        <div class=\"inoa-container\">\n            <h2 class=\"inoa-section-title fade-up\" style=\"color:#1d1d1f;\">\u30b5\u30a4\u30c8\u6848\u5185<\/h2>\n            <p class=\"inoa-section-desc fade-up\" style=\"color:#475569;\">AI\u6d3b\u7528\u3001\u5728\u5b85\u30ef\u30fc\u30af\u3001\u4f5c\u696d\u74b0\u5883\u3065\u304f\u308a\u306b\u95a2\u3059\u308b\u60c5\u5831\u3092\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u5546\u54c1\u7d39\u4ecb\u3084\u5e83\u544a\u8868\u8a18\u306b\u3064\u3044\u3066\u3082\u3001\u5404\u30da\u30fc\u30b8\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n            <div class=\"inoa-grid inoa-grid-3\" style=\"margin-top:32px;\">\n                <a href=\"https:\/\/inoa-ai-lab.com\/?page_id=121\" class=\"glass-card hover-lift fade-up\" style=\"display:block; padding:24px; text-decoration:none; color:#1d1d1f;\">\n                    <h3 class=\"inoa-card-title\">\u304a\u3059\u3059\u3081\u30ac\u30b8\u30a7\u30c3\u30c8<\/h3>\n                    <p>AI\u526f\u696d\u30fb\u5728\u5b85\u30ef\u30fc\u30af\u30fbZoom\u52c9\u5f37\u4f1a\u306b\u4f7f\u3044\u3084\u3059\u3044\u4f5c\u696d\u74b0\u5883\u30a2\u30a4\u30c6\u30e0\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/a>\n                <a href=\"https:\/\/inoa-ai-lab.com\/?page_id=171\" class=\"glass-card hover-lift fade-up delay-1\" style=\"display:block; padding:24px; text-decoration:none; color:#1d1d1f;\">\n                    <h3 class=\"inoa-card-title\">\u3053\u306e\u30b5\u30a4\u30c8\u306b\u3064\u3044\u3066<\/h3>\n                    <p>inoa-AI-lab\u306e\u904b\u55b6\u65b9\u91dd\u3001\u6271\u3046\u30c6\u30fc\u30de\u3001\u5546\u54c1\u7d39\u4ecb\u306e\u8003\u3048\u65b9\u3092\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/a>\n                <a href=\"https:\/\/inoa-ai-lab.com\/?page_id=168\" class=\"glass-card hover-lift fade-up delay-2\" style=\"display:block; padding:24px; text-decoration:none; color:#1d1d1f;\">\n                    <h3 class=\"inoa-card-title\">\u5e83\u544a\u30dd\u30ea\u30b7\u30fc\u30fb\u514d\u8cac\u4e8b\u9805<\/h3>\n                    <p>Amazon\u30a2\u30bd\u30b7\u30a8\u30a4\u30c8\u8868\u8a18\u3001\u5546\u54c1\u7d39\u4ecb\u3001\u514d\u8cac\u4e8b\u9805\u306b\u3064\u3044\u3066\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/a>\n            <\/div>\n            <p style=\"text-align:center; margin-top:28px;\">\n                <a href=\"https:\/\/inoa-ai-lab.com\/?page_id=103\" class=\"inoa-btn inoa-btn-outline\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/a>\n            <\/p>\n            <div class=\"glass-card fade-up\" style=\"margin-top:32px; padding:24px;\">\n                <h3 class=\"inoa-card-title\">\u95a2\u9023\u8a18\u4e8b<\/h3>\n                <ul style=\"list-style:none; padding:0; margin:16px 0 0; display:grid; gap:10px;\">\n                    <li><a href=\"https:\/\/inoa-ai-lab.com\/?p=173\">AI\u526f\u696d\u3092\u59cb\u3081\u308b\u305f\u3081\u306e\u4f5c\u696d\u74b0\u5883\u306e\u4f5c\u308a\u65b9<\/a><\/li>\n                    <li><a href=\"https:\/\/inoa-ai-lab.com\/?p=174\">Zoom\u52c9\u5f37\u4f1a\u306b\u5fc5\u8981\u306a\u6a5f\u6750\u307e\u3068\u3081<\/a><\/li>\n                    <li><a href=\"https:\/\/inoa-ai-lab.com\/?p=176\">\u5728\u5b85\u30ef\u30fc\u30af\u3067\u75b2\u308c\u306b\u304f\u3044\u30c7\u30b9\u30af\u74b0\u5883\u306e\u4f5c\u308a\u65b9<\/a><\/li>\n                    <li><a href=\"https:\/\/inoa-ai-lab.com\/?p=177\">\u30c8\u30e9\u30c3\u30af\u30dc\u30fc\u30eb\u30de\u30a6\u30b9\u306fAI\u4f5c\u696d\u306b\u5411\u3044\u3066\u3044\u308b\uff1f<\/a><\/li>\n                    <li><a href=\"https:\/\/inoa-ai-lab.com\/?p=175\">\u30ce\u30fc\u30c8PC\u4f5c\u696d\u3092\u5feb\u9069\u306b\u3059\u308b\u5916\u4ed8\u3051\u30e2\u30cb\u30bf\u30fc\u6d3b\u7528\u6cd5<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n\/* \n  SWELL\u7528 Apple\u98a8\u30ab\u30b9\u30bf\u30e0JS (GSAP + ScrollTrigger)\n  \u30bf\u30a4\u30d7\u30e9\u30a4\u30bf\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 + \u5f37\u5316\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\n*\/\n\ndocument.addEventListener(\"DOMContentLoaded\", (event) => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ ========================================\n    \/\/ 1. \u30bf\u30a4\u30d7\u30e9\u30a4\u30bf\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u30d2\u30fc\u30ed\u30fc\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff09\n    \/\/    \u2192\u5b8c\u4e86\u5f8c\u306b\u30b5\u30d6\u30c6\u30ad\u30b9\u30c8\u30fbCTA\u3092\u9806\u756a\u306b\u8868\u793a\n    \/\/ ========================================\n    const typewriterEl = document.getElementById(\"typewriter-text\");\n    if (typewriterEl) {\n        const originalHTML = typewriterEl.innerHTML;\n        const chars = [];\n        let inTag = false;\n        let currentTag = \"\";\n        for (let i = 0; i < originalHTML.length; i++) {\n            const ch = originalHTML[i];\n            if (ch === \"<\") {\n                inTag = true;\n                currentTag = \"<\";\n            } else if (ch === \">\") {\n                inTag = false;\n                currentTag += \">\";\n                chars.push({ type: \"tag\", value: currentTag });\n                currentTag = \"\";\n            } else if (inTag) {\n                currentTag += ch;\n            } else {\n                chars.push({ type: \"char\", value: ch });\n            }\n        }\n\n        let wrappedHTML = \"\";\n        chars.forEach((item) => {\n            if (item.type === \"tag\") {\n                wrappedHTML += item.value;\n            } else {\n                wrappedHTML += '<span class=\"tw-char\" style=\"opacity:0;display:inline-block\">' + item.value + '<\/span>';\n            }\n        });\n        typewriterEl.innerHTML = wrappedHTML;\n        typewriterEl.style.visibility = \"visible\";\n\n        const charSpans = typewriterEl.querySelectorAll(\".tw-char\");\n        const tl = gsap.timeline();\n\n        \/\/ \u3086\u3063\u304f\u308a1\u6587\u5b57\u305a\u3064\u8868\u793a\uff080.08\u79d2\u9593\u9694 = \u7d043\u79d2\u3067\u5168\u6587\u8868\u793a\uff09\n        tl.to(charSpans, {\n            opacity: 1,\n            y: 0,\n            duration: 0.3,\n            stagger: 0.08,\n            ease: \"power2.out\",\n            delay: 0.8\n        });\n\n        \/\/ \u30bf\u30a4\u30d7\u30e9\u30a4\u30bf\u30fc\u5b8c\u4e86\u5f8c \u2192 \u30b5\u30d6\u30c6\u30ad\u30b9\u30c8\u30fbCTA\u3092\u9806\u756a\u306b\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\n        const heroReveals = document.querySelectorAll(\".hero-reveal\");\n        heroReveals.forEach((el, i) => {\n            tl.to(el, {\n                opacity: 1,\n                y: 0,\n                duration: 0.8,\n                ease: \"power3.out\"\n            }, \"-=0.3\");\n        });\n    }\n\n    \/\/ ========================================\n    \/\/ 2. Fade Up Animation (\u6c4e\u7528)\n    \/\/ ========================================\n    const fadeUpElements = gsap.utils.toArray('.fade-up');\n    fadeUpElements.forEach((el) => {\n        let delay = 0;\n        if (el.classList.contains('delay-1')) delay = 0.2;\n        if (el.classList.contains('delay-2')) delay = 0.4;\n        \n        gsap.to(el, {\n            scrollTrigger: {\n                trigger: el,\n                start: \"top 85%\",\n                toggleActions: \"play none none none\"\n            },\n            opacity: 1,\n            y: 0,\n            duration: 1,\n            ease: \"power3.out\",\n            delay: delay\n        });\n    });\n\n    \/\/ ========================================\n    \/\/ 3. \u30d1\u30e9\u30e9\u30c3\u30af\u30b9\u52b9\u679c\uff08\u5927\u5e45\u5f37\u5316\uff09\n    \/\/ ========================================\n    \n    \/\/ Hero\u80cc\u666f: \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u5927\u304d\u304f\u79fb\u52d5 + \u30b9\u30b1\u30fc\u30eb\n    gsap.to(\".inoa-hero-bg\", {\n        scrollTrigger: {\n            trigger: \".inoa-hero\",\n            start: \"top top\",\n            end: \"bottom top\",\n            scrub: 0.5\n        },\n        y: 350,\n        scale: 1.15,\n        ease: \"none\"\n    });\n\n    \/\/ Hero \u30b3\u30f3\u30c6\u30f3\u30c4: \u9006\u65b9\u5411\u306b\u79fb\u52d5\u3057\u3066\u30ba\u30ec\u611f\u3092\u5f37\u8abf\n    gsap.to(\".inoa-hero-content\", {\n        scrollTrigger: {\n            trigger: \".inoa-hero\",\n            start: \"top top\",\n            end: \"bottom top\",\n            scrub: 0.5\n        },\n        y: -120,\n        opacity: 0,\n        ease: \"none\"\n    });\n\n    \/\/ Intro\u30bb\u30af\u30b7\u30e7\u30f3: \u30ab\u30fc\u30c9\u304c\u5c11\u3057\u6d6e\u304d\u4e0a\u304c\u308b\n    gsap.utils.toArray('.inoa-card').forEach((card, i) => {\n        gsap.from(card, {\n            scrollTrigger: {\n                trigger: card,\n                start: \"top 90%\",\n                end: \"top 50%\",\n                scrub: 1\n            },\n            y: 60 + (i * 20),\n            ease: \"none\"\n        });\n    });\n\n    \/\/ Message\u30bb\u30af\u30b7\u30e7\u30f3: \u80cc\u666f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u30b7\u30d5\u30c8\n    gsap.to(\".inoa-message\", {\n        scrollTrigger: {\n            trigger: \".inoa-message\",\n            start: \"top bottom\",\n            end: \"bottom top\",\n            scrub: 1\n        },\n        backgroundPosition: \"50% 100%\",\n        ease: \"none\"\n    });\n\n    \/\/ Features\u753b\u50cf: \u30c6\u30ad\u30b9\u30c8\u3068\u753b\u50cf\u306e\u901f\u5ea6\u5dee\n    gsap.utils.toArray('.inoa-feature-img img').forEach((img) => {\n        gsap.from(img, {\n            scrollTrigger: {\n                trigger: img,\n                start: \"top 90%\",\n                end: \"bottom 20%\",\n                scrub: 1\n            },\n            y: 80,\n            scale: 0.95,\n            ease: \"none\"\n        });\n    });\n\n    \/\/ Problems\u30bb\u30af\u30b7\u30e7\u30f3: \u30a2\u30a4\u30c6\u30e0\u304c\u5fae\u5999\u306b\u305a\u308c\u3066\u5165\u308b\n    gsap.utils.toArray('.inoa-problem-item').forEach((item, i) => {\n        gsap.from(item, {\n            scrollTrigger: {\n                trigger: item,\n                start: \"top 90%\",\n                end: \"top 60%\",\n                scrub: 1\n            },\n            x: (i % 2 === 0) ? -40 : 40,\n            ease: \"none\"\n        });\n    });\n\n    \/\/ ========================================\n    \/\/ 4. Sticky Scroll Reveal (Features)\n    \/\/ ========================================\n    const featureItems = gsap.utils.toArray('.inoa-feature-item');\n    featureItems.forEach((item) => {\n        ScrollTrigger.create({\n            trigger: item,\n            start: \"top center\",\n            end: \"bottom center\",\n            toggleClass: \"active-feature\",\n        });\n    });\n\n    \/\/ ========================================\n    \/\/ 5. Count Up Animation (\u5b9f\u7e3e\u306e\u6570\u5b57)\n    \/\/ ========================================\n    const countItems = gsap.utils.toArray('.count-up');\n    countItems.forEach(count => {\n        const target = count.getAttribute('data-target');\n        \n        ScrollTrigger.create({\n            trigger: count,\n            start: \"top 80%\",\n            once: true,\n            onEnter: () => {\n                gsap.to(count, {\n                    innerHTML: target,\n                    duration: 2,\n                    ease: \"power2.out\",\n                    snap: { innerHTML: 1 },\n                    onUpdate: function() {\n                        count.innerHTML = Math.round(this.targets()[0].innerHTML);\n                    }\n                });\n            }\n        });\n    });\n\n    \/\/ ========================================\n    \/\/ 6. Goal Section \u30b9\u30c6\u30c3\u30d7\u30ea\u30d3\u30fc\u30eb\u6f14\u51fa\n    \/\/    \u8981\u7d20\u304c\u9806\u756a\u306b\u6d6e\u304d\u4e0a\u304c\u308a\u3001\u6570\u5b57\u306f\u30b9\u30b1\u30fc\u30eb\u30a2\u30c3\u30d7\u3067\u767b\u5834\n    \/\/ ========================================\n    const goalSection = document.querySelector('.inoa-goal');\n    if (goalSection) {\n        const goalReveals = gsap.utils.toArray('.goal-reveal');\n        const goalNumber = document.querySelector('.inoa-goal-number');\n\n        \/\/ JS\u5074\u3067\u521d\u671f\u975e\u8868\u793a\u3092\u8a2d\u5b9a\uff08CSS\u3067\u3084\u308b\u3068GSAP\u672a\u8aad\u307f\u8fbc\u307f\u6642\u306b\u30c6\u30ad\u30b9\u30c8\u304c\u6d88\u3048\u308b\uff09\n        gsap.set(goalReveals, { opacity: 0, y: 30 });\n        if (goalNumber) gsap.set(goalNumber, { scale: 0.3, opacity: 0 });\n\n        \/\/ \u5404\u8981\u7d20\u3092\u9806\u756a\u306b\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\uff08stagger\uff09\n        const goalTl = gsap.timeline({\n            scrollTrigger: {\n                trigger: goalSection,\n                start: \"top 75%\",\n                toggleActions: \"play none none none\"\n            }\n        });\n\n        goalReveals.forEach((el, i) => {\n            goalTl.to(el, {\n                opacity: 1,\n                y: 0,\n                duration: 0.8,\n                ease: \"power3.out\"\n            }, i * 0.18);\n        });\n\n        \/\/ \u6570\u5b57\u306e\u30b9\u30b1\u30fc\u30eb\u30a2\u30c3\u30d7\u6f14\u51fa\n        if (goalNumber) {\n            goalTl.to(goalNumber, {\n                scale: 1,\n                opacity: 1,\n                duration: 1.2,\n                ease: \"back.out(1.7)\"\n            }, 0.3);\n        }\n    }\n\n});\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>AI\u3068\u3044\u3046\u300c\u6700\u5f37\u306e\u76f8\u68d2\u300d\u304c\u3044\u308c\u3070\u3042\u306a\u305f\u306f\u3082\u3063\u3068\u81ea\u7531\u306b\u7a3c\u3052\u308b AI\u3092\u4f7f\u3044\u5012\u3057\u3066\u300c\u6642\u9593\u300d\u3068\u300c\u53ce\u76ca\u300d\u3092\u751f\u307f\u51fa\u3059\u3002 \u5b9f\u8df5\u3068\u6539\u5584\u3092\u7e70\u308a\u8fd4\u3059\u3001\u5927\u4eba\u306e\u305f\u3081\u306e\u7814\u7a76\u6240\u3002 14\u65e5\u9593\u7121\u6599\u3067\u4f53\u9a13\u3059\u308b \uff3c \u30ea\u30b9\u30af\u30bc\u30ed\u3067\u59cb\u3081\u3089\u308c\u307e\u3059 \uff0f \u306a\u305c\u3001AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=139"}],"version-history":[{"count":23,"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=\/wp\/v2\/pages\/139\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/inoa-ai-lab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}