{"id":164,"date":"2026-04-04T21:38:40","date_gmt":"2026-04-04T12:38:40","guid":{"rendered":"https:\/\/www.ch-bridge.com\/?page_id=164"},"modified":"2026-05-25T13:02:53","modified_gmt":"2026-05-25T04:02:53","slug":"t-plan-robot","status":"publish","type":"page","link":"https:\/\/www.ch-bridge.com\/?page_id=164","title":{"rendered":"T-Plan Robot Development"},"content":{"rendered":"\n<!DOCTYPE html>\n<!-- \n  T-Plan AI Animation \n  Version: 3.4 (Title-Development Version 1.1)\n  Description: Slim height version (180px) with split \"ROBOT\" (Orange) and a smaller \"DEVELOPMENT\" (Green) box.\n  Usage: Copy and paste into a \"Custom HTML\" block in WordPress.\n-->\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: #ff4d00; \/* \u30e1\u30a4\u30f3\u306e\u30aa\u30ec\u30f3\u30b8 *\/\n            --tp-accent-bright: #ff9d00; \/* Robot\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30d6\u30e9\u30a4\u30c8\u30aa\u30ec\u30f3\u30b8 *\/\n            --tp-glow-color: rgba(255, 77, 0, 0.5); \/* \u30aa\u30ec\u30f3\u30b8\u8272\u306e\u767a\u5149\u8272 *\/\n            \n            \/* \u7dd1\u8272 *\/\n            --tp-accent-green: #00ff88;\n            --tp-glow-green: rgba(0, 255, 136, 0.5);\n\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; \/* \u30d0\u30ca\u30fc\u306e\u9ad8\u3055 *\/\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;\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.2em; }\n        }\n\n        .tp-content h1 {\n            color: var(--tp-text);\n            font-size: clamp(1.2rem, 4.5vw, 2.8rem);\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: 12px;\n            flex-wrap: nowrap;\n        }\n\n        \/* \u5171\u901a\u30dc\u30c3\u30af\u30b9\u30b9\u30bf\u30a4\u30eb *\/\n        .tp-accent-box {\n            padding: 2px 14px;\n            border-radius: 8px;\n            display: inline-block;\n            line-height: 1;\n            white-space: nowrap;\n        }\n\n        \/* ROBOT (Orange) *\/\n        .tp-accent-box.orange {\n            color: var(--tp-accent-bright);\n            border: 2px solid rgba(255, 157, 0, 0.7);\n            text-shadow: 0 0 8px rgba(255, 157, 0, 0.7);\n            box-shadow: 0 0 12px var(--tp-glow-color);\n        }\n\n        \/* DEVELOPMENT (Green) - \u30b5\u30a4\u30ba\u30922\/3\u7a0b\u5ea6\u306b\u7e2e\u5c0f *\/\n        .tp-accent-box.green {\n            font-size: 0.7em; \/* \u5143\u306e\u30b5\u30a4\u30ba\u306e\u7d0470%\u306b\u7e2e\u5c0f *\/\n            padding: 2px 10px; \/* \u6587\u5b57\u306b\u5408\u308f\u305b\u3066\u4f59\u767d\u3082\u5fae\u8abf\u6574 *\/\n            color: var(--tp-accent-green);\n            border: 2px solid rgba(0, 255, 136, 0.7);\n            text-shadow: 0 0 8px rgba(0, 255, 136, 0.7);\n            box-shadow: 0 0 12px var(--tp-glow-green);\n            vertical-align: middle;\n        }\n\n        .tp-content p {\n            color: var(--tp-accent-bright);\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: 8px; font-size: 1.1rem; }\n            .tp-accent-box { padding: 2px 8px; border-radius: 6px; border-width: 1.5px; }\n            .tp-accent-box.green { padding: 1px 6px; }\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 orange\">ROBOT<\/span> <span class=\"tp-accent-box green\">DEVELOPMENT<\/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\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>T-Plan Robot Development | \u975e\u4fb5\u8972\u578bUI<br>\u30c6\u30b9\u30c8\u30fb\u696d\u52d9\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\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=BIZ+UDPGothic:wght@400;700&#038;family=Fira+Code:wght@400;500&#038;display=swap\" rel=\"stylesheet\">\n    \n    <script>\n        tailwind.config = {\n            important: '#tplan-robot-lp',\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['\"BIZ UDPGothic\"', 'sans-serif'],\n                        mono: ['\"Fira Code\"', 'monospace'],\n                    },\n                    colors: {\n                        brand: {\n                            50: '#fff7ed',\n                            100: '#ffedd5',\n                            500: '#f97316',\n                            600: '#ea580c',\n                            900: '#7c2d12',\n                            950: '#431407',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        html, body { overflow-x: hidden; }\n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: #f1f5f9; }\n        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n        .accordion-content { transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; max-height: 0; opacity: 0; overflow: hidden; }\n        .accordion-content.open { max-height: 500px; opacity: 1; }\n        .accordion-icon { transition: transform 0.3s ease; }\n        .accordion-icon.open { transform: rotate(180deg); }\n\n        #tplan-robot-lp {\n            width: 100vw !important;\n            margin-left: calc(50% - 50vw) !important;\n            box-sizing: border-box;\n        }\n\n        \/* all: unset\u3092\u56de\u907f\u3057\u3001WordPress\u3084SWELL\u3068\u306e\u30d0\u30c3\u30c6\u30a3\u30f3\u30b0\u3092\u5b89\u5168\u306b\u30ea\u30bb\u30c3\u30c8 *\/\n        #tplan-robot-lp h1, #tplan-robot-lp h2, #tplan-robot-lp h3, #tplan-robot-lp h4, #tplan-robot-lp h5, #tplan-robot-lp h6 {\n            margin: 0 !important;\n            padding: 0 !important;\n            background: transparent !important; \n            border: none !important; \n            box-shadow: none !important;\n            font-weight: inherit;\n            display: block !important;\n        }\n        #tplan-robot-lp button, #tplan-robot-lp .faq-button {\n            background: transparent !important; border: none !important; box-shadow: none !important;\n        }\n\n        \/* \u753b\u50cf\u62e1\u5927\u8868\u793a *\/\n        #tplan-robot-lp .tp-zoom-target {\n            position: relative;\n            cursor: zoom-in;\n        }\n        #tplan-robot-lp .tp-zoom-target::after {\n            content: \"\u62e1\u5927\";\n            position: absolute;\n            right: 12px;\n            bottom: 12px;\n            z-index: 5;\n            padding: 6px 10px;\n            border-radius: 999px;\n            background: rgba(15, 23, 42, 0.78);\n            color: #fff;\n            font-size: 11px;\n            font-weight: 700;\n            letter-spacing: 0.04em;\n            opacity: 0;\n            transform: translateY(4px);\n            transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;\n            pointer-events: none;\n        }\n        #tplan-robot-lp .tp-zoom-target:hover::after {\n            opacity: 1;\n            transform: translateY(0);\n            background: rgba(234, 88, 12, 0.92);\n        }\n        #tplan-robot-lp .tp-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: 24px;\n            background: rgba(2, 6, 23, 0.86);\n            backdrop-filter: blur(4px);\n        }\n        #tplan-robot-lp .tp-zoom-modal.open {\n            display: flex;\n        }\n        #tplan-robot-lp .tp-zoom-modal-inner {\n            position: relative;\n            width: min(94vw, 1180px);\n            max-height: 90vh;\n            background: #020617;\n            border: 1px solid rgba(255,255,255,0.18);\n            border-radius: 18px;\n            overflow: hidden;\n            box-shadow: 0 24px 80px rgba(0,0,0,0.45);\n        }\n        #tplan-robot-lp .tp-zoom-modal img {\n            display: block;\n            width: 100%;\n            max-height: 86vh;\n            object-fit: contain;\n            background: #0f172a;\n        }\n        #tplan-robot-lp .tp-zoom-close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            z-index: 2;\n            width: 38px;\n            height: 38px;\n            border-radius: 999px;\n            background: rgba(15, 23, 42, 0.84) !important;\n            color: #fff;\n            border: 1px solid rgba(255,255,255,0.22) !important;\n            font-size: 24px;\n            line-height: 1;\n            cursor: pointer;\n        }\n        #tplan-robot-lp .tp-video-note {\n            display: block !important;\n            visibility: visible !important;\n            opacity: 1 !important;\n            margin: 6px 2px 0 0 !important;\n            padding: 0 !important;\n            font-size: 11px !important;\n            line-height: 1.6 !important;\n            color: #64748b !important;\n            text-align: right !important;\n            background: transparent !important;\n            border: none !important;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 bg-slate-50 antialiased selection:bg-brand-500 selection:text-white\">\n\n    <div id=\"tplan-robot-lp\">\n        \n        <section class=\"pt-8 pb-10 lg:pt-12 lg:pb-14 overflow-hidden relative bg-white\">\n            <div class=\"absolute inset-0 z-0 opacity-[0.03]\" style=\"background-image: radial-gradient(#000 1px, transparent 1px); background-size: 24px 24px;\"><\/div>\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32 relative z-10\">\n                <div class=\"grid lg:grid-cols-2 gap-8 xl:gap-10 items-center\">\n                    <div>\n                        <div class=\"inline-flex items-center rounded-full px-3 py-1 text-xs font-medium bg-brand-50 text-brand-600 ring-1 ring-inset ring-brand-500\/20 mb-4\">\n                            <i data-lucide=\"eye\" class=\"w-3.5 h-3.5 mr-1.5\"><\/i>\n                            Visual UI Test &#038; Process Automation\n                        <\/div>\n                        <h1 class=\"text-3xl lg:text-5xl font-bold tracking-tight !text-slate-900 mb-4 leading-tight\">\n                            \u8996\u899a\u3068AI\u304c\u5c0e\u304f\u3001\u30c6\u30b9\u30c8\u30fb\u696d\u52d9\u81ea\u52d5\u5316\u3002<br>\n                            <span class=\"!text-brand-600\">\u975e\u4fb5\u5165\u7684\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u54c1\u8cea\u3092\u78ba\u4fdd\u3002<\/span>\n                        <\/h1>\n                        <p class=\"text-base text-slate-600 mb-6 max-w-2xl leading-snug\">\n                            \u30b3\u30fc\u30c9\u306b\u4f9d\u5b58\u3057\u306a\u3044\u300c\u753b\u50cf\u8a8d\u8b58\u30d9\u30fc\u30b9\u300d\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3068\u3001\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u30b9\u30af\u30ea\u30d7\u30c8\u3092<br>\u751f\u6210\u3059\u308b\u300cT-Plan AI\u300d\u3092\u878d\u5408\u3002T-Plan Robot Development\u306f\u3001\u3042\u3089\u3086\u308b\u30c7\u30d0\u30a4\u30b9\u30fb<br>\u30a2\u30d7\u30ea\u306e\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u8996\u70b9\u3067\u306e\u5b8c\u5168\u306a\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30c6\u30b9\u30c8\u3068\u5b9a\u578b\u696d\u52d9\u306e\u81ea\u52d5\u5316\u3092<br>\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                        <\/p>\n                        <div class=\"flex flex-col sm:flex-row gap-3\">\n                            <a href=\"https:\/\/www.ch-bridge.com\/?page_id=891\" class=\"inline-flex justify-center items-center px-5 py-2.5 rounded-md bg-brand-600 text-white text-sm font-medium hover:bg-brand-700 transition-colors shadow-sm gap-2\">\n                                <i data-lucide=\"file-text\" class=\"w-4 h-4\"><\/i> \u88fd\u54c1\u8cc7\u6599\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n                            <\/a>\n                            <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"inline-flex justify-center items-center px-5 py-2.5 rounded-md bg-white text-slate-700 text-sm font-medium border border-slate-300 hover:bg-slate-50 transition-colors shadow-sm gap-2\">\n                                <i data-lucide=\"play-circle\" class=\"w-4 h-4\"><\/i> 1\u30f6\u6708\u9593\u7121\u511f\u4f53\u9a13\u30fb\u30c7\u30e2\u306e\u8981\u8acb\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"relative w-full max-w-2xl ml-auto space-y-4 lg:space-y-5\">\n                        <div style=\"display:block !important; width:100% !important; background:#ffffff !important; border:1px solid #e2e8f0 !important; border-radius:16px !important; overflow:hidden !important; box-shadow:0 10px 25px rgba(15,23,42,0.10) !important;\">\n                            <div class=\"relative w-full aspect-video bg-slate-100 overflow-hidden\">\n                                <video class=\"w-full h-full object-cover\" controls muted playsinline preload=\"metadata\" poster=\"\" aria-label=\"T-Plan Robot\u306e\u753b\u50cf\u8a8d\u8b58\u30d9\u30fc\u30b9\u306b\u3088\u308bUI\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u6a5f\u80fd\u306e\u7dcf\u5408\u30c7\u30e2\u52d5\u753b\" style=\"display:block !important; width:100% !important; height:100% !important; object-fit:cover !important;\">\n                                    <source src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-Robot-Basic-Capability-Demo.mp4\" type=\"video\/mp4\">\n                                    \u304a\u4f7f\u3044\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u52d5\u753b\u30bf\u30b0\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\n                                <\/video>\n                            <\/div>\n                            <div style=\"display:block !important; visibility:visible !important; opacity:1 !important; min-height:24px !important; padding:6px 12px 7px 12px !important; margin:0 !important; font-size:11px !important; line-height:1.5 !important; color:#475569 !important; text-align:right !important; background:#f8fafc !important; border-top:1px solid #e2e8f0 !important; font-family:'BIZ UDPGothic', sans-serif !important; box-sizing:border-box !important;\">\n                                \u518d\u751f\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u52d5\u753b\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u521d\u671f\u72b6\u614b\u3067\u306f\u97f3\u58f0\u306f\u30df\u30e5\u30fc\u30c8\u3067\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-slate-50 border-t border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-10\">\n                    <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-3\">\u300c\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u76ee\u300d\u3067\u691c\u8a3c\u3059\u308b<\/h2>\n                    <p class=\"text-base text-slate-600 leading-snug\">\n                        \u73fe\u4ee3\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30c6\u30b9\u30c8\u304c\u62b1\u3048\u308b\u300c\u8106\u3044\u30c6\u30b9\u30c8\u30b3\u30fc\u30c9\u300d\u300c\u5c5e\u4eba\u5316\u300d\u300c\u74b0\u5883\u306e\u65ad\u7247\u5316\u300d\u3068\u3044\u3046\u69cb\u9020\u7684\u8ab2\u984c\u3092\u3001T-Plan Robot\u306e\u975e\u4fb5\u5165\u578b\uff08\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\uff09\u30c6\u30b9\u30c8\u304c\u89e3\u6c7a\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                    <div class=\"relative w-full max-w-md mx-auto aspect-[4\/3] bg-white rounded-2xl overflow-hidden border border-slate-200 shadow-sm group\">\n                        <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/04\/\u5b8c\u5168\u306a\u300c\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30c6\u30b9\u30c8\u300d.png\" alt=\"T-Plan Robot\u306e\u5b8c\u5168\u306a\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30c6\u30b9\u30c8\u6982\u5ff5\u56f3\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500\">\n                    <\/div>\n                    \n                    <div>\n                        <ul class=\"space-y-6\">\n                            <li class=\"flex items-start\">\n                                <div class=\"bg-brand-100 text-brand-600 p-2.5 rounded-lg mr-4 mt-0.5\"><i data-lucide=\"eye\" class=\"w-5 h-5\"><\/i><\/div>\n                                <div>\n                                    <h3 class=\"text-lg font-bold !text-slate-900 mb-1\">\u30a8\u30f3\u30c9\u30e6\u30fc\u30b6\u30fc\u30fb\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/h3>\n                                    <p class=\"text-sm text-slate-600 leading-snug\">\u30b3\u30fc\u30c9\u3092\u8aad\u307f\u8fbc\u3080\u306e\u3067\u306f\u306a\u304f\u3001\u4eba\u9593\u306e\u8996\u899a\u3092\u6a21\u5023\u3057\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u7d50\u679c\uff08\u30d4\u30af\u30bb\u30eb\uff09<br>\u3092\u89e3\u6790\u3002\u30af\u30ea\u30c3\u30af\u3084\u30bf\u30a4\u30d4\u30f3\u30b0\u3092\u76f4\u63a5\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <div class=\"bg-brand-100 text-brand-600 p-2.5 rounded-lg mr-4 mt-0.5\"><i data-lucide=\"shield\" class=\"w-5 h-5\"><\/i><\/div>\n                                <div>\n                                    <h3 class=\"text-lg font-bold !text-slate-900 mb-1\">\u5b8c\u5168\u306a\u975e\u4fb5\u5165\u578b (Non-Intrusive)<\/h3>\n                                    <p class=\"text-sm text-slate-600 leading-snug\">\u30c6\u30b9\u30c8\u5bfe\u8c61\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3084\u3001\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f\u4e00\u5207\u4e0d\u8981\u3002\u8a8d\u8a3c\u6e08\u307f\u306e\u672c\u756a\u30b7\u30b9\u30c6\u30e0\u3067\u3082\u5b89\u5168\u306b\u7a3c\u50cd\u3057\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <div class=\"bg-brand-100 text-brand-600 p-2.5 rounded-lg mr-4 mt-0.5\"><i data-lucide=\"monitor-smartphone\" class=\"w-5 h-5\"><\/i><\/div>\n                                <div>\n                                    <h3 class=\"text-lg font-bold !text-slate-900 mb-1\">\u7a76\u6975\u306e\u4e92\u63db\u6027<\/h3>\n                                    <p class=\"text-sm text-slate-600 leading-snug\">\u753b\u9762\u306b\u8868\u793a\u3055\u308c\u308b\u3082\u306e\u3067\u3042\u308c\u3070\u3001\u80cc\u5f8c\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30b9\u30bf\u30c3\u30af\uff08\u30ec\u30ac\u30b7\u30fc\u3001\u6700\u65b0SaaS\u3001<br>\u7d44\u8fbc\u307f\uff09\u306b\u95a2\u4fc2\u306a\u304f\u3059\u3079\u3066\u30c6\u30b9\u30c8\u53ef\u80fd\u3067\u3059\u3002<\/p>\n                                <\/div>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-12 bg-white border-t border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-10\">\n                    <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-3\">\u753b\u50cf\u30d9\u30fc\u30b9 vs \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30d9\u30fc\u30b9<\/h2>\n                    <p class=\"text-base text-slate-600 leading-snug\">\u5f93\u6765\u306e\u30a2\u30d7\u30ed\u30fc\u30c1\u3068\u306e\u6c7a\u5b9a\u7684\u306a\u9055\u3044<\/p>\n                <\/div>\n\n                <div class=\"overflow-x-auto rounded-xl border border-slate-200 shadow-sm max-w-5xl mx-auto\">\n                    <table class=\"w-full text-left border-collapse\">\n                        <thead>\n                            <tr>\n                                <th class=\"bg-slate-50 p-4 border-b border-slate-200 font-bold !text-slate-700 w-1\/4\">\u6bd4\u8f03\u9805\u76ee<\/th>\n                                <th class=\"bg-brand-50 p-4 border-b border-brand-200 border-l border-slate-200 font-bold !text-brand-900 w-3\/8 flex items-center\">\n                                    <i data-lucide=\"check-circle\" class=\"w-5 h-5 mr-2 text-brand-500\"><\/i> T-Plan Robot (\u753b\u50cf\u30d9\u30fc\u30b9)\n                                <\/th>\n                                <th class=\"bg-slate-100 p-4 border-b border-slate-200 border-l border-slate-200 font-bold !text-slate-500 w-3\/8\">\n                                    \u5f93\u6765\u30c4\u30fc\u30eb (\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411)\n                                <\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"text-sm\">\n                            <tr>\n                                <td class=\"p-4 border-b border-slate-100 font-medium !text-slate-800 bg-white\">\u30c6\u30b9\u30c8\u5bfe\u8c61<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-white !text-slate-700\">\u753b\u9762\u306b\u6620\u308b\u3059\u3079\u3066\uff08\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u7d50\u679c\uff09<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-slate-50 text-slate-500\">\u30b3\u30fc\u30c9\u304b\u3089\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u306a\u8981\u7d20\uff08DOM\/ID\uff09\u306e\u307f<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 border-b border-slate-100 font-medium !text-slate-800 bg-white\">\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-white !text-slate-700 font-bold\">\u5b8c\u5168\u72ec\u7acb\uff08\u8a00\u8a9e\u30fbOS\u30fb\u30a2\u30d7\u30ea\u3092\u554f\u308f\u306a\u3044\uff09<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-slate-50 text-slate-500\">\u7279\u5b9a\u306e\u8a00\u8a9e\u3084\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u5f37\u304f\u4f9d\u5b58<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 border-b border-slate-100 font-medium !text-slate-800 bg-white\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8981\u4ef6<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-white !text-slate-700 font-bold\">\u975e\u4fb5\u5165\u578b\uff08\u30b7\u30b9\u30c6\u30e0\u6539\u4fee\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u4e00\u5207\u4e0d\u8981\uff09<\/td>\n                                <td class=\"p-4 border-b border-slate-100 border-l border-slate-100 bg-slate-50 text-slate-500\">API\u30d5\u30c3\u30af\u3084\u30b3\u30fc\u30c9\u306e\u633f\u5165\u3001\u6a29\u9650\u5909\u66f4\u304c\u5fc5\u8981<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-4 font-medium !text-slate-800 bg-white\">\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u6027<\/td>\n                                <td class=\"p-4 border-l border-slate-100 bg-white !text-slate-700\">UI\u8981\u7d20\u306e\u5185\u90e8ID\u304c\u5909\u308f\u3063\u3066\u3082\u3001\u898b\u305f\u76ee\u304c\u540c\u3058\u306a\u3089\u30c6\u30b9\u30c8\u306f\u58ca\u308c\u306a\u3044<\/td>\n                                <td class=\"p-4 border-l border-slate-100 bg-slate-50 text-slate-500\">\u5185\u90e8\u306e\u8981\u7d20ID\u3084\u30af\u30e9\u30b9\u540d\u304c\u308f\u305a\u304b\u306b\u5909\u308f\u308b\u3060\u3051\u3067\u30c6\u30b9\u30c8\u304c\u5d29\u58ca\u3059\u308b<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-white border-t border-slate-200\" id=\"features\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                    <h2 class=\"text-3xl font-bold tracking-tight !text-brand-600 mb-3\">\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u58c1\u3092\u8d8a\u3048\u308b\u6a5f\u80fd\u7fa4<\/h2>\n                <\/div>\n\n                <div class=\"space-y-20\">\n                    <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                        <div class=\"space-y-6\">\n                            <div class=\"relative z-10 rounded-xl bg-slate-900 shadow-xl border border-slate-800 overflow-hidden w-full\">\n                                <div class=\"flex items-center px-3 py-2 bg-slate-950 border-b border-slate-800\">\n                                    <div class=\"flex space-x-1.5\">\n                                        <div class=\"w-2.5 h-2.5 rounded-full bg-rose-500\"><\/div>\n                                        <div class=\"w-2.5 h-2.5 rounded-full bg-amber-500\"><\/div>\n                                        <div class=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"><\/div>\n                                    <\/div>\n                                    <div class=\"mx-auto text-[10px] font-mono text-slate-400\">T-Plan AI Chat Prompt<\/div>\n                                <\/div>\n                                <div class=\"p-5 text-xs font-mono text-slate-300 overflow-x-auto leading-snug\">\n                                    <pre class=\"whitespace-pre-wrap break-words\"><code><span class=\"text-brand-400\">&gt; User:<\/span> <span class=\"text-slate-400\">Windows\u3067\u30e1\u30e2\u5e33\u3092\u8d77\u52d5\u3057\u3066\n\u300cHello T-Plan\u300d\u3068\u5165\u529b\u3057\u3001\u4fdd\u5b58\u3059\u308b\n\u30c6\u30b9\u30c8\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3002<\/span>\n\n<span class=\"text-emerald-400\">&gt; T-Plan AI:<\/span>\n<span class=\"text-slate-500\"># \u30e1\u30e2\u5e33\u7684\u8d77\u52d5\u3068\u5165\u529b<\/span>\n<span class=\"text-blue-300\">Press<\/span> Windows\n<span class=\"text-blue-300\">Type<\/span> <span class=\"text-amber-300\">\"notepad\"<\/span>\n<span class=\"text-blue-300\">Press<\/span> Enter\n<span class=\"text-blue-300\">Wait<\/span> 2s\n<span class=\"text-blue-300\">Type<\/span> <span class=\"text-amber-300\">\"Hello T-Plan\"<\/span><\/code><\/pre>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold !text-brand-600 mb-4 flex items-center\">\n                                <span class=\"w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center text-brand-600 mr-3\"><i data-lucide=\"bot\" class=\"w-5 h-5\"><\/i><\/span>\n                                T-Plan AI\uff1a\u81ea\u7136\u8a00\u8a9e\u3067\u30b9\u30af\u30ea\u30d7\u30c8\u751f\u6210\n                            <\/h3>\n                            <p class=\"text-slate-600 mb-4 leading-snug\">\n                                OpenAI\u3084Claude\u306a\u3069\u306e\u751f\u6210AI\u30b5\u30fc\u30d3\u30b9\u3068\u7d71\u5408\u3055\u308c\u305f\u300cAI Chat\u6a5f\u80fd\u300d\u3092\u642d\u8f09\u3002<br>\n                                \u65e5\u672c\u8a9e\u306e\u81ea\u7136\u8a00\u8a9e\u3067\u300c\u30e1\u30e2\u5e33\u3092\u8d77\u52d5\u3057\u3066\u6587\u5b57\u3092\u5165\u529b\u300d\u3068\u3044\u3063\u305f\u6307\u793a\u3092\u51fa\u3059\u3060\u3051\u3067\u3001\u81ea\u52d5\u5316\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u305f\u305f\u304d\u53f0\u304c\u5373\u5ea7\u306b\u751f\u6210\u3055\u308c\u307e\u3059\u3002\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u77e5\u8b58\u304c\u306a\u3044\u62c5\u5f53\u8005\u3067\u3082\u3001AI\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u306b\u76f8\u8ac7\u3057\u306a\u304c\u3089\u7c21\u5358\u306b\u81ea\u52d5\u5316\u30b7\u30ca\u30ea\u30aa\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2 mb-6\">\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Generative AI<\/span>\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Claude \/ OpenAI<\/span>\n                            <\/div>\n                            \n                            <div class=\"mt-6 rounded-xl border border-slate-200 overflow-hidden shadow-sm bg-slate-50\">\n                                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/AI\u76f8\u95a2\u56f31.jpg\" alt=\"\u65e5\u672c\u8a9e\u306e\u81ea\u7136\u8a00\u8a9e\u6307\u793a\u304b\u3089T-Plan AI\u304c\u81ea\u52d5\u5316\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u81ea\u52d5\u69cb\u7bc9\u3059\u308b\u6a5f\u80fd\u76f8\u95a2\u56f3\" class=\"w-full h-auto object-contain\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                        <div class=\"order-2 md:order-1\">\n                            <h3 class=\"text-2xl font-bold !text-brand-600 mb-4 flex items-center\">\n                                <span class=\"w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center text-brand-600 mr-3\"><i data-lucide=\"scan\" class=\"w-5 h-5\"><\/i><\/span>\n                                AI &#038; \u81ea\u7136\u8a00\u8a9e\u30d9\u30fc\u30b9\u306e\u753b\u50cf\u8a8d\u8b58\n                            <\/h3>\n                            <p class=\"text-slate-600 mb-4 leading-snug\">\n                                \u5f93\u6765\u306e\u30d1\u30bf\u30fc\u30f3\u30de\u30c3\u30c1\u30f3\u30b0\u3084OCR\u306b\u52a0\u3048\u3001Google Vision AI API\u9023\u643a\u306b\u3088\u308bAI\u81ea\u7136\u8a00\u8a9e\u691c\u7d22\u3092\u642d\u8f09\u3002<br>\n                                \u30b9\u30af\u30ea\u30d7\u30c8\u306b <code>text=\"bicycle\"<\/code> \u3068\u6307\u5b9a\u3059\u308b\u3060\u3051\u3067\u3001\u753b\u9762\u4e0a\u306e\u81ea\u8ee2\u8eca\u3092\u8996\u899a\u7684\u306b\u8a8d\u8b58\u3057\u307e\u3059\u3002\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u56de\u8ee2\u3001\u8272\u5909\u66f4\u3001\u30b5\u30a4\u30ba\u5909\u66f4\u306a\u3069\u306e\u74b0\u5883\u5909\u5316\u306b\u3082\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u3001\u5727\u5012\u7684\u306a\u7cbe\u5ea6\u3092\u8a87\u308a\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2 mb-6\">\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Google Vision API<\/span>\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">AI Object Detection<\/span>\n                            <\/div>\n                            \n                            <div class=\"mt-6 rounded-xl border border-slate-200 overflow-hidden shadow-sm bg-slate-50\">\n                                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/AI\u76f8\u95a2\u56f32.jpg\" alt=\"Google Vision API\u3068\u9023\u643a\u3057\u305fAI\u753b\u50cf\u8a8d\u8b58\u30a8\u30f3\u30b8\u30f3\u306b\u3088\u308b\u8981\u7d20\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u691c\u77e5\u306e\u4ed5\u7d44\u307f\u56f3\" class=\"w-full h-auto object-contain\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"order-1 md:order-2 self-start\">\n                            <div class=\"relative w-full aspect-video bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm group cursor-pointer\">\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1532298229144-0ec0c57515c7?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"\u9ad8\u7cbe\u5ea6\u306aAI\u753b\u50cf\u8a8d\u8b58\u30a8\u30f3\u30b8\u30f3\u306e\u4ed5\u7d44\u307f\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-700\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                        <div>\n                            <div class=\"relative w-full aspect-video bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm group\">\n                                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/tplan_robot_development_image.jpg\" alt=\"\u30de\u30eb\u30c1OS\u30fb\u30de\u30eb\u30c1\u30c7\u30d0\u30a4\u30b9\u5bfe\u5fdc\u3092\u53ef\u80fd\u306b\u3059\u308b\u7d71\u5408\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold !text-brand-600 mb-4 flex items-center\">\n                                <span class=\"w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center text-brand-600 mr-3\"><i data-lucide=\"smartphone\" class=\"w-5 h-5\"><\/i><\/span>\n                                &#8220;Create Once, Run Anywhere&#8221;\n                            <\/h3>\n                            <p class=\"text-slate-600 mb-4 leading-snug\">\n                                \u7d71\u5408\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306b\u3088\u308a\u3001\u4e00\u5ea6\u4f5c\u6210\u3057\u305f\u30c6\u30b9\u30c8\u30b9\u30af\u30ea\u30d7\u30c8\u306f\u66f8\u304d\u91cd\u3059\u3053\u3068\u306a\u304f\u3042\u3089\u3086\u308b\u74b0\u5883\u3067\u5b9f\u884c\u53ef\u80fd\u3067\u3059\u3002<br>\n                                Windows\u3001Mac\u3001Linux\u306a\u3069\u306eOS\u304b\u3089\u3001iOS\u30fbAndroid\u30e2\u30d0\u30a4\u30eb\u3001\u5404\u7a2e\u4e3b\u8981\u30d6\u30e9\u30a6\u30b6\u3001\u5f62\u6210\u3055\u308c\u305fVDI\u3084\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u307e\u3067\u3002Selenium\u9023\u643a\u306b\u3088\u308bDOM\u64cd\u4f5c\u3082\u5358\u4e00\u30b9\u30af\u30ea\u30d7\u30c8\u5185\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2\">\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Cross-Platform<\/span>\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Selenium WebDriver<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                        <div class=\"order-2 md:order-1\">\n                            <h3 class=\"text-2xl font-bold !text-brand-600 mb-4 flex items-center\">\n                                <span class=\"w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center text-brand-600 mr-3\"><i data-lucide=\"layout-dashboard\" class=\"w-5 h-5\"><\/i><\/span>\n                                \u30c1\u30fc\u30e0\u5168\u54e1\u304c\u81ea\u52d5\u5316\u306e\u62c5\u3044\u624b\u306b\n                            <\/h3>\n                            <p class=\"text-slate-600 mb-4 leading-snug\">\n                                \u64cd\u4f5c\u9332\u753b\uff08\u30ec\u30b3\u30fc\u30c9\uff06\u30d7\u30ec\u30a4\u30d0\u30c3\u30af\uff09\u306b\u3088\u308b\u76f4\u611f\u7684\u306aUI\u3092\u5099\u3048\u3001\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3060\u3051\u3067\u306a\u304fRPA\u7684\u306a\u5b9a\u578b\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u3082\u81ea\u52d5\u5316\u53ef\u80fd\u3002<br>\n                                \u3055\u3089\u306b\u3001Web\u30d9\u30fc\u30b9\u306e\u300cRobot Automation Portal (RAP)\u300d\u306b\u3088\u308a\u3001\u5168\u81ea\u52d5\u5316\u30bf\u30b9\u30af\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u7ba1\u7406\u3001\u9032\u6357\u76e3\u8996\u3001\u30ec\u30dd\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u4e00\u5143\u5316\u3057\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2\">\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Low-Code\/No-Code<\/span>\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">RPA \/ Process Auto<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid md:grid-cols-1\">\n                            <div class=\"relative w-full aspect-video bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm group\">\n                                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/editor.gif\" alt=\"RAP\uff08Robot Automation Portal\uff09\u306e\u4e00\u5143\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"grid md:grid-cols-2 gap-10 items-center\">\n                        <div>\n                            <div class=\"relative w-full aspect-video bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm group\">\n                                <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/image-20260511-193318.png\" alt=\"Report\u30b3\u30de\u30f3\u30c9\u304b\u3089\u76f4\u63a5\u751f\u6210\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u30c6\u30b9\u30c8\u5b9f\u884c\u30ec\u30dd\u30fc\u30c8\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-2xl font-bold !text-brand-600 mb-4 flex items-center\">\n                                <span class=\"w-10 h-10 bg-brand-50 rounded-lg flex items-center justify-center text-brand-600 mr-3\"><i data-lucide=\"file-pie-chart\" class=\"w-5 h-5\"><\/i><\/span>\n                                \u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u30ec\u30dd\u30fc\u30c8\u51fa\u529b\n                            <\/h3>\n                            <p class=\"text-slate-600 mb-4 leading-snug\">\n                                T-Plan Robot \u306f\u3001Report \u30b3\u30de\u30f3\u30c9\u306e\u5f62\u3067\u3001\u5b9f\u884c\u3055\u308c\u305f\u30b9\u30af\u30ea\u30d7\u30c8\u30b3\u30de\u30f3\u30c9\u304b\u3089\u76f4\u63a5\u51fa\u529b\u30ec\u30dd\u30fc\u30c8\u3092\u4f5c\u6210\u3059\u308b\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n                            <\/p>\n                            <div class=\"flex flex-wrap gap-2\">\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Interactive Report<\/span>\n                                <span class=\"text-xs font-mono bg-slate-100 text-slate-700 px-2.5 py-1 rounded border border-slate-200\">Report Command<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-slate-100 border-t border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                    <h2 class=\"text-3xl font-bold tracking-tight !text-brand-600 mb-3\">\u56f0\u96e3\u306a\u81ea\u52d5\u5316\u8981\u4ef6\u3092\u89e3\u6c7a\u3059\u308b\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9<\/h2>\n                    <p class=\"text-base text-slate-600 leading-snug\">\u7279\u5b9a\u306e\u6280\u8853\u306b\u4f9d\u5b58\u3057\u306a\u3044\u7279\u6027\u304c\u3001\u4ed6\u30c4\u30fc\u30eb\u3067\u306f\u4e0d\u53ef\u80fd\u306a\u30c6\u30b9\u30c8\u3084\u696d\u52d9\u306e\u81ea\u52d5\u5316\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n                <\/div>\n\n                <div class=\"grid md:grid-cols-3 gap-6\">\n                    <div class=\"bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden flex flex-col group hover:shadow-md transition-shadow\">\n                        <div class=\"relative w-full h-40 bg-slate-200 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1549317661-bd32c8ce0db2?auto=format&#038;fit=crop&#038;q=80&#038;w=600\" alt=\"\u81ea\u52d5\u8eca\u30a4\u30f3\u30d5\u30a9\u30c6\u30a4\u30f3\u30e1\u30f3\u30c8\u30b7\u30b9\u30c6\u30e0\u3084\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306e\u691c\u8a3c\u98a8\u666f\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6 flex-1\">\n                            <h3 class=\"font-bold !text-slate-900 text-lg mb-2\">\u7d44\u8fbc\u307f\u6a5f\u5668\u30fbIoT\u30fbCAD<\/h3>\n                            <p class=\"text-sm text-slate-600 leading-snug mb-4\">VNC\/KVM\u7d4c\u7531\u3067\u63a5\u7d9a\u3057\u3001\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u5909\u66f4\u306a\u3057\u3067\u5b9f\u6a5f\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u51fa\u529b\u3092\u30d9\u30fc\u30b9\u306b\u3057\u305f\u30d6\u30e9\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30c6\u30b9\u30c8\u3092\u5b9f\u73fe\u3002\u8907\u96d1\u306a3D\u30b8\u30aa\u30e1\u30c8\u30ea(CAD)\u306e\u7570\u5e38\u3082\u30d4\u30af\u30bb\u30eb\u5358\u4f4d\u3067\u691c\u77e5\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden flex flex-col group hover:shadow-md transition-shadow\">\n                        <div class=\"relative w-full h-40 bg-slate-200 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?auto=format&#038;fit=crop&#038;q=80&#038;w=600\" alt=\"\u57fa\u5e79\u30ec\u30ac\u30b7\u30fc\u30b7\u30b9\u30c6\u30e0\u3084\u30e1\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0\u30b5\u30fc\u30d0\u30fc\u306e\u753b\u9762\u30a4\u30e1\u30fc\u30b8\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6 flex-1\">\n                            <h3 class=\"font-bold !text-slate-900 text-lg mb-2\">\u30ec\u30ac\u30b7\u30fc\u3068\u6700\u65b0Web\u306e\u9023\u643a<\/h3>\n                            <p class=\"text-sm text-slate-600 leading-snug mb-4\">API\u304c\u63d0\u4f9b\u3055\u308c\u3066\u3044\u306a\u3044\u30e1\u30a4\u30f3\u30d5\u30ec\u30fc\u30e0(AS\/400\u7b49)\u306e\u30bf\u30fc\u30df\u30ca\u30eb\u753b\u9762\u3068\u3001\u6700\u65b0\u306eSaaS\u30b7\u30b9\u30c6\u30e0\u3092\u8de8\u3050\u30a8\u30f3\u30c9\u30c4\u30fc\u30a8\u30f3\u30c9(E2E)\u306e\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u81ea\u52d5\u5316\u3002<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-white rounded-xl border border-slate-200 shadow-sm overflow-hidden flex flex-col group hover:shadow-md transition-shadow\">\n                        <div class=\"relative w-full h-40 bg-slate-200 overflow-hidden\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;q=80&#038;w=600\" alt=\"\u53b3\u683c\u306a\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u8981\u4ef6\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u76e3\u67fb\u306e\u30a4\u30e1\u30fc\u30b8\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\n                        <\/div>\n                        <div class=\"p-6 flex-1\">\n                            <h3 class=\"font-bold !text-slate-900 text-lg mb-2\">\u76e3\u67fb\u5bfe\u5fdc\u30fb\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9<\/h3>\n                            <p class=\"text-sm text-slate-600 leading-snug mb-4\">21 CFR Part 11\u306a\u3069\u306e\u53b3\u683c\u306a\u691c\u8a3c\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u30b5\u30dd\u30fc\u30c8\u3002\u5b9f\u884c\u6642\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3084\u8a73\u7d30\u306a\u30ed\u30b0\u3092\u81ea\u52d5\u8a18\u9332\u3057\u3001\u6697\u53f7\u5316\u3057\u3066\u4fdd\u5b58\u3002\u7d76\u5bfe\u306b\u505c\u6b62\u304c\u8a31\u3055\u308c\u306a\u3044\u30b7\u30b9\u30c6\u30e0\u306b\u6700\u9069\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-white border-t border-slate-200\" id=\"case-studies\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-10\">\n                    <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-3\">\u30b0\u30ed\u30fc\u30d0\u30eb\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u5b9f\u7e3e<\/h2>\n                    <p class=\"text-base text-slate-600 leading-snug\">\u53b3\u683c\u306a\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3084\u8907\u96d1\u306a\u30ec\u30ac\u30b7\u30fc\u74b0\u5883\u3092\u6301\u3064\u30c8\u30c3\u30d7\u4f01\u696d\u304c\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5 xl:gap-6\">\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"heart-pulse\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Healthcare\/RPA<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">36x<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">NHS (\u56fd\u6c11\u4fdd\u5065\u30b5\u30fc\u30d3\u30b9)<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            API\u3092\u6301\u305f\u306a\u3044\u591a\u69d8\u306a\u30ec\u30ac\u30b7\u30fc\u30b7\u30b9\u30c6\u30e0\u9593\u306e\u30c7\u30fc\u30bf\u9023\u643a\u3092\u81ea\u52d5\u5316\u30026\u6642\u9593\u304b\u304b\u3063\u3066\u3044\u305f\u770b\u8b77\u5e2b\u306e\u52e4\u52d9\u8868\u4f5c\u6210\u51e6\u7406\u309210\u5206\u3078\u77ed\u7e2e\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"shopping-bag\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Retail \/ ePOS<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">2 Days<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">H&#038;M<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            \u53b3\u683c\u306aKVM over IP\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u4e0b\u306b\u3042\u308b\u30b0\u30ed\u30fc\u30d0\u30eb16\u30ab\u56fd\u306eePOS\u30b7\u30b9\u30c6\u30e0\u306b\u304a\u3044\u3066\u3001UI\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3092\u308f\u305a\u304b2\u65e5\u9593\u3067\u30c7\u30d7\u30ed\u30a4\u3057\u5b9f\u8a3c\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"zap\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Auto \/ EV<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">ECU<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">Ather Energy<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            EV\u30b9\u30af\u30fc\u30bf\u30fc\u306eOTA\u74b0\u5883\u3067\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u30c6\u30b9\u30c8\u3002ECU\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u3068\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u304c\u4ea4\u5dee\u3059\u308b\u5b89\u5168\u691c\u8a3c\u3092\u81ea\u52d5\u5316\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"landmark\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Finance<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">-\u00a3300k<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">\u30a4\u30f3\u30b0\u30e9\u30f3\u30c9\u9280\u884c<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            1\u65e5\u6700\u5927800\u5104\u30dd\u30f3\u30c9\u3092\u51e6\u7406\u3059\u308b\u6c7a\u6e08\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u306b\u304a\u3044\u3066\u3001\u8981\u4ef6\u5909\u66f4\u3078\u306e\u67d4\u8edf\u306a\u5bfe\u5fdc\u3068\u30c6\u30b9\u30c8\u8981\u54e1\u524a\u6e1b\u306b\u3088\u308a\u3001QA\u30b3\u30b9\u30c8\u3092\u5927\u5e45\u524a\u6e1b\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"gamepad-2\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Gaming<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">-97%<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">Zynga (\u30b2\u30fc\u30e0)<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            \u624b\u52d5\u30c6\u30b9\u30c8\u306e\u9650\u754c\u3092\u6253\u7834\u3002\u753b\u50cf\u30d9\u30fc\u30b9\u306e\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306b\u3088\u308a\u3001\u5fc5\u8981\u306a\u30c6\u30b9\u30c8\u4eba\u54e1\u9700\u8981\u309297%\u524a\u6e1b\u3057\u5b9f\u884c\u6642\u9593\u3092\u534a\u6e1b\u3002\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-xl p-6 border border-slate-200 shadow-sm hover:shadow-md transition-shadow flex flex-col\">\n                        <div class=\"flex items-center justify-between mb-4\">\n                            <div class=\"flex items-center space-x-1.5 text-slate-500\">\n                                <i data-lucide=\"smartphone\" class=\"w-5 h-5\"><\/i>\n                                <span class=\"text-[11px] font-bold uppercase\">Telecom<\/span>\n                            <\/div>\n                            <span class=\"text-2xl font-bold text-brand-600\">Unified<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-extrabold !text-brand-600 mb-3 border-b-2 border-brand-200 pb-2\">Virgin Mobile<\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4 leading-snug\">\n                            \u624b\u4f5c\u696d\u306b\u4f9d\u5b58\u3057\u3066\u3044\u305f\u65ad\u7247\u7684\u306a\u30c6\u30b9\u30c8\u74b0\u5883\u3092\u5237\u65b0\u3002\u30c6\u30b9\u30c8\u8cc7\u7523\u306e\u4e00\u5143\u7ba1\u7406\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u6a19\u6e96\u5316\u3092\u5b9f\u73fe\u3057\u9032\u6357\u306e\u53ef\u8996\u6027\u3092\u5411\u4e0a\u3002\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-12 bg-slate-50 border-t border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"text-center max-w-3xl mx-auto mb-10\">\n                    <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-3\">\u30b7\u30f3\u30d7\u30eb\u3067\u5f37\u529b\u306a\u72ec\u81ea\u30b9\u30af\u30ea\u30d7\u30c8 (TPR)<\/h2>\n                    <p class=\"text-base text-slate-600 leading-snug\">\n                        \u30c7\u30fc\u30bf\u99c6\u52d5(Data-Driven)\u304a\u3088\u3073\u30ad\u30fc\u30ef\u30fc\u30c9\u99c6\u52d5(Keyword-Driven)\u306b\u3088\u308b\u7121\u9650\u306e\u30b9\u30b1\u30fc\u30eb\u3002<br>\u5916\u90e8\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u9023\u643a\u3057\u3001\u8907\u96d1\u306a\u30b7\u30ca\u30ea\u30aa\u3082\u69cb\u7bc9\u53ef\u80fd\u306a\u624b\u7d9a\u304d\u578b\u8a00\u8a9e\u3002\n                    <\/p>\n                <\/div>\n                \n                <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-4 xl:gap-6\">\n                    <div class=\"bg-white p-5 rounded-xl border border-slate-200 shadow-sm hover:border-brand-300 transition-colors\">\n                        <div class=\"w-8 h-8 bg-brand-50 rounded flex items-center justify-center text-brand-600 mb-3\"><i data-lucide=\"monitor\" class=\"w-4 h-4\"><\/i><\/div>\n                        <h3 class=\"text-sm font-bold !text-slate-900 mb-1.5\">\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30b3\u30de\u30f3\u30c9<\/h3>\n                        <p class=\"text-xs text-slate-600 leading-snug\">\u63a5\u7d9a\u30fb\u5207\u65ad\u3084\u3001\u30de\u30a6\u30b9\u30af\u30ea\u30c3\u30af\u3001\u30c9\u30e9\u30c3\u30b0\u3001\u30ad\u30fc\u30dc\u30fc\u30c9\u5165\u529b\u306a\u3069\u3001\u76f4\u63a5\u7684\u306aUI\u64cd\u4f5c\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-5 rounded-xl border border-slate-200 shadow-sm hover:border-brand-300 transition-colors\">\n                        <div class=\"w-8 h-8 bg-brand-50 rounded flex items-center justify-center text-brand-600 mb-3\"><i data-lucide=\"sliders\" class=\"w-4 h-4\"><\/i><\/div>\n                        <h3 class=\"text-sm font-bold !text-slate-900 mb-1.5\">\u7ba1\u7406\u30fb\u5b9f\u884c\u5236\u5fa1\u30b3\u30de\u30f3\u30c9<\/h3>\n                        <p class=\"text-xs text-slate-600 leading-snug\">\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u505c\u6b62\u3001\u5f85\u6a5f\u306a\u3069\u306e\u5b9f\u884c\u5236\u5fa1\u30a4\u30f3\u30d5\u30e9\u3092\u63d0\u4f9b\u3002\u5909\u6570\u3084\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u7ba1\u7406\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-5 rounded-xl border border-slate-200 shadow-sm hover:border-brand-300 transition-colors\">\n                        <div class=\"w-8 h-8 bg-brand-50 rounded flex items-center justify-center text-brand-600 mb-3\"><i data-lucide=\"file-bar-chart\" class=\"w-4 h-4\"><\/i><\/div>\n                        <h3 class=\"text-sm font-bold !text-slate-900 mb-1.5\">\u30ec\u30dd\u30fc\u30c8\u30b3\u30de\u30f3\u30c9<\/h3>\n                        <p class=\"text-xs text-slate-600 leading-snug\">\u753b\u9762\u30ad\u30e3\u30d7\u30c1\u30e3\u3001\u30ec\u30dd\u30fc\u30c8\u751f\u6210\u3001\u30e1\u30fc\u30eb\u9001\u4fe1\u3001\u30c6\u30b9\u30c8\u7ba1\u7406\u30c4\u30fc\u30eb\u3078\u306e\u7d50\u679c\u9023\u643a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-5 rounded-xl border border-slate-200 shadow-sm hover:border-brand-300 transition-colors\">\n                        <div class=\"w-8 h-8 bg-brand-50 rounded flex items-center justify-center text-brand-600 mb-3\"><i data-lucide=\"database\" class=\"w-4 h-4\"><\/i><\/div>\n                        <h3 class=\"text-sm font-bold !text-slate-900 mb-1.5\">I\/O \u30b3\u30de\u30f3\u30c9<\/h3>\n                        <p class=\"text-xs text-slate-600 leading-snug\">DB\u3001Excel\u3001CSV\u3001API\u306a\u3069\u5916\u90e8\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u304b\u3089\u306e\u5165\u51fa\u529b\u3092\u6271\u3044\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u30c6\u30b9\u30c8\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-10 bg-slate-900 text-white relative overflow-hidden\">\n            <div class=\"absolute inset-0 z-0 opacity-10\" style=\"background-image: linear-gradient(to right, #4f4f4f 1px, transparent 1px), linear-gradient(to bottom, #4f4f4f 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\n            <div class=\"max-w-5xl mx-auto px-4 sm:px-8 lg:px-16 relative z-10 text-center\">\n                <h2 class=\"text-xl md:text-2xl font-bold mb-3 !text-white\">\u6280\u8853\u4ed5\u69d8\u306e\u8a73\u7d30\u3084\u3001\u8a55\u4fa1\u3092\u3054\u691c\u8a0e\u4e2d\u3067\u3059\u304b\uff1f<\/h2>\n                <p class=\"text-sm text-slate-300 mb-5 max-w-2xl mx-auto leading-snug\">\n                    \u8cb4\u793e\u306e\u8907\u96d1\u306a\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u57fa\u3065\u3044\u305f\u81ea\u52d5\u5316\u306e\u5b9f\u73fe\u6027\u3092\u691c\u8a3c\u306e\u305f\u3081\u3001\u8a55\u4fa1\u7248\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u63d0\u4f9b\u3044\u305f\u3057\u307e\u3059\u3002\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-3 justify-center\">\n                    <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"inline-flex justify-center items-center px-5 py-2.5 rounded-md bg-brand-500 text-white text-sm font-medium hover:bg-brand-600 transition-colors\">\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        <\/section>\n\n        <section class=\"py-12 bg-slate-50 border-t border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"grid lg:grid-cols-2 gap-10 xl:gap-16 items-center\">\n                    <div>\n                        <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-4\">\u30b3\u30a2\u6280\u8853\u306e\u6df1\u5c64<\/h2>\n                        <p class=\"text-base text-slate-600 mb-5 leading-snug\">\n                            \u5358\u306a\u308b\u300c\u30de\u30af\u30ed\u8a18\u9332\u30c4\u30fc\u30eb\u300d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30ec\u30d9\u30eb\uc758 \u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3068RPA\u3092\u652f\u3048\u308b\u5805\u7262\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3002\n                        <\/p>\n                        <ul class=\"space-y-4 mb-6\">\n                            <li class=\"flex items-start\">\n                                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-brand-500 mt-0.5 mr-3 flex-shrink-0\"><\/i>\n                                <div>\n                                    <strong class=\"!text-slate-900 block text-base mb-1\">Development\u3068Execution\u306e\u5f79\u5272\u5206\u96e2<\/strong>\n                                    <span class=\"text-sm text-slate-600 leading-snug\">\u30b7\u30ca\u30ea\u30aa\u306e\u4f5c\u6210\u30fb\u30c7\u30d0\u30c3\u30b0\u3092\u884c\u3046\u300cT-Plan Robot Development\u300d\u3068\u3001\u30c6\u30b9\u30c8\u5bfe\u8c61\u3078\u306e<br>\u7121\u4eba\u30fb\u4e26\u5217\u81ea\u52d5\u5b9f\u884c\u3092\u62c5\u3046\u300cT-Plan Robot Execution\u300d\u3092\u5206\u96e2\u3059\u308b\u3053\u3068\u3067\u3001<br>\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u904b\u7528\u4f53\u5236\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002<\/span>\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-brand-500 mt-0.5 mr-3 flex-shrink-0\"><\/i>\n                                <div>\n                                    <strong class=\"!text-slate-900 block text-base mb-1\">RFB\u30d7\u30ed\u30c8\u30b3\u30eb\u306b\u3088\u308bVNC\u9023\u643a<\/strong>\n                                    <span class=\"text-sm text-slate-600 leading-snug\">OS\u30ec\u30d9\u30eb\u3067\u306e\u753b\u9762\u53d6\u5f97\u30fb\u64cd\u4f5c\u30a4\u30d9\u30f3\u30c8\u9001\u4fe1\u306b\u3088\u308a\u3001\u4eee\u60f3\u74b0\u5883\u3084\u30e2\u30d0\u30a4\u30eb\u7aef\u672b\u306e\u81ea\u52d5\u5316\u3092<br>\u30cd\u30a4\u30c6\u30a3\u30d6\u306b\u5b9f\u73fe\u3002<\/span>\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-brand-500 mt-0.5 mr-3 flex-shrink-0\"><\/i>\n                                <div>\n                                    <strong class=\"!text-slate-900 block text-base mb-1\">T-Plan AI\u3067\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u30b9\u30af\u30ea\u30d7\u30c8\u751f\u6210<\/strong>\n                                    <span class=\"text-sm text-slate-600 leading-snug\">T-Plan AI\u3092\u4f7f\u3048\u3070\u3001\u81ea\u52d5\u5316\u3057\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8a18\u8ff0\u3059\u308b\u3060\u3051\u3067\u3001\u3059\u3050\u306b\u52d5\u4f5c\u3059\u308b<br>\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002\u751f\u6210\u3055\u308c\u305f\u77ac\u9593\u304b\u3089\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3084\u30ea\u30ea\u30fc\u30b9\u3092\u554f\u308f\u305a<br>\u4fe1\u983c\u3067\u304d\u308b\u30c6\u30b9\u30c8\u3068\u306a\u308a\u307e\u3059\u3002<\/span>\n                                <\/div>\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-brand-500 mt-0.5 mr-3 flex-shrink-0\"><\/i>\n                                <div>\n                                    <strong class=\"!text-slate-900 block text-base mb-1\">\u62e1\u5f35\u53ef\u80fd\u306aJava API\u3068CI\/CD\u9023\u643a<\/strong>\n                                    <span class=\"text-sm text-slate-600 leading-snug\">API\u3092\u5229\u7528\u3057\u3001Jenkins\u3084Git\u7b49\u3092\u7528\u3044\u305fCI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3078\u306e\u7d44\u307f\u8fbc\u307f\u3084\u3001\u5916\u90e8\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u3092\u8a18\u8ff0\u53ef\u80fd\u3002<\/span>\n                                <\/div>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"bg-white p-4 xl:p-5 rounded-xl shadow-sm border border-slate-200\">\n                        <div class=\"text-xs font-mono text-slate-500 mb-4 border-b border-slate-100 pb-2\">Architecture Overview<\/div>\n                        <div class=\"relative w-full bg-slate-50 rounded-2xl overflow-hidden border border-slate-200 shadow-sm group\">\n                            <img decoding=\"async\" src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/T-Plan-\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3.jpg\" alt=\"VDI\u30fbWeb\u30fb\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u30fbIoT\u3092\u542b\u3080\u30b7\u30b9\u30c6\u30e0\u74b0\u5883\u3068\u30a8\u30f3\u30b8\u30f3\u3092Java API\u3067\u7d71\u5408\u3059\u308bT-Plan Robot\u306e\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u4fef\u77b0\u56f3\" class=\"w-full h-auto object-contain group-hover:scale-[1.02] transition-transform duration-500\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-12 bg-white border-y border-slate-200\">\n            <div class=\"w-full mx-auto px-4 sm:px-8 lg:px-16 xl:px-24 2xl:px-32\">\n                <div class=\"grid lg:grid-cols-2 gap-10 xl:gap-16\">\n                    <div>\n                        <h3 class=\"text-xl font-bold !text-brand-600 mb-5 flex items-center\">\n                            <i data-lucide=\"book-open\" class=\"w-6 h-6 mr-2 text-brand-500\"><\/i>\n                            \u6280\u8853TIPS &#038; \u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\n                        <\/h3>\n                        <div class=\"space-y-4\">\n                            <a href=\"#\" class=\"block bg-slate-50 p-5 rounded-lg border border-slate-200 hover:border-brand-300 hover:shadow-sm transition-all group\">\n                                <div class=\"flex justify-between items-center mb-2\">\n                                    <span class=\"text-xs font-mono text-brand-600 bg-brand-100 px-2 py-0.5 rounded\">Tutorial<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4 text-slate-400 group-hover:text-brand-500 group-hover:translate-x-1 transition-transform\"><\/i>\n                                <\/div>\n                                <h4 class=\"text-base font-bold !text-slate-800 group-hover:!text-brand-600 transition-colors leading-snug\">CI\/CD\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u3067\u306eT-Plan Robot\u306e\u30d8\u30c3\u30c9\u30ec\u30b9\u5b9f\u884c\u8a2d\u5b9a<\/h4>\n                            <\/a>\n                            <a href=\"https:\/\/www.ch-bridge.com\/?p=1478\" class=\"block bg-slate-50 p-5 rounded-lg border border-slate-200 hover:border-brand-300 hover:shadow-sm transition-all group\">\n                                <div class=\"flex justify-between items-center mb-2\">\n                                    <span class=\"text-xs font-mono text-brand-600 bg-brand-100 px-2 py-0.5 rounded\">Use Case<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4 text-slate-400 group-hover:text-brand-500 group-hover:translate-x-1 transition-transform\"><\/i>\n                                <\/div>\n                                <h4 class=\"text-base font-bold !text-slate-800 group-hover:!text-brand-600 transition-colors leading-snug\">\u7d44\u8fbc\u307fLinux\u30c7\u30d0\u30a4\u30b9\u306eVNC\/KVM\u7d4c\u7531UI\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u624b\u6cd5<\/h4>\n                            <\/a>\n                            <a href=\"#\" class=\"block bg-slate-50 p-5 rounded-lg border border-slate-200 hover:border-brand-300 hover:shadow-sm transition-all group\">\n                                <div class=\"flex justify-between items-center mb-2\">\n                                    <span class=\"text-xs font-mono text-brand-600 bg-brand-100 px-2 py-0.5 rounded\">Reference<\/span>\n                                    <i data-lucide=\"arrow-right\" class=\"w-4 h-4 text-slate-400 group-hover:text-brand-500 group-hover:translate-x-1 transition-transform\"><\/i>\n                                <\/div>\n                                <h4 class=\"text-base font-bold !text-slate-800 group-hover:!text-brand-600 transition-colors leading-snug\">T-Plan Robot \u00d7 Google Vision API \u3067\u5b9f\u73fe\u3059\u308b\u300c\u578b\u306b\u306f\u307e\u3089\u306a\u3044\u300d\u8d85\u67d4\u8edf\u306aUI\u30c6\u30b9\u30c8\u81ea\u52d5\u5316<\/h4>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <h3 class=\"text-xl font-bold !text-brand-600 mb-5 flex items-center\">\n                            <i data-lucide=\"shield-check\" class=\"w-6 h-6 mr-2 text-brand-500\"><\/i>\n                            \u30e9\u30a4\u30bb\u30f3\u30b9\u3068\u30b5\u30dd\u30fc\u30c8\n                        <\/h3>\n                        <div class=\"bg-white rounded-xl border border-slate-200 overflow-hidden shadow-sm\">\n                            <div class=\"p-6 border-b border-slate-100\">\n                                <h4 class=\"text-lg font-bold !text-slate-800 mb-2\">\u30b7\u30f3\u30d7\u30eb\u306a\u30e9\u30a4\u30bb\u30f3\u30b9\u4f53\u7cfb<\/h4>\n                                <p class=\"text-sm text-slate-600 mb-4 leading-snug\">\n                                    \u958b\u767a\u74b0\u5883\uff08\u8a2d\u8a08\u30fb\u30c7\u30d0\u30c3\u30b0\u7528\uff09\u3068\u5b9f\u884c\u74b0\u5883\uff08\u30c6\u30b9\u30c8\u5bfe\u8c61\u540c\u6642\u5b9f\u884c\u7528\uff09\u306b\u5fdc\u3058\u305f\u30e9\u30a4\u30bb\u30f3\u30b9\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\u30e2\u30d0\u30a4\u30eb\u30c6\u30b9\u30c8\u7b49\u306e\u8ffd\u52a0\u6599\u91d1\u306f\u306a\u304f\u3001\u4ed6\u793e\u306b\u6bd4\u3079\u5727\u5012\u7684\u306b\u624b\u9803\u306a\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u3002\n                                <\/p>\n                                <a href=\"https:\/\/www.ch-bridge.com\/?page_id=1449\" class=\"text-sm text-brand-600 hover:underline font-bold flex items-center\">\n                                    T-Plan Robot\u30e9\u30a4\u30bb\u30f3\u30b9\u306e\u4fa1\u683c\u304a\u554f\u3044\u5408\u308f\u305b <i data-lucide=\"chevron-right\" class=\"w-4 h-4 ml-1\"><\/i>\n                                <\/a>\n                            <\/div>\n                            <div class=\"p-6 bg-slate-50\">\n                                <h4 class=\"text-lg font-bold !text-slate-800 mb-3\">\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30b5\u30dd\u30fc\u30c8<\/h4>\n                                <ul class=\"text-sm text-slate-600 space-y-2\">\n                                    <li class=\"flex items-center\"><i data-lucide=\"check\" class=\"w-4 h-4 text-emerald-500 mr-2\"><\/i>\u5c02\u4efb\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u3088\u308b\u5c0e\u5165\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0<\/li>\n                                    <li class=\"flex items-center\"><i data-lucide=\"check\" class=\"w-4 h-4 text-emerald-500 mr-2\"><\/i>\u30e1\u30fc\u30eb\u306b\u3088\u308b\u6280\u8853\u554f\u3044\u5408\u308f\u305b<\/li>\n                                    <li class=\"flex items-center\"><i data-lucide=\"check\" class=\"w-4 h-4 text-emerald-500 mr-2\"><\/i>\u30de\u30a4\u30ca\u30fc\u30fb\u30e1\u30b8\u30e3\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u7248\u306e\u7121\u511f\u63d0\u4f9b<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-12 bg-slate-50\" id=\"faq\">\n            <div class=\"w-full max-w-4xl mx-auto px-4 sm:px-8 lg:px-16\">\n                <h2 class=\"text-2xl font-bold tracking-tight !text-brand-600 mb-8 text-center\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f\uff08FAQ\uff09<\/h2>\n                \n                <div class=\"space-y-3\">\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">\u3069\u306eOS\u30fb\u30af\u30e9\u30a6\u30c9\u74b0\u5883\u3067\u52d5\u4f5c\u3057\u307e\u3059\u304b\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                Java\u304c\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u4efb\u610f\u306eOS\uff08\u7269\u7406\/\u4eee\u60f3\u3001\u30ed\u30fc\u30ab\u30eb\/\u30af\u30e9\u30a6\u30c9\u554f\u308f\u305a\u3001Windows\u3001macOS\u3001\u5404\u7a2eLinux\uff09\u3067\u5b9f\u884c\u53ef\u80fd\u3067\u3059\u3002\u30c6\u30b9\u30c8\u5bfe\u8c61\u30b7\u30b9\u30c6\u30e0(SUT)\u3078\u306f\u3001\u30ed\u30fc\u30ab\u30eb\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3001RDP\u3001VNC\u3001Android(ADB)\u3001iOS\u7b49\u3092\u7528\u3044\u3066\u63a5\u7d9a\u3057\u3001\u74b0\u5883\u3092\u9078\u3070\u306a\u3044\u67d4\u8edf\u306a\u904b\u7528\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">\u5bfe\u8c61\u30b7\u30b9\u30c6\u30e0\u306e\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u6539\u4fee\u306f\u5fc5\u8981\u3067\u3059\u304b\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                \u4e0d\u8981\u3067\u3059\u3002\u6a19\u6e96\u306e\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u5229\u7528\u3057\u305f\u975e\u4fb5\u5165\u7684\uff08Non-intrusive\uff09\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u30b7\u30b9\u30c6\u30e0\u3092\u64cd\u4f5c\u3059\u308b\u305f\u3081\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b3\u30fc\u30c9\u3092\u516c\u958b\u3057\u305f\u308a\u3001\u958b\u767a\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u306e\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u305f\u308a\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">\u753b\u9762\u4e0a\u3067\u8981\u7d20\u304c\u79fb\u52d5\u3057\u305f\u308a\u5909\u5316\u3057\u305f\u5834\u5408\u3001\u30c6\u30b9\u30c8\u306f\u5931\u6557\u3057\u307e\u3059\u304b\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u753b\u9762\u5168\u4f53\u3092\u691c\u7d22\u3059\u308b\u305f\u3081\u3001\u8981\u7d20\u304c\u5ea7\u6a19\u79fb\u52d5\u3057\u3066\u3082\u67d4\u8edf\u306b\u767a\u898b\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u753b\u50cf\u8a8d\u8b58\u3001OCR\u3001Google Vision API\u306b\u3088\u308bAI\u8a8d\u8b58\u3001Selenium(Web)\u306a\u3069\u8907\u6570\u306e\u691c\u8a3c\u624b\u6cd5\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u5909\u66f4\u304c\u3042\u3063\u3066\u3082\u4e2d\u65ad\u3055\u308c\u306b\u304f\u3044\u5805\u7262\u306a\u30c6\u30b9\u30c8\u304c\u53ef\u80fd\u3067\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">DevOps\u3084\u30a2\u30b8\u30e3\u30a4\u30eb\u958b\u767a\u306e\u30d1\u30a4\u30d7\u30e9\u30a4\u30f3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u304b\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                \u306f\u3044\u3001\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u30ab\u30b9\u30bf\u30e0\u7d71\u5408\u306e\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63a1\u7528\u3057\u3066\u304a\u308a\u3001Jenkins\u3001Jira\u3001Git\u7b49\u306eCI\/CD\u30c4\u30fc\u30eb\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002\u30a2\u30b8\u30e3\u30a4\u30eb\u958b\u767a\u306b\u304a\u3051\u308b\u30b3\u30fc\u30c9\u5909\u66f4\u304b\u3089\u30c7\u30d7\u30ed\u30a4\u307e\u3067\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u81ea\u52d5\u5316\u3057\u3001\u54c1\u8cea\u3092\u7dad\u6301\u3057\u305f\u307e\u307e\u30b9\u30d4\u30fc\u30c9\u3092\u52a0\u901f\u3055\u305b\u307e\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">\u30af\u30ed\u30b9\u30d6\u30e9\u30a6\u30b6\u3084\u591a\u8a00\u8a9e\uff08\u30ed\u30fc\u30ab\u30ea\u30bc\u30fc\u30b7\u30e7\u30f3\uff09\u30c6\u30b9\u30c8\u306f\u53ef\u80fd\u3067\u3059\u304b\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                \u306f\u3044\u3001\u5f37\u529b\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002\u5b8c\u5168\u306a\u30c7\u30d0\u30a4\u30b9\u5236\u5fa1\u306b\u3088\u308a\u30011\u3064\u306e\u30c6\u30b9\u30c8\u3092\u8907\u6570\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u5b9f\u884c\u30fb\u5207\u308a\u66ff\u3048\u53ef\u80fd\u3067\u3059\u3002\u307e\u305f\u3001\u753b\u50cf\u691c\u7d22\u3068OCR\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u30011\u3064\u306e\u30c6\u30b9\u30c8\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u8907\u6570\u8a00\u8a9e\u306eUI\u691c\u8a3c\u304c\u53ef\u80fd\u3068\u306a\u308a\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u306aUI\u30c6\u30b9\u30c8\u3092\u52b9\u7387\u5316\u3057\u307e\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"border border-slate-200 rounded-lg overflow-hidden bg-white shadow-sm hover:border-brand-300 transition-colors\">\n                        <button class=\"faq-button w-full px-5 py-4 text-left flex justify-between items-center focus:outline-none hover:bg-slate-50\">\n                            <span class=\"font-bold text-base !text-slate-900\">\u30e9\u30a4\u30bb\u30f3\u30b9\u5f62\u614b\u3068\u5fc5\u8981\u306a\u30e9\u30a4\u30bb\u30f3\u30b9\u6570\u306f\uff1f<\/span>\n                            <i data-lucide=\"chevron-down\" class=\"accordion-icon w-5 h-5 text-slate-400\"><\/i>\n                        <\/button>\n                        <div class=\"accordion-content px-5 bg-slate-50 text-slate-600\">\n                            <div class=\"py-4 border-t border-slate-200 text-sm leading-snug\">\n                                \u30e2\u30d0\u30a4\u30eb\u7b49\u306e\u8ffd\u52a0\u6599\u91d1\u304c\u306a\u3044\u3001\u624b\u9803\u306a1\u5e74\u9593\u30b5\u30d6\u30b9\u30af\u30ea\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u3002\u8a2d\u8a08\u30fb\u958b\u767a\u3092\u884c\u3046\u300cDevelopment \u30e9\u30a4\u30bb\u30f3\u30b9\uff08\u7279\u5b9a\u306ePC\u306b\u7e1b\u3089\u308c\u306a\u3044\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u65b9\u5f0f\uff09\u300d\u3068\u3001\u5bfe\u8c61\u30b7\u30b9\u30c6\u30e0\u3067\u81ea\u52d5\u5b9f\u884c\u3059\u308b\u305f\u3081\u306e\u300cExecution \u30e9\u30a4\u30bb\u30f3\u30b9\uff08\u540c\u6642\u63a5\u7d9a\u6570\uff09\u300d\u306e2\u7a2e\u985e\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u6b63\u5f0f\u5c0e\u5165\u524d\u306b\u306f\u6700\u95771\u30f6\u6708\u9593\u306e\u7121\u6599\u30c8\u30e9\u30a4\u30a2\u30eb\u304c\u53ef\u80fd\u3067\u3059\u3002\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"py-16 bg-slate-900 text-white\" id=\"contact\">\n            <div class=\"w-full max-w-5xl mx-auto px-4 sm:px-8 lg:px-16 text-center\">\n                <h2 class=\"text-2xl md:text-4xl font-bold mb-5 !text-white\">\u81ea\u52d5\u5316\u306e\u9650\u754c\u3092\u3001T-Plan Robot Development\u3067<br>\u7a81\u7834\u3057\u307e\u305b\u3093\u304b\u3002<\/h2>\n                <p class=\"text-base text-slate-300 mb-8 max-w-2xl mx-auto leading-snug\">\n                    T-Plan Robot Development\u306e\u5f37\u529b\u306a\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30fb\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u4f53\u9a13\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\u7121\u6599\u30c8\u30e9\u30a4\u30a2\u30eb\u3084\u3001\u30a8\u30f3\u30b8\u30cb\u30a2\u306b\u3088\u308b\u6280\u8853\u30c7\u30e2\u306e\u3054\u76f8\u8ac7\u3092\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002\n                <\/p>\n                \n                <div class=\"grid sm:grid-cols-3 gap-5 max-w-3xl mx-auto\">\n                    <a href=\"https:\/\/www.ch-bridge.com\/?page_id=891\" class=\"flex flex-col items-center p-6 bg-slate-800 rounded-xl hover:bg-slate-700 hover:ring-2 hover:ring-brand-500 transition-all shadow-lg group\">\n                        <div class=\"w-12 h-12 bg-slate-900 rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"download\" class=\"w-6 h-6 text-brand-400\"><\/i>\n                        <\/div>\n                        <span class=\"font-bold text-lg mb-1 !text-white\">\u8cc7\u6599\u8acb\u6c42<\/span>\n                        <span class=\"text-xs text-slate-400\">\u5c0e\u5165\u4e8b\u4f8b<\/span>\n                    <\/a>\n                    \n                    <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"flex flex-col items-center p-6 bg-brand-600 rounded-xl hover:bg-brand-500 hover:shadow-[0_0_20px_rgba(249,115,22,0.4)] transition-all shadow-lg group\">\n                        <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"monitor-play\" class=\"w-6 h-6 text-white\"><\/i>\n                        <\/div>\n                        <span class=\"font-bold text-lg mb-1 !text-white\">1\u30f6\u6708\u9593\u7121\u511f\u4f53\u9a13<br>\u304a\u7533\u3057\u8fbc\u307f<\/span>\n                        <span class=\"text-xs text-brand-100\">\u6280\u8853\u30c7\u30e2\u30fb\u8a55\u4fa1\u7248\u30e9\u30a4\u30bb\u30f3\u30b9\u30ea\u30af\u30a8\u30b9\u30c8<\/span>\n                    <\/a>\n                    \n                    <a href=\"https:\/\/www.ch-bridge.com\/?page_id=18\" class=\"flex flex-col items-center p-6 bg-slate-800 rounded-xl hover:bg-slate-700 hover:ring-2 hover:ring-brand-500 transition-all shadow-lg group\">\n                        <div class=\"w-12 h-12 bg-slate-900 rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"message-square\" class=\"w-6 h-6 text-brand-400\"><\/i>\n                        <\/div>\n                        <span class=\"font-bold text-lg mb-1 !text-white\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span>\n                        <span class=\"text-xs text-slate-400\">\u5c0e\u5165\u306e\u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u308a\u4f9d\u983c<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"tp-zoom-modal\" id=\"tpZoomModal\" aria-hidden=\"true\">\n            <div class=\"tp-zoom-modal-inner\">\n                <button type=\"button\" class=\"tp-zoom-close\" id=\"tpZoomClose\" aria-label=\"\u62e1\u5927\u753b\u50cf\u3092\u9589\u3058\u308b\">\u00d7<\/button>\n                <img decoding=\"async\" id=\"tpZoomImage\" src=\"\" alt=\"\u62e1\u5927\u753b\u50cf\">\n            <\/div>\n        <\/div>\n\n    <\/div> \n    \n    <script>\n        \/\/ Initialize Lucide Icons\n        lucide.createIcons();\n\n        \/\/ Ensure hero video starts muted\n        const heroVideo = document.querySelector('#tplan-robot-lp video');\n        if (heroVideo) {\n            heroVideo.muted = true;\n            heroVideo.defaultMuted = true;\n        }\n\n        \/\/ Image zoom modal\n        const zoomModal = document.getElementById('tpZoomModal');\n        const zoomImage = document.getElementById('tpZoomImage');\n        const zoomClose = document.getElementById('tpZoomClose');\n        const zoomableImages = document.querySelectorAll('#tplan-robot-lp section img');\n\n        zoomableImages.forEach((img) => {\n            const parent = img.parentElement;\n            if (parent && !parent.classList.contains('tp-zoom-target')) {\n                parent.classList.add('tp-zoom-target');\n            }\n            img.addEventListener('click', () => {\n                zoomImage.src = img.currentSrc || img.src;\n                zoomImage.alt = img.alt || '\u62e1\u5927\u753b\u50cf';\n                zoomModal.classList.add('open');\n                zoomModal.setAttribute('aria-hidden', 'false');\n                document.body.style.overflow = 'hidden';\n            });\n        });\n\n        function closeTpZoomModal() {\n            zoomModal.classList.remove('open');\n            zoomModal.setAttribute('aria-hidden', 'true');\n            zoomImage.src = '';\n            document.body.style.overflow = '';\n        }\n\n        zoomClose.addEventListener('click', closeTpZoomModal);\n        zoomModal.addEventListener('click', (event) => {\n            if (event.target === zoomModal) closeTpZoomModal();\n        });\n        document.addEventListener('keydown', (event) => {\n            if (event.key === 'Escape' && zoomModal.classList.contains('open')) closeTpZoomModal();\n        });\n\n        \/\/ FAQ Accordion\n        document.addEventListener('DOMContentLoaded', function() {\n            const faqButtons = document.querySelectorAll('.faq-button');\n            \n            faqButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    const content = button.nextElementSibling;\n                    const icon = button.querySelector('.accordion-icon');\n                    \n                    \/\/ Close other accordions\n                    faqButtons.forEach(otherBtn => {\n                        if (otherBtn !== button) {\n                            otherBtn.nextElementSibling.classList.remove('open');\n                            otherBtn.querySelector('.accordion-icon').classList.remove('open');\n                        }\n                    });\n\n                    \/\/ Toggle current accordion\n                    content.classList.toggle('open');\n                    icon.classList.toggle('open');\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 ROBOT DEVELOPMENT Next Generation Automation Replay T-Plan Robot Development | \u975e\u4fb5\u8972\u578bUI\u30c6\u30b9\u30c8\u30fb\u696d\u52d9\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 V [&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-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/164","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=164"}],"version-history":[{"count":70,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":1684,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/164\/revisions\/1684"}],"wp:attachment":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}