{"id":170,"date":"2026-04-04T21:39:32","date_gmt":"2026-04-04T12:39:32","guid":{"rendered":"https:\/\/www.ch-bridge.com\/?page_id=170"},"modified":"2026-05-25T13:59:08","modified_gmt":"2026-05-25T04:59:08","slug":"t-plan-rap","status":"publish","type":"page","link":"https:\/\/www.ch-bridge.com\/?page_id=170","title":{"rendered":"T-Plan RAP"},"content":{"rendered":"\n<!DOCTYPE html>\n<div class=\"tp-banner-wrapper\">\n    <style>\n        \/* \u5909\u6570\u5b9a\u7fa9\uff08\u30b3\u30f3\u30c6\u30ca\u5185\u9650\u5b9a\uff09 *\/\n        .tp-banner-wrapper {\n            --tp-bg-dark: #121418;\n            --tp-bg-light: #1e2128;\n            --tp-accent-main: #ffcc00; \n            --tp-accent-yellow: #ffff00; \n            --tp-glow-color: rgba(255, 204, 0, 0.5); \n            --tp-text: #ffffff;\n            --tp-draw-dur: 3.2s;\n            --tp-text-dur: 1.5s;\n            --tp-delay: 0.6s;\n            \n            position: relative;\n            width: 100vw;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            height: 180px; \/* \u9ad8\u3055\u3092300px\u304b\u3089180px\u306b\u7e2e\u5c0f *\/\n            min-height: 180px;\n            background-color: var(--tp-bg-dark);\n            overflow: hidden;\n            font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 1;\n        }\n\n        \/* \u80cc\u666f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n        .tp-bg-layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, var(--tp-bg-dark) 50%, var(--tp-bg-light) 50.5%);\n            z-index: -1;\n        }\n\n        \/* SVG\u30e9\u30a4\u30f3 *\/\n        .tp-svg-lines {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n        }\n\n        .tp-line {\n            fill: none;\n            stroke: var(--tp-accent-main);\n            stroke-width: 1.5; \/* \u30b9\u30ea\u30e0\u5316\u306b\u5408\u308f\u305b\u3066\u7dda\u3092\u5c11\u3057\u7d30\u304f *\/\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            filter: drop-shadow(0 0 5px var(--tp-accent-main));\n            stroke-dasharray: 2000;\n            stroke-dashoffset: 2000;\n        }\n\n        .tp-animating .tp-line {\n            animation: tpDrawLine var(--tp-draw-dur) cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n\n        @keyframes tpDrawLine {\n            0% { stroke-dashoffset: 2000; opacity: 0; }\n            10% { opacity: 1; }\n            100% { stroke-dashoffset: 0; opacity: 1; }\n        }\n\n        \/* \u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2 *\/\n        .tp-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(5px);\n            padding: 0 20px;\n        }\n\n        .tp-animating .tp-content {\n            animation: tpTextReveal var(--tp-text-dur) var(--tp-delay) cubic-bezier(0.19, 1, 0.22, 1) forwards;\n        }\n\n        @keyframes tpTextReveal {\n            0% { opacity: 0; transform: translateY(5px); letter-spacing: 0.1em; }\n            100% { opacity: 1; transform: translateY(0); letter-spacing: 0.35em; }\n        }\n\n        .tp-content h1 {\n            color: var(--tp-text);\n            font-size: clamp(1.5rem, 5vw, 3rem); \/* \u30b9\u30ea\u30e0\u5316\u306b\u5408\u308f\u305b\u3066\u30b5\u30a4\u30ba\u3092\u5fae\u8abf\u6574 *\/\n            font-weight: 600;\n            text-transform: uppercase;\n            margin: 0 0 5px 0;\n            line-height: 1.1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        \/* RAP\u30dc\u30c3\u30af\u30b9\uff08\u30b9\u30ea\u30e0\u5316\u8abf\u6574\uff09 *\/\n        .tp-accent-box {\n            color: var(--tp-accent-yellow);\n            border: 2px solid rgba(255, 204, 0, 0.7);\n            padding: 2px 16px; \/* \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u7e2e\u5c0f *\/\n            border-radius: 10px;\n            text-shadow: 0 0 8px rgba(255, 255, 0, 0.7);\n            box-shadow: 0 0 12px var(--tp-glow-color);\n            display: inline-block;\n            line-height: 1;\n        }\n\n        .tp-content p {\n            color: var(--tp-accent-main);\n            font-size: clamp(0.6rem, 1.2vw, 0.85rem);\n            font-weight: 400;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            margin: 0;\n            opacity: 0;\n        }\n\n        .tp-animating .tp-content p {\n            animation: tpFadeIn 1s calc(var(--tp-delay) + 0.6s) ease-out forwards;\n        }\n\n        @keyframes tpFadeIn {\n            to { opacity: 1; }\n        }\n\n        \/* \u30ea\u30d7\u30ec\u30a4\u30dc\u30bf\u30f3 *\/\n        .tp-replay-btn {\n            position: absolute;\n            bottom: 10px;\n            right: 10px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid rgba(255,255,255,0.1);\n            color: rgba(255,255,255,0.3);\n            padding: 4px 8px;\n            font-size: 9px;\n            cursor: pointer;\n            border-radius: 3px;\n            text-transform: uppercase;\n            z-index: 20;\n        }\n\n        \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\n        @media (max-width: 768px) {\n            .tp-banner-wrapper { height: 140px; min-height: 140px; }\n            .tp-content h1 { gap: 10px; font-size: 1.5rem; }\n            .tp-accent-box { padding: 2px 10px; border-radius: 8px; }\n        }\n    <\/style>\n\n    <div class=\"tp-bg-layer\"><\/div>\n    \n    <div class=\"tp-animating\" id=\"tpContainer\" style=\"width:100%; height:100%; display:flex; justify-content:center; align-items:center;\">\n        <svg class=\"tp-svg-lines\" viewBox=\"0 0 1000 180\" preserveAspectRatio=\"xMidYMid slice\">\n            <path class=\"line tp-line\" d=\"M -100,60 L 200,140 L 500,20 L 800,140 L 1100,60\" style=\"animation-delay: 0s;\"><\/path>\n            <path class=\"line tp-line\" d=\"M -100,100 L 250,160 L 550,60 L 850,160 L 1150,100\" style=\"animation-delay: 0.2s; opacity: 0.5; stroke-width: 1;\"><\/path>\n        <\/svg>\n\n        <div class=\"tp-content\">\n            <h1>T-PLAN <span class=\"tp-accent-box\">RAP<\/span><\/h1>\n            <p>Next Generation Automation<\/p>\n        <\/div>\n    <\/div>\n\n    <button class=\"tp-replay-btn\" onclick=\"tpReplay()\">Replay<\/button>\n\n    <script>\n        function tpReplay() {\n            const container = document.getElementById('tpContainer');\n            container.classList.remove('tp-animating');\n            void container.offsetWidth; \n            container.classList.add('tp-animating');\n        }\n    <\/script>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>T-Plan RAP | \u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u30fbRPA\u30b8\u30e7\u30d6\u3092\u4e00\u5143\u7ba1\u7406\u3059\u308bWeb\u30dd\u30fc\u30bf\u30eb<\/title>\n\n  <!-- Lucide Icons CDN -->\n  <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n  <style>\n    \/* =====================================================\n       T-Plan RAP LP \/ SWELL\u5e72\u6e09\u5bfe\u7b56\u6e08\u307f \u5168\u7f6e\u63db\u7248 (SEO\u69cb\u9020\u6700\u9069\u5316\u7248)\n       - SWELL\u5074\u306eh2\/h3\/table\u88c5\u98fe\u306b\u5f71\u97ff\u3055\u308c\u306a\u3044\u3088\u3046\u306b\u5168\u4f53\u3092.tprap-page\u914d\u4e0b\u3067\u5236\u5fa1\n       - \u898b\u51fa\u3057\u80cc\u666f\u306e\u30b0\u30ec\u30fc\u5316\u3001\u767d\u6587\u5b57\u5316\u3092\u30ea\u30bb\u30c3\u30c8\n       - WordPress\u30ab\u30b9\u30bf\u30e0HTML\u8cbc\u308a\u4ed8\u3051\u5411\u3051\n       - \u56f3\u8868\u62e1\u5927\u30e2\u30fc\u30c0\u30eb\u5bfe\u5fdc\n    ===================================================== *\/\n\n    .tprap-page,\n    .tprap-page * {\n      box-sizing: border-box;\n    }\n\n    .tprap-page {\n      color: #1f2937;\n      background: #ffffff;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans JP\", \"Hiragino Sans\", \"Yu Gothic\", Meiryo, sans-serif;\n      line-height: 1.75;\n      overflow: hidden;\n\n      width: 100vw !important;\n      max-width: 100vw !important;\n      margin-top: -40px !important;\n      margin-left: calc(50% - 50vw) !important;\n      margin-right: calc(50% - 50vw) !important;\n    }\n\n    .tprap-page > p:empty,\n    .tprap-page > br {\n      display: none !important;\n    }\n\n    .tprap-page h1,\n    .tprap-page h2,\n    .tprap-page h3,\n    .tprap-page h4,\n    .tprap-page p,\n    .tprap-page ul,\n    .tprap-page li,\n    .tprap-page table,\n    .tprap-page th,\n    .tprap-page td {\n      margin-top: 0;\n    }\n\n    .tprap-page h1,\n    .tprap-page h2,\n    .tprap-page h3,\n    .tprap-page h4,\n    .tprap-page th {\n      color: inherit !important;\n      background: transparent !important;\n      border: 0 !important;\n      letter-spacing: normal !important;\n      line-height: 1.35 !important;\n    }\n\n    .tprap-page h2::before,\n    .tprap-page h2::after,\n    .tprap-page h3::before,\n    .tprap-page h3::after,\n    .tprap-page h4::before,\n    .tprap-page h4::after {\n      display: none !important;\n      content: none !important;\n    }\n\n    .tprap-page a {\n      text-decoration: none !important;\n    }\n\n    .tprap-container {\n      width: min(1120px, calc(100% - 32px));\n      margin: 0 auto;\n    }\n\n    .tprap-container-narrow {\n      width: min(900px, calc(100% - 32px));\n      margin: 0 auto;\n    }\n\n    .tprap-section {\n      padding: 86px 0;\n    }\n\n    .tprap-section-white {\n      background: #ffffff;\n    }\n\n    .tprap-section-soft {\n      background: #f8fafc;\n    }\n\n    .tprap-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      border-radius: 999px;\n      background: #fff7ed;\n      color: #ea580c;\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.4;\n    }\n\n    .tprap-section-head {\n      text-align: center;\n      margin-bottom: 44px;\n    }\n\n    .tprap-section-title {\n      display: block !important;\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 14px !important;\n      font-size: clamp(28px, 3vw, 42px) !important;\n      font-weight: 900 !important;\n      line-height: 1.35 !important;\n      text-align: center !important;\n    }\n\n    .tprap-section-lead {\n      color: #64748b;\n      font-size: 18px;\n      margin: 0 auto;\n      max-width: 760px;\n    }\n\n    .tprap-hero {\n      padding: 80px 0 88px;\n      background:\n        radial-gradient(circle at 15% 20%, rgba(249, 115, 22, 0.14), transparent 32%),\n        linear-gradient(135deg, #f8fafc 0%, #fff7ed 100%);\n    }\n\n    .tprap-hero-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 52px;\n      align-items: center;\n    }\n\n    .tprap-hero-copy {\n      display: flex;\n      flex-direction: column;\n      gap: 28px;\n    }\n\n    .tprap-hero-title {\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      font-size: clamp(40px, 5vw, 64px) !important;\n      font-weight: 950 !important;\n      line-height: 1.16 !important;\n      letter-spacing: -0.04em !important;\n    }\n\n    .tprap-orange {\n      color: #ea580c;\n    }\n\n    .tprap-hero-text {\n      color: #475569;\n      font-size: 20px;\n      line-height: 1.9;\n      margin: 0;\n    }\n\n    .tprap-cta-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      align-items: center;\n    }\n\n    .tprap-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      min-width: 230px;\n      min-height: 58px;\n      padding: 14px 24px;\n      border-radius: 10px;\n      font-size: 16px;\n      font-weight: 800;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n      line-height: 1.3;\n    }\n\n    .tprap-btn:hover {\n      transform: translateY(-1px);\n    }\n\n    .tprap-btn-primary {\n      color: #ffffff !important;\n      background: #ea580c !important;\n      border: 1px solid #ea580c !important;\n      box-shadow: 0 12px 24px rgba(234, 88, 12, 0.22);\n    }\n\n    .tprap-btn-primary:hover {\n      background: #ca8a04 !important;\n      border-color: #ca8a04 !important;\n    }\n\n    .tprap-btn-secondary {\n      color: #334155 !important;\n      background: #ffffff !important;\n      border: 1px solid #cbd5e1 !important;\n      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);\n    }\n\n    .tprap-btn-secondary:hover {\n      background: #f8fafc !important;\n    }\n\n    .tprap-hero-card {\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 26px 60px rgba(15, 23, 42, 0.16);\n    }\n\n    .tprap-window-bar {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 14px 18px;\n      background: #f8fafc;\n      border-bottom: 1px solid #e5e7eb;\n    }\n\n    .tprap-dots {\n      display: flex;\n      gap: 7px;\n    }\n\n    .tprap-dot {\n      width: 12px;\n      height: 12px;\n      border-radius: 999px;\n    }\n\n    .tprap-dot-red { background: #f87171; }\n    .tprap-dot-yellow { background: #f59e0b; }\n    .tprap-dot-green { background: #22c55e; }\n\n    .tprap-window-title {\n      color: #64748b;\n      font-size: 14px;\n      font-weight: 700;\n      margin-left: 8px;\n    }\n\n    .tprap-image-wrap {\n      padding: 18px;\n      background: #ffffff;\n      text-align: center;\n    }\n\n    .tprap-image-wrap img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 10px;\n    }\n\n    \/* =====================================================\n       \u753b\u50cf\u62e1\u5927\u8868\u793a \/ Zoom Modal\n    ===================================================== *\/\n\n    .tprap-zoom-box {\n      position: relative;\n      display: block;\n      overflow: hidden;\n      border-radius: 12px;\n    }\n\n    .tprap-zoom-box img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    .tprap-zoom-btn {\n      position: absolute;\n      right: 14px;\n      bottom: 14px;\n      z-index: 5;\n      width: 46px;\n      height: 46px;\n      border: 0;\n      border-radius: 999px;\n      background: rgba(15, 23, 42, 0.84);\n      color: #ffffff;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      box-shadow: 0 10px 24px rgba(15, 23, 42, 0.28);\n      transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;\n    }\n\n    .tprap-zoom-btn:hover {\n      transform: scale(1.06);\n      background: rgba(234, 88, 12, 0.96);\n    }\n\n    .tprap-zoom-btn span {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n    }\n\n    .tprap-zoom-modal {\n      position: fixed;\n      inset: 0;\n      z-index: 99999;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 28px;\n      background: rgba(2, 6, 23, 0.78);\n      backdrop-filter: blur(6px);\n    }\n\n    .tprap-zoom-modal.is-open {\n      display: flex;\n    }\n\n    .tprap-zoom-modal-inner {\n      position: relative;\n      width: min(1200px, 96vw);\n      max-height: 92vh;\n      padding: 18px;\n      border-radius: 18px;\n      background: #ffffff;\n      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);\n    }\n\n    .tprap-zoom-modal-title {\n      margin: 0 56px 12px 4px;\n      color: #111827;\n      font-size: 16px;\n      font-weight: 900;\n      line-height: 1.5;\n    }\n\n    .tprap-zoom-modal-img {\n      display: block;\n      width: 100%;\n      max-height: calc(92vh - 84px);\n      object-fit: contain;\n      border-radius: 12px;\n      background: #f8fafc;\n    }\n\n    .tprap-zoom-close {\n      position: absolute;\n      top: 12px;\n      right: 12px;\n      width: 42px;\n      height: 42px;\n      border: 0;\n      border-radius: 999px;\n      background: #0f172a;\n      color: #ffffff;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .tprap-zoom-close:hover {\n      background: #ea580c;\n    }\n\n    .tprap-problem-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .tprap-problem-card {\n      display: flex;\n      gap: 14px;\n      align-items: flex-start;\n      padding: 24px;\n      border-radius: 16px;\n      background: #f8fafc;\n      border: 1px solid #e2e8f0;\n    }\n\n    .tprap-problem-card svg {\n      flex: 0 0 auto;\n      color: #f59e0b;\n      margin-top: 4px;\n    }\n\n    .tprap-problem-card p {\n      margin: 0;\n      color: #1f2937;\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 1.7;\n    }\n\n    .tprap-solution {\n      position: relative;\n      padding: 86px 0;\n      color: #ffffff;\n      background:\n        radial-gradient(circle at 20% 10%, rgba(255,255,255,0.25), transparent 28%),\n        linear-gradient(135deg, #facc15 0%, #ea580c 56%, #ca8a04 100%);\n      overflow: hidden;\n    }\n\n    .tprap-solution::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      opacity: 0.16;\n      background-image: radial-gradient(#ffffff 1px, transparent 1px);\n      background-size: 24px 24px;\n    }\n\n    .tprap-solution-inner {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n    }\n\n    .tprap-solution-title {\n      color: #ffffff !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 22px !important;\n      font-size: clamp(28px, 3vw, 42px) !important;\n      font-weight: 900 !important;\n      text-align: center !important;\n    }\n\n    .tprap-solution-lead {\n      color: #fff7ed;\n      font-size: 22px;\n      max-width: 820px;\n      margin: 0 auto 34px;\n      line-height: 1.9;\n    }\n\n    .tprap-mini-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .tprap-mini-card {\n      padding: 22px 14px;\n      border-radius: 14px;\n      background: rgba(202, 138, 4, 0.38);\n      border: 1px solid rgba(255,255,255,0.35);\n      backdrop-filter: blur(8px);\n      color: #ffffff;\n      text-align: center;\n      font-weight: 800;\n    }\n\n    .tprap-mini-card svg {\n      display: block;\n      width: 34px;\n      height: 34px;\n      margin: 0 auto 10px;\n    }\n\n    .tprap-feature-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 24px;\n    }\n\n    .tprap-feature-card {\n      padding: 30px;\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 18px;\n      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .tprap-feature-card:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09);\n    }\n\n    .tprap-icon-box {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 52px;\n      height: 52px;\n      border-radius: 14px;\n      background: #fff7ed;\n      color: #ea580c;\n      margin-bottom: 18px;\n    }\n\n    .tprap-feature-title {\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 8px !important;\n      font-size: 24px !important;\n      font-weight: 900 !important;\n      line-height: 1.4 !important;\n    }\n\n    .tprap-feature-subtitle {\n      color: #ea580c;\n      font-size: 15px;\n      font-weight: 900;\n      margin: 0 0 12px;\n    }\n\n    .tprap-feature-text {\n      color: #64748b;\n      font-size: 17px;\n      margin: 0;\n      line-height: 1.85;\n    }\n\n    .tprap-benefit-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 26px 28px;\n    }\n\n    .tprap-benefit-item {\n      display: flex;\n      gap: 14px;\n      align-items: flex-start;\n    }\n\n    .tprap-benefit-icon {\n      flex: 0 0 auto;\n      color: #16a34a;\n      margin-top: 4px;\n    }\n\n    .tprap-benefit-title {\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 8px !important;\n      font-size: 20px !important;\n      font-weight: 900 !important;\n    }\n\n    .tprap-benefit-text {\n      color: #64748b;\n      font-size: 15px;\n      line-height: 1.8;\n      margin: 0;\n    }\n\n    .tprap-usecase-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .tprap-usecase-card {\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n      padding: 24px;\n      background: #ffffff;\n      border: 1px solid #e5e7eb;\n      border-radius: 16px;\n      box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);\n    }\n\n    .tprap-usecase-title {\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      border-bottom: 1px solid #e5e7eb !important;\n      padding: 0 0 14px !important;\n      margin: 0 0 14px !important;\n      font-size: 19px !important;\n      font-weight: 900 !important;\n      line-height: 1.45 !important;\n    }\n\n    .tprap-usecase-text {\n      color: #64748b;\n      font-size: 15px;\n      line-height: 1.85;\n      margin: 0;\n    }\n\n    .tprap-comparison-copy {\n      text-align: center;\n      margin-bottom: 34px;\n    }\n\n    .tprap-comparison-sub {\n      color: #ea580c !important;\n      font-size: 24px !important;\n      font-weight: 900 !important;\n      margin: 0 0 12px !important;\n    }\n\n    .tprap-comparison-text {\n      color: #64748b;\n      font-size: 17px;\n      margin: 0 auto;\n      max-width: 720px;\n    }\n\n    .tprap-table-wrap {\n      overflow-x: auto;\n      border-radius: 16px;\n      border: 1px solid #e5e7eb;\n      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);\n      background: #ffffff;\n    }\n\n    .tprap-table {\n      width: 100%;\n      min-width: 720px;\n      border-collapse: collapse !important;\n      margin: 0 !important;\n      background: #ffffff !important;\n    }\n\n    .tprap-table th,\n    .tprap-table td {\n      border: 0 !important;\n      border-bottom: 1px solid #e5e7eb !important;\n      padding: 18px 20px !important;\n      text-align: left !important;\n      vertical-align: middle !important;\n      font-size: 16px !important;\n      line-height: 1.65 !important;\n    }\n\n    .tprap-table th {\n      font-weight: 900 !important;\n    }\n\n    .tprap-table thead th:nth-child(1) {\n      background: #f8fafc !important;\n      color: #475569 !important;\n    }\n\n    .tprap-table thead th:nth-child(2) {\n      background: #eef2f7 !important;\n      color: #111827 !important;\n    }\n\n    .tprap-table thead th:nth-child(3) {\n      background: #fff7ed !important;\n      color: #9a3412 !important;\n      border-bottom: 3px solid #ea580c !important;\n    }\n\n    .tprap-table tbody td:nth-child(1) {\n      background: #f8fafc !important;\n      color: #334155 !important;\n      font-weight: 800 !important;\n      width: 20%;\n    }\n\n    .tprap-table tbody td:nth-child(2) {\n      background: #ffffff !important;\n      color: #475569 !important;\n    }\n\n    .tprap-table tbody td:nth-child(3) {\n      background: #fff7ed !important;\n      color: #9a3412 !important;\n      font-weight: 800 !important;\n    }\n\n    .tprap-components-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n      margin-top: 20px;\n    }\n\n    .tprap-component-card {\n      background: #f8fafc;\n      border: 1px solid #e5e7eb;\n      border-radius: 16px;\n      padding: 32px;\n      text-align: center;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .tprap-component-card:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);\n    }\n\n    .tprap-component-img {\n      background: #ffffff;\n      border-radius: 12px;\n      padding: 24px;\n      margin-bottom: 24px;\n      border: 1px solid #e2e8f0;\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    }\n\n    .tprap-component-img img {\n      width: 100%;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n    }\n\n    .tprap-component-title {\n      color: #111827 !important;\n      font-size: 22px !important;\n      font-weight: 900 !important;\n      margin: 0 !important;\n    }\n\n    .tprap-target-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 52px;\n      align-items: start;\n    }\n\n    .tprap-subsection-title {\n      display: flex !important;\n      align-items: center;\n      gap: 10px;\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 24px !important;\n      font-size: 28px !important;\n      font-weight: 900 !important;\n      line-height: 1.45 !important;\n      text-align: left !important;\n    }\n\n    .tprap-subsection-title svg {\n      color: #ea580c;\n      flex: 0 0 auto;\n    }\n\n    .tprap-list {\n      list-style: none !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    .tprap-list li {\n      display: flex;\n      gap: 12px;\n      color: #334155;\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .tprap-list-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 999px;\n      background: #ea580c;\n      flex: 0 0 auto;\n      margin-top: 13px;\n    }\n\n    .tprap-note-card {\n      padding: 30px;\n      border-radius: 18px;\n      border: 1px solid #e5e7eb;\n      background: #ffffff;\n      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);\n    }\n\n    .tprap-note-title {\n      display: flex !important;\n      align-items: center;\n      gap: 10px;\n      color: #111827 !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 16px !important;\n      font-size: 21px !important;\n      font-weight: 900 !important;\n      line-height: 1.45 !important;\n    }\n\n    .tprap-note-title svg {\n      color: #64748b;\n      flex: 0 0 auto;\n    }\n\n    .tprap-note-text {\n      color: #64748b;\n      font-size: 16px;\n      line-height: 1.9;\n      margin: 0 0 14px;\n    }\n\n    .tprap-note-text:last-child {\n      margin-bottom: 0;\n    }\n\n    .tprap-final-cta {\n      padding: 76px 0;\n      background: #0f172a;\n    }\n\n    .tprap-final-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    .tprap-final-card {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      min-height: 210px;\n      padding: 28px 18px;\n      border-radius: 16px;\n      text-align: center;\n      transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;\n    }\n\n    .tprap-final-card:hover {\n      transform: translateY(-2px);\n    }\n\n    .tprap-final-dark {\n      background: #1e293b;\n      border: 1px solid #1e293b;\n      color: #ffffff !important;\n    }\n\n    .tprap-final-dark:hover {\n      background: #334155;\n    }\n\n    .tprap-final-orange {\n      background: #ea580c;\n      border: 1px solid #ea580c;\n      color: #ffffff !important;\n    }\n\n    .tprap-final-orange:hover {\n      background: #f97316;\n    }\n\n    .tprap-final-outline {\n      background: rgba(51, 65, 85, 0.76);\n      border: 2px solid #f97316;\n      color: #ffffff !important;\n    }\n\n    .tprap-final-outline:hover {\n      background: #334155;\n    }\n\n    .tprap-final-icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 58px;\n      height: 58px;\n      border-radius: 999px;\n      background: rgba(2, 6, 23, 0.45);\n      margin-bottom: 18px;\n      color: #ffffff;\n    }\n\n    .tprap-final-title {\n      color: #ffffff !important;\n      background: transparent !important;\n      border: 0 !important;\n      padding: 0 !important;\n      margin: 0 0 8px !important;\n      font-size: 24px !important;\n      font-weight: 900 !important;\n      line-height: 1.45 !important;\n    }\n\n    .tprap-final-text {\n      color: #cbd5e1;\n      font-size: 15px;\n      margin: 0;\n    }\n\n    .tprap-final-orange .tprap-final-text {\n      color: #ffedd5;\n    }\n\n    @media (max-width: 960px) {\n      .tprap-hero-grid,\n      .tprap-target-grid,\n      .tprap-components-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .tprap-benefit-grid,\n      .tprap-usecase-grid,\n      .tprap-final-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      .tprap-section,\n      .tprap-solution,\n      .tprap-final-cta {\n        padding: 60px 0;\n      }\n\n      .tprap-hero {\n        padding: 60px 0 66px;\n      }\n\n      .tprap-problem-grid,\n      .tprap-feature-grid,\n      .tprap-benefit-grid,\n      .tprap-usecase-grid,\n      .tprap-mini-grid,\n      .tprap-final-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .tprap-btn {\n        width: 100%;\n      }\n\n      .tprap-section-title,\n      .tprap-solution-title {\n        font-size: 28px !important;\n      }\n\n      .tprap-hero-title {\n        font-size: 38px !important;\n      }\n\n      .tprap-hero-text,\n      .tprap-solution-lead {\n        font-size: 17px;\n      }\n\n      .tprap-zoom-btn {\n        width: 42px;\n        height: 42px;\n        right: 10px;\n        bottom: 10px;\n      }\n\n      .tprap-zoom-modal {\n        padding: 14px;\n      }\n\n      .tprap-zoom-modal-inner {\n        padding: 14px;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n  <main class=\"tprap-page\">\n\n    <!-- Hero Section -->\n    <section class=\"tprap-hero\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-hero-grid\">\n\n          <div class=\"tprap-hero-copy\">\n            <div class=\"tprap-eyebrow\">Robot Automation Portal<\/div>\n\n            <h1 class=\"tprap-hero-title\">\n              \u81ea\u52d5\u5316\u306e\u5b9f\u884c\u30fb<br>\u76e3\u8996\u30fb\u7ba1\u7406\u3092\u3001<br>\n              <span class=\"tprap-orange\">\u3072\u3068\u3064\u306e<br>\u30dd\u30fc\u30bf\u30eb\u3078\u3002<\/span>\n            <\/h1>\n\n            <p class=\"tprap-hero-text\">\n              \u8907\u6570\u306e\u81ea\u52d5\u5316\u3092\u3001\u73fe\u5834\u3067\u56de\u3059\u305f\u3081\u306e\u53f8\u4ee4\u5854\u3002T-Plan Robot\u3067\u69cb\u7bc9\u3057\u305f\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3084RPA\u30b8\u30e7\u30d6\u3092\u3001\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067\u4e00\u5143\u7ba1\u7406\u3002\u500b\u4eba\u306e\u81ea\u52d5\u5316\u304b\u3089\u3001\u30c1\u30fc\u30e0\u306e\u904b\u7528\u57fa\u76e4\u3078\u3068\u4fa1\u5024\u3092\u5e83\u3052\u307e\u3059\u3002\n            <\/p>\n\n            <div class=\"tprap-cta-row\">\n              <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"tprap-btn tprap-btn-primary\">\n                <i data-lucide=\"monitor-play\" width=\"20\" height=\"20\"><\/i>\n                1\u30f6\u6708\u9593\u4f53\u9a13\uff08\u7121\u511f\uff09\u3078\u306e\u304a\u7533\u3057\u8fbc\u307f\n              <\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"tprap-hero-card\">\n            <div class=\"tprap-window-bar\">\n              <div class=\"tprap-dots\">\n                <span class=\"tprap-dot tprap-dot-red\"><\/span>\n                <span class=\"tprap-dot tprap-dot-yellow\"><\/span>\n                <span class=\"tprap-dot tprap-dot-green\"><\/span>\n              <\/div>\n              <div class=\"tprap-window-title\">T-Plan RAP \u95a2\u9023\u56f3<\/div>\n            <\/div>\n\n            <div class=\"tprap-image-wrap\">\n              <div class=\"tprap-zoom-box\">\n                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP\u95a2\u9023\u56f3.png\" alt=\"\u8907\u6570\u74b0\u5883\u306eExecution\u30a8\u30f3\u30b8\u30f3\u3092Web\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u4e00\u5143\u7d71\u5408\u3059\u308bT-Plan RAP\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u5168\u4f53\u56f3\">\n                <button type=\"button\"\n                  class=\"tprap-zoom-btn\"\n                  data-zoom-src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP\u95a2\u9023\u56f3.png\"\n                  data-zoom-title=\"T-Plan RAP \u96c6\u4e2d\u7ba1\u7406\u9023\u643a\u56f3\">\n                  <i data-lucide=\"maximize-2\" width=\"22\" height=\"22\"><\/i>\n                  <span>\u753b\u50cf\u3092\u62e1\u5927<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Problems Section -->\n    <section class=\"tprap-section tprap-section-white\">\n      <div class=\"tprap-container-narrow\">\n        <div class=\"tprap-section-head\">\n          <h2 class=\"tprap-section-title\">\u3053\u3093\u306a\u304a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n          <p class=\"tprap-section-lead\">\u81ea\u52d5\u5316\u304c\u9032\u3080\u306b\u3064\u308c\u3001\u7ba1\u7406\u3084\u904b\u7528\u306e\u9762\u3067\u65b0\u305f\u306a\u8ab2\u984c\u304c\u751f\u307e\u308c\u3066\u3044\u307e\u305b\u3093\u304b\u3002<\/p>\n        <\/div>\n\n        <div class=\"tprap-problem-grid\">\n          <div class=\"tprap-problem-card\">\n            <i data-lucide=\"alert-circle\" width=\"26\" height=\"26\"><\/i>\n            <p>\u81ea\u52d5\u5316\u30b8\u30e7\u30d6\u304c\u5897\u3048\u3001\u8ab0\u304c\u4f55\u3092<br>\u52d5\u304b\u3057\u3066\u3044\u308b\u306e\u304b\u5206\u304b\u308a\u306b\u304f\u3044<\/p>\n          <\/div>\n\n          <div class=\"tprap-problem-card\">\n            <i data-lucide=\"alert-circle\" width=\"26\" height=\"26\"><\/i>\n            <p>\u5b9f\u884c\u7d50\u679c\u306e\u78ba\u8a8d\u304c\u62c5\u5f53\u8005\u306e\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3084\u5831\u544a\u306b\u4f9d\u5b58\u3057\u3066\u3044\u308b<\/p>\n          <\/div>\n\n          <div class=\"tprap-problem-card\">\n            <i data-lucide=\"alert-circle\" width=\"26\" height=\"26\"><\/i>\n            <p>\u591c\u9593\u30d0\u30c3\u30c1\u3084\u5b9a\u671f\u5b9f\u884c\u306e\u76e3\u8996\u304c\u7169\u96d1\u3067\u3001\u7570\u5e38\u3078\u306e\u6c17\u3065\u304d\u304c\u9045\u308c\u308b<\/p>\n          <\/div>\n\n          <div class=\"tprap-problem-card\">\n            <i data-lucide=\"alert-circle\" width=\"26\" height=\"26\"><\/i>\n            <p>\u8907\u6570\u7aef\u672b\u30fb\u8907\u6570\u62c5\u5f53\u8005\u306e\u904b\u7528\u304c\u5c5e\u4eba\u5316\u3057\u3001\u5f15\u304d\u7d99\u304e\u304c\u96e3\u3057\u3044<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Solution Section -->\n    <section class=\"tprap-solution\">\n      <div class=\"tprap-container-narrow tprap-solution-inner\">\n        <h2 class=\"tprap-solution-title\">T-Plan RAP\u304c\u3001<br>\u81ea\u52d5\u5316\u904b\u7528\u306e\u898b\u3048\u308b\u5316\u3092\u5b9f\u73fe\u3057\u307e\u3059<\/h2>\n\n        <p class=\"tprap-solution-lead\">\n          \u300c\u81ea\u52d5\u5316\u3092\u4f5c\u308b\u300d\u30d5\u30a7\u30fc\u30ba\u304b\u3089\u3001\u300c\u81ea\u52d5\u5316\u3092\u904b\u7528\u3059\u308b\u300d\u30d5\u30a7\u30fc\u30ba\u3078\u3002<br>\n          \u5b9f\u884c\u72b6\u6cc1\u3001\u904e\u53bb\u7d50\u679c\u3001\u5f85\u6a5f\u30b8\u30e7\u30d6\u3001\u30d7\u30ed\u30bb\u30b9\u306e\u6d41\u308c\u3092\u30d6\u30e9\u30a6\u30b6\u304b\u3089\u4e00\u5143\u628a\u63e1\u3057\u3001<br>\u5b89\u5168\u306a\u30c1\u30fc\u30e0\u904b\u7528\u3092\u652f\u3048\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"tprap-mini-grid\">\n          <div class=\"tprap-mini-card\">\n            <i data-lucide=\"monitor\"><\/i>\n            \u30d6\u30e9\u30a6\u30b6\u3067\u78ba\u8a8d\n          <\/div>\n\n          <div class=\"tprap-mini-card\">\n            <i data-lucide=\"bar-chart-3\"><\/i>\n            \u72b6\u6cc1\u3092\u4e00\u89a7\u5316\n          <\/div>\n\n          <div class=\"tprap-mini-card\">\n            <i data-lucide=\"activity\"><\/i>\n            \u30d7\u30ed\u30bb\u30b9\u306e\u7ba1\u7406\n          <\/div>\n\n          <div class=\"tprap-mini-card\">\n            <i data-lucide=\"globe\"><\/i>\n            \u9060\u9694\u304b\u3089\u306e\u904b\u7528\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section id=\"features\" class=\"tprap-section tprap-section-soft\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-section-head\">\n          <h2 class=\"tprap-section-title\">T-Plan RAP\u306e\u4e3b\u306a\u6a5f\u80fd<\/h2>\n          <p class=\"tprap-section-lead\">\u904b\u7528\u62c5\u5f53\u8005\u30fb\u7ba1\u7406\u8005\u304c\u6c42\u3081\u308b\u8981\u4ef6\u3092\u7db2\u7f85\u3057\u305f\u7ba1\u7406\u57fa\u76e4\u3067\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"tprap-feature-grid\">\n          <div class=\"tprap-feature-card\">\n            <div class=\"tprap-icon-box\"><i data-lucide=\"activity\" width=\"26\" height=\"26\"><\/i><\/div>\n            <h3 class=\"tprap-feature-title\">\u5b9f\u884c\u72b6\u6cc1\u306e\u53ef\u8996\u5316<\/h3>\n            <p class=\"tprap-feature-subtitle\">\u4eca\u3001\u4f55\u304c\u52d5\u3044\u3066\u3044\u308b\u304b\u304c\u3072\u3068\u76ee\u3067\u5206\u304b\u308b<\/p>\n            <p class=\"tprap-feature-text\">\u30ed\u30dc\u30c3\u30c8\u306e\u7a3c\u50cd\u72b6\u6cc1\u3001\u5b9f\u884c\u7d50\u679c\u3001\u5f85\u6a5f\u4e2d\u306e\u30bf\u30b9\u30af\u3092\u4e2d\u592e\u7ba1\u7406\u3002\u904b\u7528\u4e2d\u306e\u72b6\u6cc1\u628a\u63e1\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u3057\u3001\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u5316\u3092\u9632\u304e\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-feature-card\">\n            <div class=\"tprap-icon-box\"><i data-lucide=\"play-circle\" width=\"26\" height=\"26\"><\/i><\/div>\n            <h3 class=\"tprap-feature-title\">\u30d7\u30ed\u30bb\u30b9\u30d5\u30ed\u30fc\u7ba1\u7406<\/h3>\n            <p class=\"tprap-feature-subtitle\">\u51e6\u7406\u306e\u6d41\u308c\u3092\u3001\u958b\u59cb\u304b\u3089\u7d42\u4e86\u307e\u3067\u628a\u63e1<\/p>\n            <p class=\"tprap-feature-text\">\u5358\u767a\u306e\u30b8\u30e7\u30d6\u7ba1\u7406\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u81ea\u52d5\u5316\u3055\u308c\u305f\u51e6\u7406\u5168\u4f53\u3092\u30d7\u30ed\u30bb\u30b9\u3068\u3057\u3066\u7ba1\u7406\u3002\u8907\u96d1\u306a\u5b9f\u884c\u306e\u6d41\u308c\u3092\u898b\u6e21\u3057\u3084\u3059\u304f\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-feature-card\">\n            <div class=\"tprap-icon-box\"><i data-lucide=\"globe\" width=\"26\" height=\"26\"><\/i><\/div>\n            <h3 class=\"tprap-feature-title\">Web\u30d9\u30fc\u30b9\u904b\u7528<\/h3>\n            <p class=\"tprap-feature-subtitle\">\u30d6\u30e9\u30a6\u30b6\u304b\u3089\u4f7f\u3048\u308b\u3001\u904b\u7528\u3057\u3084\u3059\u3044\u7ba1\u7406\u753b\u9762<\/p>\n            <p class=\"tprap-feature-text\">\u5c02\u7528\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306b\u4f9d\u5b58\u305b\u305a\u3001Web\u30dd\u30fc\u30bf\u30eb\u3068\u3057\u3066\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u3002\u5834\u6240\u3084\u74b0\u5883\u3092\u307e\u305f\u3044\u3060\u5229\u7528\u306b\u3082\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-feature-card\">\n            <div class=\"tprap-icon-box\"><i data-lucide=\"server\" width=\"26\" height=\"26\"><\/i><\/div>\n            <h3 class=\"tprap-feature-title\">\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u9023\u643a<\/h3>\n            <p class=\"tprap-feature-subtitle\">\u96e2\u308c\u305f\u74b0\u5883\u306eRobot\u3068\u3082\u9023\u643a\u53ef\u80fd<\/p>\n            <p class=\"tprap-feature-text\">RAP Server\u3092\u4ecb\u3057\u3066\u3001TCP\/IP\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u7d4c\u7531\u3067Robot\u3068\u63a5\u7d9a\u3002\u9060\u9694\u5730\u3084\u8907\u6570\u74b0\u5883\u3092\u542b\u3080\u5927\u898f\u6a21\u306a\u904b\u7528\u30a4\u30f3\u30d5\u30e9\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Benefits Section -->\n    <section id=\"benefits\" class=\"tprap-section tprap-section-white\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-section-head\">\n          <h2 class=\"tprap-section-title\">\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8<\/h2>\n          <p class=\"tprap-section-lead\">\u6a5f\u80fd\u3060\u3051\u3067\u306a\u304f\u3001\u73fe\u5834\u306e\u300c\u904b\u7528\u6210\u679c\u300d\u306b\u30b3\u30df\u30c3\u30c8\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"tprap-benefit-grid\">\n          <div class=\"tprap-benefit-item\">\n            <i class=\"tprap-benefit-icon\" data-lucide=\"check-circle\" width=\"25\" height=\"25\"><\/i>\n            <div>\n              <h3 class=\"tprap-benefit-title\">\u96c6\u4e2d\u7ba1\u7406\u3067\u304d\u308b<\/h3>\n              <p class=\"tprap-benefit-text\">\u6563\u5728\u3057\u304c\u3061\u306a\u8907\u6570\u306e\u81ea\u52d5\u5316\u30b8\u30e7\u30d6\u3092\u4e00\u304b\u6240\u306b\u96c6\u7d04\u3057\u3001\u7121\u99c4\u306e\u306a\u3044\u7ba1\u7406\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tprap-benefit-item\">\n            <i class=\"tprap-benefit-icon\" data-lucide=\"check-circle\" width=\"25\" height=\"25\"><\/i>\n            <div>\n              <h3 class=\"tprap-benefit-title\">\u72b6\u614b\u304c\u898b\u3084\u3059\u3044<\/h3>\n              <p class=\"tprap-benefit-text\">\u5b9f\u884c\u4e2d\u30fb\u6210\u529f\u30fb\u5931\u6557\u30fb\u5f85\u6a5f\u4e2d\u306e\u30b9\u30c6\u30fc\u30bf\u30b9\u3092\u4e00\u89a7\u3067\u628a\u63e1\u3002\u7570\u5e38\u3078\u306e\u5bfe\u5fdc\u901f\u5ea6\u304c\u4e0a\u304c\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tprap-benefit-item\">\n            <i class=\"tprap-benefit-icon\" data-lucide=\"check-circle\" width=\"25\" height=\"25\"><\/i>\n            <div>\n              <h3 class=\"tprap-benefit-title\">\u9060\u9694\u304b\u3089\u904b\u7528\u3067\u304d\u308b<\/h3>\n              <p class=\"tprap-benefit-text\">\u30d6\u30e9\u30a6\u30b6\u7d4c\u7531\u3067\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u305f\u3081\u3001\u30ea\u30e2\u30fc\u30c8\u30ef\u30fc\u30af\u3084\u5225\u62e0\u70b9\u304b\u3089\u3067\u3082\u72b6\u6cc1\u78ba\u8a8d\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tprap-benefit-item\">\n            <i class=\"tprap-benefit-icon\" data-lucide=\"check-circle\" width=\"25\" height=\"25\"><\/i>\n            <div>\n              <h3 class=\"tprap-benefit-title\">\u30c1\u30fc\u30e0\u904b\u7528\u3057\u3084\u3059\u3044<\/h3>\n              <p class=\"tprap-benefit-text\">\u5c5e\u4eba\u5316\u3092\u6392\u9664\u3057\u3001\u8907\u6570\u4eba\u3067\u306e\u76e3\u8996\u30fb\u78ba\u8a8d\u30fb\u5f15\u304d\u7d99\u304e\u304c\u30b9\u30e0\u30fc\u30ba\u306a\u90e8\u9580\u904b\u7528\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"tprap-benefit-item\">\n            <i class=\"tprap-benefit-icon\" data-lucide=\"check-circle\" width=\"25\" height=\"25\"><\/i>\n            <div>\n              <h3 class=\"tprap-benefit-title\">\u65e2\u5b58\u8cc7\u7523\u3092\u6d3b\u304b\u305b\u308b<\/h3>\n              <p class=\"tprap-benefit-text\">\u3059\u3067\u306b\u4f5c\u6210\u3057\u305fT-Plan Robot\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u8cc7\u7523\u3092\u7121\u99c4\u306b\u305b\u305a\u3001\u305d\u306e\u307e\u307e\u904b\u7528\u30ec\u30a4\u30e4\u30fc\u3078\u62e1\u5f35\u3067\u304d\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Use Cases Section -->\n    <section class=\"tprap-section tprap-section-soft\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-section-head\">\n          <h2 class=\"tprap-section-title\">\u3053\u3093\u306a\u5834\u9762\u3067\u6d3b\u8e8d\u3057\u307e\u3059<\/h2>\n          <p class=\"tprap-section-lead\">\u5177\u4f53\u7684\u306a\u904b\u7528\u30b7\u30fc\u30f3\u3092\u60f3\u50cf\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n\n        <div class=\"tprap-usecase-grid\">\n          <div class=\"tprap-usecase-card\">\n            <h3 class=\"tprap-usecase-title\">Web\u30a2\u30d7\u30ea\u306e\u56de\u5e30\u30c6\u30b9\u30c8<\/h3>\n            <p class=\"tprap-usecase-text\">\u30ea\u30ea\u30fc\u30b9\u524d\u306e\u30c6\u30b9\u30c8\u3092\u5b9a\u671f\u5b9f\u884c\u3002\u7d42\u4e86\u5f8c\u3001\u7d50\u679c\u3092\u4e00\u89a7\u3067\u78ba\u8a8d\u3057\u3001\u30ea\u30b0\u30ec\u30c3\u30b7\u30e7\u30f3\uff08\u30c7\u30b0\u30ec\uff09\u306e\u7570\u5e38\u3092\u65e9\u671f\u767a\u898b\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-usecase-card\">\n            <h3 class=\"tprap-usecase-title\">\u591c\u9593\u30d0\u30c3\u30c1\u51e6\u7406\u306e\u7ba1\u7406<\/h3>\n            <p class=\"tprap-usecase-text\">\u4eba\u304c\u3044\u306a\u3044\u591c\u9593\u306b\u5b9f\u884c\u3057\u305f\u81ea\u52d5\u51e6\u7406\u3092\u3001\u7fcc\u671d\u306e\u51fa\u793e\u6642\u306b\u30d6\u30e9\u30a6\u30b6\u304b\u3089\u307e\u3068\u3081\u3066\u78ba\u8a8d\u3002\u73fe\u5834\u306e\u78ba\u8a8d\u624b\u9593\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-usecase-card\">\n            <h3 class=\"tprap-usecase-title\">\u8907\u6570\u4eba\u3067\u306e\u30c1\u30fc\u30e0\u904b\u7528<\/h3>\n            <p class=\"tprap-usecase-text\">\u500b\u4ebaPC\u3067\u306e\u904b\u7528\u304b\u3089\u30c1\u30fc\u30e0\u904b\u7528\u3078\u79fb\u884c\u3002\u540c\u3058\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u898b\u308b\u3053\u3068\u3067\u72b6\u6cc1\u5171\u6709\u304c\u3057\u3084\u3059\u304f\u3001\u62c5\u5f53\u8005\u4e0d\u5728\u6642\u3082\u5b89\u5fc3\u3067\u3059\u3002<\/p>\n          <\/div>\n\n          <div class=\"tprap-usecase-card\">\n            <h3 class=\"tprap-usecase-title\">\u96e2\u308c\u305f\u74b0\u5883\u306e\u9060\u9694\u76e3\u8996<\/h3>\n            <p class=\"tprap-usecase-text\">\u672c\u793e\u304b\u3089\u5de5\u5834\u3001\u3042\u308b\u3044\u306f\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u306a\u3069\u3001\u62e0\u70b9\u3092\u307e\u305f\u3050\u81ea\u52d5\u5316\u904b\u7528\u306e\u76e3\u8996\u30fb\u7ba1\u7406\u3092\u4e00\u5143\u5316\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Comparison Section -->\n    <section id=\"comparison\" class=\"tprap-section tprap-section-white\">\n      <div class=\"tprap-container-narrow\">\n        <div class=\"tprap-section-head\">\n          <h2 class=\"tprap-section-title\">T-Plan Robot Development\u3068RAP\u306e\u9055\u3044<\/h2>\n\n          <div class=\"tprap-comparison-copy\">\n            <!-- \u8ad6\u7406\u968e\u5c64h3\u306b\u9069\u6b63\u5316 -->\n            <h3 class=\"tprap-comparison-sub\">\u4f5c\u308b\u306e\u304cT-Plan Robot Development\u3001\u904b\u7528\u3059\u308b\u306e\u304cRAP\u3002<\/h3>\n            <p class=\"tprap-comparison-text\">T-Plan Robot Development\u3067\u69cb\u7bc9\u3057\u305f\u81ea\u52d5\u5316\u3092\u3001<br>\u7d44\u7e54\u5168\u4f53\u3067\u306e\u5b9f\u884c\u7ba1\u7406\u30fb\u76e3\u8996\u30fb\u5171\u6709\u307e\u3067\u3064\u306a\u3052\u308b\u306e\u304cT-Plan RAP\u3067\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tprap-table-wrap\">\n          <table class=\"tprap-table\">\n            <thead>\n              <tr>\n                <th>\u9805\u76ee<\/th>\n                <th>T-Plan Robot Development<\/th>\n                <th>T-Plan RAP<\/th>\n              <\/tr>\n            <\/thead>\n\n            <tbody>\n              <tr>\n                <td>\u4e3b\u306a\u5f79\u5272<\/td>\n                <td>\u81ea\u52d5\u5316\u306e\u4f5c\u6210\u30fb\u5b9f\u884c<\/td>\n                <td>\u81ea\u52d5\u5316\u306e\u96c6\u4e2d\u7ba1\u7406\u30fb\u76e3\u8996<\/td>\n              <\/tr>\n\n              <tr>\n                <td>\u4e3b\u306a\u5229\u7528\u8005<\/td>\n                <td>\u958b\u767a\u8005\u30fb\u81ea\u52d5\u5316\u62c5\u5f53\u8005<\/td>\n                <td>\u30c1\u30fc\u30e0\u7ba1\u7406\u8005\u30fb\u904b\u7528\u62c5\u5f53\u8005<\/td>\n              <\/tr>\n\n              <tr>\n                <td>\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/td>\n                <td>\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u4e2d\u5fc3<\/td>\n                <td>Web\u30dd\u30fc\u30bf\u30eb\uff08\u30d6\u30e9\u30a6\u30b6\uff09<\/td>\n              <\/tr>\n\n              <tr>\n                <td>\u6700\u5927\u306e\u5f37\u307f<\/td>\n                <td>\u81ea\u52d5\u5316\u305d\u306e\u3082\u306e\u306e\u69cb\u7bc9\u529b\u30fb\u67d4\u8edf\u6027<\/td>\n                <td>\u904b\u7528\u306e\u898b\u3048\u308b\u5316\u3068\u30c1\u30fc\u30e0\u5171\u6709<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Components Section -->\n    <section class=\"tprap-section tprap-section-white\" style=\"padding-top: 0;\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-components-grid\">\n\n          <div class=\"tprap-component-card\">\n            <div class=\"tprap-component-img\">\n              <div class=\"tprap-zoom-box\">\n                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP-Agent.png\" alt=\"\u5404\u81ea\u52d5\u5316\u30c6\u30b9\u30c8\u74b0\u5883\u5074\u306e\u7aef\u672b\u3084Execution\u30b5\u30fc\u30d0\u30fc\u3078\u500b\u5225\u306b\u5e38\u99d0\u3055\u305b\u308bT-Plan RAP Agent\u69cb\u6210\u56f3\">\n                <button type=\"button\"\n                  class=\"tprap-zoom-btn\"\n                  data-zoom-src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP-Agent.png\"\n                  data-zoom-title=\"T-Plan RAP Agent \u69cb\u6210\u8a73\u7d30\">\n                  <i data-lucide=\"maximize-2\" width=\"22\" height=\"22\"><\/i>\n                  <span>\u753b\u50cf\u3092\u62e1\u5927<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n            <!-- \u30ab\u30fc\u30c9\u898b\u51fa\u3057\u3092\u8ad6\u7406\u7684\u306bh4\u306b\u9069\u6b63\u5316 -->\n            <h4 class=\"tprap-component-title\">T-Plan RAP Agent<\/h4>\n          <\/div>\n\n          <div class=\"tprap-component-card\">\n            <div class=\"tprap-component-img\">\n              <div class=\"tprap-zoom-box\">\n                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP-Server.png\" alt=\"Web\u30b5\u30fc\u30d0\u30fc\u304a\u3088\u3073\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30ebDB\u3092\u5185\u5305\u3059\u308b\u4e2d\u592e\u96c6\u4e2d\u578b\u306eT-Plan RAP Server\u69cb\u6210\u56f3\">\n                <button type=\"button\"\n                  class=\"tprap-zoom-btn\"\n                  data-zoom-src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-RAP-Server.png\"\n                  data-zoom-title=\"T-Plan RAP Server \u30b3\u30a2\u30a4\u30f3\u30d5\u30e9\">\n                  <i data-lucide=\"maximize-2\" width=\"22\" height=\"22\"><\/i>\n                  <span>\u753b\u50cf\u3092\u62e1\u5927<\/span>\n                <\/button>\n              <\/div>\n            <\/div>\n            <!-- \u30ab\u30fc\u30c9\u898b\u51fa\u3057\u3092\u8ad6\u7406\u7684\u306bh4\u306b\u9069\u6b63\u5316 -->\n            <h4 class=\"tprap-component-title\">T-Plan RAP Server<\/h4>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Target and Notes Section -->\n    <section class=\"tprap-section tprap-section-soft\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-target-grid\">\n\n          <div>\n            <h2 class=\"tprap-subsection-title\">\n              <i data-lucide=\"users\" width=\"28\" height=\"28\"><\/i>\n              \u3053\u3093\u306a\u4f01\u696d\u30fb\u90e8\u9580\u306b\u304a\u3059\u3059\u3081\u3067\u3059\n            <\/h2>\n\n            <ul class=\"tprap-list\">\n              <li><span class=\"tprap-list-dot\"><\/span><span>\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3092\u500b\u4eba\u4f9d\u5b58\u304b\u3089\u8131\u5374\u3057\u3001\u8907\u6570\u4eba\u3067\u56de\u3057\u305f\u3044<\/span><\/li>\n              <li><span class=\"tprap-list-dot\"><\/span><span>\u6563\u5728\u3059\u308bRPA\u30b8\u30e7\u30d6\u3092\u3072\u3068\u3064\u306e\u753b\u9762\u3067\u4e00\u89a7\u7ba1\u7406\u3057\u305f\u3044<\/span><\/li>\n              <li><span class=\"tprap-list-dot\"><\/span><span>\u5b9f\u884c\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306b\u898b\u3048\u308b\u5316\u3057\u305f\u3044<\/span><\/li>\n              <li><span class=\"tprap-list-dot\"><\/span><span>\u591c\u9593\u30fb\u5b9a\u671f\u51e6\u7406\u3092\u3001\u9060\u9694\u304b\u3089\u5b89\u5168\u306b\u7ba1\u7406\u3057\u305f\u3044<\/span><\/li>\n              <li><span class=\"tprap-list-dot\"><\/span><span>\u81ea\u52d5\u5316\u306e\u53d6\u308a\u7d44\u307f\u3092\u3001\u90e8\u9580\u5168\u4f53\u306e\u904b\u7528\u57fa\u76e4\u3078\u3068\u5e83\u3052\u305f\u3044<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"tprap-note-card\">\n            <h3 class=\"tprap-note-title\">\n              <i data-lucide=\"settings\" width=\"23\" height=\"23\"><\/i>\n              \u5c0e\u5165\u6642\u306b\u62bc\u3055\u3048\u305f\u3044\u30dd\u30a4\u30f3\u30c8\n            <\/h3>\n\n            <p class=\"tprap-note-text\">\n              T-Plan RAP\u306f\u9ad8\u3044\u904b\u7528\u6027\u3092\u63d0\u4f9b\u3059\u308b\u4e00\u65b9\u3067\u3001RAP Server\u3084Agent\u3092\u542b\u3080\u30a4\u30f3\u30d5\u30e9\u30fb\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u69cb\u6210\u8a2d\u8a08\u304c\u91cd\u8981\u306b\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n\n            <p class=\"tprap-note-text\">\n              \u5358\u306a\u308b\u30c4\u30fc\u30eb\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u304a\u5ba2\u69d8\u306e\u76ee\u7684\u3084\u904b\u7528\u4f53\u5236\u306b\u5fdc\u3058\u305f\u9069\u5207\u306a\u5c0e\u5165\u8a2d\u8a08\u3092\u884c\u3046\u3053\u3068\u3067\u3001RAP\u304c\u3082\u305f\u3089\u3059\u300c\u898b\u3048\u308b\u5316\u300d\u306e\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5c0e\u5165\u524d\u306e\u69cb\u6210\u76f8\u8ac7\u3082\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Final CTA Section -->\n    <section id=\"contact\" class=\"tprap-final-cta\">\n      <div class=\"tprap-container\">\n        <div class=\"tprap-final-grid\">\n\n          <a href=\"https:\/\/www.ch-bridge.com\/?page_id=891\" class=\"tprap-final-card tprap-final-dark\">\n            <div class=\"tprap-final-icon\"><i data-lucide=\"download\" width=\"29\" height=\"29\"><\/i><\/div>\n            <h3 class=\"tprap-final-title\">\u8cc7\u6599\u8acb\u6c42<\/h3>\n            <p class=\"tprap-final-text\">\u4e8b\u4f8b<\/p>\n          <\/a>\n\n          <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"tprap-final-card tprap-final-orange\">\n            <div class=\"tprap-final-icon\"><i data-lucide=\"monitor-play\" width=\"29\" height=\"29\"><\/i><\/div>\n            <h3 class=\"tprap-final-title\">1\u30f6\u6708\u9593\u4f53\u9a13\uff08\u7121\u511f\uff09\u3078\u306e<br>\u304a\u7533\u3057\u8fbc\u307f<\/h3>\n            <p class=\"tprap-final-text\">\u30c7\u30e2\u30fb\u7121\u511f\u8a55\u4fa1\u30ea\u30af\u30a8\u30b9\u30c8<\/p>\n          <\/a>\n\n          <a href=\"https:\/\/www.ch-bridge.com\/?page_id=18\" class=\"tprap-final-card tprap-final-outline\">\n            <div class=\"tprap-final-icon\"><i data-lucide=\"message-square\" width=\"29\" height=\"29\"><\/i><\/div>\n            <h3 class=\"tprap-final-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n            <p class=\"tprap-final-text\">\u793e\u5185\u30a4\u30f3\u30d5\u30e9\u74b0\u5883\u3078\u306e\u9069\u5408\u78ba\u8a8d\u30fb\u5c0e\u5165\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u308a<\/p>\n          <\/a>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <script>\n    if (window.lucide) {\n      lucide.createIcons();\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const zoomButtons = document.querySelectorAll(\".tprap-zoom-btn\");\n\n      if (!zoomButtons.length) return;\n\n      const modal = document.createElement(\"div\");\n      modal.className = \"tprap-zoom-modal\";\n      modal.innerHTML = `\n        <div class=\"tprap-zoom-modal-inner\" role=\"dialog\" aria-modal=\"true\">\n          <button type=\"button\" class=\"tprap-zoom-close\" aria-label=\"\u9589\u3058\u308b\">\n            <i data-lucide=\"x\" width=\"22\" height=\"22\"><\/i>\n          <\/button>\n          <p class=\"tprap-zoom-modal-title\"><\/p>\n          <img decoding=\"async\" class=\"tprap-zoom-modal-img\" src=\"\" alt=\"\">\n        <\/div>\n      `;\n\n      document.body.appendChild(modal);\n\n      const modalImg = modal.querySelector(\".tprap-zoom-modal-img\");\n      const modalTitle = modal.querySelector(\".tprap-zoom-modal-title\");\n      const closeBtn = modal.querySelector(\".tprap-zoom-close\");\n\n      function openModal(src, title) {\n        modalImg.src = src;\n        modalImg.alt = title || \"\u62e1\u5927\u753b\u50cf\";\n        modalTitle.textContent = title || \"\";\n        modal.classList.add(\"is-open\");\n        document.body.style.overflow = \"hidden\";\n\n        if (window.lucide) {\n          lucide.createIcons();\n        }\n      }\n\n      function closeModal() {\n        modal.classList.remove(\"is-open\");\n        modalImg.src = \"\";\n        document.body.style.overflow = \"\";\n      }\n\n      zoomButtons.forEach(function (button) {\n        button.addEventListener(\"click\", function () {\n          openModal(button.dataset.zoomSrc, button.dataset.zoomTitle);\n        });\n      });\n\n      closeBtn.addEventListener(\"click\", closeModal);\n\n      modal.addEventListener(\"click\", function (event) {\n        if (event.target === modal) {\n          closeModal();\n        }\n      });\n\n      document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\" && modal.classList.contains(\"is-open\")) {\n          closeModal();\n        }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T-PLAN RAP Next Generation Automation Replay T-Plan RAP | \u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u30fbRPA\u30b8\u30e7\u30d6\u3092\u4e00\u5143\u7ba1\u7406\u3059\u308bWeb\u30dd\u30fc\u30bf\u30eb Robot Automation Portal  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-170","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=170"}],"version-history":[{"count":26,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/170\/revisions"}],"predecessor-version":[{"id":1710,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/170\/revisions\/1710"}],"wp:attachment":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}