{"id":20598,"date":"2026-09-14T07:36:34","date_gmt":"2026-09-13T22:36:34","guid":{"rendered":"https:\/\/www.fsz.co.jp\/?service=feelapp"},"modified":"2026-10-12T18:22:03","modified_gmt":"2026-10-12T09:22:03","slug":"feelapp","status":"publish","type":"service","link":"https:\/\/www.fsz.co.jp\/?service=feelapp","title":{"rendered":"FeelApp\u3000\u8d85\u9ad8\u901f\u958b\u767a"},"content":{"rendered":"\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=Zen+Kaku+Gothic+New:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  \/* Replace the theme's default page-title bar with the FeelApp logo lockup *\/\n  #post_title2 {\n    background: #FAF9F4 !important;\n    border-bottom: none !important;\n    height: auto !important;\n    min-height: 0 !important;\n    padding: 44px 0 36px !important;\n    width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    margin-bottom: 0 !important;\n    box-sizing: border-box !important;\n  }\n  #post_title2 .title {\n    height: auto !important;\n    border-bottom: none !important;\n    color: #111 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    max-width: 1200px !important;\n    width: 100% !important;\n    margin: 0 auto !important;\n    padding: 0 32px !important;\n    box-sizing: border-box !important;\n  }\n  #post_title2 .title .fa-logo-img {\n    display: block; width: 230px; height: auto;\n  }\n  #post_title2 .title .fa-sub {\n    font-family: \"Zen Kaku Gothic New\", \"Hiragino Kaku Gothic ProN\", sans-serif;\n    font-weight: 700; font-size: 1rem; color: #10233F; margin-top: 14px;\n  }\n  @media (max-width: 640px) {\n    #post_title2 .title .fa-logo-img { width: 170px; }\n    #post_title2 .title .fa-sub { font-size: 0.88rem; margin-top: 8px; }\n  }\n\n  .feelapp-lp {\n    --bg: #FAF9F4;\n    --bg-raised: #FFFFFF;\n    --ink: #17191B;\n    --ink-soft: #55564F;\n    --line: #E4E0D3;\n    --orange: #ED9013;\n    --orange-deep: #AB680E;\n    --navy: #10233F;\n    --yellow: #FFC93C;\n  }\n  .feelapp-lp, .feelapp-lp * { box-sizing: border-box; }\n  .feelapp-lp {\n    background: var(--bg);\n    color: var(--ink);\n    font-family: \"Zen Kaku Gothic New\", \"Hiragino Kaku Gothic ProN\", sans-serif;\n    line-height: 1.7;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n    padding: 8px 0 4px;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n  }\n  .feelapp-lp img { max-width: 100%; }\n  .feelapp-lp a { color: inherit; }\n  .feelapp-lp section { position: relative; }\n  .feelapp-lp .wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }\n  @media (max-width: 480px) { .feelapp-lp .wrap { padding: 0 20px; } #post_title2 .title { padding: 0 20px !important; } }\n\n  \/* HERO *\/\n  .feelapp-lp .hero { padding: 24px 0 64px; overflow: hidden; }\n  .feelapp-lp .hero-lines { position: absolute; inset: 0; z-index: 0; pointer-events: none; }\n  .feelapp-lp .hero-lines span {\n    position: absolute; height: 2px;\n    background: linear-gradient(90deg, transparent, var(--orange) 55%, transparent);\n    opacity: 0.3; transform-origin: left center;\n  }\n  .feelapp-lp .hero-inner { position: relative; z-index: 1; }\n  .feelapp-lp .hero h2 {\n    font-size: clamp(1.7rem, 5vw, 2.7rem);\n    font-weight: 900; line-height: 1.4; margin: 0 0 20px; letter-spacing: -0.01em;\n  }\n  .feelapp-lp .hero h2 em {\n    font-style: normal;\n    background: linear-gradient(180deg, transparent 62%, var(--orange) 62%);\n  }\n  .feelapp-lp .hero p.lead { font-size: 1.05rem; color: var(--ink-soft); margin: 0 0 32px; }\n  .feelapp-lp .stat-row { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 32px; }\n  .feelapp-lp .stat-card {\n    background: var(--bg-raised); border: 1px solid var(--line); border-radius: 14px;\n    padding: 18px 22px; min-width: 150px; flex: 1 1 150px;\n  }\n  .feelapp-lp .stat-card .num { font-size: 1.7rem; font-weight: 900; color: var(--orange-deep); line-height: 1.1; display: block; }\n  .feelapp-lp .stat-card .label { font-size: 0.82rem; color: var(--ink-soft); margin-top: 4px; display: block; }\n  .feelapp-lp .btn-primary {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: var(--ink); color: var(--bg);\n    font-weight: 700; font-size: 0.95rem;\n    padding: 14px 28px; border-radius: 999px;\n    text-decoration: none; border: none; cursor: pointer;\n  }\n  .feelapp-lp .btn-primary:hover { background: var(--orange-deep); color: #fff; }\n\n  \/* SECTION HEADS *\/\n  .feelapp-lp .section-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 32px; }\n  .feelapp-lp .section-head .idx { font-size: 0.9rem; font-weight: 700; color: var(--orange-deep); flex-shrink: 0; }\n  .feelapp-lp .section-head h2 { font-size: clamp(1.3rem, 3vw, 1.7rem); font-weight: 900; margin: 0; letter-spacing: -0.01em; }\n  .feelapp-lp .section-pad { padding: 56px 0; }\n  .feelapp-lp .divider { height: 1px; background: var(--line); }\n\n  \/* REASONS *\/\n  .feelapp-lp .reasons { display: grid; gap: 0; border-top: 1px solid var(--line); }\n  .feelapp-lp .reason-row {\n    display: grid; grid-template-columns: 48px 1fr 1.5fr; gap: 20px;\n    padding: 24px 0; border-bottom: 1px solid var(--line); align-items: center;\n  }\n  .feelapp-lp .reason-icon { width: 40px; height: 40px; }\n  .feelapp-lp .reason-icon svg { width: 100%; height: 100%; display: block; }\n  .feelapp-lp .reason-row h3 { margin: 0; font-size: 1.08rem; font-weight: 700; }\n  .feelapp-lp .reason-row p { margin: 0; color: var(--ink-soft); }\n  .feelapp-lp .callout {\n    margin-top: 36px; border-left: 4px solid var(--orange); padding: 18px 24px;\n    background: var(--bg-raised); border-radius: 0 12px 12px 0;\n    font-size: 1.02rem; font-weight: 500;\n  }\n\n  \/* FEATURE GRID *\/\n  .feelapp-lp .feature-grid {\n    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;\n    background: var(--line); border: 1px solid var(--line); border-radius: 16px; overflow: hidden;\n  }\n  .feelapp-lp .feature-cell { background: var(--bg-raised); padding: 26px 24px; display: flex; flex-direction: column; }\n  .feelapp-lp .feature-icon { width: 60px; height: 60px; margin-bottom: 16px; }\n  .feelapp-lp .feature-icon svg { width: 100%; height: 100%; display: block; }\n  .feelapp-lp .feature-cell h3 { margin: 0 0 8px; font-size: 1rem; font-weight: 700; }\n  .feelapp-lp .feature-cell p { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }\n\n  \/* STRENGTHS *\/\n  .feelapp-lp .strengths { display: flex; flex-direction: column; gap: 0; }\n  .feelapp-lp .strength-row { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line); }\n  .feelapp-lp .strength-row:first-child { border-top: 1px solid var(--line); }\n  .feelapp-lp .strength-num { font-weight: 900; font-size: 1.35rem; color: var(--orange); width: 40px; flex-shrink: 0; }\n  .feelapp-lp .strength-row h3 { margin: 0 0 4px; font-size: 1rem; font-weight: 700; }\n  .feelapp-lp .strength-row p { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }\n\n  \/* RUNWAY *\/\n  .feelapp-lp .runway-wrap {\n    background: var(--bg-raised); color: var(--ink); border: 1px solid var(--line);\n    border-radius: 24px; padding: 40px 28px 36px; position: relative; overflow: hidden;\n  }\n  .feelapp-lp .runway-wrap::before {\n    content: \"\"; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px;\n    background: radial-gradient(circle, var(--yellow) 0%, transparent 70%); opacity: 0.18;\n  }\n  .feelapp-lp .runway-tag {\n    display: inline-block; font-weight: 700; font-size: 0.85rem;\n    background: var(--yellow); color: #17191B; padding: 6px 16px; border-radius: 999px; margin-bottom: 22px;\n  }\n  .feelapp-lp .runway-wrap h2 { font-size: clamp(1.25rem, 3vw, 1.55rem); font-weight: 900; margin: 0; }\n  .feelapp-lp .runway { display: flex; margin: 40px 0 24px; position: relative; flex-wrap: wrap; row-gap: 26px; }\n  .feelapp-lp .runway::before { content: \"\"; position: absolute; left: 0; right: 0; top: 20px; height: 2px; background: var(--line); }\n  .feelapp-lp .runway-step { flex: 1 1 18%; position: relative; text-align: left; padding-right: 10px; min-width: 110px; }\n  .feelapp-lp .runway-dot {\n    width: 36px; height: 36px; border-radius: 50%; background: var(--navy); color: #fff;\n    display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 1rem;\n    margin-bottom: 14px; position: relative; z-index: 1;\n  }\n  .feelapp-lp .runway-step:nth-child(odd) .runway-dot { background: var(--orange); }\n  .feelapp-lp .runway-step h4 { margin: 0; font-size: 0.92rem; font-weight: 700; color: var(--ink); white-space: nowrap; }\n  .feelapp-lp .runway-caption { color: var(--ink-soft); font-size: 0.92rem; margin-top: 6px; }\n  @media (max-width: 640px) {\n    .feelapp-lp .runway { flex-direction: column; gap: 22px; }\n    .feelapp-lp .runway::before { display: none; }\n    .feelapp-lp .runway-step h4 { white-space: normal; }\n  }\n\n  \/* USE CASES *\/\n  .feelapp-lp .usecase-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n  .feelapp-lp .usecase-card { border: 1px solid var(--line); border-radius: 14px; padding: 20px 16px; background: var(--bg-raised); }\n  .feelapp-lp .usecase-icon { width: 40px; height: 40px; margin-bottom: 12px; }\n  .feelapp-lp .usecase-icon svg { width: 100%; height: 100%; display: block; }\n  .feelapp-lp .usecase-card h3 { margin: 0 0 8px; font-size: 0.96rem; font-weight: 700; white-space: nowrap; }\n  .feelapp-lp .usecase-card p { margin: 0; font-size: 0.85rem; color: var(--ink-soft); }\n  @media (max-width: 620px) { .feelapp-lp .usecase-grid { grid-template-columns: repeat(2, 1fr); } }\n\n  \/* EXAMPLES *\/\n  .feelapp-lp .example-list { display: flex; flex-direction: column; }\n  .feelapp-lp .example-row {\n    display: grid; grid-template-columns: 52px 1fr 1.8fr; gap: 18px; padding: 20px 16px; margin: 0 -16px;\n    border-top: 1px solid var(--line); align-items: center; border-radius: 12px;\n    transition: background-color .25s ease, box-shadow .25s ease;\n  }\n  .feelapp-lp .example-row:last-child { border-bottom: 1px solid var(--line); }\n  .feelapp-lp .example-row:hover { background: var(--bg-raised); box-shadow: 0 10px 24px rgba(16,35,63,0.10); }\n  .feelapp-lp .example-icon { width: 44px; height: 44px; }\n  .feelapp-lp .example-icon svg { width: 100%; height: 100%; display: block; }\n  .feelapp-lp .example-row h3 { margin: 0; font-size: 0.98rem; font-weight: 700; }\n  .feelapp-lp .example-row p { margin: 0; color: var(--ink-soft); font-size: 0.9rem; }\n\n  \/* EXAMPLE HOVER PREVIEW *\/\n  .feelapp-lp .example-preview {\n    position: fixed;\n    left: -9999px;\n    top: -9999px;\n    width: 820px;\n    max-width: calc(100vw - 32px);\n    opacity: 0;\n    transform: scale(0.96);\n    transition: opacity .15s ease, transform .15s ease;\n    pointer-events: none;\n    z-index: 999;\n    filter: drop-shadow(0 22px 52px rgba(16,35,63,0.26));\n  }\n  .feelapp-lp .example-preview.is-visible { opacity: 1; transform: scale(1); }\n  .feelapp-lp .mock-window { border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: var(--bg-raised); font-family: \"Zen Kaku Gothic New\", \"Hiragino Kaku Gothic ProN\", sans-serif; }\n  .feelapp-lp .mock-titlebar { display: flex; align-items: center; gap: 7px; padding: 10px 14px; background: #EAE6D9; border-bottom: 1px solid var(--line); }\n  .feelapp-lp .mock-titlebar span { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }\n  .feelapp-lp .mock-titlebar span:nth-child(1) { background: #FF6159; }\n  .feelapp-lp .mock-titlebar span:nth-child(2) { background: #FFC12F; }\n  .feelapp-lp .mock-titlebar span:nth-child(3) { background: #28C93F; }\n  .feelapp-lp .mock-titlebar .mock-url { margin-left: 10px; flex: 1; background: var(--bg-raised); border-radius: 6px; padding: 4px 12px; font-size: 0.72rem; color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .feelapp-lp .mock-topheader { display: flex; align-items: center; gap: 16px; padding: 10px 18px; background: var(--navy); }\n  .feelapp-lp .mock-topheader .mock-brand { display: flex; align-items: center; gap: 8px; color: #fff; font-weight: 900; font-size: 0.88rem; flex-shrink: 0; letter-spacing: -0.01em; }\n  .feelapp-lp .mock-topheader .mock-brand::before { content: \"\"; width: 18px; height: 18px; border-radius: 5px; background: var(--orange); display: inline-block; flex-shrink: 0; }\n  .feelapp-lp .mock-topheader .mock-search { flex: 1; max-width: 240px; background: rgba(255,255,255,0.1); border-radius: 7px; padding: 5px 12px; font-size: 0.72rem; color: rgba(255,255,255,0.55); }\n  .feelapp-lp .mock-topheader .mock-header-icons { display: flex; align-items: center; gap: 14px; margin-left: auto; flex-shrink: 0; }\n  .feelapp-lp .mock-topheader .mock-bell { position: relative; width: 15px; height: 15px; color: rgba(255,255,255,0.7); }\n  .feelapp-lp .mock-topheader .mock-bell::after { content: \"\"; position: absolute; top: -2px; right: -2px; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 2px var(--navy); }\n  .feelapp-lp .mock-topheader .mock-header-avatar { width: 24px; height: 24px; border-radius: 50%; background: var(--orange); color: #fff; font-size: 0.66rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .feelapp-lp .mock-shell { display: flex; }\n  .feelapp-lp .mock-sidebar { width: 168px; background: #0c1a30; display: flex; flex-direction: column; padding: 16px 12px; gap: 3px; flex-shrink: 0; }\n  .feelapp-lp .mock-nav-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; color: rgba(255,255,255,0.6); font-size: 0.78rem; font-weight: 700; }\n  .feelapp-lp .mock-nav-item svg { width: 14px; height: 14px; flex-shrink: 0; color: currentColor; }\n  .feelapp-lp .mock-nav-item.active { background: var(--orange); color: #fff; }\n  .feelapp-lp .mock-nav-foot { margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; gap: 8px; }\n  .feelapp-lp .mock-nav-foot .mock-nav-avatar { width: 22px; height: 22px; border-radius: 50%; background: var(--orange); color: #fff; font-size: 0.62rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .feelapp-lp .mock-nav-foot span { color: rgba(255,255,255,0.7); font-size: 0.68rem; font-weight: 700; }\n  .feelapp-lp .mock-main { flex: 1; padding: 20px 24px; min-width: 0; }\n  .feelapp-lp .mock-crumb { font-size: 0.7rem; color: var(--ink-soft); margin-bottom: 8px; letter-spacing: 0.01em; }\n  .feelapp-lp .mock-crumb b { color: var(--ink); font-weight: 700; }\n  .feelapp-lp .mock-crumb-sep { margin: 0 4px; color: var(--line); }\n  .feelapp-lp .mock-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }\n  .feelapp-lp .mock-toolbar-title { font-size: 1.05rem; font-weight: 900; color: var(--ink); letter-spacing: -0.01em; display: flex; align-items: center; }\n  .feelapp-lp .mock-toolbar-actions { display: flex; gap: 8px; align-items: center; }\n  .feelapp-lp .mock-filter-chip { font-size: 0.66rem; font-weight: 700; padding: 5px 12px; border-radius: 999px; background: var(--bg); border: 1px solid var(--line); color: var(--ink-soft); }\n  .feelapp-lp .mock-filter-chip.active { background: var(--navy); color: #fff; border-color: var(--navy); }\n  .feelapp-lp .mock-btn-primary { font-size: 0.7rem; font-weight: 700; background: var(--orange); color: #fff; padding: 7px 14px; border-radius: 999px; letter-spacing: 0.01em; box-shadow: 0 1px 2px rgba(16,35,63,0.18), inset 0 1px 0 rgba(255,255,255,0.12); flex-shrink: 0; }\n  .feelapp-lp .mock-btn-ghost { font-size: 0.7rem; font-weight: 700; background: var(--bg-raised); color: var(--ink); border: 1px solid var(--line); padding: 7px 14px; border-radius: 999px; flex-shrink: 0; }\n  .feelapp-lp .mock-status-badge { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 0.66rem; font-weight: 700; padding: 3px 11px; border-radius: 999px; background: rgba(16,35,63,0.08); color: var(--ink-soft); letter-spacing: 0.02em; box-shadow: inset 0 0 0 1px rgba(16,35,63,0.08); }\n  .feelapp-lp .mock-kpi-row { display: flex; gap: 10px; margin-bottom: 16px; }\n  .feelapp-lp .mock-kpi { flex: 1; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 9px 12px; }\n  .feelapp-lp .mock-kpi-label { display: block; font-size: 0.62rem; color: var(--ink-soft); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }\n  .feelapp-lp .mock-kpi-val { display: block; font-size: 1.02rem; font-weight: 900; color: var(--ink); margin-top: 3px; font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-kpi-val.accent { color: var(--orange-deep); }\n  .feelapp-lp .mock-two-col { display: flex; gap: 20px; align-items: flex-start; }\n  .feelapp-lp .mock-col-main { flex: 1; min-width: 0; }\n  .feelapp-lp .mock-rail { width: 200px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; }\n  .feelapp-lp .mock-rail-card { background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; }\n  .feelapp-lp .mock-rail-card h5 { margin: 0 0 8px; font-size: 0.64rem; font-weight: 700; color: var(--ink-soft); text-transform: uppercase; letter-spacing: 0.04em; }\n  .feelapp-lp .mock-rail-card .mock-rail-row { display: flex; justify-content: space-between; gap: 8px; font-size: 0.7rem; color: var(--ink); padding: 4px 0; }\n  .feelapp-lp .mock-rail-card .mock-rail-row span:first-child { color: var(--ink-soft); flex-shrink: 0; }\n  .feelapp-lp .mock-rail-card .mock-rail-row.total { font-weight: 900; color: var(--orange-deep); border-top: 1px solid var(--line); margin-top: 4px; padding-top: 8px; font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-rail-card .mock-rail-link { display: block; font-size: 0.7rem; color: var(--ink); padding: 5px 0; border-bottom: 1px dashed var(--line); }\n  .feelapp-lp .mock-rail-card .mock-rail-link:last-child { border-bottom: none; }\n  .feelapp-lp .mock-invoice .mock-doc-sub { font-size: 0.76rem; color: var(--ink-soft); margin-bottom: 12px; }\n  .feelapp-lp .mock-invoice .mock-table { width: 100%; border-collapse: collapse; font-size: 0.72rem; }\n  .feelapp-lp .mock-invoice .mock-table th { text-align: left; color: var(--ink-soft); font-weight: 700; padding: 0 6px 6px; border-bottom: 1px solid var(--line); }\n  .feelapp-lp .mock-invoice .mock-table th:not(:first-child), .feelapp-lp .mock-invoice .mock-table td:not(:first-child) { text-align: right; }\n  .feelapp-lp .mock-invoice .mock-table td:nth-child(2), .feelapp-lp .mock-invoice .mock-table th:nth-child(2) { text-align: center; }\n  .feelapp-lp .mock-invoice .mock-table td { padding: 7px 6px; border-bottom: 1px dashed var(--line); color: var(--ink); }\n  .feelapp-lp .mock-invoice .mock-table td:not(:first-child) { font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-invoice .mock-notes { margin-top: 12px; font-size: 0.68rem; color: var(--ink-soft); background: var(--bg); border-radius: 6px; padding: 8px 10px; }\n  .feelapp-lp .mock-invoice .mock-notes b { color: var(--ink); }\n  .feelapp-lp .mock-chart .mock-linechart { width: 100%; height: auto; display: block; margin: 4px 0 10px; font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-chart .mock-legend { display: flex; gap: 20px; font-size: 0.6rem; color: var(--ink-soft); margin: -4px 0 16px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }\n  .feelapp-lp .mock-chart .mock-legend span::before { content: \"\"; display: inline-block; width: 14px; height: 2px; border-radius: 1px; margin-right: 6px; vertical-align: middle; }\n  .feelapp-lp .mock-chart .mock-legend .l-budget::before { background: var(--line); }\n  .feelapp-lp .mock-chart .mock-legend .l-actual { position: relative; }\n  .feelapp-lp .mock-chart .mock-legend .l-actual::before { background: var(--orange); }\n  .feelapp-lp .mock-chart .mock-legend .l-actual::after { content: \"\"; position: absolute; left: 20px; top: -2.5px; width: 5px; height: 5px; border-radius: 50%; background: var(--orange); }\n  .feelapp-lp .mock-chart .mock-table { width: 100%; border-collapse: collapse; font-size: 0.7rem; }\n  .feelapp-lp .mock-chart .mock-table th { text-align: left; color: var(--ink-soft); font-weight: 700; padding: 0 6px 6px; border-bottom: 1px solid var(--line); text-transform: uppercase; letter-spacing: 0.03em; font-size: 0.6rem; }\n  .feelapp-lp .mock-chart .mock-table th:not(:first-child), .feelapp-lp .mock-chart .mock-table td:not(:first-child) { text-align: right; }\n  .feelapp-lp .mock-chart .mock-table td { padding: 7px 6px; border-bottom: 1px dashed var(--line); color: var(--ink); font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-chart .mock-table td.pos { color: var(--orange-deep); font-weight: 700; }\n  .feelapp-lp .mock-chart .mock-table td.neg { color: #B0453A; font-weight: 700; }\n  .feelapp-lp .mock-goals .mock-goal-item { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }\n  .feelapp-lp .mock-goals .mock-goal-item:last-child { border-bottom: none; }\n  .feelapp-lp .mock-goals .mock-avatar-sm { width: 24px; height: 24px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 0.62rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\n  .feelapp-lp .mock-goals .mock-goal-body { flex: 1; min-width: 0; }\n  .feelapp-lp .mock-goals .mock-goal-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }\n  .feelapp-lp .mock-goals .mock-goal-name { font-size: 0.8rem; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  .feelapp-lp .mock-goals .mock-goal-badge { flex-shrink: 0; font-size: 0.64rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; letter-spacing: 0.02em; box-shadow: inset 0 0 0 1px rgba(16,35,63,0.08); }\n  .feelapp-lp .mock-goals .mock-goal-badge.on-track { background: rgba(237,144,19,0.15); color: var(--orange-deep); }\n  .feelapp-lp .mock-goals .mock-goal-badge.neutral { background: rgba(16,35,63,0.08); color: var(--ink-soft); }\n  .feelapp-lp .mock-goals .mock-goal-track { height: 6px; border-radius: 4px; background: var(--line); overflow: hidden; box-shadow: inset 0 1px 2px rgba(16,35,63,0.08); }\n  .feelapp-lp .mock-goals .mock-goal-fill { height: 100%; border-radius: 4px; background: var(--orange); }\n  .feelapp-lp .mock-goals .mock-goal-meta { display: flex; justify-content: space-between; font-size: 0.68rem; color: var(--ink-soft); margin-top: 5px; font-variant-numeric: tabular-nums; }\n  .feelapp-lp .mock-portal .mock-feed-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 0.78rem; }\n  .feelapp-lp .mock-portal .mock-feed-item:last-child { border-bottom: none; }\n  .feelapp-lp .mock-portal .mock-feed-tag { flex-shrink: 0; font-size: 0.64rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: rgba(16,35,63,0.08); color: var(--navy); letter-spacing: 0.02em; box-shadow: inset 0 0 0 1px rgba(16,35,63,0.08); }\n  .feelapp-lp .mock-portal .mock-feed-tag.alt { background: rgba(237,144,19,0.15); color: var(--orange-deep); }\n  .feelapp-lp .mock-portal .mock-feed-text { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n  @media (hover: none) { .feelapp-lp .example-preview { display: none !important; } }\n\n  \/* PRICING *\/\n  .feelapp-lp .price-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 14px; align-items: stretch; }\n  .feelapp-lp .price-card { border: 1px solid var(--line); border-radius: 18px; padding: 26px 22px; background: var(--bg-raised); display: flex; flex-direction: column; }\n  .feelapp-lp .price-icon { width: 40px; height: 40px; margin-bottom: 14px; }\n  .feelapp-lp .price-icon svg { width: 100%; height: 100%; display: block; }\n  .feelapp-lp .price-card.highlight { background: var(--ink); color: var(--bg); border-color: var(--ink); }\n  .feelapp-lp .price-card .p-label { font-size: 0.86rem; color: var(--ink-soft); margin-bottom: 8px; }\n  .feelapp-lp .price-card.highlight .p-label { color: rgba(250,249,244,0.65); }\n  .feelapp-lp .price-card .p-amount { font-size: 1.8rem; font-weight: 900; color: var(--orange-deep); margin-bottom: 12px; }\n  .feelapp-lp .price-card.highlight .p-amount { color: var(--yellow); }\n  .feelapp-lp .price-card .p-desc { font-size: 0.84rem; color: var(--ink-soft); line-height: 1.65; }\n  .feelapp-lp .price-card.highlight .p-desc { color: rgba(250,249,244,0.75); }\n  @media (max-width: 700px) { .feelapp-lp .price-grid { grid-template-columns: 1fr; } }\n\n  \/* FINAL CTA *\/\n  .feelapp-lp .final-cta { text-align: center; padding: 64px 0 36px; }\n  .feelapp-lp .final-cta h2 { font-size: clamp(1.4rem, 4vw, 1.9rem); font-weight: 900; margin: 0 0 14px; }\n  .feelapp-lp .final-cta p { color: var(--ink-soft); margin: 0 0 30px; }\n\n  @media (max-width: 700px) {\n    .feelapp-lp .reason-row { grid-template-columns: 40px 1fr; gap: 6px 16px; }\n    .feelapp-lp .reason-row p { grid-column: 2 \/ -1; }\n    .feelapp-lp .feature-grid { grid-template-columns: 1fr; }\n    .feelapp-lp .usecase-grid { grid-template-columns: 1fr 1fr; }\n    .feelapp-lp .example-row { grid-template-columns: 44px 1fr; gap: 6px 14px; }\n    .feelapp-lp .example-row p { grid-column: 1 \/ -1; }\n    .feelapp-lp .section-pad { padding: 40px 0; }\n  }\n  .feelapp-lp ::selection { background: var(--yellow); color: var(--navy); }\n\n  \/* SCROLL REVEAL *\/\n  .feelapp-lp .reveal {\n    opacity: 0;\n    transform: translateY(16px);\n    transition: opacity .6s ease, transform .6s ease;\n  }\n  .feelapp-lp .reveal.is-visible { opacity: 1; transform: translateY(0); }\n  .feelapp-lp .reveal:nth-child(2) { transition-delay: .08s; }\n  .feelapp-lp .reveal:nth-child(3) { transition-delay: .16s; }\n  .feelapp-lp .reveal:nth-child(4) { transition-delay: .24s; }\n\n  \/* HERO LINE DRIFT *\/\n  @keyframes fa-line-drift {\n    0%, 100% { transform: rotate(-6deg) translateX(0); opacity: 0.3; }\n    50% { transform: rotate(-6deg) translateX(16px); opacity: 0.45; }\n  }\n  .feelapp-lp .hero-lines span { animation: fa-line-drift 8s ease-in-out infinite; }\n  .feelapp-lp .hero-lines span:nth-child(2) { animation-delay: 1.4s; animation-duration: 9.5s; }\n  .feelapp-lp .hero-lines span:nth-child(3) { animation-delay: 2.8s; animation-duration: 10.5s; }\n\n  \/* CARD HOVER *\/\n  .feelapp-lp .stat-card,\n  .feelapp-lp .feature-cell,\n  .feelapp-lp .usecase-card,\n  .feelapp-lp .price-card {\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .feelapp-lp .stat-card:hover,\n  .feelapp-lp .feature-cell:hover,\n  .feelapp-lp .usecase-card:hover,\n  .feelapp-lp .price-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 10px 24px rgba(16,35,63,0.10);\n    z-index: 2;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .feelapp-lp .reveal { transition: none !important; opacity: 1 !important; transform: none !important; }\n    .feelapp-lp .hero-lines span { animation: none !important; }\n    .feelapp-lp .stat-card, .feelapp-lp .feature-cell, .feelapp-lp .usecase-card, .feelapp-lp .price-card {\n      transition: none !important;\n    }\n  }\n<\/style>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  var titleEl = document.querySelector('#post_title2 .title span');\n  if (!titleEl) return;\n  titleEl.outerHTML =\n    '<img decoding=\"async\" class=\"fa-logo-img\" src=\"https:\/\/www.fsz.co.jp\/wp-content\/uploads\/2026\/09\/FeelApp_large.png\" alt=\"FeelApp\">' +\n    '<span class=\"fa-sub\">\u8d85\u9ad8\u901f\u958b\u767a\u30b5\u30fc\u30d3\u30b9<\/span>';\n\n  var revealEls = document.querySelectorAll('.feelapp-lp .reveal');\n  if (!revealEls.length) return;\n  if (!('IntersectionObserver' in window)) {\n    revealEls.forEach(function (el) { el.classList.add('is-visible'); });\n    return;\n  }\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n  revealEls.forEach(function (el) { io.observe(el); });\n\n  var previewBox = document.getElementById('fa-example-preview');\n  var exampleRows = document.querySelectorAll('.feelapp-lp .example-row[data-mock]');\n  if (previewBox && exampleRows.length && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\n    var activeTpl = null;\n    var OFFSET = 24;\n    var positionPreview = function (x, y) {\n      var w = previewBox.offsetWidth || 300;\n      var h = previewBox.offsetHeight || 200;\n      var left = x + OFFSET;\n      var top = y + OFFSET;\n      if (left + w > window.innerWidth - 12) left = x - OFFSET - w;\n      if (top + h > window.innerHeight - 12) top = y - OFFSET - h;\n      if (left < 12) left = 12;\n      if (top < 12) top = 12;\n      previewBox.style.left = left + 'px';\n      previewBox.style.top = top + 'px';\n    };\n    exampleRows.forEach(function (row) {\n      var tpl = document.getElementById('mock-' + row.dataset.mock);\n      if (!tpl) return;\n      row.addEventListener('mouseenter', function (e) {\n        if (activeTpl !== tpl) {\n          previewBox.innerHTML = '';\n          previewBox.appendChild(tpl.content.cloneNode(true));\n          activeTpl = tpl;\n        }\n        positionPreview(e.clientX, e.clientY);\n        previewBox.classList.add('is-visible');\n      });\n      row.addEventListener('mousemove', function (e) {\n        positionPreview(e.clientX, e.clientY);\n      });\n      row.addEventListener('mouseleave', function () {\n        previewBox.classList.remove('is-visible');\n      });\n    });\n  }\n});\n<\/script>\n\n<div class=\"feelapp-lp\">\n\n<div id=\"fa-example-preview\" class=\"example-preview\" aria-hidden=\"true\"><\/div>\n<template id=\"mock-mitsumori\">\n  <div class=\"mock-window\">\n    <div class=\"mock-titlebar\"><span><\/span><span><\/span><span><\/span><span class=\"mock-url\">app.feelapp.jp\/estimate\/8821<\/span><\/div>\n    <div class=\"mock-topheader\">\n      <span class=\"mock-brand\">FeelApp<\/span>\n      <span class=\"mock-search\">\u691c\u7d22...<\/span>\n      <div class=\"mock-header-icons\"><svg class=\"mock-bell\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3a6 6 0 0 0-6 6v3.5L4 16h16l-2-3.5V9a6 6 0 0 0-6-6Z\" fill=\"currentColor\"\/><path d=\"M9.5 19a2.5 2.5 0 0 0 5 0\" stroke=\"currentColor\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><span class=\"mock-header-avatar\">\u7530<\/span><\/div>\n    <\/div>\n    <div class=\"mock-shell\">\n      <div class=\"mock-sidebar\">\n        <div class=\"mock-nav-item active\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\" fill=\"currentColor\" opacity=\"0.9\"\/><rect x=\"8\" y=\"8\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"13\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"17\" width=\"10\" height=\"2.4\" rx=\"1.2\" fill=\"#ED9013\"\/><\/svg><span>\u898b\u7a4d\u66f8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"13\" width=\"3\" height=\"7\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"9\" y=\"9\" width=\"3\" height=\"11\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"14\" y=\"5\" width=\"3\" height=\"15\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><path d=\"M4 12l5-4 5 3 5-6\" stroke=\"#ED9013\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>\u4e88\u5b9f\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.5\"\/><circle cx=\"11\" cy=\"12\" r=\"5\" fill=\"#0c1a30\"\/><circle cx=\"11\" cy=\"12\" r=\"2.2\" fill=\"#ED9013\"\/><path d=\"M19 4l-6.2 6.2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M19 4l-4 1 3 3z\" fill=\"currentColor\"\/><\/svg><span>\u76ee\u6a19\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><\/svg><span>\u793e\u5185\u30dd\u30fc\u30bf\u30eb<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/><path d=\"M8 15v-4M12 15v-7M16 15v-2\" stroke=\"#ED9013\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u30ec\u30dd\u30fc\u30c8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#ED9013\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9L17 7M7 17l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u8a2d\u5b9a<\/span><\/div>\n        <div class=\"mock-nav-foot\"><span class=\"mock-nav-avatar\">\u7530<\/span><span>\u7530\u4e2d \u592a\u90ce<\/span><\/div>\n      <\/div>\n      <div class=\"mock-main\">\n        <div class=\"mock-crumb\">\u898b\u7a4d\u3082\u308a\u4f5c\u6210 <span class=\"mock-crumb-sep\">\u203a<\/span> \u898b\u7a4d\u66f8\u4e00\u89a7 <span class=\"mock-crumb-sep\">\u203a<\/span> <b>No.8821<\/b><\/div>\n        <div class=\"mock-toolbar\">\n          <span class=\"mock-toolbar-title\">\u5fa1\u898b\u7a4d\u66f8<span class=\"mock-status-badge\">\u4e0b\u66f8\u304d<\/span><\/span>\n          <div class=\"mock-toolbar-actions\"><span class=\"mock-btn-ghost\">PDF\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/span><span class=\"mock-btn-primary\">\u9867\u5ba2\u3078\u9001\u4fe1<\/span><\/div>\n        <\/div>\n        <div class=\"mock-two-col\">\n          <div class=\"mock-col-main mock-invoice\">\n            <div class=\"mock-doc-sub\">\u682a\u5f0f\u4f1a\u793e\u30b5\u30f3\u30d7\u30eb \u5fa1\u4e2d<\/div>\n            <table class=\"mock-table\">\n              <thead><tr><th>\u54c1\u540d<\/th><th>\u6570\u91cf<\/th><th>\u5358\u4fa1<\/th><th>\u91d1\u984d<\/th><\/tr><\/thead>\n              <tbody>\n                <tr><td>Web\u30a2\u30d7\u30ea\u958b\u767a\u4e00\u5f0f<\/td><td>1<\/td><td>\u00a5350,000<\/td><td>\u00a5350,000<\/td><\/tr>\n                <tr><td>\u4fdd\u5b88\u30b5\u30dd\u30fc\u30c8\uff08\u6708\u984d\uff09<\/td><td>3<\/td><td>\u00a515,000<\/td><td>\u00a545,000<\/td><\/tr>\n                <tr><td>\u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/td><td>1<\/td><td>\u00a532,000<\/td><td>\u00a532,000<\/td><\/tr>\n                <tr><td>API\u9023\u643a\u958b\u767a<\/td><td>2<\/td><td>\u00a528,000<\/td><td>\u00a556,000<\/td><\/tr>\n                <tr><td>\u8af8\u7d4c\u8cbb<\/td><td>1<\/td><td>\u00a58,000<\/td><td>\u00a58,000<\/td><\/tr>\n              <\/tbody>\n            <\/table>\n            <div class=\"mock-notes\"><b>\u5099\u8003\uff1a<\/b> \u7d0d\u671f\u306f\u767a\u6ce8\u78ba\u5b9a\u5f8c\u3001\u7d043\u9031\u9593\u3092\u4e88\u5b9a\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/div>\n          <\/div>\n          <div class=\"mock-rail\">\n            <div class=\"mock-rail-card\">\n              <h5>\u5b9b\u5148\u60c5\u5831<\/h5>\n              <div class=\"mock-rail-row\"><span>\u4f1a\u793e\u540d<\/span><span>\u682a\u5f0f\u4f1a\u793e\u30b5\u30f3\u30d7\u30eb<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>\u767a\u884c\u65e5<\/span><span>2026\/09\/28<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>\u652f\u6255\u671f\u9650<\/span><span>2026\/10\/31<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>\u62c5\u5f53\u8005<\/span><span>\u7530\u4e2d \u592a\u90ce<\/span><\/div>\n            <\/div>\n            <div class=\"mock-rail-card\">\n              <h5>\u91d1\u984d\u30b5\u30de\u30ea\u30fc<\/h5>\n              <div class=\"mock-rail-row\"><span>\u5c0f\u8a08<\/span><span>\u00a5491,000<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>\u6d88\u8cbb\u7a0e(10%)<\/span><span>\u00a549,100<\/span><\/div>\n              <div class=\"mock-rail-row total\"><span>\u5408\u8a08<\/span><span>\u00a5540,100<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/template>\n<template id=\"mock-yojitsu\">\n  <div class=\"mock-window\">\n    <div class=\"mock-titlebar\"><span><\/span><span><\/span><span><\/span><span class=\"mock-url\">app.feelapp.jp\/budget<\/span><\/div>\n    <div class=\"mock-topheader\">\n      <span class=\"mock-brand\">FeelApp<\/span>\n      <span class=\"mock-search\">\u691c\u7d22...<\/span>\n      <div class=\"mock-header-icons\"><svg class=\"mock-bell\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3a6 6 0 0 0-6 6v3.5L4 16h16l-2-3.5V9a6 6 0 0 0-6-6Z\" fill=\"currentColor\"\/><path d=\"M9.5 19a2.5 2.5 0 0 0 5 0\" stroke=\"currentColor\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><span class=\"mock-header-avatar\">\u7530<\/span><\/div>\n    <\/div>\n    <div class=\"mock-shell\">\n      <div class=\"mock-sidebar\">\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\" fill=\"currentColor\" opacity=\"0.9\"\/><rect x=\"8\" y=\"8\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"13\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"17\" width=\"10\" height=\"2.4\" rx=\"1.2\" fill=\"#ED9013\"\/><\/svg><span>\u898b\u7a4d\u66f8<\/span><\/div>\n        <div class=\"mock-nav-item active\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"13\" width=\"3\" height=\"7\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"9\" y=\"9\" width=\"3\" height=\"11\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"14\" y=\"5\" width=\"3\" height=\"15\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><path d=\"M4 12l5-4 5 3 5-6\" stroke=\"#ED9013\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>\u4e88\u5b9f\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.5\"\/><circle cx=\"11\" cy=\"12\" r=\"5\" fill=\"#0c1a30\"\/><circle cx=\"11\" cy=\"12\" r=\"2.2\" fill=\"#ED9013\"\/><path d=\"M19 4l-6.2 6.2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M19 4l-4 1 3 3z\" fill=\"currentColor\"\/><\/svg><span>\u76ee\u6a19\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><\/svg><span>\u793e\u5185\u30dd\u30fc\u30bf\u30eb<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/><path d=\"M8 15v-4M12 15v-7M16 15v-2\" stroke=\"#ED9013\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u30ec\u30dd\u30fc\u30c8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#ED9013\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9L17 7M7 17l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u8a2d\u5b9a<\/span><\/div>\n        <div class=\"mock-nav-foot\"><span class=\"mock-nav-avatar\">\u7530<\/span><span>\u7530\u4e2d \u592a\u90ce<\/span><\/div>\n      <\/div>\n      <div class=\"mock-main mock-chart\">\n        <div class=\"mock-crumb\">\u4e88\u5b9f\u7ba1\u7406 <span class=\"mock-crumb-sep\">\u203a<\/span> \u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 <span class=\"mock-crumb-sep\">\u203a<\/span> <b>2026\u5e749\u6708<\/b><\/div>\n        <div class=\"mock-toolbar\">\n          <span class=\"mock-toolbar-title\">\u4e88\u5b9f\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/span>\n          <div class=\"mock-toolbar-actions\"><span class=\"mock-filter-chip\">\u6708\u6b21<\/span><span class=\"mock-filter-chip active\">\u56db\u534a\u671f<\/span><span class=\"mock-filter-chip\">\u5e74\u6b21<\/span><span class=\"mock-btn-ghost\">\u30a8\u30af\u30b9\u30dd\u30fc\u30c8<\/span><\/div>\n        <\/div>\n        <div class=\"mock-kpi-row\">\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u4e88\u7b97<\/span><span class=\"mock-kpi-val\">\u00a512.4M<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u5b9f\u7e3e<\/span><span class=\"mock-kpi-val\">\u00a511.1M<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u9054\u6210\u7387<\/span><span class=\"mock-kpi-val accent\">89%<\/span><\/div>\n        <\/div>\n        <svg class=\"mock-linechart\" viewBox=\"0 0 400 182\" aria-hidden=\"true\">\n          <line x1=\"34\" y1=\"152\" x2=\"390\" y2=\"152\" stroke=\"var(--line)\" stroke-width=\"1\"\/>\n          <line x1=\"34\" y1=\"88.4\" x2=\"390\" y2=\"88.4\" stroke=\"var(--line)\" stroke-width=\"1\"\/>\n          <line x1=\"34\" y1=\"24.6\" x2=\"390\" y2=\"24.6\" stroke=\"var(--line)\" stroke-width=\"1\"\/>\n          <text x=\"30\" y=\"155\" text-anchor=\"end\" font-size=\"9\" fill=\"var(--ink-soft)\">\u00a50<\/text>\n          <text x=\"30\" y=\"91\" text-anchor=\"end\" font-size=\"9\" fill=\"var(--ink-soft)\">\u00a56M<\/text>\n          <text x=\"30\" y=\"28\" text-anchor=\"end\" font-size=\"9\" fill=\"var(--ink-soft)\">\u00a512M<\/text>\n          <path d=\"M34,43.7 C69.6,43.7 69.6,37.4 105.2,37.4 C140.8,37.4 140.8,32.1 176.4,32.1 C212,32.1 212,28.9 247.6,28.9 C283.2,28.9 283.2,24.6 318.8,24.6 C354.4,24.6 354.4,20.4 390,20.4\" fill=\"none\" stroke=\"var(--line)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M34,50.1 C69.6,50.1 69.6,44.8 105.2,44.8 C140.8,44.8 140.8,36.3 176.4,36.3 C212,36.3 212,41.6 247.6,41.6 C283.2,41.6 283.2,38.4 318.8,38.4 C354.4,38.4 354.4,34.2 390,34.2 L390,152 L34,152 Z\" fill=\"var(--orange)\" fill-opacity=\"0.1\" stroke=\"none\"\/>\n          <path d=\"M34,50.1 C69.6,50.1 69.6,44.8 105.2,44.8 C140.8,44.8 140.8,36.3 176.4,36.3 C212,36.3 212,41.6 247.6,41.6 C283.2,41.6 283.2,38.4 318.8,38.4 C354.4,38.4 354.4,34.2 390,34.2\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"34\" cy=\"50.1\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"34\" cy=\"50.1\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <circle cx=\"105.2\" cy=\"44.8\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"105.2\" cy=\"44.8\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <circle cx=\"176.4\" cy=\"36.3\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"176.4\" cy=\"36.3\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <circle cx=\"247.6\" cy=\"41.6\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"247.6\" cy=\"41.6\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <circle cx=\"318.8\" cy=\"38.4\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"318.8\" cy=\"38.4\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <circle cx=\"390\" cy=\"34.2\" r=\"6\" fill=\"var(--bg-raised)\"\/><circle cx=\"390\" cy=\"34.2\" r=\"3.5\" fill=\"var(--orange)\"\/>\n          <text x=\"34\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">4\u6708<\/text>\n          <text x=\"105.2\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">5\u6708<\/text>\n          <text x=\"176.4\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">6\u6708<\/text>\n          <text x=\"247.6\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">7\u6708<\/text>\n          <text x=\"318.8\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">8\u6708<\/text>\n          <text x=\"390\" y=\"168\" text-anchor=\"middle\" font-size=\"9\" fill=\"var(--ink-soft)\">9\u6708<\/text>\n          <rect x=\"340\" y=\"8\" width=\"50\" height=\"17\" rx=\"4\" fill=\"var(--navy)\"\/>\n          <text x=\"365\" y=\"20.5\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#fff\">\u00a511.1M<\/text>\n        <\/svg>\n        <div class=\"mock-legend\"><span class=\"l-budget\">\u4e88\u7b97<\/span><span class=\"l-actual\">\u5b9f\u7e3e<\/span><\/div>\n        <table class=\"mock-table\">\n          <thead><tr><th>\u90e8\u9580<\/th><th>\u4e88\u7b97<\/th><th>\u5b9f\u7e3e<\/th><th>\u5dee\u7570<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>\u55b6\u696d\u90e8<\/td><td>\u00a54.2M<\/td><td>\u00a54.5M<\/td><td class=\"pos\">+\u00a50.3M<\/td><\/tr>\n            <tr><td>\u958b\u767a\u90e8<\/td><td>\u00a53.6M<\/td><td>\u00a53.1M<\/td><td class=\"neg\">-\u00a50.5M<\/td><\/tr>\n            <tr><td>\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u90e8<\/td><td>\u00a52.8M<\/td><td>\u00a52.4M<\/td><td class=\"neg\">-\u00a50.4M<\/td><\/tr>\n            <tr><td>\u7ba1\u7406\u90e8<\/td><td>\u00a51.8M<\/td><td>\u00a51.1M<\/td><td class=\"neg\">-\u00a50.7M<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/template>\n<template id=\"mock-mokuhyo\">\n  <div class=\"mock-window\">\n    <div class=\"mock-titlebar\"><span><\/span><span><\/span><span><\/span><span class=\"mock-url\">app.feelapp.jp\/goals<\/span><\/div>\n    <div class=\"mock-topheader\">\n      <span class=\"mock-brand\">FeelApp<\/span>\n      <span class=\"mock-search\">\u691c\u7d22...<\/span>\n      <div class=\"mock-header-icons\"><svg class=\"mock-bell\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3a6 6 0 0 0-6 6v3.5L4 16h16l-2-3.5V9a6 6 0 0 0-6-6Z\" fill=\"currentColor\"\/><path d=\"M9.5 19a2.5 2.5 0 0 0 5 0\" stroke=\"currentColor\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><span class=\"mock-header-avatar\">\u7530<\/span><\/div>\n    <\/div>\n    <div class=\"mock-shell\">\n      <div class=\"mock-sidebar\">\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\" fill=\"currentColor\" opacity=\"0.9\"\/><rect x=\"8\" y=\"8\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"13\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"17\" width=\"10\" height=\"2.4\" rx=\"1.2\" fill=\"#ED9013\"\/><\/svg><span>\u898b\u7a4d\u66f8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"13\" width=\"3\" height=\"7\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"9\" y=\"9\" width=\"3\" height=\"11\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"14\" y=\"5\" width=\"3\" height=\"15\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><path d=\"M4 12l5-4 5 3 5-6\" stroke=\"#ED9013\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>\u4e88\u5b9f\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item active\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.5\"\/><circle cx=\"11\" cy=\"12\" r=\"5\" fill=\"#0c1a30\"\/><circle cx=\"11\" cy=\"12\" r=\"2.2\" fill=\"#ED9013\"\/><path d=\"M19 4l-6.2 6.2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M19 4l-4 1 3 3z\" fill=\"currentColor\"\/><\/svg><span>\u76ee\u6a19\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><\/svg><span>\u793e\u5185\u30dd\u30fc\u30bf\u30eb<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/><path d=\"M8 15v-4M12 15v-7M16 15v-2\" stroke=\"#ED9013\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u30ec\u30dd\u30fc\u30c8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#ED9013\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9L17 7M7 17l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u8a2d\u5b9a<\/span><\/div>\n        <div class=\"mock-nav-foot\"><span class=\"mock-nav-avatar\">\u7530<\/span><span>\u7530\u4e2d \u592a\u90ce<\/span><\/div>\n      <\/div>\n      <div class=\"mock-main mock-goals\">\n        <div class=\"mock-crumb\">\u76ee\u6a19\u7ba1\u7406 <span class=\"mock-crumb-sep\">\u203a<\/span> \u30c1\u30fc\u30e0\u76ee\u6a19 <span class=\"mock-crumb-sep\">\u203a<\/span> <b>Q3<\/b><\/div>\n        <div class=\"mock-toolbar\">\n          <span class=\"mock-toolbar-title\">\u30c1\u30fc\u30e0\u76ee\u6a19<\/span>\n          <div class=\"mock-toolbar-actions\"><span class=\"mock-filter-chip active\">\u30c1\u30fc\u30e0<\/span><span class=\"mock-filter-chip\">\u500b\u4eba<\/span><span class=\"mock-btn-primary\">+ \u76ee\u6a19\u3092\u8ffd\u52a0<\/span><\/div>\n        <\/div>\n        <div class=\"mock-kpi-row\">\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u5e73\u5747\u9054\u6210\u7387<\/span><span class=\"mock-kpi-val accent\">61%<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u5bfe\u8c61\u76ee\u6a19\u6570<\/span><span class=\"mock-kpi-val\">5<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u671f\u9650\u9593\u8fd1<\/span><span class=\"mock-kpi-val\">1<\/span><\/div>\n        <\/div>\n        <div class=\"mock-goal-item\">\n          <span class=\"mock-avatar-sm\">\u55b6<\/span>\n          <div class=\"mock-goal-body\">\n            <div class=\"mock-goal-top\"><span class=\"mock-goal-name\">\u58f2\u4e0a\u76ee\u6a19\uff08Q3\uff09<\/span><span class=\"mock-goal-badge on-track\">\u9806\u8abf<\/span><\/div>\n            <div class=\"mock-goal-track\"><div class=\"mock-goal-fill\" style=\"width:82%;\"><\/div><\/div>\n            <div class=\"mock-goal-meta\"><span>\u62c5\u5f53: \u55b6\u696d\u90e8 \u30fb \u671f\u9650: 9\/30<\/span><span>82%<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mock-goal-item\">\n          <span class=\"mock-avatar-sm\">\u30de<\/span>\n          <div class=\"mock-goal-body\">\n            <div class=\"mock-goal-top\"><span class=\"mock-goal-name\">\u65b0\u898f\u9867\u5ba2\u7372\u5f97<\/span><span class=\"mock-goal-badge neutral\">\u9032\u884c\u4e2d<\/span><\/div>\n            <div class=\"mock-goal-track\"><div class=\"mock-goal-fill\" style=\"width:60%;\"><\/div><\/div>\n            <div class=\"mock-goal-meta\"><span>\u62c5\u5f53: \u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u90e8 \u30fb \u671f\u9650: 10\/15<\/span><span>60%<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mock-goal-item\">\n          <span class=\"mock-avatar-sm\">\u7530<\/span>\n          <div class=\"mock-goal-body\">\n            <div class=\"mock-goal-top\"><span class=\"mock-goal-name\">\u500b\u4eba\u30b9\u30ad\u30eb\u76ee\u6a19<\/span><span class=\"mock-goal-badge neutral\">\u9032\u884c\u4e2d<\/span><\/div>\n            <div class=\"mock-goal-track\"><div class=\"mock-goal-fill\" style=\"width:45%;\"><\/div><\/div>\n            <div class=\"mock-goal-meta\"><span>\u62c5\u5f53: \u7530\u4e2d \u30fb \u671f\u9650: 11\/30<\/span><span>45%<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mock-goal-item\">\n          <span class=\"mock-avatar-sm\">\u7ba1<\/span>\n          <div class=\"mock-goal-body\">\n            <div class=\"mock-goal-top\"><span class=\"mock-goal-name\">\u30b3\u30b9\u30c8\u524a\u6e1b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<\/span><span class=\"mock-goal-badge on-track\">\u9806\u8abf<\/span><\/div>\n            <div class=\"mock-goal-track\"><div class=\"mock-goal-fill\" style=\"width:90%;\"><\/div><\/div>\n            <div class=\"mock-goal-meta\"><span>\u62c5\u5f53: \u7ba1\u7406\u90e8 \u30fb \u671f\u9650: 9\/25<\/span><span>90%<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"mock-goal-item\">\n          <span class=\"mock-avatar-sm\">\u958b<\/span>\n          <div class=\"mock-goal-body\">\n            <div class=\"mock-goal-top\"><span class=\"mock-goal-name\">\u65b0\u88fd\u54c1\u958b\u767a\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3<\/span><span class=\"mock-goal-badge neutral\">\u9032\u884c\u4e2d<\/span><\/div>\n            <div class=\"mock-goal-track\"><div class=\"mock-goal-fill\" style=\"width:30%;\"><\/div><\/div>\n            <div class=\"mock-goal-meta\"><span>\u62c5\u5f53: \u958b\u767a\u90e8 \u30fb \u671f\u9650: 12\/20<\/span><span>30%<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/template>\n<template id=\"mock-portal\">\n  <div class=\"mock-window\">\n    <div class=\"mock-titlebar\"><span><\/span><span><\/span><span><\/span><span class=\"mock-url\">app.feelapp.jp\/portal<\/span><\/div>\n    <div class=\"mock-topheader\">\n      <span class=\"mock-brand\">FeelApp<\/span>\n      <span class=\"mock-search\">\u691c\u7d22...<\/span>\n      <div class=\"mock-header-icons\"><svg class=\"mock-bell\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3a6 6 0 0 0-6 6v3.5L4 16h16l-2-3.5V9a6 6 0 0 0-6-6Z\" fill=\"currentColor\"\/><path d=\"M9.5 19a2.5 2.5 0 0 0 5 0\" stroke=\"currentColor\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><span class=\"mock-header-avatar\">\u7530<\/span><\/div>\n    <\/div>\n    <div class=\"mock-shell\">\n      <div class=\"mock-sidebar\">\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\" fill=\"currentColor\" opacity=\"0.9\"\/><rect x=\"8\" y=\"8\" width=\"8\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"13\" width=\"6\" height=\"2\" rx=\"1\" fill=\"#0c1a30\"\/><rect x=\"8\" y=\"17\" width=\"10\" height=\"2.4\" rx=\"1.2\" fill=\"#ED9013\"\/><\/svg><span>\u898b\u7a4d\u66f8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"13\" width=\"3\" height=\"7\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"9\" y=\"9\" width=\"3\" height=\"11\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><rect x=\"14\" y=\"5\" width=\"3\" height=\"15\" rx=\"1\" fill=\"currentColor\" opacity=\"0.55\"\/><path d=\"M4 12l5-4 5 3 5-6\" stroke=\"#ED9013\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><span>\u4e88\u5b9f\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"12\" r=\"8\" fill=\"currentColor\" opacity=\"0.5\"\/><circle cx=\"11\" cy=\"12\" r=\"5\" fill=\"#0c1a30\"\/><circle cx=\"11\" cy=\"12\" r=\"2.2\" fill=\"#ED9013\"\/><path d=\"M19 4l-6.2 6.2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M19 4l-4 1 3 3z\" fill=\"currentColor\"\/><\/svg><span>\u76ee\u6a19\u7ba1\u7406<\/span><\/div>\n        <div class=\"mock-nav-item active\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"#ED9013\" opacity=\"0.55\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.4\" fill=\"currentColor\"\/><\/svg><span>\u793e\u5185\u30dd\u30fc\u30bf\u30eb<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/><path d=\"M8 15v-4M12 15v-7M16 15v-2\" stroke=\"#ED9013\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u30ec\u30dd\u30fc\u30c8<\/span><\/div>\n        <div class=\"mock-nav-item\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"#ED9013\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9L17 7M7 17l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><span>\u8a2d\u5b9a<\/span><\/div>\n        <div class=\"mock-nav-foot\"><span class=\"mock-nav-avatar\">\u7530<\/span><span>\u7530\u4e2d \u592a\u90ce<\/span><\/div>\n      <\/div>\n      <div class=\"mock-main mock-portal\">\n        <div class=\"mock-crumb\">\u793e\u5185\u30dd\u30fc\u30bf\u30eb <span class=\"mock-crumb-sep\">\u203a<\/span> <b>\u30db\u30fc\u30e0<\/b><\/div>\n        <div class=\"mock-toolbar\"><span class=\"mock-toolbar-title\">\u30db\u30fc\u30e0<\/span><\/div>\n        <div class=\"mock-kpi-row\">\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u672a\u8aad\u304a\u77e5\u3089\u305b<\/span><span class=\"mock-kpi-val accent\">4<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u627f\u8a8d\u5f85\u3061<\/span><span class=\"mock-kpi-val\">2<\/span><\/div>\n          <div class=\"mock-kpi\"><span class=\"mock-kpi-label\">\u4eca\u65e5\u306e\u4e88\u5b9a<\/span><span class=\"mock-kpi-val\">3<\/span><\/div>\n        <\/div>\n        <div class=\"mock-two-col\">\n          <div class=\"mock-col-main\">\n            <div class=\"mock-feed-item\"><span class=\"mock-feed-tag\">\u304a\u77e5\u3089\u305b<\/span><span class=\"mock-feed-text\">\u5e74\u672b\u5e74\u59cb\u4f11\u696d\u306e\u3054\u6848\u5185<\/span><\/div>\n            <div class=\"mock-feed-item\"><span class=\"mock-feed-tag alt\">\u7533\u8acb<\/span><span class=\"mock-feed-text\">\u7d4c\u8cbb\u7cbe\u7b97\u30b7\u30b9\u30c6\u30e0\u66f4\u65b0\u306b\u3064\u3044\u3066<\/span><\/div>\n            <div class=\"mock-feed-item\"><span class=\"mock-feed-tag\">\u30a4\u30d9\u30f3\u30c8<\/span><span class=\"mock-feed-text\">\u5168\u793e\u4f1a\u8b70\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u516c\u958b<\/span><\/div>\n            <div class=\"mock-feed-item\"><span class=\"mock-feed-tag alt\">\u7533\u8acb<\/span><span class=\"mock-feed-text\">\u5728\u5b85\u52e4\u52d9\u7533\u8acb\u306e\u53d7\u4ed8\u3092\u958b\u59cb\u3057\u307e\u3057\u305f<\/span><\/div>\n            <div class=\"mock-feed-item\"><span class=\"mock-feed-tag\">\u304a\u77e5\u3089\u305b<\/span><span class=\"mock-feed-text\">\u30aa\u30d5\u30a3\u30b9\u79fb\u8ee2\u306b\u95a2\u3059\u308b\u3054\u6848\u5185<\/span><\/div>\n          <\/div>\n          <div class=\"mock-rail\">\n            <div class=\"mock-rail-card\">\n              <h5>\u30af\u30a4\u30c3\u30af\u30ea\u30f3\u30af<\/h5>\n              <div class=\"mock-rail-link\">\u7d4c\u8cbb\u7533\u8acb<\/div>\n              <div class=\"mock-rail-link\">\u6709\u7d66\u7533\u8acb<\/div>\n              <div class=\"mock-rail-link\">\u5099\u54c1\u4e88\u7d04<\/div>\n              <div class=\"mock-rail-link\">\u5ea7\u5e2d\u4e88\u7d04<\/div>\n            <\/div>\n            <div class=\"mock-rail-card\">\n              <h5>\u4eca\u65e5\u306e\u4e88\u5b9a<\/h5>\n              <div class=\"mock-rail-row\"><span>10:00<\/span><span>\u5b9a\u4f8bMTG<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>13:30<\/span><span>\u6765\u5ba2\u5bfe\u5fdc<\/span><\/div>\n              <div class=\"mock-rail-row\"><span>16:00<\/span><span>1on1<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/template>\n\n<section class=\"hero\">\n  <div class=\"hero-lines\" aria-hidden=\"true\">\n    <span style=\"width:60%; top:18%; left:-10%; transform:rotate(-6deg);\"><\/span>\n    <span style=\"width:40%; top:38%; left:20%; transform:rotate(-6deg);\"><\/span>\n    <span style=\"width:70%; top:60%; left:-20%; transform:rotate(-6deg);\"><\/span>\n  <\/div>\n  <div class=\"wrap hero-inner\">\n    <h2>\u601d\u3044\u3064\u3044\u305f\u3089\u3001<br>\u6765\u9031\u306b\u306f<em>\u52d5\u3044\u3066\u3044\u308b\u3002<\/em><\/h2>\n    <p class=\"lead\">\u696d\u52d9\u306b\u5408\u308f\u305b\u3066\u7d20\u65e9\u304f\u4f5c\u308a\u3001\u4f7f\u3044\u306a\u304c\u3089\u80b2\u3066\u308b\u3002<br>FeelApp\u304c\u3001DX\u3092\u3082\u3063\u3068\u901f\u304f\u3001\u3082\u3063\u3068\u81ea\u5206\u305f\u3061\u3089\u3057\u304f\u3002<\/p>\n    <div class=\"stat-row\">\n      <div class=\"stat-card reveal\"><span class=\"num\">\u00a50<\/span><span class=\"label\">\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u958b\u767a\u8cbb\u7528<\/span><\/div>\n      <div class=\"stat-card reveal\"><span class=\"num\">1\u9031\u9593<\/span><span class=\"label\">\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u5b8c\u6210\u306e\u76ee\u5b89<\/span><\/div>\n      <div class=\"stat-card reveal\"><span class=\"num\">\u8981\u76f8\u8ac7<\/span><span class=\"label\">\u672c\u958b\u767a\u8cbb\u7528\uff08\u500b\u5225\u898b\u7a4d\uff09<\/span><\/div>\n    <\/div>\n    <a class=\"btn-primary\" href=\"https:\/\/www.fsz.co.jp\/?page_id=223\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\u304b\u3089<\/a>\n  <\/div>\n<\/section>\n\n<div class=\"wrap\"><div class=\"divider\"><\/div><\/div>\n\n<section class=\"section-pad\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\"><span class=\"idx\">01<\/span><h2>\u8d85\u9ad8\u901f\u958b\u767a\u304c\u5fc5\u8981\u306a\u7406\u7531<\/h2><\/div>\n    <div class=\"reasons\">\n      <div class=\"reason-row reveal\">\n        <div class=\"reason-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"26\" cy=\"20\" r=\"12\" fill=\"#10233F\"\/>\n          <path d=\"M8 54c0-12 8-20 18-20s18 8 18 20\" fill=\"#10233F\"\/>\n          <circle cx=\"46\" cy=\"46\" r=\"12\" fill=\"#ED9013\"\/>\n          <rect x=\"44\" y=\"38\" width=\"4\" height=\"10\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"46\" cy=\"52\" r=\"2.2\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <h3>\u6162\u6027\u7684\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u4e0d\u8db3<\/h3>\n        <p>2030\u5e74\u306b\u306f\u6700\u592779\u4e07\u4eba\u306eIT\u4eba\u6750\u304c\u4e0d\u8db3\u3057\u3001\u4eba\u6750\u78ba\u4fdd\u304c\u3088\u308a\u56f0\u96e3\u306b\u3002<\/p>\n      <\/div>\n      <div class=\"reason-row reveal\">\n        <div class=\"reason-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M8 44l14-10 10 8 14-20 10 6\" stroke=\"#ED9013\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M46 16h10v10\" stroke=\"#ED9013\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"22\" cy=\"34\" r=\"3\" fill=\"#10233F\"\/>\n          <circle cx=\"32\" cy=\"42\" r=\"3\" fill=\"#10233F\"\/>\n        <\/svg><\/div>\n        <h3>\u6fc0\u5909\u3059\u308b\u30d3\u30b8\u30cd\u30b9\u74b0\u5883<\/h3>\n        <p>\u5e02\u5834\u30cb\u30fc\u30ba\u304c\u76ee\u307e\u3050\u308b\u3057\u304f\u5909\u5316\u3057\u3001\u6570\u5e74\u304b\u3051\u3066\u4f5c\u3063\u305f\u30b7\u30b9\u30c6\u30e0\u304c\u9673\u8150\u5316\u3059\u308b\u3002<\/p>\n      <\/div>\n      <div class=\"reason-row reveal\">\n        <div class=\"reason-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M14 14h16v6a4 4 0 0 0 8 0v-6h12v16h-6a4 4 0 0 0 0 8h6v16H14V34a4 4 0 0 0 0-8V14Z\" fill=\"#ED9013\"\/>\n          <circle cx=\"48\" cy=\"48\" r=\"11\" fill=\"#10233F\"\/>\n          <rect x=\"42\" y=\"46\" width=\"12\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <h3>\u30d1\u30c3\u30b1\u30fc\u30b8\u3067\u306f\u6a5f\u80fd\u304c\u8db3\u308a\u306a\u3044<\/h3>\n        <p>\u5229\u7528\u3057\u3066\u3044\u308b\u30a2\u30d7\u30ea\u3067\u306f\u5c4a\u304b\u306a\u3044\u304b\u3086\u3044\u90e8\u5206\u3092\u306a\u3093\u3068\u304b\u3057\u305f\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"callout reveal\">FeelApp\u306f\u3001\u696d\u52d9\u306b\u5408\u308f\u305b\u305f\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u3092\u5b9f\u88c5\u3002\u30aa\u30ea\u30b8\u30ca\u30eb\u3067\u7d20\u65e9\u304f\u4f7f\u3048\u308b\u3002<\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-pad\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\"><span class=\"idx\">02<\/span><h2>FeelApp\u3068\u306f<\/h2><\/div>\n    <p style=\"color:var(--ink-soft); margin:-14px 0 28px;\">\u8cb4\u793e\u306e\u30d3\u30b8\u30cd\u30b9\u306b\u6700\u9069\u5316\u3055\u308c\u305fDX\u3092\u63a8\u9032\u3059\u308b\u305f\u3081\u3001\u6700\u9069\u306a\u8981\u7d20\u3092\u30d1\u30c3\u30b1\u30fc\u30b8\u30f3\u30b0\u3057<br>\u4f5c\u6210\u5f8c\u306b\u3059\u3050\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<\/p>\n    <div class=\"feature-grid\">\n      <div class=\"feature-cell reveal\">\n        <div class=\"feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"18\" width=\"80\" height=\"50\" rx=\"8\" fill=\"#10233F\"\/>\n          <rect x=\"16\" y=\"26\" width=\"64\" height=\"34\" rx=\"4\" fill=\"#FAF9F4\"\/>\n          <rect x=\"40\" y=\"68\" width=\"16\" height=\"8\" fill=\"#10233F\"\/>\n          <rect x=\"30\" y=\"76\" width=\"36\" height=\"6\" rx=\"3\" fill=\"#10233F\"\/>\n          <rect x=\"24\" y=\"34\" width=\"34\" height=\"6\" rx=\"3\" fill=\"#E4E0D3\"\/>\n          <rect x=\"24\" y=\"46\" width=\"22\" height=\"6\" rx=\"3\" fill=\"#E4E0D3\"\/>\n          <circle cx=\"70\" cy=\"66\" r=\"18\" fill=\"#ED9013\"\/>\n          <path d=\"M70 58v4M70 70v4M62 66h4M74 66h4M64.3 60.3l2.8 2.8M73 70l2.8 2.8M64.3 71.7l2.8-2.8M73 62l2.8-2.8\" stroke=\"#FAF9F4\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\n          <circle cx=\"70\" cy=\"66\" r=\"6\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <h3>\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9Web\u30a2\u30d7\u30ea<\/h3>\n        <p>\u8cb4\u793e\u306e\u696d\u52d9\u30d5\u30ed\u30fc\u3084\u8981\u4ef6\u306b\u5408\u308f\u305b\u3066\u3001\u67d4\u8edf\u306b\u8a2d\u8a08\u30fb\u69cb\u7bc9\u3055\u308c\u308b\u5c02\u7528\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"feature-cell reveal\">\n        <div class=\"feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M30 66a16 16 0 0 1-2-31.8 20 20 0 0 1 38.6-7A17 17 0 0 1 82 44.5 15 15 0 0 1 79 66H30Z\" fill=\"#ED9013\"\/>\n          <rect x=\"42\" y=\"54\" width=\"24\" height=\"20\" rx=\"4\" fill=\"#10233F\"\/>\n          <path d=\"M46 54v-6a8 8 0 0 1 16 0v6\" stroke=\"#10233F\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n          <circle cx=\"54\" cy=\"63\" r=\"3.4\" fill=\"#FFC93C\"\/>\n          <rect x=\"52.5\" y=\"63\" width=\"3\" height=\"6\" rx=\"1.5\" fill=\"#FFC93C\"\/>\n        <\/svg><\/div>\n        <h3>\u304a\u5ba2\u69d8\u5c02\u7528\u30af\u30e9\u30a6\u30c9<\/h3>\n        <p>\u30c7\u30fc\u30bf\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u5b89\u5b9a\u7a3c\u50cd\u3092\u4fdd\u8a3c\u3059\u308b\u305f\u3081\u3001\u304a\u5ba2\u69d8\u5c02\u7528\u306e\u72ec\u7acb\u3057\u305f\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"feature-cell reveal\">\n        <div class=\"feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M24 30c0-5.5 10.7-10 24-10s24 4.5 24 10v36c0 5.5-10.7 10-24 10s-24-4.5-24-10V30Z\" fill=\"#10233F\"\/>\n          <ellipse cx=\"48\" cy=\"30\" rx=\"24\" ry=\"10\" fill=\"#1a2f52\"\/>\n          <path d=\"M24 30c0 5.5 10.7 10 24 10s24-4.5 24-10\" stroke=\"#FAF9F4\" stroke-width=\"2.5\" fill=\"none\" opacity=\"0.5\"\/>\n          <path d=\"M24 46c0 5.5 10.7 10 24 10s24-4.5 24-10\" stroke=\"#FAF9F4\" stroke-width=\"2.5\" fill=\"none\" opacity=\"0.5\"\/>\n          <circle cx=\"70\" cy=\"70\" r=\"12\" fill=\"#ED9013\"\/>\n          <circle cx=\"70\" cy=\"70\" r=\"4.5\" fill=\"#FAF9F4\"\/>\n          <rect x=\"70\" y=\"74\" width=\"14\" height=\"4\" rx=\"2\" fill=\"#ED9013\"\/>\n          <rect x=\"78\" y=\"78\" width=\"4\" height=\"5\" rx=\"1.5\" fill=\"#ED9013\"\/>\n        <\/svg><\/div>\n        <h3>\u304a\u5ba2\u69d8\u5c02\u7528\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/h3>\n        <p>\u696d\u52d9\u30c7\u30fc\u30bf\u3092\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u3001\u304a\u5ba2\u69d8\u3060\u3051\u306e\u5c02\u7528\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"feature-cell reveal\">\n        <div class=\"feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 96 96\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"14\" y=\"14\" width=\"68\" height=\"68\" rx=\"10\" fill=\"#FAF9F4\" stroke=\"#E4E0D3\" stroke-width=\"2\"\/>\n          <path d=\"M24 66V50M40 66V38M56 66V46M72 66V26\" stroke=\"#10233F\" stroke-width=\"7\" stroke-linecap=\"round\"\/>\n          <path d=\"M22 52l16-16 14 10 20-24\" stroke=\"#ED9013\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <path d=\"M62 20h10v10\" stroke=\"#ED9013\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"72\" cy=\"22\" r=\"5\" fill=\"#FFC93C\"\/>\n        <\/svg><\/div>\n        <h3>\u30ab\u30a4\u30bc\u30f3\u30b5\u30dd\u30fc\u30c8<\/h3>\n        <p>\u30b7\u30b9\u30c6\u30e0\u306e\u904b\u7528\u5f8c\u3082\u3001\u73fe\u5834\u306e\u58f0\u3092\u53cd\u6620\u3057\u7d99\u7d9a\u7684\u306a\u6539\u5584\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3067\u3001\u6210\u679c\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"section-head reveal\" style=\"margin-top:56px;\"><span class=\"idx\">03<\/span><h2>\u300cAI\u306e\u901f\u3055\u300d\u00d7\u300c\u6280\u8853\u8005\u306e\u5224\u65ad\u529b\u300d<\/h2><\/div>\n    <div class=\"strengths\">\n      <div class=\"strength-row reveal\">\n        <div class=\"strength-num\">01<\/div>\n        <div><h3>\u5727\u5012\u7684\u306a\u30b9\u30d4\u30fc\u30c9<\/h3><p>AI\u958b\u767a\u30c4\u30fc\u30eb\u3092\u99c6\u4f7f\u3057\u3001\u753b\u9762\u30fb\u696d\u52d9\u30ed\u30b8\u30c3\u30af\u30fb\u30c7\u30fc\u30bf\u9023\u643a\u3092\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306b\u30ab\u30bf\u30c1\u306b\u3002<\/p><\/div>\n      <\/div>\n      <div class=\"strength-row reveal\">\n        <div class=\"strength-num\">02<\/div>\n        <div><h3>\u67d4\u8edf\u304b\u3064\u8fc5\u901f\u306a\u5bfe\u5fdc<\/h3><p>\u696d\u52d9\u306e\u5909\u5316\u306b\u5fdc\u3058\u305f\u67d4\u8edf\u306a\u958b\u767a\u3002\u30e6\u30fc\u30b6\u30fc\u3092\u3082\u3046\u5f85\u305f\u305b\u307e\u305b\u3093\u3002<\/p><\/div>\n      <\/div>\n      <div class=\"strength-row reveal\">\n        <div class=\"strength-num\">03<\/div>\n        <div><h3>\u6280\u8853\u8005\u304c\u4f34\u8d70\u652f\u63f4<\/h3><p>\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u6280\u8853\u7684\u306a\u88cf\u4ed8\u3051\u3092\u6301\u3063\u3066\u652f\u63f4\u3057\u307e\u3059\u3002<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-pad\">\n  <div class=\"wrap\">\n    <div class=\"runway-wrap reveal\">\n      <span class=\"runway-tag\">\u5b9f\u8cea\u30b3\u30b9\u30c8 \u00a50<\/span>\n      <h2>\u9032\u3081\u65b9\u306f\u3001\u898b\u3066\u304b\u3089\u6c7a\u3081\u3089\u308c\u308b<\/h2>\n      <div class=\"runway\">\n        <div class=\"runway-step\"><div class=\"runway-dot\">1<\/div><h4>\u30d2\u30a2\u30ea\u30f3\u30b0<\/h4><\/div>\n        <div class=\"runway-step\"><div class=\"runway-dot\">2<\/div><h4>\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7<\/h4><\/div>\n        <div class=\"runway-step\"><div class=\"runway-dot\">3<\/div><h4>\u78ba\u8a8d\u30fb\u767a\u6ce8<\/h4><\/div>\n        <div class=\"runway-step\"><div class=\"runway-dot\">4<\/div><h4>\u672c\u958b\u767a\u30fb\u5c0e\u5165<\/h4><\/div>\n        <div class=\"runway-step\"><div class=\"runway-dot\">5<\/div><h4>\u7d99\u7d9a\u30ab\u30a4\u30bc\u30f3<\/h4><\/div>\n      <\/div>\n      <p class=\"runway-caption\">\u670d\u3092\u8cb7\u3046\u524d\u306b\u8a66\u7740\u3057\u3066\u78ba\u304b\u3081\u308b\u3088\u3046\u306b\u3001\u307e\u305a\u306f\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u3067\u30a4\u30e1\u30fc\u30b8\u3092\u78ba\u8a8d\u3002<br>\u7d0d\u5f97\u3057\u3066\u304b\u3089\u672c\u958b\u767a\u3078\u9032\u3080\u306e\u3067\u3001\u30e0\u30c0\u306a\u30ea\u30b9\u30af\u3092\u6291\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"section-pad\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\"><span class=\"idx\">04<\/span><h2>\u73fe\u5834\u306e\u8ab2\u984c\u3092\u3001\u4f7f\u3048\u308b\u30aa\u30ea\u30b8\u30ca\u30eb\u30a2\u30d7\u30ea\u306b\u5909\u3048\u308b<\/h2><\/div>\n    <div class=\"usecase-grid\">\n      <div class=\"usecase-card reveal\">\n        <div class=\"usecase-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"14\" y=\"10\" width=\"36\" height=\"46\" rx=\"6\" fill=\"#10233F\"\/>\n          <rect x=\"24\" y=\"6\" width=\"16\" height=\"8\" rx=\"3\" fill=\"#ED9013\"\/>\n          <rect x=\"20\" y=\"24\" width=\"24\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <rect x=\"20\" y=\"34\" width=\"24\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\" opacity=\"0.7\"\/>\n          <rect x=\"20\" y=\"44\" width=\"16\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\" opacity=\"0.5\"\/>\n          <circle cx=\"46\" cy=\"46\" r=\"10\" fill=\"#FFC93C\"\/>\n          <path d=\"M42 46l3 3 6-6\" stroke=\"#10233F\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg><\/div>\n        <h3>\u696d\u52d9\u7ba1\u7406<\/h3><p>Excel\u3084\u7d19\u3067\u5206\u6563\u3057\u3066\u3044\u308b\u60c5\u5831\u3092\u3001\u30c1\u30fc\u30e0\u3067\u4f7f\u3048\u308b\u696d\u52d9\u30a2\u30d7\u30ea\u3078\u3002<\/p>\n      <\/div>\n      <div class=\"usecase-card reveal\">\n        <div class=\"usecase-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"12\" y=\"8\" width=\"30\" height=\"40\" rx=\"4\" fill=\"#10233F\"\/>\n          <rect x=\"18\" y=\"16\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <rect x=\"18\" y=\"24\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\" opacity=\"0.7\"\/>\n          <rect x=\"18\" y=\"32\" width=\"12\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\" opacity=\"0.5\"\/>\n          <circle cx=\"44\" cy=\"42\" r=\"14\" fill=\"#ED9013\"\/>\n          <path d=\"M37 42l5 5 10-10\" stroke=\"#FAF9F4\" stroke-width=\"3.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg><\/div>\n        <h3>\u7533\u8acb\u30fb\u627f\u8a8d<\/h3><p>\u5165\u529b\u30fb\u78ba\u8a8d\u30fb\u627f\u8a8d\u30fb\u901a\u77e5\u306e\u6d41\u308c\u3092\u3072\u3068\u3064\u306b\u3064\u306a\u3052\u308b\u3002<\/p>\n      <\/div>\n      <div class=\"usecase-card reveal\">\n        <div class=\"usecase-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"36\" width=\"10\" height=\"16\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <rect x=\"22\" y=\"26\" width=\"10\" height=\"26\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <rect x=\"36\" y=\"16\" width=\"10\" height=\"36\" rx=\"2\" fill=\"#ED9013\"\/>\n          <circle cx=\"42\" cy=\"20\" r=\"12\" fill=\"#FFC93C\" opacity=\"0.25\"\/>\n          <circle cx=\"42\" cy=\"20\" r=\"12\" fill=\"none\" stroke=\"#10233F\" stroke-width=\"4\"\/>\n          <path d=\"M50 28l8 8\" stroke=\"#10233F\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n        <\/svg><\/div>\n        <h3>\u30c7\u30fc\u30bf\u6d3b\u7528<\/h3><p>\u84c4\u7a4d\u3057\u305f\u30c7\u30fc\u30bf\u3092\u898b\u3048\u308b\u5316\u3057\u3001\u5224\u65ad\u3084\u6539\u5584\u306b\u6d3b\u304b\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"usecase-card reveal\">\n        <div class=\"usecase-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M16 14H44a6 6 0 0 1 6 6V36a6 6 0 0 1-6 6H28L18 50V42H16a6 6 0 0 1-6-6V20a6 6 0 0 1 6-6Z\" fill=\"#10233F\"\/>\n          <path d=\"M34 18l3 7 7 3-7 3-3 7-3-7-7-3 7-3z\" fill=\"#FFC93C\"\/>\n        <\/svg><\/div>\n        <h3>AI\u6d3b\u7528<\/h3><p>\u691c\u7d22\u3001\u8981\u7d04\u3001\u5206\u985e\u3001\u554f\u3044\u5408\u308f\u305b\u5bfe\u5fdc\u306a\u3069\u3001\u696d\u52d9\u306b\u5408\u308f\u305b\u3066AI\u3092\u7d44\u307f\u8fbc\u3080\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"section-head reveal\" style=\"margin-top:56px;\"><span class=\"idx\">05<\/span><h2>FeelApp \u30aa\u30ea\u30b8\u30ca\u30eb\u30a2\u30d7\u30ea\u4f8b<\/h2><\/div>\n    <div class=\"example-list\">\n      <div class=\"example-row reveal\" data-mock=\"mitsumori\">\n        <div class=\"example-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"10\" y=\"8\" width=\"32\" height=\"42\" rx=\"4\" fill=\"#10233F\"\/>\n          <rect x=\"16\" y=\"16\" width=\"20\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <rect x=\"16\" y=\"24\" width=\"20\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <rect x=\"16\" y=\"32\" width=\"12\" height=\"4\" rx=\"2\" fill=\"#FAF9F4\"\/>\n          <rect x=\"30\" y=\"30\" width=\"24\" height=\"26\" rx=\"5\" fill=\"#ED9013\"\/>\n          <rect x=\"35\" y=\"35\" width=\"14\" height=\"6\" rx=\"1.5\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"38\" cy=\"47\" r=\"2.2\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"45\" cy=\"47\" r=\"2.2\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"38\" cy=\"52\" r=\"2.2\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"45\" cy=\"52\" r=\"2.2\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <h3>\u30aa\u30ea\u30b8\u30ca\u30eb\u898b\u7a4d\u3082\u308a\u4f5c\u6210\u30b7\u30b9\u30c6\u30e0<\/h3><p>\u72ec\u81ea\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3084\u8907\u96d1\u306a\u660e\u7d30\u4f53\u7cfb\u306b\u5bfe\u5fdc\u3057\u3001\u6b63\u78ba\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u898b\u7a4d\u3082\u308a\u4f5c\u6210\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"example-row reveal\" data-mock=\"yojitsu\">\n        <div class=\"example-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"46\" width=\"10\" height=\"12\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <rect x=\"22\" y=\"34\" width=\"10\" height=\"24\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <rect x=\"36\" y=\"40\" width=\"10\" height=\"18\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <rect x=\"50\" y=\"26\" width=\"10\" height=\"32\" rx=\"2\" fill=\"#E4E0D3\"\/>\n          <path d=\"M8 40l14-8 14 10 14-22\" stroke=\"#ED9013\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"50\" cy=\"20\" r=\"4.5\" fill=\"#10233F\"\/>\n        <\/svg><\/div>\n        <h3>\u30aa\u30ea\u30b8\u30ca\u30eb\u4e88\u5b9f\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/h3><p>Excel\u7ba1\u7406\u304b\u3089\u8131\u5374\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4e88\u7b97\u3068\u5b9f\u7e3e\u3092\u53ef\u8996\u5316\u3002\u81ea\u793e\u72ec\u81ea\u306e\u6307\u6a19\u3082\u53cd\u6620\u3057\u3001\u7d4c\u55b6\u5224\u65ad\u306e\u8fc5\u901f\u5316\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"example-row reveal\" data-mock=\"mokuhyo\">\n        <div class=\"example-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"30\" cy=\"34\" r=\"22\" fill=\"#FFC93C\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"14\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"6\" fill=\"#ED9013\"\/>\n          <path d=\"M46 18L30 34\" stroke=\"#10233F\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n          <path d=\"M46 18l-2 9-9 2 11-11Z\" fill=\"#10233F\"\/>\n        <\/svg><\/div>\n        <h3>\u30aa\u30ea\u30b8\u30ca\u30eb\u76ee\u6a19\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/h3><p>\u30c1\u30fc\u30e0\u3084\u500b\u4eba\u306e\u76ee\u6a19\u8a2d\u5b9a\u304b\u3089\u9032\u6357\u7ba1\u7406\u307e\u3067\u3092\u4e00\u5143\u5316\u3002\u904b\u7528\u3057\u306a\u304c\u3089\u6539\u5584\u3057\u3001\u7d44\u7e54\u306e\u6210\u9577\u3092\u4fc3\u9032\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"example-row reveal\" data-mock=\"portal\">\n        <div class=\"example-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"6\" y=\"6\" width=\"20\" height=\"16\" rx=\"4\" fill=\"#10233F\"\/>\n          <path d=\"M10 12h12M10 16h8\" stroke=\"#FAF9F4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <rect x=\"38\" y=\"6\" width=\"20\" height=\"16\" rx=\"4\" fill=\"#ED9013\"\/>\n          <rect x=\"43\" y=\"10\" width=\"4\" height=\"4\" fill=\"#FAF9F4\"\/>\n          <rect x=\"49\" y=\"10\" width=\"4\" height=\"4\" fill=\"#FAF9F4\"\/>\n          <rect x=\"43\" y=\"16\" width=\"10\" height=\"3\" fill=\"#FAF9F4\"\/>\n          <rect x=\"22\" y=\"34\" width=\"20\" height=\"24\" rx=\"4\" fill=\"#FFC93C\"\/>\n          <path d=\"M27 40h10M27 45h10M27 50h6\" stroke=\"#10233F\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <path d=\"M16 22l14 14M48 22l-14 14\" stroke=\"#E4E0D3\" stroke-width=\"2\" stroke-dasharray=\"3 3\"\/>\n        <\/svg><\/div>\n        <h3>\u30aa\u30ea\u30b8\u30ca\u30eb\u793e\u5185\u30dd\u30fc\u30bf\u30eb<\/h3><p>\u793e\u54e1\u304c\u672c\u5f53\u306b\u5fc5\u8981\u3068\u3059\u308b\u60c5\u5831\u3084\u30c4\u30fc\u30eb\uff08\u30cb\u30e5\u30fc\u30b9\u3001\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3001\u7533\u8acb\u306a\u3069\uff09\u3092\u6700\u5c0f\u9650\u306e\u6a5f\u80fd\u3067\u96c6\u7d04\u3057\u3001\u696d\u52d9\u52b9\u7387\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"wrap\"><div class=\"divider\"><\/div><\/div>\n\n<section class=\"section-pad\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\"><span class=\"idx\">06<\/span><h2>FeelApp \u3054\u53c2\u8003\u4fa1\u683c<\/h2><\/div>\n    <div class=\"price-grid\">\n      <div class=\"price-card reveal\">\n        <div class=\"price-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M26 8h12v16l12 26a6 6 0 0 1-5.4 8.6H19.4A6 6 0 0 1 14 50l12-26V8Z\" fill=\"#ED9013\"\/>\n          <rect x=\"24\" y=\"6\" width=\"16\" height=\"6\" rx=\"2\" fill=\"#10233F\"\/>\n          <path d=\"M20 44h24\" stroke=\"#FAF9F4\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <circle cx=\"30\" cy=\"50\" r=\"2.4\" fill=\"#FAF9F4\"\/>\n          <circle cx=\"37\" cy=\"52\" r=\"2\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <div class=\"p-label\">\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u958b\u767a\u8cbb\u7528<\/div>\n        <div class=\"p-amount\">\u00a50<\/div>\n        <div class=\"p-desc\">\u30d2\u30a2\u30ea\u30f3\u30b0\u00d71\u56de\u3001\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u958b\u767a\u00d71\u56de\uff0b\u4fee\u6b63\u00d71\u56de\u3092\u60f3\u5b9a\u3002\u958b\u767a\u671f\u9593\u306f1\u9031\u9593\u7a0b\u5ea6\uff08\u5185\u5bb9\u306b\u3088\u308a\u7bc4\u56f2\u3092\u9650\u5b9a\u3059\u308b\u5834\u5408\u3042\u308a\uff09\u3002<\/div>\n      <\/div>\n      <div class=\"price-card reveal\">\n        <div class=\"price-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <rect x=\"8\" y=\"14\" width=\"44\" height=\"30\" rx=\"6\" fill=\"#10233F\"\/>\n          <rect x=\"14\" y=\"20\" width=\"32\" height=\"18\" rx=\"3\" fill=\"#FAF9F4\"\/>\n          <rect x=\"24\" y=\"44\" width=\"10\" height=\"6\" fill=\"#10233F\"\/>\n          <rect x=\"18\" y=\"50\" width=\"22\" height=\"5\" rx=\"2.5\" fill=\"#10233F\"\/>\n          <circle cx=\"48\" cy=\"46\" r=\"11\" fill=\"#ED9013\"\/>\n          <circle cx=\"48\" cy=\"46\" r=\"4\" fill=\"#FAF9F4\"\/>\n        <\/svg><\/div>\n        <div class=\"p-label\">\u672c\u756a\u958b\u767a\u8cbb\u7528<\/div>\n        <div class=\"p-amount\">\u8981\u76f8\u8ac7<\/div>\n        <div class=\"p-desc\">\u30b7\u30b9\u30c6\u30e0\u5316\u3059\u308b\u7bc4\u56f2\u306b\u3088\u308a\u500b\u5225\u304a\u898b\u7a4d\u308a\u3002\u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d3\u30b9\u4e0a\u306b\u958b\u767a\u3057\u3001\u30af\u30e9\u30a6\u30c9\u7d4c\u7531\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u60f3\u5b9a\u3067\u3059\u3002<\/div>\n      <\/div>\n      <div class=\"price-card reveal\">\n        <div class=\"price-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M32 48C10 34 4 22 4 14A10 10 0 0 1 24 10C26 14 30 16 32 20C34 16 38 14 40 10A10 10 0 0 1 60 14C60 22 54 34 32 48Z\" fill=\"#ED9013\"\/>\n          <g transform=\"translate(44,44) rotate(45)\">\n            <rect x=\"-14\" y=\"-4\" width=\"28\" height=\"8\" rx=\"4\" fill=\"#10233F\"\/>\n            <circle cx=\"-14\" cy=\"0\" r=\"6\" fill=\"none\" stroke=\"#10233F\" stroke-width=\"4\"\/>\n            <circle cx=\"14\" cy=\"0\" r=\"6\" fill=\"none\" stroke=\"#10233F\" stroke-width=\"4\"\/>\n          <\/g>\n        <\/svg><\/div>\n        <div class=\"p-label\">\u5229\u7528\u6599\uff06\u30ab\u30a4\u30bc\u30f3\u4fdd\u5b88<\/div>\n        <div class=\"p-amount\">\u8981\u76f8\u8ac7<\/div>\n        <div class=\"p-desc\">\u30b7\u30b9\u30c6\u30e0\u5229\u7528\u6599\uff08\u30af\u30e9\u30a6\u30c9\u5229\u7528\u6599\u542b\u3080\uff09\u3068\u30ab\u30a4\u30bc\u30f3\u4fdd\u5b88\uff085h\/\u6708\u301c\u3001\u898f\u6a21\u306b\u3088\u308a\u63d0\u6848\uff09\u3092\u542b\u307f\u307e\u3059\u3002<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"final-cta\" id=\"contact\">\n  <div class=\"wrap\">\n    <h2>\u307e\u305a\u306f\u3001\u3072\u3068\u3064\u306e\u696d\u52d9\u304b\u3089FeelApp\u3092\u59cb\u3081\u307e\u305b\u3093\u304b\uff1f<\/h2>\n    <p>\u300c\u3053\u306e\u4f5c\u696d\u3092\u306a\u304f\u3057\u305f\u3044\u300d\u2014\u2014\u8ab2\u984c\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002\u6700\u77ed\u30eb\u30fc\u30c8\u3092\u3054\u63d0\u6848\u3057\u3001\u5c0f\u3055\u304f\u59cb\u3081\u3066\u5e83\u3052\u307e\u3059\u3002<\/p>\n    <a class=\"btn-primary\" href=\"https:\/\/www.fsz.co.jp\/?page_id=223\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\u304b\u3089<\/a>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\n","protected":false},"featured_media":0,"template":"","class_list":["post-20598","service","type-service","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fsz.co.jp\/index.php?rest_route=\/wp\/v2\/service\/20598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fsz.co.jp\/index.php?rest_route=\/wp\/v2\/service"}],"about":[{"href":"https:\/\/www.fsz.co.jp\/index.php?rest_route=\/wp\/v2\/types\/service"}],"wp:attachment":[{"href":"https:\/\/www.fsz.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}