Web\u30a2\u30d7\u30ea\u958b\u767a\u30b5\u30fc\u30d3\u30b9 | \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&family=Noto+Sans+JP:wght@300;400;500;700&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --red: #D91A2A;\n --red-light: #FFF0F1;\n --red-mid: #FFD6D9;\n --orange: #FF6B35;\n --yellow: #FFF4CC;\n --ink: #1A1A1A;\n --ink-soft: #3D3D3D;\n --mid: #6B6B6B;\n --pale: #F7F5F0;\n --white: #FFFFFF;\n --border: #E5E0D8;\n --green: #1A7A4A;\n --green-bg: #E8F5EF;\n --sky: #EEF6FF;\n --sky-mid: #C5DCEF;\n }\n\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--white);\n color: var(--ink);\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n header {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n height: 68px;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 6%;\n background: rgba(255,255,255,0.94);\n backdrop-filter: blur(16px);\n border-bottom: 2px solid var(--red);\n }\n .logo {\n display: flex; align-items: center; gap: 10px;\n font-family: 'Noto Serif JP', serif;\n font-weight: 700; font-size: 15px;\n color: var(--ink); text-decoration: none;\n }\n .logo-dot {\n width: 24px; height: 24px;\n background: var(--red);\n border-radius: 50% 50% 50% 0;\n flex-shrink: 0;\n }\n .nav-cta {\n background: var(--red); color: #fff;\n padding: 11px 24px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.06em;\n text-decoration: none; display: inline-block;\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n border: 2px solid var(--red);\n }\n .nav-cta:hover { background: #fff; color: var(--red); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: var(--white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding: 68px 0 0;\n overflow: hidden;\n }\n .hero-left {\n padding: 80px 6% 80px 6%;\n display: flex; flex-direction: column; justify-content: center;\n background: var(--white);\n position: relative;\n z-index: 1;\n }\n .hero-left::after {\n content: '';\n position: absolute; top: 0; right: -40px; bottom: 0;\n width: 80px;\n background: var(--white);\n transform: skewX(-4deg);\n z-index: 2;\n }\n .hero-right {\n background: var(--pale);\n display: flex; align-items: center; justify-content: center;\n padding: 60px 5%;\n position: relative;\n }\n \/* diagonal pattern *\/\n .hero-right::before {\n content: '';\n position: absolute; inset: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 24px,\n rgba(217,26,42,0.04) 24px,\n rgba(217,26,42,0.04) 25px\n );\n }\n\n .hero-eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--red-light);\n border-left: 3px solid var(--red);\n color: var(--red);\n font-size: 11px; font-weight: 700; letter-spacing: 0.14em;\n padding: 7px 14px;\n margin-bottom: 28px;\n width: fit-content;\n }\n\n .hero h1 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(26px, 3.6vw, 50px);\n font-weight: 900;\n line-height: 1.35;\n color: var(--ink);\n margin-bottom: 28px;\n }\n .hero h1 .accent {\n color: var(--red);\n position: relative;\n display: inline-block;\n }\n .hero h1 .accent::after {\n content: '';\n position: absolute; bottom: 2px; left: 0; right: 0;\n height: 3px;\n background: var(--red);\n opacity: 0.3;\n }\n\n .hero-lead {\n font-size: 15px; color: var(--ink-soft);\n line-height: 1.9; margin-bottom: 44px;\n max-width: 440px;\n }\n\n .hero-cta-row {\n display: flex; gap: 14px; flex-wrap: wrap;\n align-items: center;\n }\n .btn-red {\n background: var(--red); color: #fff;\n padding: 16px 36px;\n font-size: 15px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--red);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n }\n .btn-red:hover { background: #fff; color: var(--red); transform: translateY(-2px); }\n .btn-ghost {\n background: transparent; color: var(--ink);\n padding: 14px 30px;\n font-size: 14px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--ink);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n }\n .btn-ghost:hover { background: var(--ink); color: #fff; }\n\n \/* Stats card *\/\n .stat-card {\n background: var(--white);\n border: 1px solid var(--border);\n padding: 40px 36px;\n width: 100%; max-width: 360px;\n position: relative; z-index: 1;\n box-shadow: 8px 8px 0 var(--red-mid), 0 24px 60px rgba(0,0,0,0.08);\n }\n .stat-row {\n padding: 24px 0;\n border-bottom: 1px solid var(--border);\n }\n .stat-row:first-child { padding-top: 0; }\n .stat-row:last-child { border-bottom: none; padding-bottom: 0; }\n .stat-label {\n font-size: 11px; font-weight: 700; letter-spacing: 0.15em;\n color: var(--mid); margin-bottom: 6px; text-transform: uppercase;\n }\n .stat-val {\n font-family: 'DM Mono', monospace;\n font-size: 48px; font-weight: 500; line-height: 1;\n color: var(--red);\n }\n .stat-val span { font-size: 22px; font-weight: 700; color: var(--ink); }\n .stat-note { font-size: 12px; color: var(--mid); margin-top: 4px; }\n\n \/* \u2500\u2500\u2500 PAIN \u2500\u2500\u2500 *\/\n .pain {\n padding: 100px 6%;\n background: var(--pale);\n }\n .section-tag {\n display: inline-block;\n font-family: 'DM Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n color: var(--red); text-transform: uppercase;\n margin-bottom: 18px;\n border-bottom: 2px solid var(--red-mid);\n padding-bottom: 4px;\n }\n .pain h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 56px; line-height: 1.45;\n }\n .pain-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .pain-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-top: 3px solid var(--red-mid);\n padding: 32px;\n transition: all 0.25s;\n position: relative;\n }\n .pain-card:hover {\n border-top-color: var(--red);\n box-shadow: 0 8px 32px rgba(217,26,42,0.08);\n transform: translateY(-4px);\n }\n .pain-mark {\n font-size: 32px; line-height: 1;\n color: var(--red-mid); margin-bottom: 14px;\n font-family: 'Noto Serif JP', serif; font-weight: 900;\n }\n .pain-quote {\n font-size: 14px; line-height: 1.8; color: var(--ink-soft);\n margin-bottom: 14px;\n }\n .pain-chip {\n display: inline-block;\n background: var(--red-light);\n color: var(--red);\n font-size: 11px; font-weight: 700; letter-spacing: 0.06em;\n padding: 4px 10px;\n }\n\n \/* \u2500\u2500\u2500 COMPARISON \u2500\u2500\u2500 *\/\n .comparison {\n padding: 100px 6%;\n background: var(--white);\n }\n .comparison h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .comparison-sub {\n color: var(--mid); font-size: 15px; margin-bottom: 56px;\n }\n .compare-wrap {\n display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\n }\n .compare-col { }\n .compare-head {\n padding: 16px 24px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.08em;\n margin-bottom: 2px;\n }\n .compare-head.before {\n background: #f0ede8; color: var(--mid);\n }\n .compare-head.after {\n background: var(--red); color: #fff;\n }\n .compare-row {\n display: flex; flex-direction: column;\n border: 1px solid var(--border);\n border-top: none;\n padding: 20px 24px;\n margin-bottom: 2px;\n background: var(--white);\n }\n .compare-row.after-row { background: var(--red-light); border-color: var(--red-mid); }\n .compare-cat {\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;\n color: var(--mid); text-transform: uppercase; margin-bottom: 6px;\n }\n .compare-val {\n font-size: 18px; font-weight: 700; color: var(--ink);\n }\n .compare-val.good { color: var(--red); }\n\n \/* \u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500 *\/\n .solution {\n padding: 100px 6%;\n background: var(--pale);\n }\n .solution h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .solution-sub { color: var(--mid); font-size: 15px; margin-bottom: 56px; max-width: 520px; }\n .solution-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n .sol-card {\n background: var(--white);\n padding: 36px 28px;\n border: 1px solid var(--border);\n position: relative; overflow: hidden;\n transition: all 0.25s;\n }\n .sol-card::before {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 3px; background: var(--red);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.3s;\n }\n .sol-card:hover::before { transform: scaleX(1); }\n .sol-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.08); transform: translateY(-4px); }\n .sol-num {\n font-family: 'DM Mono', monospace;\n font-size: 48px; font-weight: 500;\n color: var(--red-mid); line-height: 1;\n margin-bottom: 16px;\n }\n .sol-card h3 {\n font-family: 'Noto Serif JP', serif;\n font-size: 17px; font-weight: 700; margin-bottom: 10px;\n }\n .sol-card p { font-size: 13px; line-height: 1.8; color: var(--mid); }\n\n \/* \u2500\u2500\u2500 FLOW \u2500\u2500\u2500 *\/\n .flow {\n padding: 100px 6%;\n background: var(--white);\n }\n .flow h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 56px;\n }\n .flow-track {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 4px;\n margin-bottom: 4px;\n }\n .flow-box {\n background: var(--pale);\n border: 1px solid var(--border);\n padding: 28px 20px;\n position: relative;\n transition: all 0.2s;\n }\n .flow-box:hover { background: var(--red-light); border-color: var(--red-mid); }\n .flow-box.active {\n background: var(--red); color: #fff; border-color: var(--red);\n }\n .flow-num {\n font-family: 'DM Mono', monospace;\n font-size: 10px; letter-spacing: 0.15em;\n color: var(--red); margin-bottom: 10px;\n font-weight: 500;\n }\n .flow-box.active .flow-num { color: rgba(255,255,255,0.7); }\n .flow-box h3 { font-size: 14px; font-weight: 700; margin-bottom: 6px; }\n .flow-box p { font-size: 12px; color: var(--mid); line-height: 1.6; }\n .flow-box.active p { color: rgba(255,255,255,0.75); }\n .flow-support {\n background: var(--green-bg);\n border: 1px solid #B8DFCA;\n padding: 22px 32px;\n display: flex; align-items: center; gap: 24px;\n }\n .flow-support .flow-num { color: var(--green); }\n .flow-support h3 { font-size: 15px; font-weight: 700; color: var(--green); margin-bottom: 0; }\n .flow-support p { font-size: 13px; color: var(--green); margin: 0; }\n\n \/* \u2500\u2500\u2500 PLANS \u2500\u2500\u2500 *\/\n .plans {\n padding: 100px 6%;\n background: var(--pale);\n }\n .plans h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .plans-sub { color: var(--mid); font-size: 15px; margin-bottom: 56px; }\n .plans-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n .plan-card {\n background: var(--white);\n border: 2px solid var(--border);\n padding: 40px 32px;\n transition: all 0.25s;\n }\n .plan-card:hover { border-color: var(--red-mid); box-shadow: 0 12px 40px rgba(217,26,42,0.07); }\n .plan-card.featured {\n border-color: var(--red);\n background: var(--white);\n position: relative;\n }\n .plan-badge-wrap {\n position: absolute; top: -14px; left: 50%;\n transform: translateX(-50%);\n }\n .plan-badge {\n background: var(--red); color: #fff;\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n padding: 5px 16px;\n white-space: nowrap;\n }\n .plan-tier {\n font-family: 'DM Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em; color: var(--mid);\n margin-bottom: 8px;\n }\n .plan-name {\n font-family: 'Noto Serif JP', serif;\n font-size: 34px; font-weight: 900; color: var(--ink);\n margin-bottom: 4px;\n }\n .plan-price {\n font-size: 22px; font-weight: 700; color: var(--red);\n margin-bottom: 28px;\n }\n .plan-price small { font-size: 13px; font-weight: 400; color: var(--mid); }\n .plan-hr { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan-list { list-style: none; }\n .plan-list li {\n font-size: 13px; color: var(--ink-soft);\n padding: 8px 0;\n border-bottom: 1px solid #F0EDE8;\n display: flex; align-items: flex-start; gap: 10px;\n line-height: 1.5;\n }\n .plan-list li::before {\n content: '\u2713'; color: var(--red);\n font-weight: 700; flex-shrink: 0; margin-top: 1px;\n }\n\n \/* \u2500\u2500\u2500 WHY \u2500\u2500\u2500 *\/\n .why {\n padding: 100px 6%;\n background: var(--white);\n }\n .why-inner {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: start;\n }\n .why h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 20px;\n }\n .why-lead {\n font-size: 15px; line-height: 1.9; color: var(--ink-soft);\n margin-bottom: 8px;\n }\n .why-point {\n display: flex; gap: 20px; margin-bottom: 32px;\n padding-bottom: 32px; border-bottom: 1px solid var(--border);\n }\n .why-point:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .why-n {\n font-family: 'DM Mono', monospace;\n font-size: 40px; font-weight: 500; color: var(--red-mid);\n line-height: 1; flex-shrink: 0; padding-top: 2px;\n }\n .why-point h4 { font-size: 15px; font-weight: 700; margin-bottom: 6px; }\n .why-point p { font-size: 13px; color: var(--mid); line-height: 1.8; }\n\n \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n .cta-sec {\n padding: 100px 6%;\n background: var(--pale);\n text-align: center;\n position: relative; overflow: hidden;\n }\n .cta-sec::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 4px; background: var(--red);\n }\n .cta-sec h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 3.5vw, 44px);\n font-weight: 900; margin-bottom: 20px; line-height: 1.4;\n }\n .cta-sec p {\n font-size: 16px; color: var(--ink-soft);\n margin-bottom: 44px; max-width: 480px;\n margin-left: auto; margin-right: auto;\n }\n .cta-box {\n display: inline-flex; flex-direction: column; align-items: center; gap: 16px;\n }\n .btn-red-lg {\n background: var(--red); color: #fff;\n padding: 20px 56px;\n font-size: 17px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--red);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n box-shadow: 6px 6px 0 var(--red-mid);\n }\n .btn-red-lg:hover { transform: translate(-2px,-2px); box-shadow: 8px 8px 0 var(--red-mid); }\n .cta-note { font-size: 13px; color: var(--mid); }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--ink); color: rgba(255,255,255,0.5);\n padding: 36px 6%;\n display: flex; align-items: center;\n justify-content: space-between; flex-wrap: wrap; gap: 16px;\n }\n footer .logo { color: rgba(255,255,255,0.8); }\n footer .logo .logo-dot { background: var(--red); }\n .footer-info { font-size: 12px; }\n .footer-link {\n font-size: 12px; color: rgba(255,255,255,0.4);\n text-decoration: none; transition: color 0.2s;\n }\n .footer-link:hover { color: #fff; }\n\n \/* \u2500\u2500\u2500 FADE-IN \u2500\u2500\u2500 *\/\n .fi { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; }\n .fi.on { opacity: 1; transform: none; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 800px) {\n .hero { grid-template-columns: 1fr; }\n .hero-left::after { display: none; }\n .hero-right { display: none; }\n .why-inner { grid-template-columns: 1fr; gap: 40px; }\n .compare-wrap { grid-template-columns: 1fr; }\n .flow-track { grid-template-columns: 1fr 1fr; }\n footer { flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-dot\"><\/div>\n \u304a\u306f\u3057\u7dcf\u7814\n <\/a>\n <a href=\"#contact\" class=\"nav-cta\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-left fi\">\n <div class=\"hero-eyebrow\">AI \u00d7 Web\u30a2\u30d7\u30ea\u958b\u767a\u3000\u5168\u56fd\u5411\u3051\u306b\u958b\u59cb<\/div>\n <h1>\n \u300c\u9ad8\u3059\u304e\u308b\u300d<br>\n \u300c\u591a\u3059\u304e\u308b\u300d\u3092<br>\n \u7d42\u308f\u3089\u305b\u308b\u3002<br>\n <span class=\"accent\">30\u4e07\u5186<\/span>\u304b\u3089\u3001<br>\n \u6700\u77ed1\u9031\u9593\u3067\u3002\n <\/h1>\n <p class=\"hero-lead\">\n Excel\u3084\u30d1\u30c3\u30b1\u30fc\u30b8\u30bd\u30d5\u30c8\u306eDX\u306b\u9650\u754c\u3092\u611f\u3058\u3066\u3044\u308b\u4e2d\u5c0f\u4f01\u696d\u3078\u3002<br>\n AI\u6280\u8853\u3067\u3001\u81ea\u793e\u306b\u672c\u5f53\u306b\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u3092\u7d20\u65e9\u304f\u958b\u767a\u3002<br>\n \u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50\u578b\u306e\u305f\u3081\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\n <\/p>\n <div class=\"hero-cta-row\">\n <a href=\"#contact\" class=\"btn-red\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n <a href=\"#plans\" class=\"btn-ghost\">\u6599\u91d1\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right fi\" style=\"transition-delay:0.15s\">\n <div class=\"stat-card\">\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u958b\u767a\u8cbb\u7528<\/div>\n <div class=\"stat-val\">30<span>\u4e07\u5186\u301c<\/span><\/div>\n <div class=\"stat-note\">\u5927\u624bIT\u306e1\/10\u4ee5\u4e0b\u304b\u3089<\/div>\n <\/div>\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u958b\u767a\u671f\u9593<\/div>\n <div class=\"stat-val\" style=\"font-size:36px; letter-spacing:-1px\">\u6700\u77ed<span style=\"font-size:40px; color:var(--red)\">1\u9031\u9593<\/span><\/div>\n <div class=\"stat-note\">AI\u6d3b\u7528\u3067\u5f93\u6765\u306e\u6570\u30f6\u6708\u2192\u6700\u77ed1\u9031\u9593<\/div>\n <\/div>\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u30d2\u30a2\u30ea\u30f3\u30b0<\/div>\n <div class=\"stat-val\" style=\"font-size:40px\">\u5b8c\u5168<span style=\"color:var(--ink)\">\u7121\u6599<\/span><\/div>\n <div class=\"stat-note\">\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u6b53\u8fce<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"pain\">\n <div class=\"section-tag\">\u3088\u304f\u3042\u308b\u304a\u60a9\u307f<\/div>\n <h2 class=\"fi\">\u300c\u5e2f\u306b\u77ed\u3057\u3001\u305f\u3059\u304d\u306b\u9577\u3057\u300d\u306e<br>\u30b7\u30b9\u30c6\u30e0\u9078\u3073\u3092\u7d42\u308f\u3089\u305b\u308b<\/h2>\n <div class=\"pain-grid\">\n <div class=\"pain-card fi\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">IT\u4f01\u696d\u306e\u898b\u7a4d\u3082\u308a\u304c\u9ad8\u3059\u304e\u3066\u3001\u30b7\u30b9\u30c6\u30e0\u5c0e\u5165\u3092\u8ae6\u3081\u3066\u3057\u307e\u3063\u305f<\/p>\n <span class=\"pain-chip\">\u30b3\u30b9\u30c8\u9762\u306e\u58c1<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.08s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u6a5f\u80fd\u304c\u591a\u3059\u304e\u3066\u4f7f\u3044\u3053\u306a\u305b\u306a\u3044\u30b7\u30b9\u30c6\u30e0\u3092\u62bc\u3057\u3064\u3051\u3089\u308c\u305f<\/p>\n <span class=\"pain-chip\">\u904e\u5270\u6a5f\u80fd\u306e\u7121\u99c4<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.16s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">Excel\u306e\u30b7\u30d5\u30c8\u8868\u3092LINE\u3067\u5199\u771f\u9001\u4fe1\u3057\u7d9a\u3051\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u30a2\u30ca\u30ed\u30b0\u696d\u52d9\u306e\u9650\u754c<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.24s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u6708\u672b\u306b\u8acb\u6c42\u66f8\u30921\u4ef6\u305a\u3064\u624b\u5165\u529b\u3057\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u7e70\u308a\u8fd4\u3057\u4f5c\u696d\u306e\u975e\u52b9\u7387<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.32s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u300c\u3042\u306e\u4ef6\u3069\u3046\u306a\u3063\u305f\uff1f\u300d\u3068\u6bce\u56de\u53e3\u982d\u3067\u78ba\u8a8d\u3057\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u60c5\u5831\u5171\u6709\u306e\u5c5e\u4eba\u5316<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.40s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u7d0d\u54c1\u5f8c\u306f\u30b5\u30dd\u30fc\u30c8\u304c\u5168\u304f\u306a\u304f\u56f0\u3063\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u30a2\u30d5\u30bf\u30fc\u30b5\u30dd\u30fc\u30c8\u4e0d\u8db3<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"comparison\">\n <div class=\"section-tag\">Before \/ After<\/div>\n <h2 class=\"fi\">AI\u306e\u529b\u3067\u3001\"\u3061\u3087\u3046\u3069\u3044\u3044\"\u3092\u3064\u304f\u308b<\/h2>\n <p class=\"comparison-sub fi\">\u5927\u624bIT\u4f01\u696d\u304b\u30d1\u30c3\u30b1\u30fc\u30b8\u30bd\u30d5\u30c8\u304b\u2014\u2014\u305d\u306e\u4e8c\u629e\u3092\u7d42\u308f\u3089\u305b\u307e\u3059\u3002<\/p>\n <div class=\"compare-wrap fi\">\n <div class=\"compare-col\">\n <div class=\"compare-head before\">\u3053\u308c\u307e\u3067\uff08\u5f93\u6765\u306e\u958b\u767a\uff09<\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u958b\u767a\u8cbb\u7528<\/div><div class=\"compare-val\">\u6570\u767e\u4e07\u5186\u301c<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u958b\u767a\u671f\u9593<\/div><div class=\"compare-val\">\u6570\u30f6\u6708\u301c<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u6a5f\u80fd<\/div><div class=\"compare-val\">\u4f7f\u308f\u306a\u3044\u6a5f\u80fd\u3082\u5927\u91cf<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u7d0d\u54c1\u5f8c<\/div><div class=\"compare-val\">\u30b5\u30dd\u30fc\u30c8\u306a\u3057<\/div><\/div>\n <\/div>\n <div class=\"compare-col\">\n <div class=\"compare-head after\">\u304a\u306f\u3057\u7dcf\u7814\u306eWeb\u30a2\u30d7\u30ea\u958b\u767a<\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u958b\u767a\u8cbb\u7528<\/div><div class=\"compare-val good\">30\u4e07\u5186\u301c<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u958b\u767a\u671f\u9593<\/div><div class=\"compare-val good\">\u6700\u77ed1\u9031\u9593<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u6a5f\u80fd<\/div><div class=\"compare-val good\">\u5fc5\u8981\u306a\u5206\u3060\u3051<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u7d0d\u54c1\u5f8c<\/div><div class=\"compare-val good\">\u304a\u307e\u3082\u308a\u30d7\u30e9\u30f3 \u67081\u4e07\u5186\u301c<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"solution\">\n <div class=\"section-tag\">\u89e3\u6c7a\u3067\u304d\u308b\u3053\u3068<\/div>\n <h2 class=\"fi\">\u30b9\u30de\u30db\u304b\u3089\u4f7f\u3048\u308b\u3001\u3042\u306a\u305f\u306e\u4f1a\u793e\u5c02\u7528\u30a2\u30d7\u30ea\u306b<\/h2>\n <p class=\"solution-sub fi\">\u30b7\u30d5\u30c8\u7ba1\u7406\u30fb\u8acb\u6c42\u66f8\u4f5c\u6210\u30fb\u6848\u4ef6\u7ba1\u7406\u306a\u3069\u3001\u65e5\u3005\u306e\u696d\u52d9\u8ab2\u984c\u3092Web\u30a2\u30d7\u30ea\u3067\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <div class=\"solution-grid\">\n <div class=\"sol-card fi\">\n <div class=\"sol-num\">01<\/div>\n <h3>\u30b7\u30d5\u30c8\u7ba1\u7406<\/h3>\n <p>Excel\u3067\u4f5c\u3063\u305f\u30b7\u30d5\u30c8\u8868\u3092LINE\u3067\u9001\u3063\u3066\u3044\u305f\u696d\u52d9\u3092\u3001\u30b9\u30de\u30db\u304b\u3089\u5168\u54e1\u304c\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u78ba\u8a8d\u3067\u304d\u308b\u30a2\u30d7\u30ea\u306b\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.1s\">\n <div class=\"sol-num\">02<\/div>\n <h3>\u8acb\u6c42\u66f8\u4f5c\u6210<\/h3>\n <p>\u6708\u672b\u306b1\u4ef6\u305a\u3064\u624b\u5165\u529b\u3057\u3066\u3044\u305f\u8acb\u6c42\u66f8\u4f5c\u6210\u3092\u3001\u30dc\u30bf\u30f31\u3064\u3067\u81ea\u52d5\u4f5c\u6210\u3002\u30df\u30b9\u30bc\u30ed\u30fb\u6642\u9593\u77ed\u7e2e\u3092\u5b9f\u73fe\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.2s\">\n <div class=\"sol-num\">03<\/div>\n <h3>\u6848\u4ef6\u7ba1\u7406<\/h3>\n <p>\u300c\u3042\u306e\u4ef6\u3069\u3046\u306a\u3063\u305f\uff1f\u300d\u3092\u306a\u304f\u3059\u3002\u8ab0\u3067\u3082\u6700\u65b0\u72b6\u6cc1\u304c\u4e00\u89a7\u3067\u308f\u304b\u308b\u30b7\u30f3\u30d7\u30eb\u306a\u6848\u4ef6\u7ba1\u7406\u30a2\u30d7\u30ea\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.3s\">\n <div class=\"sol-num\">04<\/div>\n <h3>\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u306e\u30ea\u30d7\u30ec\u30fc\u30b9<\/h3>\n <p>\u4f7f\u3044\u306b\u304f\u3044\u30b7\u30b9\u30c6\u30e0\u3092\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u306b\u7d5e\u308a\u30b7\u30f3\u30d7\u30eb\u306b\u518d\u69cb\u7bc9\u3002\u5c0e\u5165\u30fb\u904b\u7528\u30b3\u30b9\u30c8\u3092\u540c\u6642\u306b\u524a\u6e1b\u3002<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"flow\">\n <div class=\"section-tag\">\u30b5\u30fc\u30d3\u30b9\u306e\u6d41\u308c<\/div>\n <h2 class=\"fi\">\u30d2\u30a2\u30ea\u30f3\u30b0\u304b\u3089\u7d0d\u54c1\u307e\u3067\u3001\u6700\u77ed1\u9031\u9593<\/h2>\n <div class=\"flow-track fi\">\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 01<\/div>\n <h3>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p>\u8ab2\u984c\u30fb\u696d\u52d9\u30fb\u3054\u8981\u671b\u3092\u4e01\u5be7\u306b\u304a\u805e\u304d\u3057\u307e\u3059<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 02<\/div>\n <h3>\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u4f5c\u6210<\/h3>\n <p>\u30d2\u30a2\u30ea\u30f3\u30b0\u5185\u5bb9\u3092\u3082\u3068\u306b\u52d5\u304f\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u3092\u7d20\u65e9\u304f\u4f5c\u6210\u30fb\u78ba\u8a8d<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 03<\/div>\n <h3>\u3054\u5951\u7d04<\/h3>\n <p>30\u4e07\u5186\u301c\u3001\u5185\u5bb9\u78ba\u8a8d\u3057\u3066\u3054\u5951\u7d04<\/p>\n <\/div>\n <div class=\"flow-box active\">\n <div class=\"flow-num\">STEP 04<\/div>\n <h3>\u958b\u767a<\/h3>\n <p>AI\u6d3b\u7528\u3067\u6700\u77ed1\u9031\u9593\u30b9\u30d4\u30fc\u30c9\u958b\u767a<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 05<\/div>\n <h3>\u7d0d\u54c1\u30fb\u30c6\u30b9\u30c8<\/h3>\n <p>\u52d5\u4f5c\u78ba\u8a8d\u30fb\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3067\u54c1\u8cea\u78ba\u4fdd<\/p>\n <\/div>\n <\/div>\n <div class=\"flow-support fi\">\n <div>\n <div class=\"flow-num\">STEP 06<\/div>\n <h3>\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n <\/div>\n <p>\u304a\u5ba2\u69d8\u81ea\u8eab\u3067\u904b\u7528\u30fb\u6539\u5584\u3067\u304d\u308b\u3088\u3046\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8\uff08\u304a\u307e\u3082\u308a\u30d7\u30e9\u30f3 \u67081\u4e07\u5186\u301c\uff09<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"plans\" id=\"plans\">\n <div class=\"section-tag\">\u6599\u91d1\u30d7\u30e9\u30f3<\/div>\n <h2 class=\"fi\">\u898f\u6a21\u30fb\u76ee\u7684\u306b\u5408\u308f\u305b\u305f3\u30d7\u30e9\u30f3<\/h2>\n <p class=\"plans-sub fi\">\u3059\u3079\u3066\u306e\u30d7\u30e9\u30f3\u306b\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u304c\u542b\u307e\u308c\u307e\u3059\u3002\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"plans-grid\">\n <div class=\"plan-card fi\">\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">S<\/div>\n <div class=\"plan-price\">30\u4e07\u5186\u301c <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u5c0f\u898f\u6a21\u30fb\u5358\u6a5f\u80fd\u30a2\u30d7\u30ea<\/li>\n <li>\u6700\u77ed1\u9031\u9593\u3067\u7d0d\u54c1<\/li>\n <li>\u30b7\u30d5\u30c8\u7ba1\u7406\u30fb\u65e5\u5831\u306a\u3069<\/li>\n <li>\u30b9\u30de\u30db\u5bfe\u5fdc<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card featured fi\" style=\"transition-delay:.1s\">\n <div class=\"plan-badge-wrap\"><div class=\"plan-badge\">\u4eba\u6c17\u30d7\u30e9\u30f3<\/div><\/div>\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">M<\/div>\n <div class=\"plan-price\">80\u301c150\u4e07\u5186 <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u8907\u6570\u6a5f\u80fd\u306e\u7d71\u5408\u30a2\u30d7\u30ea<\/li>\n <li>\u8acb\u6c42\u66f8\uff0b\u6848\u4ef6\u7ba1\u7406\u306a\u3069\u8907\u5408\u958b\u767a<\/li>\n <li>\u5916\u90e8\u30b5\u30fc\u30d3\u30b9\u9023\u643a<\/li>\n <li>\u30b9\u30de\u30db\u30fbPC\u5bfe\u5fdc<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card fi\" style=\"transition-delay:.2s\">\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">L<\/div>\n <div class=\"plan-price\">150\u4e07\u5186\u301c <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u696d\u52d9\u57fa\u5e79\u30b7\u30b9\u30c6\u30e0\u958b\u767a<\/li>\n <li>\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u306e\u30ea\u30d7\u30ec\u30fc\u30b9<\/li>\n <li>\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u7ba1\u7406<\/li>\n <li>\u8981\u4ef6\u5b9a\u7fa9\u304b\u3089\u4f34\u8d70<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\">\n <div class=\"why-inner\">\n <div>\n <div class=\"section-tag\">\u9078\u3070\u308c\u308b\u7406\u7531<\/div>\n <h2 class=\"fi\">\"\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u3063\u3066\u7d42\u308f\u308a\"\u306b\u3057\u306a\u3044\u3002<\/h2>\n <p class=\"why-lead fi\">\n \u304a\u306f\u3057\u7dcf\u7814\u306f\u3001kintone\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3068DX\u4eba\u6750\u80b2\u6210\u3092\u4e3b\u8ef8\u3068\u3059\u308bDX\u652f\u63f4\u4f1a\u793e\u3067\u3059\u3002\u5358\u306b\u30b7\u30b9\u30c6\u30e0\u3092\u7d0d\u54c1\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u300c\u306a\u305c\u305d\u306e\u696d\u52d9\u304c\u5fc5\u8981\u306a\u306e\u304b\u300d\u300c\u672c\u5f53\u306b\u89e3\u6c7a\u3059\u3079\u304d\u8ab2\u984c\u306f\u4f55\u304b\u300d\u3092\u7d4c\u55b6\u8005\u3068\u4e00\u7dd2\u306b\u8003\u3048\u308b\u3068\u3053\u308d\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div>\n <div class=\"why-point fi\">\n <div class=\"why-n\">01<\/div>\n <div>\n <h4>AI\u6d3b\u7528\u3067\u901f\u304f\u30fb\u5b89\u304f<\/h4>\n <p>AI\u6280\u8853\u3092\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306b\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5f93\u6765\u6570\u30f6\u6708\u304b\u304b\u3063\u3066\u3044\u305f\u958b\u767a\u3092\u6700\u77ed1\u9031\u9593\u306b\u77ed\u7e2e\u3002\u30b3\u30b9\u30c8\u3082\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.08s\">\n <div class=\"why-n\">02<\/div>\n <div>\n <h4>\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u8a2d\u8a08<\/h4>\n <p>\u81ea\u793e\u696d\u52d9\u306b\u3074\u3063\u305f\u308a\u306a\u6a5f\u80fd\u3060\u3051\u3092\u642d\u8f09\u3057\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30d7\u30ea\u3092\u63d0\u4f9b\u3002\u300c\u4f7f\u308f\u306a\u3044\u6a5f\u80fd\u3070\u304b\u308a\u300d\u304b\u3089\u89e3\u653e\u3055\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.16s\">\n <div class=\"why-n\">03<\/div>\n <div>\n <h4>\u4f34\u8d70\u578b\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h4>\n <p>\u958b\u767a\u5f8c\u3082\u3001\u304a\u5ba2\u69d8\u81ea\u8eab\u304c\u904b\u7528\u30fb\u6539\u5584\u3067\u304d\u308b\u3088\u3046\u4f34\u8d70\u578b\u306e\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3092\u6574\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.24s\">\n <div class=\"why-n\">04<\/div>\n <div>\n <h4>\u5168\u56fd\u5bfe\u5fdc\u30fb\u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50<\/h4>\n <p>\u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50\u578b\u306e\u305f\u3081\u3001\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u5730\u65b9\u306e\u4e2d\u5c0f\u4f01\u696d\u69d8\u3082\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-sec\" id=\"contact\">\n <div class=\"section-tag\">\u304a\u554f\u3044\u5408\u308f\u305b<\/div>\n <h2>\u307e\u305a\u306f\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u304b\u3089\u3002<br>\u8cbb\u7528\u3082\u671f\u9593\u3082\u3001\u4e00\u7dd2\u306b\u8003\u3048\u307e\u3059\u3002<\/h2>\n <p>\u300c\u3069\u3093\u306a\u3053\u3068\u304c\u3067\u304d\u308b\u304b\u77e5\u308a\u305f\u3044\u300d\u3060\u3051\u3067\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002<br>\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"cta-box\">\n <a href=\"mailto:k.nishigaki@ohashisoken.jp\" class=\"btn-red-lg\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n <span class=\"cta-note\">k.nishigaki@ohashisoken.jp\u3000|\u3000ohashisoken.jp<\/span>\n <\/div>\n<\/section>\n\n<footer>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-dot\"><\/div>\n \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e\n <\/a>\n <div class=\"footer-info\">\u3012669-3113 \u5175\u5eab\u770c\u4e39\u6ce2\u5e02\u5c71\u5357\u753a\u592a\u7530789<\/div>\n <a href=\"https:\/\/ohashisoken.jp\" target=\"_blank\" class=\"footer-link\">ohashisoken.jp<\/a>\n<\/footer>\n\n<script>\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('on'); });\n }, { threshold: 0.1 });\n document.querySelectorAll('.fi').forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web\u30a2\u30d7\u30ea\u958b\u767a\u30b5\u30fc\u30d3\u30b9 | \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e \u304a\u306f\u3057\u7dcf\u7814 \u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 AI \u00d7 Web\u30a2\u30d7\u30ea\u958b\u767a\u3000\u5168\u56fd\u5411\u3051\u306b\u958b\u59cb \u300c\u9ad8\u3059\u304e\u308b\u300d \u300c\u591a\u3059\u304e\u308b\u300d\u3092 \u7d42\u308f\u3089\u305b\u308b\u3002 30\u4e07\u5186\u304b\u3089\u3001 \u6700\u77ed1\u9031\u9593\u3067\u3002 Excel\u3084 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_lightning_design_setting":{"layout":"default"},"footnotes":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=418"}],"version-history":[{"count":25,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":418,"date":"2026-03-24T12:50:25","date_gmt":"2026-03-24T03:50:25","guid":{"rendered":"https:\/\/ohashisoken.jp\/?page_id=418"},"modified":"2026-03-28T08:24:41","modified_gmt":"2026-03-27T23:24:41","slug":"web%e3%82%a2%e3%83%97%e3%83%aa%e9%96%8b%e7%99%ba%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9","status":"publish","type":"page","link":"https:\/\/ohashisoken.jp\/?page_id=418","title":{"rendered":"Web\u30a2\u30d7\u30ea\u958b\u767a\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n\n\n\n\n\nWeb\u30a2\u30d7\u30ea\u958b\u767a\u30b5\u30fc\u30d3\u30b9 | \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@400;700;900&family=Noto+Sans+JP:wght@300;400;500;700&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --red: #D91A2A;\n --red-light: #FFF0F1;\n --red-mid: #FFD6D9;\n --orange: #FF6B35;\n --yellow: #FFF4CC;\n --ink: #1A1A1A;\n --ink-soft: #3D3D3D;\n --mid: #6B6B6B;\n --pale: #F7F5F0;\n --white: #FFFFFF;\n --border: #E5E0D8;\n --green: #1A7A4A;\n --green-bg: #E8F5EF;\n --sky: #EEF6FF;\n --sky-mid: #C5DCEF;\n }\n\n html { scroll-behavior: smooth; }\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background: var(--white);\n color: var(--ink);\n overflow-x: hidden;\n line-height: 1.7;\n }\n\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n header {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n height: 68px;\n display: flex; align-items: center; justify-content: space-between;\n padding: 0 6%;\n background: rgba(255,255,255,0.94);\n backdrop-filter: blur(16px);\n border-bottom: 2px solid var(--red);\n }\n .logo {\n display: flex; align-items: center; gap: 10px;\n font-family: 'Noto Serif JP', serif;\n font-weight: 700; font-size: 15px;\n color: var(--ink); text-decoration: none;\n }\n .logo-dot {\n width: 24px; height: 24px;\n background: var(--red);\n border-radius: 50% 50% 50% 0;\n flex-shrink: 0;\n }\n .nav-cta {\n background: var(--red); color: #fff;\n padding: 11px 24px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.06em;\n text-decoration: none; display: inline-block;\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n border: 2px solid var(--red);\n }\n .nav-cta:hover { background: #fff; color: var(--red); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: var(--white);\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding: 68px 0 0;\n overflow: hidden;\n }\n .hero-left {\n padding: 80px 6% 80px 6%;\n display: flex; flex-direction: column; justify-content: center;\n background: var(--white);\n position: relative;\n z-index: 1;\n }\n .hero-left::after {\n content: '';\n position: absolute; top: 0; right: -40px; bottom: 0;\n width: 80px;\n background: var(--white);\n transform: skewX(-4deg);\n z-index: 2;\n }\n .hero-right {\n background: var(--pale);\n display: flex; align-items: center; justify-content: center;\n padding: 60px 5%;\n position: relative;\n }\n \/* diagonal pattern *\/\n .hero-right::before {\n content: '';\n position: absolute; inset: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 24px,\n rgba(217,26,42,0.04) 24px,\n rgba(217,26,42,0.04) 25px\n );\n }\n\n .hero-eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--red-light);\n border-left: 3px solid var(--red);\n color: var(--red);\n font-size: 11px; font-weight: 700; letter-spacing: 0.14em;\n padding: 7px 14px;\n margin-bottom: 28px;\n width: fit-content;\n }\n\n .hero h1 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(26px, 3.6vw, 50px);\n font-weight: 900;\n line-height: 1.35;\n color: var(--ink);\n margin-bottom: 28px;\n }\n .hero h1 .accent {\n color: var(--red);\n position: relative;\n display: inline-block;\n }\n .hero h1 .accent::after {\n content: '';\n position: absolute; bottom: 2px; left: 0; right: 0;\n height: 3px;\n background: var(--red);\n opacity: 0.3;\n }\n\n .hero-lead {\n font-size: 15px; color: var(--ink-soft);\n line-height: 1.9; margin-bottom: 44px;\n max-width: 440px;\n }\n\n .hero-cta-row {\n display: flex; gap: 14px; flex-wrap: wrap;\n align-items: center;\n }\n .btn-red {\n background: var(--red); color: #fff;\n padding: 16px 36px;\n font-size: 15px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--red);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n }\n .btn-red:hover { background: #fff; color: var(--red); transform: translateY(-2px); }\n .btn-ghost {\n background: transparent; color: var(--ink);\n padding: 14px 30px;\n font-size: 14px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--ink);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n }\n .btn-ghost:hover { background: var(--ink); color: #fff; }\n\n \/* Stats card *\/\n .stat-card {\n background: var(--white);\n border: 1px solid var(--border);\n padding: 40px 36px;\n width: 100%; max-width: 360px;\n position: relative; z-index: 1;\n box-shadow: 8px 8px 0 var(--red-mid), 0 24px 60px rgba(0,0,0,0.08);\n }\n .stat-row {\n padding: 24px 0;\n border-bottom: 1px solid var(--border);\n }\n .stat-row:first-child { padding-top: 0; }\n .stat-row:last-child { border-bottom: none; padding-bottom: 0; }\n .stat-label {\n font-size: 11px; font-weight: 700; letter-spacing: 0.15em;\n color: var(--mid); margin-bottom: 6px; text-transform: uppercase;\n }\n .stat-val {\n font-family: 'DM Mono', monospace;\n font-size: 48px; font-weight: 500; line-height: 1;\n color: var(--red);\n }\n .stat-val span { font-size: 22px; font-weight: 700; color: var(--ink); }\n .stat-note { font-size: 12px; color: var(--mid); margin-top: 4px; }\n\n \/* \u2500\u2500\u2500 PAIN \u2500\u2500\u2500 *\/\n .pain {\n padding: 100px 6%;\n background: var(--pale);\n }\n .section-tag {\n display: inline-block;\n font-family: 'DM Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em;\n color: var(--red); text-transform: uppercase;\n margin-bottom: 18px;\n border-bottom: 2px solid var(--red-mid);\n padding-bottom: 4px;\n }\n .pain h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 56px; line-height: 1.45;\n }\n .pain-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 16px;\n }\n .pain-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-top: 3px solid var(--red-mid);\n padding: 32px;\n transition: all 0.25s;\n position: relative;\n }\n .pain-card:hover {\n border-top-color: var(--red);\n box-shadow: 0 8px 32px rgba(217,26,42,0.08);\n transform: translateY(-4px);\n }\n .pain-mark {\n font-size: 32px; line-height: 1;\n color: var(--red-mid); margin-bottom: 14px;\n font-family: 'Noto Serif JP', serif; font-weight: 900;\n }\n .pain-quote {\n font-size: 14px; line-height: 1.8; color: var(--ink-soft);\n margin-bottom: 14px;\n }\n .pain-chip {\n display: inline-block;\n background: var(--red-light);\n color: var(--red);\n font-size: 11px; font-weight: 700; letter-spacing: 0.06em;\n padding: 4px 10px;\n }\n\n \/* \u2500\u2500\u2500 COMPARISON \u2500\u2500\u2500 *\/\n .comparison {\n padding: 100px 6%;\n background: var(--white);\n }\n .comparison h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .comparison-sub {\n color: var(--mid); font-size: 15px; margin-bottom: 56px;\n }\n .compare-wrap {\n display: grid; grid-template-columns: 1fr 1fr; gap: 24px;\n }\n .compare-col { }\n .compare-head {\n padding: 16px 24px;\n font-size: 13px; font-weight: 700; letter-spacing: 0.08em;\n margin-bottom: 2px;\n }\n .compare-head.before {\n background: #f0ede8; color: var(--mid);\n }\n .compare-head.after {\n background: var(--red); color: #fff;\n }\n .compare-row {\n display: flex; flex-direction: column;\n border: 1px solid var(--border);\n border-top: none;\n padding: 20px 24px;\n margin-bottom: 2px;\n background: var(--white);\n }\n .compare-row.after-row { background: var(--red-light); border-color: var(--red-mid); }\n .compare-cat {\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;\n color: var(--mid); text-transform: uppercase; margin-bottom: 6px;\n }\n .compare-val {\n font-size: 18px; font-weight: 700; color: var(--ink);\n }\n .compare-val.good { color: var(--red); }\n\n \/* \u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500 *\/\n .solution {\n padding: 100px 6%;\n background: var(--pale);\n }\n .solution h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .solution-sub { color: var(--mid); font-size: 15px; margin-bottom: 56px; max-width: 520px; }\n .solution-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n .sol-card {\n background: var(--white);\n padding: 36px 28px;\n border: 1px solid var(--border);\n position: relative; overflow: hidden;\n transition: all 0.25s;\n }\n .sol-card::before {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 3px; background: var(--red);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.3s;\n }\n .sol-card:hover::before { transform: scaleX(1); }\n .sol-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.08); transform: translateY(-4px); }\n .sol-num {\n font-family: 'DM Mono', monospace;\n font-size: 48px; font-weight: 500;\n color: var(--red-mid); line-height: 1;\n margin-bottom: 16px;\n }\n .sol-card h3 {\n font-family: 'Noto Serif JP', serif;\n font-size: 17px; font-weight: 700; margin-bottom: 10px;\n }\n .sol-card p { font-size: 13px; line-height: 1.8; color: var(--mid); }\n\n \/* \u2500\u2500\u2500 FLOW \u2500\u2500\u2500 *\/\n .flow {\n padding: 100px 6%;\n background: var(--white);\n }\n .flow h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 56px;\n }\n .flow-track {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 4px;\n margin-bottom: 4px;\n }\n .flow-box {\n background: var(--pale);\n border: 1px solid var(--border);\n padding: 28px 20px;\n position: relative;\n transition: all 0.2s;\n }\n .flow-box:hover { background: var(--red-light); border-color: var(--red-mid); }\n .flow-box.active {\n background: var(--red); color: #fff; border-color: var(--red);\n }\n .flow-num {\n font-family: 'DM Mono', monospace;\n font-size: 10px; letter-spacing: 0.15em;\n color: var(--red); margin-bottom: 10px;\n font-weight: 500;\n }\n .flow-box.active .flow-num { color: rgba(255,255,255,0.7); }\n .flow-box h3 { font-size: 14px; font-weight: 700; margin-bottom: 6px; }\n .flow-box p { font-size: 12px; color: var(--mid); line-height: 1.6; }\n .flow-box.active p { color: rgba(255,255,255,0.75); }\n .flow-support {\n background: var(--green-bg);\n border: 1px solid #B8DFCA;\n padding: 22px 32px;\n display: flex; align-items: center; gap: 24px;\n }\n .flow-support .flow-num { color: var(--green); }\n .flow-support h3 { font-size: 15px; font-weight: 700; color: var(--green); margin-bottom: 0; }\n .flow-support p { font-size: 13px; color: var(--green); margin: 0; }\n\n \/* \u2500\u2500\u2500 PLANS \u2500\u2500\u2500 *\/\n .plans {\n padding: 100px 6%;\n background: var(--pale);\n }\n .plans h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 12px;\n }\n .plans-sub { color: var(--mid); font-size: 15px; margin-bottom: 56px; }\n .plans-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n }\n .plan-card {\n background: var(--white);\n border: 2px solid var(--border);\n padding: 40px 32px;\n transition: all 0.25s;\n }\n .plan-card:hover { border-color: var(--red-mid); box-shadow: 0 12px 40px rgba(217,26,42,0.07); }\n .plan-card.featured {\n border-color: var(--red);\n background: var(--white);\n position: relative;\n }\n .plan-badge-wrap {\n position: absolute; top: -14px; left: 50%;\n transform: translateX(-50%);\n }\n .plan-badge {\n background: var(--red); color: #fff;\n font-size: 10px; font-weight: 700; letter-spacing: 0.12em;\n padding: 5px 16px;\n white-space: nowrap;\n }\n .plan-tier {\n font-family: 'DM Mono', monospace;\n font-size: 11px; letter-spacing: 0.2em; color: var(--mid);\n margin-bottom: 8px;\n }\n .plan-name {\n font-family: 'Noto Serif JP', serif;\n font-size: 34px; font-weight: 900; color: var(--ink);\n margin-bottom: 4px;\n }\n .plan-price {\n font-size: 22px; font-weight: 700; color: var(--red);\n margin-bottom: 28px;\n }\n .plan-price small { font-size: 13px; font-weight: 400; color: var(--mid); }\n .plan-hr { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan-list { list-style: none; }\n .plan-list li {\n font-size: 13px; color: var(--ink-soft);\n padding: 8px 0;\n border-bottom: 1px solid #F0EDE8;\n display: flex; align-items: flex-start; gap: 10px;\n line-height: 1.5;\n }\n .plan-list li::before {\n content: '\u2713'; color: var(--red);\n font-weight: 700; flex-shrink: 0; margin-top: 1px;\n }\n\n \/* \u2500\u2500\u2500 WHY \u2500\u2500\u2500 *\/\n .why {\n padding: 100px 6%;\n background: var(--white);\n }\n .why-inner {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: start;\n }\n .why h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(22px, 3vw, 38px);\n font-weight: 900; margin-bottom: 20px;\n }\n .why-lead {\n font-size: 15px; line-height: 1.9; color: var(--ink-soft);\n margin-bottom: 8px;\n }\n .why-point {\n display: flex; gap: 20px; margin-bottom: 32px;\n padding-bottom: 32px; border-bottom: 1px solid var(--border);\n }\n .why-point:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }\n .why-n {\n font-family: 'DM Mono', monospace;\n font-size: 40px; font-weight: 500; color: var(--red-mid);\n line-height: 1; flex-shrink: 0; padding-top: 2px;\n }\n .why-point h4 { font-size: 15px; font-weight: 700; margin-bottom: 6px; }\n .why-point p { font-size: 13px; color: var(--mid); line-height: 1.8; }\n\n \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n .cta-sec {\n padding: 100px 6%;\n background: var(--pale);\n text-align: center;\n position: relative; overflow: hidden;\n }\n .cta-sec::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0;\n height: 4px; background: var(--red);\n }\n .cta-sec h2 {\n font-family: 'Noto Serif JP', serif;\n font-size: clamp(24px, 3.5vw, 44px);\n font-weight: 900; margin-bottom: 20px; line-height: 1.4;\n }\n .cta-sec p {\n font-size: 16px; color: var(--ink-soft);\n margin-bottom: 44px; max-width: 480px;\n margin-left: auto; margin-right: auto;\n }\n .cta-box {\n display: inline-flex; flex-direction: column; align-items: center; gap: 16px;\n }\n .btn-red-lg {\n background: var(--red); color: #fff;\n padding: 20px 56px;\n font-size: 17px; font-weight: 700; letter-spacing: 0.05em;\n text-decoration: none; display: inline-block;\n border: 2px solid var(--red);\n transition: all 0.2s;\n font-family: 'Noto Sans JP', sans-serif;\n box-shadow: 6px 6px 0 var(--red-mid);\n }\n .btn-red-lg:hover { transform: translate(-2px,-2px); box-shadow: 8px 8px 0 var(--red-mid); }\n .cta-note { font-size: 13px; color: var(--mid); }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--ink); color: rgba(255,255,255,0.5);\n padding: 36px 6%;\n display: flex; align-items: center;\n justify-content: space-between; flex-wrap: wrap; gap: 16px;\n }\n footer .logo { color: rgba(255,255,255,0.8); }\n footer .logo .logo-dot { background: var(--red); }\n .footer-info { font-size: 12px; }\n .footer-link {\n font-size: 12px; color: rgba(255,255,255,0.4);\n text-decoration: none; transition: color 0.2s;\n }\n .footer-link:hover { color: #fff; }\n\n \/* \u2500\u2500\u2500 FADE-IN \u2500\u2500\u2500 *\/\n .fi { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; }\n .fi.on { opacity: 1; transform: none; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 800px) {\n .hero { grid-template-columns: 1fr; }\n .hero-left::after { display: none; }\n .hero-right { display: none; }\n .why-inner { grid-template-columns: 1fr; gap: 40px; }\n .compare-wrap { grid-template-columns: 1fr; }\n .flow-track { grid-template-columns: 1fr 1fr; }\n footer { flex-direction: column; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-dot\"><\/div>\n \u304a\u306f\u3057\u7dcf\u7814\n <\/a>\n <a href=\"#contact\" class=\"nav-cta\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n<\/header>\n\n\n<section class=\"hero\">\n <div class=\"hero-left fi\">\n <div class=\"hero-eyebrow\">AI \u00d7 Web\u30a2\u30d7\u30ea\u958b\u767a\u3000\u5168\u56fd\u5411\u3051\u306b\u958b\u59cb<\/div>\n <h1>\n \u300c\u9ad8\u3059\u304e\u308b\u300d<br>\n \u300c\u591a\u3059\u304e\u308b\u300d\u3092<br>\n \u7d42\u308f\u3089\u305b\u308b\u3002<br>\n <span class=\"accent\">30\u4e07\u5186<\/span>\u304b\u3089\u3001<br>\n \u6700\u77ed1\u9031\u9593\u3067\u3002\n <\/h1>\n <p class=\"hero-lead\">\n Excel\u3084\u30d1\u30c3\u30b1\u30fc\u30b8\u30bd\u30d5\u30c8\u306eDX\u306b\u9650\u754c\u3092\u611f\u3058\u3066\u3044\u308b\u4e2d\u5c0f\u4f01\u696d\u3078\u3002<br>\n AI\u6280\u8853\u3067\u3001\u81ea\u793e\u306b\u672c\u5f53\u306b\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u3092\u7d20\u65e9\u304f\u958b\u767a\u3002<br>\n \u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50\u578b\u306e\u305f\u3081\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\n <\/p>\n <div class=\"hero-cta-row\">\n <a href=\"#contact\" class=\"btn-red\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n <a href=\"#plans\" class=\"btn-ghost\">\u6599\u91d1\u3092\u898b\u308b<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-right fi\" style=\"transition-delay:0.15s\">\n <div class=\"stat-card\">\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u958b\u767a\u8cbb\u7528<\/div>\n <div class=\"stat-val\">30<span>\u4e07\u5186\u301c<\/span><\/div>\n <div class=\"stat-note\">\u5927\u624bIT\u306e1\/10\u4ee5\u4e0b\u304b\u3089<\/div>\n <\/div>\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u958b\u767a\u671f\u9593<\/div>\n <div class=\"stat-val\" style=\"font-size:36px; letter-spacing:-1px\">\u6700\u77ed<span style=\"font-size:40px; color:var(--red)\">1\u9031\u9593<\/span><\/div>\n <div class=\"stat-note\">AI\u6d3b\u7528\u3067\u5f93\u6765\u306e\u6570\u30f6\u6708\u2192\u6700\u77ed1\u9031\u9593<\/div>\n <\/div>\n <div class=\"stat-row\">\n <div class=\"stat-label\">\u30d2\u30a2\u30ea\u30f3\u30b0<\/div>\n <div class=\"stat-val\" style=\"font-size:40px\">\u5b8c\u5168<span style=\"color:var(--ink)\">\u7121\u6599<\/span><\/div>\n <div class=\"stat-note\">\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u6b53\u8fce<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"pain\">\n <div class=\"section-tag\">\u3088\u304f\u3042\u308b\u304a\u60a9\u307f<\/div>\n <h2 class=\"fi\">\u300c\u5e2f\u306b\u77ed\u3057\u3001\u305f\u3059\u304d\u306b\u9577\u3057\u300d\u306e<br>\u30b7\u30b9\u30c6\u30e0\u9078\u3073\u3092\u7d42\u308f\u3089\u305b\u308b<\/h2>\n <div class=\"pain-grid\">\n <div class=\"pain-card fi\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">IT\u4f01\u696d\u306e\u898b\u7a4d\u3082\u308a\u304c\u9ad8\u3059\u304e\u3066\u3001\u30b7\u30b9\u30c6\u30e0\u5c0e\u5165\u3092\u8ae6\u3081\u3066\u3057\u307e\u3063\u305f<\/p>\n <span class=\"pain-chip\">\u30b3\u30b9\u30c8\u9762\u306e\u58c1<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.08s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u6a5f\u80fd\u304c\u591a\u3059\u304e\u3066\u4f7f\u3044\u3053\u306a\u305b\u306a\u3044\u30b7\u30b9\u30c6\u30e0\u3092\u62bc\u3057\u3064\u3051\u3089\u308c\u305f<\/p>\n <span class=\"pain-chip\">\u904e\u5270\u6a5f\u80fd\u306e\u7121\u99c4<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.16s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">Excel\u306e\u30b7\u30d5\u30c8\u8868\u3092LINE\u3067\u5199\u771f\u9001\u4fe1\u3057\u7d9a\u3051\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u30a2\u30ca\u30ed\u30b0\u696d\u52d9\u306e\u9650\u754c<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.24s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u6708\u672b\u306b\u8acb\u6c42\u66f8\u30921\u4ef6\u305a\u3064\u624b\u5165\u529b\u3057\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u7e70\u308a\u8fd4\u3057\u4f5c\u696d\u306e\u975e\u52b9\u7387<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.32s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u300c\u3042\u306e\u4ef6\u3069\u3046\u306a\u3063\u305f\uff1f\u300d\u3068\u6bce\u56de\u53e3\u982d\u3067\u78ba\u8a8d\u3057\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u60c5\u5831\u5171\u6709\u306e\u5c5e\u4eba\u5316<\/span>\n <\/div>\n <div class=\"pain-card fi\" style=\"transition-delay:.40s\">\n <div class=\"pain-mark\">\"<\/div>\n <p class=\"pain-quote\">\u7d0d\u54c1\u5f8c\u306f\u30b5\u30dd\u30fc\u30c8\u304c\u5168\u304f\u306a\u304f\u56f0\u3063\u3066\u3044\u308b<\/p>\n <span class=\"pain-chip\">\u30a2\u30d5\u30bf\u30fc\u30b5\u30dd\u30fc\u30c8\u4e0d\u8db3<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"comparison\">\n <div class=\"section-tag\">Before \/ After<\/div>\n <h2 class=\"fi\">AI\u306e\u529b\u3067\u3001\"\u3061\u3087\u3046\u3069\u3044\u3044\"\u3092\u3064\u304f\u308b<\/h2>\n <p class=\"comparison-sub fi\">\u5927\u624bIT\u4f01\u696d\u304b\u30d1\u30c3\u30b1\u30fc\u30b8\u30bd\u30d5\u30c8\u304b\u2014\u2014\u305d\u306e\u4e8c\u629e\u3092\u7d42\u308f\u3089\u305b\u307e\u3059\u3002<\/p>\n <div class=\"compare-wrap fi\">\n <div class=\"compare-col\">\n <div class=\"compare-head before\">\u3053\u308c\u307e\u3067\uff08\u5f93\u6765\u306e\u958b\u767a\uff09<\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u958b\u767a\u8cbb\u7528<\/div><div class=\"compare-val\">\u6570\u767e\u4e07\u5186\u301c<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u958b\u767a\u671f\u9593<\/div><div class=\"compare-val\">\u6570\u30f6\u6708\u301c<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u6a5f\u80fd<\/div><div class=\"compare-val\">\u4f7f\u308f\u306a\u3044\u6a5f\u80fd\u3082\u5927\u91cf<\/div><\/div>\n <div class=\"compare-row\"><div class=\"compare-cat\">\u7d0d\u54c1\u5f8c<\/div><div class=\"compare-val\">\u30b5\u30dd\u30fc\u30c8\u306a\u3057<\/div><\/div>\n <\/div>\n <div class=\"compare-col\">\n <div class=\"compare-head after\">\u304a\u306f\u3057\u7dcf\u7814\u306eWeb\u30a2\u30d7\u30ea\u958b\u767a<\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u958b\u767a\u8cbb\u7528<\/div><div class=\"compare-val good\">30\u4e07\u5186\u301c<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u958b\u767a\u671f\u9593<\/div><div class=\"compare-val good\">\u6700\u77ed1\u9031\u9593<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u6a5f\u80fd<\/div><div class=\"compare-val good\">\u5fc5\u8981\u306a\u5206\u3060\u3051<\/div><\/div>\n <div class=\"compare-row after-row\"><div class=\"compare-cat\">\u7d0d\u54c1\u5f8c<\/div><div class=\"compare-val good\">\u304a\u307e\u3082\u308a\u30d7\u30e9\u30f3 \u67081\u4e07\u5186\u301c<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"solution\">\n <div class=\"section-tag\">\u89e3\u6c7a\u3067\u304d\u308b\u3053\u3068<\/div>\n <h2 class=\"fi\">\u30b9\u30de\u30db\u304b\u3089\u4f7f\u3048\u308b\u3001\u3042\u306a\u305f\u306e\u4f1a\u793e\u5c02\u7528\u30a2\u30d7\u30ea\u306b<\/h2>\n <p class=\"solution-sub fi\">\u30b7\u30d5\u30c8\u7ba1\u7406\u30fb\u8acb\u6c42\u66f8\u4f5c\u6210\u30fb\u6848\u4ef6\u7ba1\u7406\u306a\u3069\u3001\u65e5\u3005\u306e\u696d\u52d9\u8ab2\u984c\u3092Web\u30a2\u30d7\u30ea\u3067\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <div class=\"solution-grid\">\n <div class=\"sol-card fi\">\n <div class=\"sol-num\">01<\/div>\n <h3>\u30b7\u30d5\u30c8\u7ba1\u7406<\/h3>\n <p>Excel\u3067\u4f5c\u3063\u305f\u30b7\u30d5\u30c8\u8868\u3092LINE\u3067\u9001\u3063\u3066\u3044\u305f\u696d\u52d9\u3092\u3001\u30b9\u30de\u30db\u304b\u3089\u5168\u54e1\u304c\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u78ba\u8a8d\u3067\u304d\u308b\u30a2\u30d7\u30ea\u306b\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.1s\">\n <div class=\"sol-num\">02<\/div>\n <h3>\u8acb\u6c42\u66f8\u4f5c\u6210<\/h3>\n <p>\u6708\u672b\u306b1\u4ef6\u305a\u3064\u624b\u5165\u529b\u3057\u3066\u3044\u305f\u8acb\u6c42\u66f8\u4f5c\u6210\u3092\u3001\u30dc\u30bf\u30f31\u3064\u3067\u81ea\u52d5\u4f5c\u6210\u3002\u30df\u30b9\u30bc\u30ed\u30fb\u6642\u9593\u77ed\u7e2e\u3092\u5b9f\u73fe\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.2s\">\n <div class=\"sol-num\">03<\/div>\n <h3>\u6848\u4ef6\u7ba1\u7406<\/h3>\n <p>\u300c\u3042\u306e\u4ef6\u3069\u3046\u306a\u3063\u305f\uff1f\u300d\u3092\u306a\u304f\u3059\u3002\u8ab0\u3067\u3082\u6700\u65b0\u72b6\u6cc1\u304c\u4e00\u89a7\u3067\u308f\u304b\u308b\u30b7\u30f3\u30d7\u30eb\u306a\u6848\u4ef6\u7ba1\u7406\u30a2\u30d7\u30ea\u3002<\/p>\n <\/div>\n <div class=\"sol-card fi\" style=\"transition-delay:.3s\">\n <div class=\"sol-num\">04<\/div>\n <h3>\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u306e\u30ea\u30d7\u30ec\u30fc\u30b9<\/h3>\n <p>\u4f7f\u3044\u306b\u304f\u3044\u30b7\u30b9\u30c6\u30e0\u3092\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u306b\u7d5e\u308a\u30b7\u30f3\u30d7\u30eb\u306b\u518d\u69cb\u7bc9\u3002\u5c0e\u5165\u30fb\u904b\u7528\u30b3\u30b9\u30c8\u3092\u540c\u6642\u306b\u524a\u6e1b\u3002<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"flow\">\n <div class=\"section-tag\">\u30b5\u30fc\u30d3\u30b9\u306e\u6d41\u308c<\/div>\n <h2 class=\"fi\">\u30d2\u30a2\u30ea\u30f3\u30b0\u304b\u3089\u7d0d\u54c1\u307e\u3067\u3001\u6700\u77ed1\u9031\u9593<\/h2>\n <div class=\"flow-track fi\">\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 01<\/div>\n <h3>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0<\/h3>\n <p>\u8ab2\u984c\u30fb\u696d\u52d9\u30fb\u3054\u8981\u671b\u3092\u4e01\u5be7\u306b\u304a\u805e\u304d\u3057\u307e\u3059<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 02<\/div>\n <h3>\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u4f5c\u6210<\/h3>\n <p>\u30d2\u30a2\u30ea\u30f3\u30b0\u5185\u5bb9\u3092\u3082\u3068\u306b\u52d5\u304f\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u3092\u7d20\u65e9\u304f\u4f5c\u6210\u30fb\u78ba\u8a8d<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 03<\/div>\n <h3>\u3054\u5951\u7d04<\/h3>\n <p>30\u4e07\u5186\u301c\u3001\u5185\u5bb9\u78ba\u8a8d\u3057\u3066\u3054\u5951\u7d04<\/p>\n <\/div>\n <div class=\"flow-box active\">\n <div class=\"flow-num\">STEP 04<\/div>\n <h3>\u958b\u767a<\/h3>\n <p>AI\u6d3b\u7528\u3067\u6700\u77ed1\u9031\u9593\u30b9\u30d4\u30fc\u30c9\u958b\u767a<\/p>\n <\/div>\n <div class=\"flow-box\">\n <div class=\"flow-num\">STEP 05<\/div>\n <h3>\u7d0d\u54c1\u30fb\u30c6\u30b9\u30c8<\/h3>\n <p>\u52d5\u4f5c\u78ba\u8a8d\u30fb\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3067\u54c1\u8cea\u78ba\u4fdd<\/p>\n <\/div>\n <\/div>\n <div class=\"flow-support fi\">\n <div>\n <div class=\"flow-num\">STEP 06<\/div>\n <h3>\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n <\/div>\n <p>\u304a\u5ba2\u69d8\u81ea\u8eab\u3067\u904b\u7528\u30fb\u6539\u5584\u3067\u304d\u308b\u3088\u3046\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8\uff08\u304a\u307e\u3082\u308a\u30d7\u30e9\u30f3 \u67081\u4e07\u5186\u301c\uff09<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"plans\" id=\"plans\">\n <div class=\"section-tag\">\u6599\u91d1\u30d7\u30e9\u30f3<\/div>\n <h2 class=\"fi\">\u898f\u6a21\u30fb\u76ee\u7684\u306b\u5408\u308f\u305b\u305f3\u30d7\u30e9\u30f3<\/h2>\n <p class=\"plans-sub fi\">\u3059\u3079\u3066\u306e\u30d7\u30e9\u30f3\u306b\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u304c\u542b\u307e\u308c\u307e\u3059\u3002\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"plans-grid\">\n <div class=\"plan-card fi\">\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">S<\/div>\n <div class=\"plan-price\">30\u4e07\u5186\u301c <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u5c0f\u898f\u6a21\u30fb\u5358\u6a5f\u80fd\u30a2\u30d7\u30ea<\/li>\n <li>\u6700\u77ed1\u9031\u9593\u3067\u7d0d\u54c1<\/li>\n <li>\u30b7\u30d5\u30c8\u7ba1\u7406\u30fb\u65e5\u5831\u306a\u3069<\/li>\n <li>\u30b9\u30de\u30db\u5bfe\u5fdc<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card featured fi\" style=\"transition-delay:.1s\">\n <div class=\"plan-badge-wrap\"><div class=\"plan-badge\">\u4eba\u6c17\u30d7\u30e9\u30f3<\/div><\/div>\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">M<\/div>\n <div class=\"plan-price\">80\u301c150\u4e07\u5186 <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u8907\u6570\u6a5f\u80fd\u306e\u7d71\u5408\u30a2\u30d7\u30ea<\/li>\n <li>\u8acb\u6c42\u66f8\uff0b\u6848\u4ef6\u7ba1\u7406\u306a\u3069\u8907\u5408\u958b\u767a<\/li>\n <li>\u5916\u90e8\u30b5\u30fc\u30d3\u30b9\u9023\u643a<\/li>\n <li>\u30b9\u30de\u30db\u30fbPC\u5bfe\u5fdc<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <div class=\"plan-card fi\" style=\"transition-delay:.2s\">\n <div class=\"plan-tier\">PLAN<\/div>\n <div class=\"plan-name\">L<\/div>\n <div class=\"plan-price\">150\u4e07\u5186\u301c <small>\uff08\u7a0e\u5225\uff09<\/small><\/div>\n <div class=\"plan-hr\"><\/div>\n <ul class=\"plan-list\">\n <li>\u696d\u52d9\u57fa\u5e79\u30b7\u30b9\u30c6\u30e0\u958b\u767a<\/li>\n <li>\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u306e\u30ea\u30d7\u30ec\u30fc\u30b9<\/li>\n <li>\u5927\u898f\u6a21\u30c7\u30fc\u30bf\u7ba1\u7406<\/li>\n <li>\u8981\u4ef6\u5b9a\u7fa9\u304b\u3089\u4f34\u8d70<\/li>\n <li>\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u4ed8\u304d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"why\">\n <div class=\"why-inner\">\n <div>\n <div class=\"section-tag\">\u9078\u3070\u308c\u308b\u7406\u7531<\/div>\n <h2 class=\"fi\">\"\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u3063\u3066\u7d42\u308f\u308a\"\u306b\u3057\u306a\u3044\u3002<\/h2>\n <p class=\"why-lead fi\">\n \u304a\u306f\u3057\u7dcf\u7814\u306f\u3001kintone\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3068DX\u4eba\u6750\u80b2\u6210\u3092\u4e3b\u8ef8\u3068\u3059\u308bDX\u652f\u63f4\u4f1a\u793e\u3067\u3059\u3002\u5358\u306b\u30b7\u30b9\u30c6\u30e0\u3092\u7d0d\u54c1\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u300c\u306a\u305c\u305d\u306e\u696d\u52d9\u304c\u5fc5\u8981\u306a\u306e\u304b\u300d\u300c\u672c\u5f53\u306b\u89e3\u6c7a\u3059\u3079\u304d\u8ab2\u984c\u306f\u4f55\u304b\u300d\u3092\u7d4c\u55b6\u8005\u3068\u4e00\u7dd2\u306b\u8003\u3048\u308b\u3068\u3053\u308d\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <div>\n <div class=\"why-point fi\">\n <div class=\"why-n\">01<\/div>\n <div>\n <h4>AI\u6d3b\u7528\u3067\u901f\u304f\u30fb\u5b89\u304f<\/h4>\n <p>AI\u6280\u8853\u3092\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306b\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5f93\u6765\u6570\u30f6\u6708\u304b\u304b\u3063\u3066\u3044\u305f\u958b\u767a\u3092\u6700\u77ed1\u9031\u9593\u306b\u77ed\u7e2e\u3002\u30b3\u30b9\u30c8\u3082\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.08s\">\n <div class=\"why-n\">02<\/div>\n <div>\n <h4>\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u8a2d\u8a08<\/h4>\n <p>\u81ea\u793e\u696d\u52d9\u306b\u3074\u3063\u305f\u308a\u306a\u6a5f\u80fd\u3060\u3051\u3092\u642d\u8f09\u3057\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30a2\u30d7\u30ea\u3092\u63d0\u4f9b\u3002\u300c\u4f7f\u308f\u306a\u3044\u6a5f\u80fd\u3070\u304b\u308a\u300d\u304b\u3089\u89e3\u653e\u3055\u308c\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.16s\">\n <div class=\"why-n\">03<\/div>\n <div>\n <h4>\u4f34\u8d70\u578b\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h4>\n <p>\u958b\u767a\u5f8c\u3082\u3001\u304a\u5ba2\u69d8\u81ea\u8eab\u304c\u904b\u7528\u30fb\u6539\u5584\u3067\u304d\u308b\u3088\u3046\u4f34\u8d70\u578b\u306e\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3092\u6574\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"why-point fi\" style=\"transition-delay:.24s\">\n <div class=\"why-n\">04<\/div>\n <div>\n <h4>\u5168\u56fd\u5bfe\u5fdc\u30fb\u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50<\/h4>\n <p>\u30aa\u30f3\u30e9\u30a4\u30f3\u5b8c\u7d50\u578b\u306e\u305f\u3081\u3001\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u5730\u65b9\u306e\u4e2d\u5c0f\u4f01\u696d\u69d8\u3082\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-sec\" id=\"contact\">\n <div class=\"section-tag\">\u304a\u554f\u3044\u5408\u308f\u305b<\/div>\n <h2>\u307e\u305a\u306f\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u304b\u3089\u3002<br>\u8cbb\u7528\u3082\u671f\u9593\u3082\u3001\u4e00\u7dd2\u306b\u8003\u3048\u307e\u3059\u3002<\/h2>\n <p>\u300c\u3069\u3093\u306a\u3053\u3068\u304c\u3067\u304d\u308b\u304b\u77e5\u308a\u305f\u3044\u300d\u3060\u3051\u3067\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002<br>\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <div class=\"cta-box\">\n <a href=\"mailto:k.nishigaki@ohashisoken.jp\" class=\"btn-red-lg\">\u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/a>\n <span class=\"cta-note\">k.nishigaki@ohashisoken.jp\u3000|\u3000ohashisoken.jp<\/span>\n <\/div>\n<\/section>\n\n<footer>\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-dot\"><\/div>\n \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e\n <\/a>\n <div class=\"footer-info\">\u3012669-3113 \u5175\u5eab\u770c\u4e39\u6ce2\u5e02\u5c71\u5357\u753a\u592a\u7530789<\/div>\n <a href=\"https:\/\/ohashisoken.jp\" target=\"_blank\" class=\"footer-link\">ohashisoken.jp<\/a>\n<\/footer>\n\n<script>\n const io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('on'); });\n }, { threshold: 0.1 });\n document.querySelectorAll('.fi').forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web\u30a2\u30d7\u30ea\u958b\u767a\u30b5\u30fc\u30d3\u30b9 | \u304a\u306f\u3057\u7dcf\u7814\u682a\u5f0f\u4f1a\u793e \u304a\u306f\u3057\u7dcf\u7814 \u7121\u6599\u30d2\u30a2\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 AI \u00d7 Web\u30a2\u30d7\u30ea\u958b\u767a\u3000\u5168\u56fd\u5411\u3051\u306b\u958b\u59cb \u300c\u9ad8\u3059\u304e\u308b\u300d \u300c\u591a\u3059\u304e\u308b\u300d\u3092 \u7d42\u308f\u3089\u305b\u308b\u3002 30\u4e07\u5186\u304b\u3089\u3001 \u6700\u77ed1\u9031\u9593\u3067\u3002 Excel\u3084 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_lightning_design_setting":{"layout":"default"},"footnotes":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=418"}],"version-history":[{"count":25,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=\/wp\/v2\/pages\/418\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/ohashisoken.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}