{"id":639,"date":"2026-04-21T20:25:36","date_gmt":"2026-04-21T11:25:36","guid":{"rendered":"https:\/\/www.ch-bridge.com\/?page_id=639"},"modified":"2026-05-25T13:23:20","modified_gmt":"2026-05-25T04:23:20","slug":"t-plan-ai","status":"publish","type":"page","link":"https:\/\/www.ch-bridge.com\/?page_id=639","title":{"rendered":"T-Plan AI"},"content":{"rendered":"\n<!DOCTYPE html>\n<!-- \n  T-Plan AI Animation \n  Version: 2.9\n  Description: Slim height version (180px) with \"AI\" text and Blue\/Cyan theme.\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: #0078ff; \/* \u30e1\u30a4\u30f3\u306e\u30d6\u30eb\u30fc *\/\n            --tp-accent-cyan: #00d0ff; \/* AI\u30dc\u30c3\u30af\u30b9\u7528\u306e\u30d6\u30e9\u30a4\u30c8\u30b7\u30a2\u30f3 *\/\n            --tp-glow-color: rgba(0, 208, 255, 0.5); \/* \u9752\u8272\u306e\u767a\u5149\u8272 *\/\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.35em; }\n        }\n\n        .tp-content h1 {\n            color: var(--tp-text);\n            font-size: clamp(1.5rem, 5vw, 3rem);\n            font-weight: 600;\n            text-transform: uppercase;\n            margin: 0 0 5px 0;\n            line-height: 1.1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        \/* AI\u30dc\u30c3\u30af\u30b9 *\/\n        .tp-accent-box {\n            color: var(--tp-accent-cyan);\n            border: 2px solid rgba(0, 208, 255, 0.7);\n            padding: 2px 16px;\n            border-radius: 10px;\n            text-shadow: 0 0 8px rgba(0, 208, 255, 0.7);\n            box-shadow: 0 0 12px var(--tp-glow-color);\n            display: inline-block;\n            line-height: 1;\n        }\n\n        .tp-content p {\n            color: var(--tp-accent-cyan);\n            font-size: clamp(0.6rem, 1.2vw, 0.85rem);\n            font-weight: 400;\n            letter-spacing: 0.25em;\n            text-transform: uppercase;\n            margin: 0;\n            opacity: 0;\n        }\n\n        .tp-animating .tp-content p {\n            animation: tpFadeIn 1s calc(var(--tp-delay) + 0.6s) ease-out forwards;\n        }\n\n        @keyframes tpFadeIn {\n            to { opacity: 1; }\n        }\n\n        \/* \u30ea\u30d7\u30ec\u30a4\u30dc\u30bf\u30f3 *\/\n        .tp-replay-btn {\n            position: absolute;\n            bottom: 10px;\n            right: 10px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid rgba(255,255,255,0.1);\n            color: rgba(255,255,255,0.3);\n            padding: 4px 8px;\n            font-size: 9px;\n            cursor: pointer;\n            border-radius: 3px;\n            text-transform: uppercase;\n            z-index: 20;\n        }\n\n        \/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\n        @media (max-width: 768px) {\n            .tp-banner-wrapper { height: 140px; min-height: 140px; }\n            .tp-content h1 { gap: 10px; font-size: 1.5rem; }\n            .tp-accent-box { padding: 2px 10px; border-radius: 8px; }\n        }\n    <\/style>\n\n    <div class=\"tp-bg-layer\"><\/div>\n    \n    <div class=\"tp-animating\" id=\"tpContainer\" style=\"width:100%; height:100%; display:flex; justify-content:center; align-items:center;\">\n        <svg class=\"tp-svg-lines\" viewBox=\"0 0 1000 180\" preserveAspectRatio=\"xMidYMid slice\">\n            <path class=\"line tp-line\" d=\"M -100,60 L 200,140 L 500,20 L 800,140 L 1100,60\" style=\"animation-delay: 0s;\"><\/path>\n            <path class=\"line tp-line\" d=\"M -100,100 L 250,160 L 550,60 L 850,160 L 1150,100\" style=\"animation-delay: 0.2s; opacity: 0.5; stroke-width: 1;\"><\/path>\n        <\/svg>\n\n        <div class=\"tp-content\">\n            <h1>T-PLAN <span class=\"tp-accent-box\">AI<\/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<!-- Tailwind & Icons -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n  tailwind.config = {\n    corePlugins: {\n      \/\/ Swell\u30c6\u30fc\u30de\u5168\u4f53\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u5d29\u308c\u3092\u9632\u3050\u305f\u3081\u3001Tailwind\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30ea\u30bb\u30c3\u30c8\u3092\u7121\u52b9\u5316\u3057\u307e\u3059\n      preflight: false,\n    }\n  }\n<\/script>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n<!-- \u5171\u901a\u898b\u51fa\u3057\u30c7\u30b6\u30a4\u30f3\uff1a\u6dfb\u4ed8\u30c7\u30b6\u30a4\u30f3\u306b\u7d71\u4e00 -->\n<style>\n  .tplan-ai-wrapper .tplan-section-heading {\n    width: 100% !important;\n    margin: 0 0 48px 0 !important;\n    padding: 24px 12px !important;\n    background: transparent !important;\n    border-top: 1px solid #d1d5db !important;\n    border-bottom: 1px solid #d1d5db !important;\n    text-align: center !important;\n    box-shadow: none !important;\n  }\n\n  .tplan-ai-wrapper .tplan-section-heading h2 {\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    background: transparent !important;\n    color: #ea580c !important;\n    font-size: clamp(24px, 2.4vw, 30px) !important;\n    font-weight: 700 !important;\n    line-height: 1.45 !important;\n    letter-spacing: 0.04em !important;\n    text-align: center !important;\n    text-shadow: none !important;\n    box-shadow: none !important;\n  }\n\n  .tplan-ai-wrapper .tplan-section-heading h2::before,\n  .tplan-ai-wrapper .tplan-section-heading h2::after {\n    display: none !important;\n    content: none !important;\n  }\n\n  \/* \u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u9069\u6b63\u5316\u306b\u4f34\u3046h3\u3001h4\u306e\u30d0\u30c3\u30c6\u30a3\u30f3\u30b0\u30ea\u30bb\u30c3\u30c8 *\/\n  .tplan-ai-wrapper h1,\n  .tplan-ai-wrapper h2,\n  .tplan-ai-wrapper h3,\n  .tplan-ai-wrapper h4 {\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    border: none !important;\n    font-weight: inherit;\n    display: block !important;\n  }\n\n  @media (max-width: 640px) {\n    .tplan-ai-wrapper .tplan-section-heading {\n      margin-bottom: 36px !important;\n      padding: 20px 10px !important;\n    }\n\n    .tplan-ai-wrapper .tplan-section-heading h2 {\n      font-size: 22px !important;\n      line-height: 1.5 !important;\n    }\n  }\n\n  \/* CTA\u30ab\u30fc\u30c9\u3092\u30b3\u30f3\u30d1\u30af\u30c8\u8868\u793a *\/\n  .tplan-ai-wrapper .tplan-cta-compact {\n    max-width: 940px !important;\n    margin: 0 auto !important;\n    padding: 18px !important;\n    border-radius: 22px !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact .tplan-cta-grid {\n    gap: 16px !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact a {\n    min-height: 150px !important;\n    padding: 22px 18px !important;\n    border-radius: 18px !important;\n    transform: none !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact a:hover {\n    transform: translateY(-2px) !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact .tplan-cta-icon {\n    width: 40px !important;\n    height: 40px !important;\n    margin-bottom: 14px !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact .tplan-cta-icon i,\n  .tplan-ai-wrapper .tplan-cta-compact .tplan-cta-icon svg {\n    width: 18px !important;\n    height: 18px !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact h3 {\n    font-size: 17px !important;\n    line-height: 1.45 !important;\n    margin-bottom: 5px !important;\n  }\n\n  .tplan-ai-wrapper .tplan-cta-compact p {\n    font-size: 12px !important;\n    line-height: 1.5 !important;\n  }\n\n  \/* \u6d3b\u7528\u30b7\u30fc\u30f3\u306e\u756a\u53f7\u3092\u30aa\u30ec\u30f3\u30b8\u8868\u793a *\/\n  .tplan-ai-wrapper .tplan-usecase-number {\n    color: #f97316 !important;\n    opacity: 1 !important;\n  }\n\n  @media (max-width: 768px) {\n    .tplan-ai-wrapper .tplan-cta-compact {\n      padding: 16px !important;\n      border-radius: 20px !important;\n    }\n\n    .tplan-ai-wrapper .tplan-cta-compact a {\n      min-height: 142px !important;\n      padding: 22px 16px !important;\n    }\n  }\n<\/style>\n\n<!-- LP Content Container -->\n<div class=\"tplan-ai-wrapper !font-sans !text-slate-900 !bg-white !leading-normal\">\n  \n  <main>\n    <!-- Hero Section -->\n    <section class=\"relative !py-20 lg:!py-28 overflow-hidden !bg-slate-50\">\n      <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-5\"><\/div>\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n        <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-8 items-center\">\n          <div class=\"max-w-2xl\">\n            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full !bg-blue-100 !text-blue-700 text-sm font-semibold !mb-6\">\n              <i data-lucide=\"zap\" class=\"w-4 h-4\"><\/i>\n              Concept to automation in seconds\n            <\/div>\n            <h1 class=\"!text-4xl sm:!text-5xl font-extrabold !text-slate-900 !leading-tight !mb-6 !mt-0\">\n              \u30b3\u30f3\u30bb\u30d7\u30c8\u304b\u3089<br>\u81ea\u52d5\u5316\u307e\u3067\u3001<br>\n              <span class=\"!text-blue-600\">\u308f\u305a\u304b\u6570\u79d2\u3067\u5b9f\u73fe<\/span>\n            <\/h1>\n            <p class=\"!text-lg !text-slate-600 !mb-8 !leading-relaxed\">\n              AI\u306b\u3088\u308b\u30b3\u30fc\u30c9\u751f\u6210\u306e\u30b9\u30d4\u30fc\u30c9\u3068T-Plan\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u81ea\u52d5\u5316\u30a8\u30f3\u30b8\u30f3\u306e\u4fe1\u983c\u6027\u3092<br>\u878d\u5408\u3055\u305b\u305f\u65b0\u6a5f\u80fd\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row gap-4\">\n              <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"flex items-center justify-center gap-2 !bg-blue-600 hover:!bg-blue-700 !text-white px-8 py-3.5 rounded-lg text-base font-medium transition-all shadow-lg shadow-blue-600\/30 no-underline\">\n                1\u30f6\u6708\u9593\u4f53\u9a13\uff08\u7121\u511f\uff09\u3078\u306e\u304a\u7533\u3057\u8fbc\u307f\n                <i data-lucide=\"arrow-right\" class=\"w-[18px] h-[18px]\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n          \n          <div class=\"lg:ml-auto w-full max-w-lg\">\n            <!-- \u52d5\u753b\u30d7\u30ec\u30fc\u30e4\u30fc\uff1aSwell\u306e\u5e72\u6e09\u3092\u9632\u3050\u30e9\u30c3\u30d1\u30fc -->\n            <div class=\"rounded-xl overflow-hidden shadow-2xl !bg-transparent !p-0 !m-0\">\n              <video \n                src=\"https:\/\/www.ch-bridge.com\/wp-content\/uploads\/2026\/05\/%E8%87%AA%E7%84%B6%E8%A8%80%E8%AA%9E%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E3%81%8B%E3%82%89%E3%81%AE%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E4%BD%9C%E6%88%90-1.mp4\" \n                controls \n                muted \n                class=\"w-full !block !m-0 !p-0\"\n                aria-label=\"\u81ea\u7136\u8a00\u8a9e\u30d7\u30ed\u30f3\u30d7\u30c8\u304b\u3089T-Plan AI\u304c\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u30c7\u30e2\u52d5\u753b\"\n              ><\/video>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Problems Section -->\n    <section class=\"!py-20 !bg-white\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2\u30bf\u30b0\u69cb\u9020\u3092\u9069\u6b63\u5316 -->\n        <div class=\"tplan-section-heading\">\n          <h2>\u81ea\u52d5\u5316\u306e\u7acb\u3061\u4e0a\u304c\u308a\u306b\u3001\u6642\u9593\u3092\u304b\u3051\u3059\u304e\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n        <\/div>\n\n        <div class=\"text-center max-w-3xl mx-auto !mb-16\">\n          <p class=\"!text-slate-600 !text-lg !leading-relaxed\">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\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002<br>\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\u4fe1\u983c\u3067\u304d\u308b\u3001\u5b89\u5b9a\u6027\u3001\u518d\u73fe\u6027\u3001\u691c\u8a3c\u6e08\u307f\u306e<br>\u30c6\u30b9\u30c8\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"grid sm:grid-cols-2 gap-6 max-w-4xl mx-auto\">\n          <div class=\"flex items-start gap-4 p-5 rounded-xl !bg-slate-50 border !border-slate-100\">\n            <i data-lucide=\"x-circle\" class=\"w-6 h-6 !text-red-400 shrink-0 mt-0.5\"><\/i>\n            <p class=\"!text-slate-700 font-medium !leading-relaxed !m-0\">\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3092\u59cb\u3081\u305f\u3044\u304c\u3001\u6700\u521d\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u4f5c\u6210\u304c\u91cd\u3044<\/p>\n          <\/div>\n          <div class=\"flex items-start gap-4 p-5 rounded-xl !bg-slate-50 border !border-slate-100\">\n            <i data-lucide=\"x-circle\" class=\"w-6 h-6 !text-red-400 shrink-0 mt-0.5\"><\/i>\n            <p class=\"!text-slate-700 font-medium !leading-relaxed !m-0\">\u65b0\u3057\u3044\u62c5\u5f53\u8005\u304c\u81ea\u52d5\u5316\u306b\u6163\u308c\u308b\u307e\u3067\u6642\u9593\u304c\u304b\u304b\u308b<\/p>\n          <\/div>\n          <div class=\"flex items-start gap-4 p-5 rounded-xl !bg-slate-50 border !border-slate-100\">\n            <i data-lucide=\"x-circle\" class=\"w-6 h-6 !text-red-400 shrink-0 mt-0.5\"><\/i>\n            <p class=\"!text-slate-700 font-medium !leading-relaxed !m-0\">\u65e2\u5b58\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u8aad\u307f\u89e3\u304d\u3084\u6539\u5584\u306b\u624b\u9593\u304c\u304b\u304b\u308b<\/p>\n          <\/div>\n          <div class=\"flex items-start gap-4 p-5 rounded-xl !bg-slate-50 border !border-slate-100\">\n            <i data-lucide=\"x-circle\" class=\"w-6 h-6 !text-red-400 shrink-0 mt-0.5\"><\/i>\n            <p class=\"!text-slate-700 font-medium !leading-relaxed !m-0\">AI\u306f\u901f\u3044\u304c\u3001\u6bce\u56de\u51fa\u529b\u304c\u3076\u308c\u3066\u904b\u7528\u306b\u4e57\u305b\u3065\u3089\u3044<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section id=\"features\" class=\"!py-24 !bg-slate-900 !text-white\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2 -->\n        <div class=\"tplan-section-heading !mb-16\">\n          <h2>T-Plan AI\u304c\u3001\u521d\u671f\u4f5c\u6210\u3068<br>\u6539\u5584\u306e\u30b9\u30d4\u30fc\u30c9\u3092\u5909\u3048\u307e\u3059<\/h2>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-8\">\n          <div class=\"!bg-slate-800\/50 border !border-slate-700 p-8 rounded-2xl\">\n            <div class=\"w-12 h-12 !bg-blue-900\/50 rounded-xl flex items-center justify-center !mb-6 border !border-blue-800\/50\">\n              <i data-lucide=\"code-2\" class=\"w-6 h-6 !text-blue-600\"><\/i>\n            <\/div>\n            <h3 class=\"!text-xl font-bold !mb-3 !text-white !mt-0\">\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u30b9\u30af\u30ea\u30d7\u30c8\u751f\u6210<\/h3>\n            <p class=\"!text-slate-400 !leading-relaxed !m-0\">\u3084\u308a\u305f\u3044\u3053\u3068\u3092\u4f1d\u3048\u308b\u3060\u3051\u3067\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u4f5c\u6210\u3092\u30b9\u30bf\u30fc\u30c8\u3002\u30c6\u30b9\u30c8\u306e\u6d41\u308c\u3084\u64cd\u4f5c\u5185\u5bb9\u3092\u81ea\u7136\u8a00\u8a9e\u3067\u5165\u529b\u3059\u308b\u3068\u3001T-Plan AI\u304c\u81ea\u52d5\u5316\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u751f\u6210\u3002\u521d\u671f\u4f5c\u6210\u3092\u5927\u304d\u304f\u77ed\u7e2e\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"!bg-slate-800\/50 border !border-slate-700 p-8 rounded-2xl\">\n            <div class=\"w-12 h-12 !bg-blue-900\/50 rounded-xl flex items-center justify-center !mb-6 border !border-blue-800\/50\">\n              <i data-lucide=\"search\" class=\"w-6 h-6 !text-blue-600\"><\/i>\n            <\/div>\n            <h3 class=\"!text-xl font-bold !mb-3 !text-white !mt-0\">\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5206\u6790<\/h3>\n            <p class=\"!text-slate-400 !leading-relaxed !m-0\">\u65e2\u5b58\u306eT-Plan Robot Development\u7528\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u3001\u4eba\u304c\u7406\u89e3\u3057\u3084\u3059\u3044\u8aac\u660e\u6587\u306b\u5909\u63db\u3057\u307e\u3059\u3002\u5404\u30b9\u30c6\u30c3\u30d7\u304c\u4f55\u3092\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u3069\u306e\u3088\u3046\u306a\u76ee\u7684\u306e\u51e6\u7406\u306a\u306e\u304b\u3092\u628a\u63e1\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\n<\/p>\n          <\/div>\n          <div class=\"!bg-slate-800\/50 border !border-slate-700 p-8 rounded-2xl\">\n            <div class=\"w-12 h-12 !bg-blue-900\/50 rounded-xl flex items-center justify-center !mb-6 border !border-blue-800\/50\">\n              <i data-lucide=\"file-text\" class=\"w-6 h-6 !text-blue-600\"><\/i>\n            <\/div>\n            <h3 class=\"!text-xl font-bold !mb-3 !text-white !mt-0\">\u30c6\u30b9\u30c8\u696d\u52d9\u306e\u5468\u8fba\u652f\u63f4<\/h3>\n            <p class=\"!text-slate-400 !leading-relaxed !m-0\">\u30b9\u30af\u30ea\u30d7\u30c8\u4ee5\u5916\u306e\u4f5c\u696d\u3082AI\u3067\u652f\u63f4\u3002\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u4f5c\u6210\u3001\u6587\u66f8\u304b\u3089\u306e\u60c5\u5831\u62bd\u51fa\u3001\u73fe\u5728\u306e\u753b\u9762\u72b6\u614b\u306b\u5fdc\u3058\u305f\u30c6\u30b9\u30c8\u30b1\u30fc\u30b9\u6848\u306e\u4f5c\u6210\u306a\u3069\u3001\u5b9f\u52d9\u306e\u5468\u8fba\u4f5c\u696d\u3082\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"!bg-slate-800\/50 border !border-slate-700 p-8 rounded-2xl\">\n            <div class=\"w-12 h-12 !bg-blue-900\/50 rounded-xl flex items-center justify-center !mb-6 border !border-blue-800\/50\">\n              <i data-lucide=\"repeat\" class=\"w-6 h-6 !text-blue-600\"><\/i>\n            <\/div>\n            <h3 class=\"!text-xl font-bold !mb-3 !text-white !mt-0\">\u5b89\u5b9a\u3057\u305f\u30c6\u30b9\u30c8\u8cc7\u7523\u3078\u63a5\u7d9a<\/h3>\n            <p class=\"!text-slate-400 !leading-relaxed !m-0\">\u65e2\u5b58\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u78ba\u8a8d\u3057\u3001\u30dc\u30c8\u30eb\u30cd\u30c3\u30af\u3084\u4e0d\u5b89\u5b9a\u306a\u7b87\u6240\u3092\u898b\u3064\u3051\u3001\u4fe1\u983c\u6027\u30fb\u6b63\u78ba\u6027\u30fb\u4fdd\u5b88\u6027\u3092\u9ad8\u3081\u308b\u305f\u3081\u306e\u6539\u5584\u6848\u3092\u63d0\u793a\u3057\u307e\u3059\u3002\n<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Comparison Section -->\n    <section id=\"comparison\" class=\"!py-24 !bg-slate-50\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2 -->\n        <div class=\"tplan-section-heading\">\n          <h2>T-Plan AI\u306f\u3001\u901f\u3055\u3060\u3051\u3067\u306a\u304f\u518d\u73fe\u6027\u3092\u91cd\u8996\u3057\u307e\u3059<\/h2>\n        <\/div>\n        \n        <div class=\"text-center !mb-16\">\n          <p class=\"!text-slate-600 !text-lg max-w-3xl mx-auto !m-0\">\n            AI\u3067\u4f5c\u308c\u308b\u306e\u306f\u4eca\u3084\u73cd\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002\u3057\u304b\u3057\u3001\u6bce\u56de\u3076\u308c\u308b\u51fa\u529b\u3067\u306f\u696d\u52d9\u904b\u7528\u306b\u4e57\u305b\u306b\u304f\u3044\u306e\u304c\u5b9f\u60c5\u3067\u3059\u3002<br>\n            T-Plan AI\u306f\u3001\u751f\u6210\u5f8c\u306b\u5b89\u5b9a\u3057\u305f\u30c6\u30b9\u30c8\u3068\u3057\u3066\u6271\u3048\u308b\u70b9\u304c\u9055\u3044\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n        \n        <div class=\"!bg-white rounded-2xl shadow-xl overflow-hidden border !border-slate-200\">\n          <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-left border-collapse !m-0\">\n              <thead class=\"!bg-[#e5e7eb] border-b !border-slate-300\">\n                <tr>\n                  <th class=\"!p-5 !text-slate-800 font-bold w-1\/4\">\u9805\u76ee<\/th>\n                  <th class=\"!p-5 !text-slate-800 font-bold w-1\/3\">\u4e00\u822c\u7684\u306aAI\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u652f\u63f4<\/th>\n                  <th class=\"!p-5 !text-slate-800 font-bold w-5\/12\">T-Plan AI<\/th>\n                <\/tr>\n              <\/thead>\n              <tbody class=\"divide-y !divide-slate-100\">\n                <tr class=\"hover:!bg-slate-50\/50 transition-colors\">\n                  <td class=\"!p-5 font-medium !text-slate-700 !bg-slate-50\/30\">\u5f79\u5272<\/td>\n                  <td class=\"!p-5 !text-slate-600\">\u30b3\u30fc\u30c9\u751f\u6210\u652f\u63f4<\/td>\n                  <td class=\"!p-5 !text-blue-900 font-semibold !bg-blue-50\/30\">\n                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-blue-600 shrink-0\"><\/i>\u81ea\u52d5\u5316\u30b9\u30af\u30ea\u30d7\u30c8\u751f\u6210 \uff0b \u904b\u7528\u652f\u63f4<\/div>\n                  <\/td>\n                <\/tr>\n                <tr class=\"hover:!bg-slate-50\/50 transition-colors\">\n                  <td class=\"!p-5 font-medium !text-slate-700 !bg-slate-50\/30\">\u51fa\u529b\u306e\u4f4d\u7f6e\u4ed8\u3051<\/td>\n                  <td class=\"!p-5 !text-slate-600\">\u305f\u305f\u304d\u53f0\u3067\u7d42\u308f\u308a\u3084\u3059\u3044<\/td>\n                  <td class=\"!p-5 !text-blue-900 font-semibold !bg-blue-50\/30\">\n                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-blue-600 shrink-0\"><\/i>\u5b9f\u904b\u7528\u53ef\u80fd\u306a\u30c6\u30b9\u30c8\u8cc7\u7523\u3078\u3064\u306a\u3052\u3084\u3059\u3044<\/div>\n                  <\/td>\n                <\/tr>\n                <tr class=\"hover:!bg-slate-50\/50 transition-colors\">\n                  <td class=\"!p-5 font-medium !text-slate-700 !bg-slate-50\/30\">\u5f37\u307f<\/td>\n                  <td class=\"!p-5 !text-slate-600\">\u751f\u6210\u30b9\u30d4\u30fc\u30c9<\/td>\n                  <td class=\"!p-5 !text-blue-900 font-semibold !bg-blue-50\/30\">\n                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-blue-600 shrink-0\"><\/i>\u751f\u6210\u30b9\u30d4\u30fc\u30c9 \uff0b \u5b89\u5b9a\u6027 \uff0b \u30d3\u30b8\u30e5\u30a2\u30eb\u81ea\u52d5\u5316\u9023\u643a<\/div>\n                  <\/td>\n                <\/tr>\n                <tr class=\"hover:!bg-slate-50\/50 transition-colors\">\n                  <td class=\"!p-5 font-medium !text-slate-700 !bg-slate-50\/30\">\u6d3b\u7528\u7bc4\u56f2<\/td>\n                  <td class=\"!p-5 !text-slate-600\">\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u4e2d\u5fc3<\/td>\n                  <td class=\"!p-5 !text-blue-900 font-semibold !bg-blue-50\/30\">\n                    <div class=\"flex items-center gap-2\"><i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-blue-600 shrink-0\"><\/i>\u30c6\u30b9\u30c8\u4f5c\u6210\u3001\u5206\u6790\u3001\u6539\u5584\u3001\u5468\u8fba\u652f\u63f4\u307e\u3067<\/div>\n                  <\/td>\n                <\/tr>\n              <\/tbody>\n            <\/table>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Use Cases Section -->\n    <section id=\"usecases\" class=\"!py-24 !bg-white\">\n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2 -->\n        <div class=\"tplan-section-heading !mb-16\">\n          <h2>\u3053\u3093\u306a\u5834\u9762\u3067\u6d3b\u8e8d\u3057\u307e\u3059<\/h2>\n        <\/div>\n        \n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n          <div class=\"p-6 rounded-2xl !bg-slate-50 border !border-slate-100 hover:shadow-lg transition-shadow relative overflow-hidden group\">\n            <div class=\"absolute top-0 left-0 w-1 h-full !bg-blue-600 transform origin-top scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n            <div class=\"tplan-usecase-number text-4xl font-black !text-[#f97316] !mb-4 opacity-100 !leading-none\">01<\/div>\n            <h3 class=\"!text-lg font-bold !text-slate-900 !mb-3 !mt-0\">\u65b0\u898f\u30c6\u30b9\u30c8\u306e\u7acb\u3061\u4e0a\u3052<\/h3>\n            <p class=\"!text-slate-600 text-sm !leading-relaxed !m-0\">\u56de\u5e30\u30c6\u30b9\u30c8\u3084\u57fa\u672c\u30d5\u30ed\u30fc\u306e\u81ea\u52d5\u5316\u3092\u59cb\u3081\u308b\u969b\u3001\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u521d\u671f\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u751f\u6210\u3057\u3066\u7acb\u3061\u4e0a\u304c\u308a\u3092\u65e9\u3081\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"p-6 rounded-2xl !bg-slate-50 border !border-slate-100 hover:shadow-lg transition-shadow relative overflow-hidden group\">\n            <div class=\"absolute top-0 left-0 w-1 h-full !bg-blue-600 transform origin-top scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n            <div class=\"tplan-usecase-number text-4xl font-black !text-[#f97316] !mb-4 opacity-100 !leading-none\">02<\/div>\n            <h3 class=\"!text-lg font-bold !text-slate-900 !mb-3 !mt-0\">\u6559\u80b2\u30fb\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0<\/h3>\n            <p class=\"!text-slate-600 text-sm !leading-relaxed !m-0\">\u81ea\u52d5\u5316\u7d4c\u9a13\u306e\u6d45\u3044\u30e1\u30f3\u30d0\u30fc\u3067\u3082\u3001\u30d7\u30ed\u30f3\u30d7\u30c8\u304b\u3089\u51fa\u767a\u3057\u3066\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u5f62\u3092\u3064\u304b\u307f\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"p-6 rounded-2xl !bg-slate-50 border !border-slate-100 hover:shadow-lg transition-shadow relative overflow-hidden group\">\n            <div class=\"absolute top-0 left-0 w-1 h-full !bg-blue-600 transform origin-top scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n            <div class=\"tplan-usecase-number text-4xl font-black !text-[#f97316] !mb-4 opacity-100 !leading-none\">03<\/div>\n            <h3 class=\"!text-lg font-bold !text-slate-900 !mb-3 !mt-0\">\u65e2\u5b58\u8cc7\u7523\u306e\u898b\u76f4\u3057<\/h3>\n            <p class=\"!text-slate-600 text-sm !leading-relaxed !m-0\">\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5206\u6790\u3084\u6539\u5584\u63d0\u6848\u306b\u3088\u308a\u3001\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u624b\u304c\u304b\u308a\u3092\u5f97\u3089\u308c\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"p-6 rounded-2xl !bg-slate-50 border !border-slate-100 hover:shadow-lg transition-shadow relative overflow-hidden group\">\n            <div class=\"absolute top-0 left-0 w-1 h-full !bg-blue-600 transform origin-top scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n            <div class=\"tplan-usecase-number text-4xl font-black !text-[#f97316] !mb-4 opacity-100 !leading-none\">04<\/div>\n            <h3 class=\"!text-lg font-bold !text-slate-900 !mb-3 !mt-0\">\u753b\u9762\u4e2d\u5fc3\u306e\u691c\u8a3c\u3092\u4f34\u3046\u81ea\u52d5\u5316<\/h3>\n            <p class=\"!text-slate-600 text-sm !leading-relaxed !m-0\">AI\u3067\u751f\u6210\u3092\u901f\u304f\u3057\u3064\u3064\u3001\u5b9f\u884c\u6642\u306fOCR\u3084\u753b\u50cf\u6bd4\u8f03\u306a\u3069\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u6280\u8853\u3067\u691c\u8a3c\u7cbe\u5ea6\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Robot Relation Section -->\n    <section id=\"robot\" class=\"!py-20 bg-gradient-to-br from-slate-900 to-blue-900 !text-white relative overflow-hidden\">\n      <div class=\"absolute top-0 right-0 -translate-y-1\/2 translate-x-1\/3 w-96 h-96 bg-blue-500 rounded-full blur-[120px] opacity-40\"><\/div>\n      <div class=\"absolute bottom-0 left-0 translate-y-1\/2 -translate-x-1\/3 w-96 h-96 bg-purple-500 rounded-full blur-[120px] opacity-20\"><\/div>\n      \n      <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2 -->\n        <div class=\"tplan-section-heading\">\n          <h2>T-Plan AI\u3068T-Plan Robot\u306e\u95a2\u4fc2<\/h2>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n          <div>\n            <p class=\"text-xl !text-blue-200 font-medium !mb-8 !leading-relaxed !mt-0\">\n              AI\u304c\u4f5c\u6210\u3092\u52a9\u3051\u3001T-Plan\u304c\u5b9f\u884c\u54c1\u8cea\u3092\u652f\u3048\u308b\u3002\n            <\/p>\n            <p class=\"!text-slate-300 !mb-8 !leading-relaxed\">\n              T-Plan AI\u306f\u5358\u72ec\u306e\u30c4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002T-Plan Robot Development\u30d1\u30c3\u30b1\u30fc\u30b8\u306b\u6a19\u6e96\u3067\u5099\u308f\u3063\u3066\u3044\u308b\u81ea\u52d5\u5316\u4f5c\u6210\u3068\u6539\u5584\u3092\u52a0\u901f\u3059\u308b\u5f37\u529b\u306aAI\u30a2\u30b7\u30b9\u30c8\u3067\u3059\u3002\u901f\u3044\u3060\u3051\u3067\u306f\u306a\u304f\u3001\u73fe\u5834\u3067\u7e70\u308a\u8fd4\u3057\u4f7f\u3048\u308b\u81ea\u52d5\u5316\u306b\u3064\u306a\u3052\u307e\u3059\u3002\n            <\/p>\n            \n            <div class=\"space-y-4\">\n              <div class=\"bg-white\/10 backdrop-blur-sm border border-white\/20 p-5 rounded-xl flex items-start gap-4\">\n                <i data-lucide=\"bot\" class=\"w-8 h-8 !text-blue-400 shrink-0\"><\/i>\n                <div>\n                  <h4 class=\"font-bold !text-white !mb-1 !mt-0\">T-Plan AI<\/h4>\n                  <p class=\"!text-slate-300 text-sm !m-0\">\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u4f5c\u6210\u30fb\u5206\u6790\u30fb\u63d0\u6848\u3092\u652f\u63f4\u3059\u308b<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex justify-center py-1\">\n                <i data-lucide=\"arrow-right\" class=\"text-white\/30 rotate-90 lg:rotate-0\"><\/i>\n              <\/div>\n              <div class=\"bg-blue-600\/20 backdrop-blur-sm border border-blue-500\/40 p-5 rounded-xl flex items-start gap-4\">\n                <i data-lucide=\"layers\" class=\"w-8 h-8 !text-blue-400 shrink-0\"><\/i>\n                <div>\n                  <h4 class=\"font-bold !text-white !mb-1 !mt-0\">T-Plan Robot<\/h4>\n                  <p class=\"!text-slate-300 text-sm !m-0\">\u5b9f\u969b\u306e\u81ea\u52d5\u5316\u3092\u5b9f\u884c\u30fb\u904b\u7528\u3059\u308b\u78ba\u56fa\u305f\u308b\u57fa\u76e4<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          \n          <div class=\"bg-slate-800\/80 backdrop-blur-md border border-slate-700 p-8 rounded-2xl shadow-2xl\">\n            <h3 class=\"text-xl font-bold !mb-6 border-b border-slate-700 pb-4 !text-white !mt-0\">\u5c0e\u5165\u30e1\u30ea\u30c3\u30c8<\/h3>\n            <ul class=\"space-y-5 list-none !p-0 !m-0\">\n              <li class=\"flex gap-3 !m-0\">\n                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-emerald-400 shrink-0 mt-0.5\"><\/i>\n                <div>\n                  <strong class=\"block !text-white mb-0.5\">\u7acb\u3061\u4e0a\u304c\u308a\u304c\u901f\u3044<\/strong>\n                  <span class=\"!text-slate-400 text-sm\">\u521d\u671f\u30b9\u30af\u30ea\u30d7\u30c8\u4f5c\u6210\u306e\u6642\u9593\u3092\u5287\u7684\u306b\u77ed\u7e2e\u3057\u307e\u3059\u3002<\/span>\n                <\/div>\n              <\/li>\n              <li class=\"flex gap-3 !m-0\">\n                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-emerald-400 shrink-0 mt-0.5\"><\/i>\n                <div>\n                  <strong class=\"block !text-white mb-0.5\">\u5b66\u7fd2\u30b3\u30b9\u30c8\u3092\u4e0b\u3052\u3084\u3059\u3044<\/strong>\n                  <span class=\"!text-slate-400 text-sm\">\u65b0\u898f\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u52b9\u679c\u7684\u306b\u652f\u63f4\u3067\u304d\u307e\u3059\u3002<\/span>\n                <\/div>\n              <\/li>\n              <li class=\"flex gap-3 !m-0\">\n                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-emerald-400 shrink-0 mt-0.5\"><\/i>\n                <div>\n                  <strong class=\"block !text-white mb-0.5\">\u65e2\u5b58\u8cc7\u7523\u306e\u6539\u5584\u306b\u4f7f\u3048\u308b<\/strong>\n                  <span class=\"!text-slate-400 text-sm\">\u5358\u306a\u308b\u65b0\u898f\u4f5c\u6210\u652f\u63f4\u3067\u306f\u306a\u304f\u3001\u5206\u6790\u3084\u6539\u5584\u63d0\u6848\u306b\u3082\u6d3b\u7528\u53ef\u80fd\u3002<\/span>\n                <\/div>\n              <\/li>\n              <li class=\"flex gap-3 !m-0\">\n                <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 !text-emerald-400 shrink-0 mt-0.5\"><\/i>\n                <div>\n                  <strong class=\"block !text-white mb-0.5\">\u901f\u3055\u3068\u5b89\u5b9a\u6027\u3092\u4e21\u7acb\u3057\u3084\u3059\u3044<\/strong>\n                  <span class=\"!text-slate-400 text-sm\">AI\u306e\u4f5c\u6210\u652f\u63f4\u3068\u3001T-Plan\u306e\u53cd\u5fa9\u53ef\u80fd\u306a\u5b9f\u884c\u8cc7\u7523\u3065\u304f\u308a\u3092\u4e21\u7acb\u3002<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Footer CTA Section -->\n    <section class=\"!py-16 !bg-white text-center\">\n      <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n        \n        <!-- \u5171\u901a\u898b\u51fa\u3057\uff1ah2\u30bf\u30b0\u69cb\u9020\u3092\u9069\u6b63\u5316 -->\n        <div class=\"tplan-section-heading\">\n          <h2>T-Plan AI\u3067\u3001\u81ea\u52d5\u5316\u306e\u7acb\u3061\u4e0a\u304c\u308a\u3092\u5909\u3048\u308b<\/h2>\n        <\/div>\n        \n        <p class=\"!text-lg !text-slate-600 !mb-8 !mt-0 !leading-relaxed\">\n          \u81ea\u7136\u8a00\u8a9e\u304b\u3089\u59cb\u3081\u308b\u3001\u5b9f\u52d9\u5411\u3051\u30c6\u30b9\u30c8\u81ea\u52d5\u5316\u3002<br>\n          AI\u304c\u4f5c\u6210\u3092\u52a0\u901f\u3057\u3001T-Plan Robot Development\u304c\u518d\u73fe\u6027\u3092\u652f\u3048\u307e\u3059\u3002\n        <\/p>\n\n        <!-- CTA\u30ab\u30fc\u30c9\u7fa4 -->\n        <div class=\"tplan-cta-compact bg-[#0f172a] rounded-3xl p-6 md:p-8 shadow-2xl\">\n          <div class=\"tplan-cta-grid grid md:grid-cols-3 gap-6\">\n            \n            <a href=\"https:\/\/www.ch-bridge.com\/?page_id=891\" class=\"bg-[#1e293b] hover:bg-[#283548] transition-all duration-300 rounded-2xl p-8 flex flex-col items-center justify-center !text-white border border-[#334155] group cursor-pointer no-underline\">\n              <div class=\"tplan-cta-icon w-14 h-14 rounded-full border-2 border-slate-500 flex items-center justify-center !mb-5 group-hover:border-slate-300 transition-colors\">\n                <i data-lucide=\"download\" class=\"w-6 h-6 !text-slate-300 group-hover:!text-white transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"!text-xl font-bold !mb-2 !text-white !mt-0\">\u8cc7\u6599\u8acb\u6c42<\/h3>\n              <p class=\"text-sm !text-slate-400 group-hover:!text-slate-300 !m-0\">\u4e8b\u4f8b<\/p>\n            <\/a>\n\n            <a href=\"https:\/\/www.ch-bridge.com\/?page_id=20\" class=\"bg-[#ea580c] hover:bg-[#c2410c] transition-all duration-300 rounded-2xl p-8 flex flex-col items-center justify-center !text-white shadow-xl shadow-orange-900\/50 transform md:-translate-y-3 cursor-pointer group no-underline\">\n              <div class=\"tplan-cta-icon w-14 h-14 rounded-full border-2 border-orange-300\/50 bg-orange-500\/20 flex items-center justify-center !mb-5\">\n                <i data-lucide=\"monitor-play\" class=\"w-6 h-6 !text-white\"><\/i>\n              <\/div>\n              <h3 class=\"text-lg lg:!text-xl font-bold !mb-2 text-center !leading-snug !text-white !mt-0\">1\u30f6\u6708\u9593\u4f53\u9a13\uff08\u7121\u511f\uff09\u3078\u306e<br>\u304a\u7533\u3057\u8fbc\u307f<\/h3>\n              <p class=\"text-sm !text-orange-100 !m-0\">T-Plan AI\u306e\u6a5f\u80fd\u3092\u8a66\u305b\u308b1\u30f6\u6708\u9593\u7121\u511f\u4f53\u9a13\u30fb\u30c7\u30e2\u8981\u8acb<\/p>\n            <\/a>\n\n            <a href=\"https:\/\/www.ch-bridge.com\/?page_id=18\" class=\"bg-[#1e293b] hover:bg-[#283548] transition-all duration-300 rounded-2xl p-8 flex flex-col items-center justify-center !text-white border border-[#334155] group cursor-pointer no-underline\">\n              <div class=\"tplan-cta-icon w-14 h-14 rounded-full border-2 border-slate-500 flex items-center justify-center !mb-5 group-hover:border-slate-300 transition-colors\">\n                <i data-lucide=\"message-square\" class=\"w-6 h-6 !text-slate-300 group-hover:!text-white transition-colors\"><\/i>\n              <\/div>\n              <h3 class=\"!text-xl font-bold !mb-2 !text-white !mt-0\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n              <p class=\"text-sm !text-slate-400 group-hover:!text-slate-300 !m-0\">\u6280\u8853\u7684\u306a\u3054\u8cea\u554f\u30fb\u304a\u898b\u7a4d\u4f9d\u983c<\/p>\n            <\/a>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n<\/div>\n\n<!-- Initialize Lucide Icons -->\n<script>\n  lucide.createIcons();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>T-PLAN AI Next Generation Automation Replay Concept to automation in seconds \u30b3\u30f3\u30bb\u30d7\u30c8\u304b\u3089\u81ea\u52d5\u5316\u307e\u3067\u3001 \u308f\u305a\u304b\u6570\u79d2\u3067\u5b9f\u73fe AI\u306b\u3088\u308b\u30b3\u30fc\u30c9\u751f\u6210 [&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-639","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/639","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=639"}],"version-history":[{"count":27,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/639\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=\/wp\/v2\/pages\/639\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/www.ch-bridge.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}