{"id":538,"date":"2025-11-04T11:33:27","date_gmt":"2025-11-04T02:33:27","guid":{"rendered":"https:\/\/hp-dev.itsherpa.com\/?page_id=538"},"modified":"2025-11-10T12:02:51","modified_gmt":"2025-11-10T03:02:51","slug":"service","status":"publish","type":"page","link":"https:\/\/itsherpa.com\/en\/service\/","title":{"rendered":"Services"},"content":{"rendered":"<section class=\"itsherpa-service-header\" style=\"background: linear-gradient(135deg, #ff9844 0%, #ff7300 100%); padding: 10px 20px; text-align: center; color: white;\">\n    <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto;\">\n        <h1 style=\"font-size: 3rem; margin-bottom: 1.5rem; font-weight: bold;\">Services<\/h1>\n        <p style=\"font-size: 1.3rem; line-height: 1.8;\">\n            Supporting your business with the latest technology and know-how\n        <\/p>\n    <\/div>\n<\/section>\n<style>\n    \/* \u30b3\u30f3\u30c6\u30ca *\/\n    .wrap {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    \/* \u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u6642\u306f1\u5217 *\/\n    @media (max-width:768px) {\n        .wrap {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .media-row {\n        max-width: var(--max-width);\n        display: flex;\n        gap: var(--gap);\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u90e8\u5206 *\/\n    .media-text {\n        flex: 1 1 55%;\n        min-width: 220px;\n    }\n\n    .media-text dl {\n        margin: 0 0 18px 0;\n    }\n\n    .media-text dt {\n        font-weight: 700;\n        margin-bottom: 8px;\n        color: #111;\n        font-size: 15px;\n    }\n\n    .media-text dd {\n        margin: 0 0 12px 0;\n        color: #333;\n        line-height: 1.8;\n        white-space: pre-wrap;\n    }\n\n    \/* \u753b\u50cf\u90e8\u5206 *\/\n    .media-thumb {\n        flex: 0 0 38%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .media-thumb img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 8px;\n    }\n\n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6: \u72ed\u3044\u753b\u9762\u3067\u306f\u7e26\u4e26\u3073\u306b\u3057\u3066\u753b\u50cf\u3092\u4e0a\u306b *\/\n    @media (max-width:800px) {\n        .media-row {\n            flex-direction: column-reverse;\n            align-items: stretch;\n        }\n\n        .media-text {\n            flex-basis: auto;\n            margin-top: 8px;\n        }\n\n        .media-thumb {\n            flex-basis: auto;\n            margin-bottom: 8px;\n        }\n\n        .media-thumb img {\n            width: 100%;\n            height: auto;\n        }\n    }\n\n    \/* \u5404\u30b5\u30fc\u30d3\u30b9\u30ab\u30fc\u30c9 *\/\n    .service {\n        position: relative;\n        padding: 18px 24px;\n        border-radius: var(--radius);\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n        min-height: 88px;\n        overflow: hidden;\n        margin: 50px;\n    }\n\n    .service-header {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n    }\n\n    .service .icon {\n        width: 88px;\n        height: 88px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n        flex-shrink: 0;\n    }\n\n    .service .icon svg {\n        width: 56px;\n        height: 56px;\n        display: block;\n    }\n\n    .service .text {\n        flex: 1;\n    }\n\n    .service .eyebrow {\n        font-size: 13px;\n        color: var(--muted);\n        margin-bottom: 6px;\n        font-weight: 700;\n        letter-spacing: .02em;\n    }\n\n    .service .title {\n        font-size: 25px;\n        font-weight: 800;\n        margin-bottom: 8px;\n        color: var(--text);\n        line-height: 1.35;\n    }\n\n    .service .desc {\n        font-size: 14px;\n        color: #333;\n        opacity: 0.95;\n        line-height: 1.6;\n    }\n\n    \/* \u80cc\u666f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n    .s-1 {\n        background: linear-gradient(90deg, #e9f0ff, #e1e9ff);\n    }\n\n    .s-2 {\n        background: linear-gradient(90deg, #fff4e6, #ffe8d0);\n    }\n\n    .s-3 {\n        background: linear-gradient(90deg, #e8f8f4, #dff2ee);\n    }\n\n    .s-4 {\n        background: linear-gradient(90deg, #fff0f6, #ffe6ef);\n    }\n\n    .s-5 {\n        background: linear-gradient(90deg, #f3fff3, #e6ffea);\n    }\n\n    .s-6 {\n        background: linear-gradient(90deg, #f7f0ff, #efe6ff);\n    }\n\n    .s-7 {\n        background: linear-gradient(90deg, #fff8e6, #fff0d1);\n    }\n\n    .s-8 {\n        background: linear-gradient(90deg, #ffffdb, #ffffba);\n    }\n\n    \/* \u30a2\u30a4\u30b3\u30f3\u80cc\u666f *\/\n    .s-1 .icon {\n        background: #2b6ef6;\n        color: #fff\n    }\n\n    .s-2 .icon {\n        background: #ff7a1a;\n        color: #fff\n    }\n\n    .s-3 .icon {\n        background: #0aa89e;\n        color: #fff\n    }\n\n    .s-4 .icon {\n        background: #d23b7d;\n        color: #fff\n    }\n\n    .s-5 .icon {\n        background: #14a44d;\n        color: #fff\n    }\n\n    .s-6 .icon {\n        background: #6b4bff;\n        color: #fff\n    }\n\n    .s-7 .icon {\n        background: #c75a00;\n        color: #fff\n    }\n\n    .s-8 .icon {\n        background: #fff600;\n        color: #fff\n    }\n\n    \/* --- \u5c0e\u5165\u4e8b\u4f8b\u30ea\u30b9\u30c8 --- *\/\n    .case-list {\n        display: flex;\n        gap: 16px;\n        align-items: stretch;\n        margin-top: 16px;\n        flex-wrap: wrap;\n        \/* \u5e45\u306b\u5fdc\u3058\u3066\u6298\u308a\u8fd4\u3059 *\/\n    }\n\n    \/* 1\u4ef6\u30a2\u30a4\u30c6\u30e0 *\/\n    .case-item {\n        display: flex;\n        gap: 12px;\n        text-decoration: none;\n        color: inherit;\n        background: #fff;\n        \/* \u80cc\u666f\u3092\u767d\u306b\u7d71\u4e00 *\/\n        border-radius: 8px;\n        padding: 10px;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n        min-width: 0;\n        width: calc((100% - 32px) \/ 3);\n        \/* 3\u30ab\u30e9\u30e0\u3092\u76ee\u6307\u3059 *\/\n        transition: transform .14s ease, box-shadow .14s ease;\n    }\n\n    .case-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* \u30b5\u30e0\u30cd\uff1a\u753b\u50cf\u306e\u5168\u4f53\u304c\u898b\u3048\u308b\u3088\u3046\u306b\u4fee\u6b63 *\/\n    .case-thumb {\n        flex: 0 0 150px;\n        \/* \u56fa\u5b9a\u5e45 *\/\n        height: 88px;\n        overflow: hidden;\n        border-radius: 6px;\n        background: #fff;\n        \/* \u80cc\u666f\u3092\u767d\u306b\uff08\u7070\u8272\u304b\u3089\u5909\u66f4\uff09 *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px solid #e5e7eb;\n        \/* \u753b\u50cf\u304c\u5c0f\u3055\u3044\u6642\u3067\u3082\u67a0\u304c\u898b\u3048\u308b\u3088\u3046\u306b *\/\n    }\n\n    .case-thumb img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        \/* \u2190 \u30c8\u30ea\u30df\u30f3\u30b0\u305b\u305a\u5168\u4f53\u8868\u793a *\/\n        background: #fff;\n        \/* \u900f\u904ePNG\u7528\u306b\u767d\u80cc\u666f\u3092\u8ffd\u52a0 *\/\n        display: block;\n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u90e8\uff08\u753b\u50cf\u306e\u53f3\uff09 *\/\n    .case-body {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        \/* \u7e26\u4e2d\u592e\u63c3\u3048 *\/\n        min-width: 0;\n    }\n\n    .case-category {\n        font-size: 12px;\n        color: var(--muted, #6b7280);\n        margin-bottom: 4px;\n    }\n\n    .case-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--accent-dark, #1e40af);\n        margin-bottom: 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .case-desc {\n        font-size: 13px;\n        color: #444;\n        line-height: 1.3;\n        max-width: 220px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff1a\u30b9\u30de\u30db\u306f1\u5217\u3001\u30c6\u30ad\u30b9\u30c8\u306f\u8907\u6570\u884c\u53ef *\/\n    @media (max-width:900px) {\n        .case-list {\n            flex-direction: column;\n            gap: 0;\n        }\n\n        .case-item {\n            width: 100%;\n        }\n\n        .case-body {\n            min-width: 0;\n        }\n\n        .case-desc {\n            white-space: normal;\n            max-width: none;\n        }\n\n        .case-thumb {\n            flex: 0 0 110px;\n        }\n    }\n\n    \/* \u30b9\u30de\u30db\u7528\u8abf\u6574 *\/\n    @media (max-width:720px) {\n        .service {\n            padding: 10px;\n            min-height: 100px;\n            margin: 30px 0;\n        }\n\n        .service-header {\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .service .title {\n            font-size: 20px\n        }\n\n        .service .desc {\n            font-size: 13px\n        }\n\n        .service .icon {\n            width: 84px;\n            height: 84px;\n        }\n    }\n\n    .icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        border-radius: 50%\n    }\n<\/style>\n<div class=\"wrap\" role=\"list\" style=\"margin-top: 50px; margin-bottom: 50px;\">\n    <!-- 1 -->\n    <article id=\"LIVE\" class=\"service s-1\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <rect x=\"2\" y=\"4\" width=\"14\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\n                    <path d=\"M20 18l-4-3.5V15l4-3.5V18z\" fill=\"currentColor\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Live Streaming<\/div>\n                <div class=\"title\">Developing content optimized for live streaming viewing<\/div>\n            <\/div>\n        <\/div>\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#1e40af; border-left:4px solid #3b82f6; padding-left:12px;\">\n                Corporate Video Solutions<\/h3>\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide optimal video solutions for businesses. We develop all content optimized for live streaming\n                and viewing for video distribution sites, social media apps, and more.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#1e3a8a; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#3b82f6; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">\n                            Real-time two-way communication<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            You can communicate with the other party via voice and video without waiting, which\n                            increases user satisfaction. We provide technology that allows you to stream without\n                            compromising the sound or image quality.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">Large-scale\n                            distribution support<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            It can also handle large-scale distribution exceeding gigabit speeds, enabling stable\n                            simultaneous distribution to large numbers of people for corporate events, product launches,\n                            and other events.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">Flexible\n                            customization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can customize your site to suit your needs, whether it's a video streaming site, social\n                            media app, etc. We provide the best solution to meet your needs.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/livestreaming.jpg\" alt=\"\u30e9\u30a4\u30d6\u30b9\u30c8\u30ea\u30fc\u30df\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#1e3a8a; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#3b82f6; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e3%83%93%e3%83%87%e3%82%aa%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Hs9_ligo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Hs9<\/div>\n                    <div class=\"case-title\">Video calling apps<\/div>\n                    <div class=\"case-desc\">Chat during a video call<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e5%8f%97%e4%bb%98%e9%80%9a%e8%a9%b1%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Va7_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Va7<\/div>\n                    <div class=\"case-title\">Reception call system<\/div>\n                    <div class=\"case-desc\">Instant voice calls<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e9%9f%b3%e5%a3%b0%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Mn5_logo1.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Mn5<\/div>\n                    <div class=\"case-title\">Voice Call System<\/div>\n                    <div class=\"case-desc\">You can make calls using packet communication<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e6%8a%bd%e9%81%b8%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/La1_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">La1<\/div>\n                    <div class=\"case-title\">Lottery System<\/div>\n                    <div class=\"case-desc\">Raffles, raffles, issuing numbered tickets and coupons<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 2 -->\n    <article id=\"EC\" class=\"service s-2\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\">\n                <!-- \u30ab\u30fc\u30c8\u672c\u4f53 -->\n                <path d=\"M6 6h15l-1.5 9H6z\"><\/path>\n                <!-- \u8eca\u8f2a -->\n                <circle cx=\"9\" cy=\"21\" r=\"1.5\"><\/circle>\n                <circle cx=\"18\" cy=\"21\" r=\"1.5\"><\/circle>\n                <!-- \u30ab\u30fc\u30c8\u30cf\u30f3\u30c9\u30eb -->\n                <path d=\"M6 6l-2-4\"><\/path>\n            <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">EC mail order<\/div>\n                <div class=\"title\">We can provide a fulfillment and mail order system that is compatible with mail\n                    order.<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#15803d; border-left:4px solid #22c55e; padding-left:12px;\">\n                Fulfillment and mail order system for mail order<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We build and provide a one-stop system for mail-order business, including order management and customer\n                support. We provide comprehensive support for everything from taking orders by phone and fax to\n                websites, inventory management, and delivery arrangements.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#166534; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#22c55e; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">Extensive sales\n                            promotion functions<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We provide targeted emails, landing pages, and free pages. You can analyze access, clicks,\n                            and conversions for each purchase path.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">Multifaceted\n                            analysis of promotional effects<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Effective sales promotion is possible because the effectiveness of each promotional\n                            function, such as customers, products, and media, can be measured from various angles,\n                            enabling strategic sales promotion based on data.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">\n                            Multi-device compatible shopping cart<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Compatible with smartphones, tablets, and PCs, it comes standard with advanced features such\n                            as multiple delivery addresses, gift purchases, and subscriptions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/ecsystem.png\" alt=\"EC\u901a\u8ca9\u30b7\u30b9\u30c6\u30e0\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#166534; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#22c55e; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/mo-2.jp\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mo2.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">mo2<\/div>\n                    <div class=\"case-title\">The only mail order system<\/div>\n                    <div class=\"case-desc\">From single item repeat mail order to multi-item, gift, and food delivery\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e5%ba%ab\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/sherco.jpeg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">sherko<\/div>\n                    <div class=\"case-title\">Inventory Management System<\/div>\n                    <div class=\"case-desc\">Inventory visibility<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e3%83%9a%e3%83%bc%e3%82%b9\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/\u30ed\u30b3\u3099_\u793e\u540d\u3042\u308a260304.jpeg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">sherpase<\/div>\n                    <div class=\"case-title\">Rental space reservation system<\/div>\n                    <div class=\"case-desc\">From facility management to reservation reception<\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/article>\n\n    <!-- 3 -->\n    <article id=\"INFRA\" class=\"service s-3\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u30b5\u30fc\u30d0\u30fc\u30e9\u30c3\u30af -->\n                    <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"><\/rect>\n                    <path d=\"M7 10v4M12 9v6M17 11v4\"><\/path>\n                \n                    <!-- \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u7dda -->\n                    <circle cx=\"12\" cy=\"3\" r=\"1.5\"><\/circle>\n                    <path d=\"M12 3v3\"><\/path>\n                    <path d=\"M7 15l-3 3\"><\/path>\n                    <path d=\"M17 15l3 3\"><\/path>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Infrastructure Services<\/div>\n                <div class=\"title\">We can provide one-stop service from service implementation to construction and\n                    operation.<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#1a365d; border-left:4px solid #1a365d; padding-left:12px;\">\n                IaaS cloud that can be implemented quickly and at low cost\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide IaaS-type public cloud services that enable customers to quickly and inexpensively implement\n                the environment they need.<br>\n                This cloud service employs a flexible system that allows you to use resources as needed, when needed,\n                achieving the speed and efficiency to respond immediately to changes in your business.<br>\n                By linking with data center housing services, it is possible to build a hybrid configuration with\n                excellent availability and scalability.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#1a365d; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#1a365d; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">Flexible\n                            scalability and cost optimization\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            CPU, memory, storage, and other resources can be freely expanded or reduced. It smoothly\n                            responds to load fluctuations during peak and off-peak periods, achieving stable operation\n                            while optimizing costs. It breaks away from the traditional \"design that assumes surplus\n                            resources\" and provides the essential benefit of the cloud: using only what is needed, when\n                            needed.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">High reliability\n                            and stable operation<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            By operating in a domestic data center, we ensure high availability through a robust\n                            infrastructure and redundant configuration. By establishing a backup environment, we can\n                            flexibly respond to disaster prevention measures (BCP). Direct connection to the backbone\n                            lines of major ISPs provides a network environment with excellent internet communication\n                            speed and stability.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">Fast deployment\n                            and smooth migration\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Since there is no need to prepare a physical server, new environments can be built and test\n                            environments can be launched in a short period of time. Even when migrating existing systems\n                            to the cloud, gradual switching and concurrent use periods can be implemented, allowing for\n                            migration with minimal impact on business operations.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/infra_service.png\" alt=\"\u30af\u30e9\u30a6\u30c9\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3 - AWS\/GCP\/Azure\u5bfe\u5fdc\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#1a365d; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#1a365d; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e4%bb%ae%e6%83%b3%e5%8c%96%e5%9f%ba%e7%9b%a4\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_proxmox.jpg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Proxmox<\/div>\n                    <div class=\"case-title\">Virtualization Platform<\/div>\n                    <div class=\"case-desc\">Powerful and cost-effective<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 4 -->\n    <article id=\"IOT\" class=\"service s-4\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u4e2d\u5fc3\u306e\u30c7\u30d0\u30a4\u30b9 -->\n                    <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                \n                    <!-- \u63a5\u7d9a\u7dda -->\n                    <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"><\/path>\n                    <!-- \u5468\u56f2\u30ce\u30fc\u30c9 -->\n                    <circle cx=\"12\" cy=\"2\" r=\"1.2\"><\/circle>\n                    <circle cx=\"12\" cy=\"22\" r=\"1.2\"><\/circle>\n                    <circle cx=\"2\" cy=\"12\" r=\"1.2\"><\/circle>\n                    <circle cx=\"22\" cy=\"12\" r=\"1.2\"><\/circle>\n                    <circle cx=\"6.3\" cy=\"6.3\" r=\"1.2\"><\/circle>\n                    <circle cx=\"17.7\" cy=\"17.7\" r=\"1.2\"><\/circle>\n                    <circle cx=\"6.3\" cy=\"17.7\" r=\"1.2\"><\/circle>\n                    <circle cx=\"17.7\" cy=\"6.3\" r=\"1.2\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">IoT<\/div>\n                <div class=\"title\">One-stop support, including maintenance and management of equipment networks<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#991b1b; border-left:4px solid #ef4444; padding-left:12px;\">\n                Prototype creation and small lot production are possible. Analysis and display can be provided.<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                Connecting all \"things\" to the Internet, not just information and communication devices like computers\n                and smartphones, will fundamentally change our lives and businesses.<br>\n                We provide one-stop support for everything from building the sensor networks required for IoT solutions,\n                to procuring communication lines and equipment, collecting and analyzing data, and even maintaining and\n                managing the equipment network.\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#991b1b; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#991b1b; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Speedy\n                            prototyping<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We will realize your request to \"try making it first.\" We can create a prototype in as\n                            little as two weeks. The period will be adjusted depending on the difficulty of the device\n                            to be created.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Small lot support\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can handle development for even just a few units. We can also accommodate requests such\n                            as first creating a prototype using a general-purpose processor before mass production.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Data\n                            Visualization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Data collected by IoT solutions is visualized on an easy-to-understand dashboard, helping\n                            you understand the situation in real time and make data-based decisions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/iotdevice.jpg\" alt=\"IoT\u30c7\u30d0\u30a4\u30b9\u958b\u767a\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#991b1b; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#991b1b; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/asu-mi.com\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/asumi_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">asumi<\/div>\n                    <div class=\"case-title\">Left in a car<\/div>\n                    <div class=\"case-desc\">Supports two methods: disembarkation confirmation and automatic detection\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 5 -->\n    <article id=\"CALL\" class=\"service s-5\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u30d8\u30c3\u30c9\u30bb\u30c3\u30c8\u306e\u982d\u90e8\u5206 -->\n                    <path d=\"M4 12a8 8 0 0 1 16 0v4a2 2 0 0 1-2 2h-2v-4\"><\/path>\n                \n                    <!-- \u30de\u30a4\u30af\u90e8\u5206 -->\n                    <path d=\"M14 16v4h-4v-4\"><\/path>\n                \n                    <!-- \u30a4\u30e4\u30fc\u30d1\u30c3\u30c9 -->\n                    <circle cx=\"6\" cy=\"14\" r=\"2\"><\/circle>\n                    <circle cx=\"18\" cy=\"14\" r=\"2\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Call Center<\/div>\n                <div class=\"title\">We can provide a lump-sum contract and provide optimization tailored to your\n                    operations.<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div style=\"margin: 20px 0 0 0;\">\n                <h3\n                    style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#0e7490; border-left:4px solid #06b6d4; padding-left:12px;\">\n                    We can provide a lump-sum contract and provide optimization tailored to your operations.<\/h3>\n\n                <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                    We provide integrated contact center operations including calls, emails, and chats. We handle both\n                    inbound (receiving) and outbound (making) calls, and build the optimal operational system to suit\n                    your operations.\n                <\/p>\n\n                <p style=\"margin:0 0 20px 0; line-height:1.8; color:#333;\">\n                    Our experienced, professional operators respond promptly and courteously, providing high-quality\n                    customer support that increases customer satisfaction.\n                <\/p>\n            <\/div>\n\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/callimg_top.png\" alt=\"\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u306b\u3064\u3044\u3066\">\n            <\/div>\n        <\/div>\n    <\/article>\n\n    <!-- 6 -->\n    <article id=\"AI\" class=\"service s-6\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.4\" \/>\n                    <path d=\"M7 9h10M7 15h10\" stroke=\"currentColor\" stroke-width=\"1.4\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Generative AI utilization<\/div>\n                <div class=\"title\">Providing the most powerful tools to transform your business<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#4c1d95; border-left:4px solid #4c1d95; padding-left:12px;\">\n                AI utilization support (AI Solution)<br>\n                <span style=\"font-size:16px; font-weight:400; color:#666;\">We provide support from business interviews\n                    to implementation and establishment of utilization. We will use AI to streamline your company's\n                    \"troublesome\" and \"time-consuming\" business.<\/span>\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                \"AI\" is no longer a technology of the distant future, but a \"powerful tool\" for streamlining current\n                business operations.<br>\n                We provide one-stop support, from determining which tasks AI can be used for, to creating a safe usage\n                environment, providing lectures to employees, and supporting the adoption of AI.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#4c1d95; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#4c1d95; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Speedy business\n                            diagnosis<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can help you realize your desire to \"try out AI first.\" We analyze your company's\n                            workflow through prompt interviews based on your requests and circumstances. We then select\n                            and propose tasks where AI can be most effective in improving efficiency, such as \"email\n                            creation,\" \"summarizing meeting minutes,\" and \"information search.\"\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Supports small\n                            start<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Large-scale system development is not required. We can accommodate small-scale starts with\n                            just a few people and specific tasks, such as \"I want to try it out in the general affairs\n                            department first\" or \"I want to automate only certain simple tasks.\" We can also flexibly\n                            accommodate requests such as wanting to measure the cost-effectiveness before rolling it out\n                            company-wide.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Creating a safe\n                            usage environment<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            When utilizing AI, it is essential to take measures against the leakage of confidential\n                            information and false information generated by AI. With iTSherpa's AI solutions, we use our\n                            extensive security knowledge to propose optimal security policies that allow customers to\n                            use AI with peace of mind.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/AI_service.png\" alt=\"AI\u6d3b\u7528\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 - ChatGPT\u30fb\u751f\u6210AI\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#4c1d95; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#4c1d95; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/ai%e6%b4%bb%e7%94%a8%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_ai.jpg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">AI seminar<\/div>\n                    <div class=\"case-title\">Generative AI Utilization Seminar<\/div>\n                    <div class=\"case-desc\">Achieve operational efficiency and business growth<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 7 -->\n    <article id=\"OFF\" class=\"service s-7\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u5730\u7403\u306e\u5186 -->\n                    <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                \n                    <!-- \u7def\u7dda\u30fb\u7d4c\u7dda\u30a4\u30e1\u30fc\u30b8 -->\n                    <path d=\"M4 12h16\"><\/path>\n                    <path d=\"M12 4v16\"><\/path>\n                    <path d=\"M5.6 5.6l12.8 12.8\"><\/path>\n                    <path d=\"M5.6 18.4l12.8-12.8\"><\/path>\n                \n                    <!-- \u62e0\u70b9\u3092\u8868\u3059\u5c0f\u3055\u3044\u5186 -->\n                    <circle cx=\"8\" cy=\"8\" r=\"1\"><\/circle>\n                    <circle cx=\"16\" cy=\"16\" r=\"1\"><\/circle>\n                    <circle cx=\"16\" cy=\"8\" r=\"1\"><\/circle>\n                    <circle cx=\"8\" cy=\"16\" r=\"1\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Offshore Development<\/div>\n                <div class=\"title\">Lab-type offshore development services<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#3730a3; border-left:4px solid #6366f1; padding-left:12px;\">\n                Lab-type offshore development services<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                It is possible to assemble a talented team and use a development system that is inexpensive and capable\n                of responding quickly, just like virtually hiring engineers from overseas.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#3730a3; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#3730a3; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Teams can be\n                            formed according to your needs\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We have a large number of development personnel, so by selecting a team or personnel with\n                            the skills and experience you want to supplement, we can help alleviate your labor shortage.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Project\n                            visualization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            By directly managing the team, you can visualize the progress, whether any problems have\n                            occurred, and any black boxes that are prone to becoming problems.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Fixed costs<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            When it comes to contract development, it's common for estimates to exceed budget due to\n                            additional costs. This eliminates the need to worry about \"I want to create something, but I\n                            can't because I don't have the budget,\" and allows you to focus on development, which is a\n                            psychological and cost-effective benefit of adopting this system.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div style=\"flex: 0 0 38%;\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Offshore_img.jpg\" alt=\"\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#3730a3; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#3730a3; border-radius:50%; margin-right:8px;\"><\/span>\n            It is also easy to secure app development engineers, who are in short supply in Japan.\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\">\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/coralsystem.net\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/coral-logo.png\" alt=\"\u30b3\u30fc\u30e9\u30eb\u30b7\u30b9\u30c6\u30e0\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">March 2024<\/div>\n                    <div class=\"case-title\">Coral System<\/div>\n                    <div class=\"case-desc\">Based in Manila, Philippines<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 8 -->\n    <article id=\"MARKE\" class=\"service s-8\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                    <!-- \u6298\u308c\u7dda\u30b0\u30e9\u30d5 -->\n                    <path d=\"M4 16l4-4 4 3 6-8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                \n                    <!-- \u53f3\u4e0a\u3078\u306e\u77e2\u5370\uff08\u6210\u9577\u30a4\u30e1\u30fc\u30b8\uff09 -->\n                    <path d=\"M14 7h6v6\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                \n                    <!-- \u30b0\u30e9\u30d5\u306e\u8ef8 -->\n                    <path d=\"M4 4v16h16\" stroke-width=\"1.2\" stroke-linecap=\"round\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">marketing<\/div>\n                <div class=\"title\">One-stop digital marketing service<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#7c2d12; border-left:4px solid #7c2d12; padding-left:12px;\">\n                One-stop marketing service\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide consistent support from strategy planning to implementation and effectiveness measurement to\n                accelerate your business growth.<br>\n                Our specialized team utilizes the latest digital technology and know-how to provide optimal marketing\n                solutions.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#7c2d12; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#7c2d12; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Can be performed\n                            without specialized knowledge<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We handle a wide range of specialized areas on your behalf, including SEO, web advertising,\n                            social media management, and content creation, eliminating resource shortages and allowing\n                            you to focus on your core business.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Visualization and\n                            improvement of results<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            The results of implemented measures are shared in real time via dashboards, etc. Data-based\n                            analysis is carried out and measures are continuously improved (PDCA) to maximize return on\n                            investment (ROI).\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Flexible plans\n                            and cost optimization\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can provide a combination of just the measures you need. From fixed monthly plans to\n                            project-based requests, we can provide operations at the optimal cost according to your\n                            budget and phase.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/marke.png\" alt=\"\u30c7\u30b8\u30bf\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0 - SEO\u30fbWeb\u5e83\u544a\u30fbSNS\u904b\u7528\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n    <\/article>\n<\/div><style>\n    \/* \u30b3\u30f3\u30c6\u30ca *\/\n    .wrap {\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    \/* \u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u6642\u306f1\u5217 *\/\n    @media (max-width:768px) {\n        .wrap {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    .media-row {\n        max-width: var(--max-width);\n        display: flex;\n        gap: var(--gap);\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u90e8\u5206 *\/\n    .media-text {\n        flex: 1 1 55%;\n        min-width: 220px;\n    }\n\n    .media-text dl {\n        margin: 0 0 18px 0;\n    }\n\n    .media-text dt {\n        font-weight: 700;\n        margin-bottom: 8px;\n        color: #111;\n        font-size: 15px;\n    }\n\n    .media-text dd {\n        margin: 0 0 12px 0;\n        color: #333;\n        line-height: 1.8;\n        white-space: pre-wrap;\n    }\n\n    \/* \u753b\u50cf\u90e8\u5206 *\/\n    .media-thumb {\n        flex: 0 0 38%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .media-thumb img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 8px;\n    }\n\n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6: \u72ed\u3044\u753b\u9762\u3067\u306f\u7e26\u4e26\u3073\u306b\u3057\u3066\u753b\u50cf\u3092\u4e0a\u306b *\/\n    @media (max-width:800px) {\n        .media-row {\n            flex-direction: column-reverse;\n            align-items: stretch;\n        }\n\n        .media-text {\n            flex-basis: auto;\n            margin-top: 8px;\n        }\n\n        .media-thumb {\n            flex-basis: auto;\n            margin-bottom: 8px;\n        }\n\n        .media-thumb img {\n            width: 100%;\n            height: auto;\n        }\n    }\n\n    \/* \u5404\u30b5\u30fc\u30d3\u30b9\u30ab\u30fc\u30c9 *\/\n    .service {\n        position: relative;\n        padding: 18px 24px;\n        border-radius: var(--radius);\n        display: flex;\n        flex-direction: column;\n        gap: 0;\n        min-height: 88px;\n        overflow: hidden;\n        margin: 50px;\n    }\n\n    .service-header {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n    }\n\n    .service .icon {\n        width: 88px;\n        height: 88px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n        flex-shrink: 0;\n    }\n\n    .service .icon svg {\n        width: 56px;\n        height: 56px;\n        display: block;\n    }\n\n    .service .text {\n        flex: 1;\n    }\n\n    .service .eyebrow {\n        font-size: 13px;\n        color: var(--muted);\n        margin-bottom: 6px;\n        font-weight: 700;\n        letter-spacing: .02em;\n    }\n\n    .service .title {\n        font-size: 25px;\n        font-weight: 800;\n        margin-bottom: 8px;\n        color: var(--text);\n        line-height: 1.35;\n    }\n\n    .service .desc {\n        font-size: 14px;\n        color: #333;\n        opacity: 0.95;\n        line-height: 1.6;\n    }\n\n    \/* \u80cc\u666f\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n    .s-1 {\n        background: linear-gradient(90deg, #e9f0ff, #e1e9ff);\n    }\n\n    .s-2 {\n        background: linear-gradient(90deg, #fff4e6, #ffe8d0);\n    }\n\n    .s-3 {\n        background: linear-gradient(90deg, #e8f8f4, #dff2ee);\n    }\n\n    .s-4 {\n        background: linear-gradient(90deg, #fff0f6, #ffe6ef);\n    }\n\n    .s-5 {\n        background: linear-gradient(90deg, #f3fff3, #e6ffea);\n    }\n\n    .s-6 {\n        background: linear-gradient(90deg, #f7f0ff, #efe6ff);\n    }\n\n    .s-7 {\n        background: linear-gradient(90deg, #fff8e6, #fff0d1);\n    }\n\n    .s-8 {\n        background: linear-gradient(90deg, #ffffdb, #ffffba);\n    }\n\n    \/* \u30a2\u30a4\u30b3\u30f3\u80cc\u666f *\/\n    .s-1 .icon {\n        background: #2b6ef6;\n        color: #fff\n    }\n\n    .s-2 .icon {\n        background: #ff7a1a;\n        color: #fff\n    }\n\n    .s-3 .icon {\n        background: #0aa89e;\n        color: #fff\n    }\n\n    .s-4 .icon {\n        background: #d23b7d;\n        color: #fff\n    }\n\n    .s-5 .icon {\n        background: #14a44d;\n        color: #fff\n    }\n\n    .s-6 .icon {\n        background: #6b4bff;\n        color: #fff\n    }\n\n    .s-7 .icon {\n        background: #c75a00;\n        color: #fff\n    }\n\n    .s-8 .icon {\n        background: #fff600;\n        color: #fff\n    }\n\n    \/* --- \u5c0e\u5165\u4e8b\u4f8b\u30ea\u30b9\u30c8 --- *\/\n    .case-list {\n        display: flex;\n        gap: 16px;\n        align-items: stretch;\n        margin-top: 16px;\n        flex-wrap: wrap;\n        \/* \u5e45\u306b\u5fdc\u3058\u3066\u6298\u308a\u8fd4\u3059 *\/\n    }\n\n    \/* 1\u4ef6\u30a2\u30a4\u30c6\u30e0 *\/\n    .case-item {\n        display: flex;\n        gap: 12px;\n        text-decoration: none;\n        color: inherit;\n        background: #fff;\n        \/* \u80cc\u666f\u3092\u767d\u306b\u7d71\u4e00 *\/\n        border-radius: 8px;\n        padding: 10px;\n        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n        min-width: 0;\n        width: calc((100% - 32px) \/ 3);\n        \/* 3\u30ab\u30e9\u30e0\u3092\u76ee\u6307\u3059 *\/\n        transition: transform .14s ease, box-shadow .14s ease;\n    }\n\n    .case-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* \u30b5\u30e0\u30cd\uff1a\u753b\u50cf\u306e\u5168\u4f53\u304c\u898b\u3048\u308b\u3088\u3046\u306b\u4fee\u6b63 *\/\n    .case-thumb {\n        flex: 0 0 150px;\n        \/* \u56fa\u5b9a\u5e45 *\/\n        height: 88px;\n        overflow: hidden;\n        border-radius: 6px;\n        background: #fff;\n        \/* \u80cc\u666f\u3092\u767d\u306b\uff08\u7070\u8272\u304b\u3089\u5909\u66f4\uff09 *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px solid #e5e7eb;\n        \/* \u753b\u50cf\u304c\u5c0f\u3055\u3044\u6642\u3067\u3082\u67a0\u304c\u898b\u3048\u308b\u3088\u3046\u306b *\/\n    }\n\n    .case-thumb img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        \/* \u2190 \u30c8\u30ea\u30df\u30f3\u30b0\u305b\u305a\u5168\u4f53\u8868\u793a *\/\n        background: #fff;\n        \/* \u900f\u904ePNG\u7528\u306b\u767d\u80cc\u666f\u3092\u8ffd\u52a0 *\/\n        display: block;\n    }\n\n    \/* \u30c6\u30ad\u30b9\u30c8\u90e8\uff08\u753b\u50cf\u306e\u53f3\uff09 *\/\n    .case-body {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        \/* \u7e26\u4e2d\u592e\u63c3\u3048 *\/\n        min-width: 0;\n    }\n\n    .case-category {\n        font-size: 12px;\n        color: var(--muted, #6b7280);\n        margin-bottom: 4px;\n    }\n\n    .case-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--accent-dark, #1e40af);\n        margin-bottom: 4px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .case-desc {\n        font-size: 13px;\n        color: #444;\n        line-height: 1.3;\n        max-width: 220px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff1a\u30b9\u30de\u30db\u306f1\u5217\u3001\u30c6\u30ad\u30b9\u30c8\u306f\u8907\u6570\u884c\u53ef *\/\n    @media (max-width:900px) {\n        .case-list {\n            flex-direction: column;\n            gap: 0;\n        }\n\n        .case-item {\n            width: 100%;\n        }\n\n        .case-body {\n            min-width: 0;\n        }\n\n        .case-desc {\n            white-space: normal;\n            max-width: none;\n        }\n\n        .case-thumb {\n            flex: 0 0 110px;\n        }\n    }\n\n    \/* \u30b9\u30de\u30db\u7528\u8abf\u6574 *\/\n    @media (max-width:720px) {\n        .service {\n            padding: 10px;\n            min-height: 100px;\n            margin: 30px 0;\n        }\n\n        .service-header {\n            flex-direction: column;\n            text-align: center;\n        }\n\n        .service .title {\n            font-size: 20px\n        }\n\n        .service .desc {\n            font-size: 13px\n        }\n\n        .service .icon {\n            width: 84px;\n            height: 84px;\n        }\n    }\n\n    .icon img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        border-radius: 50%\n    }\n<\/style>\n<div class=\"wrap\" role=\"list\" style=\"margin-top: 50px; margin-bottom: 50px;\">\n    <!-- 1 -->\n    <article id=\"LIVE\" class=\"service s-1\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <rect x=\"2\" y=\"4\" width=\"14\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.6\" \/>\n                    <path d=\"M20 18l-4-3.5V15l4-3.5V18z\" fill=\"currentColor\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Live Streaming<\/div>\n                <div class=\"title\">Developing content optimized for live streaming viewing<\/div>\n            <\/div>\n        <\/div>\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#1e40af; border-left:4px solid #3b82f6; padding-left:12px;\">\n                Corporate Video Solutions<\/h3>\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide optimal video solutions for businesses. We develop all content optimized for live streaming\n                and viewing for video distribution sites, social media apps, and more.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#1e3a8a; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#3b82f6; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">\n                            Real-time two-way communication<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            You can communicate with the other party via voice and video without waiting, which\n                            increases user satisfaction. We provide technology that allows you to stream without\n                            compromising the sound or image quality.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">Large-scale\n                            distribution support<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            It can also handle large-scale distribution exceeding gigabit speeds, enabling stable\n                            simultaneous distribution to large numbers of people for corporate events, product launches,\n                            and other events.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#eff6ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1e40af;\">Flexible\n                            customization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can customize your site to suit your needs, whether it's a video streaming site, social\n                            media app, etc. We provide the best solution to meet your needs.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/livestreaming.jpg\" alt=\"\u30e9\u30a4\u30d6\u30b9\u30c8\u30ea\u30fc\u30df\u30f3\u30b0\u306e\u30a4\u30e1\u30fc\u30b8\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#1e3a8a; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#3b82f6; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e3%83%93%e3%83%87%e3%82%aa%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Hs9_ligo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Hs9<\/div>\n                    <div class=\"case-title\">Video calling apps<\/div>\n                    <div class=\"case-desc\">Chat during a video call<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e5%8f%97%e4%bb%98%e9%80%9a%e8%a9%b1%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Va7_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Va7<\/div>\n                    <div class=\"case-title\">Reception call system<\/div>\n                    <div class=\"case-desc\">Instant voice calls<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\"\n                href=\"\/en\/%e9%9f%b3%e5%a3%b0%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Mn5_logo1.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Mn5<\/div>\n                    <div class=\"case-title\">Voice Call System<\/div>\n                    <div class=\"case-desc\">You can make calls using packet communication<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e6%8a%bd%e9%81%b8%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/La1_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">La1<\/div>\n                    <div class=\"case-title\">Lottery System<\/div>\n                    <div class=\"case-desc\">Raffles, raffles, issuing numbered tickets and coupons<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 2 -->\n    <article id=\"EC\" class=\"service s-2\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\">\n                <!-- \u30ab\u30fc\u30c8\u672c\u4f53 -->\n                <path d=\"M6 6h15l-1.5 9H6z\"><\/path>\n                <!-- \u8eca\u8f2a -->\n                <circle cx=\"9\" cy=\"21\" r=\"1.5\"><\/circle>\n                <circle cx=\"18\" cy=\"21\" r=\"1.5\"><\/circle>\n                <!-- \u30ab\u30fc\u30c8\u30cf\u30f3\u30c9\u30eb -->\n                <path d=\"M6 6l-2-4\"><\/path>\n            <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">EC mail order<\/div>\n                <div class=\"title\">We can provide a fulfillment and mail order system that is compatible with mail\n                    order.<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#15803d; border-left:4px solid #22c55e; padding-left:12px;\">\n                Fulfillment and mail order system for mail order<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We build and provide a one-stop system for mail-order business, including order management and customer\n                support. We provide comprehensive support for everything from taking orders by phone and fax to\n                websites, inventory management, and delivery arrangements.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#166534; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#22c55e; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">Extensive sales\n                            promotion functions<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We provide targeted emails, landing pages, and free pages. You can analyze access, clicks,\n                            and conversions for each purchase path.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">Multifaceted\n                            analysis of promotional effects<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Effective sales promotion is possible because the effectiveness of each promotional\n                            function, such as customers, products, and media, can be measured from various angles,\n                            enabling strategic sales promotion based on data.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f0fdf4; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#15803d;\">\n                            Multi-device compatible shopping cart<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Compatible with smartphones, tablets, and PCs, it comes standard with advanced features such\n                            as multiple delivery addresses, gift purchases, and subscriptions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/ecsystem.png\" alt=\"EC\u901a\u8ca9\u30b7\u30b9\u30c6\u30e0\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#166534; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#22c55e; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/mo-2.jp\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mo2.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">mo2<\/div>\n                    <div class=\"case-title\">The only mail order system<\/div>\n                    <div class=\"case-desc\">From single item repeat mail order to multi-item, gift, and food delivery\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e5%ba%ab\/\" role=\"listitem\"\n                aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/sherco.jpeg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">sherko<\/div>\n                    <div class=\"case-title\">Inventory Management System<\/div>\n                    <div class=\"case-desc\">Inventory visibility<\/div>\n                <\/div>\n            <\/a>\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e3%83%9a%e3%83%bc%e3%82%b9\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/\u30ed\u30b3\u3099_\u793e\u540d\u3042\u308a260304.jpeg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">sherpase<\/div>\n                    <div class=\"case-title\">Rental space reservation system<\/div>\n                    <div class=\"case-desc\">From facility management to reservation reception<\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/article>\n\n    <!-- 3 -->\n    <article id=\"INFRA\" class=\"service s-3\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u30b5\u30fc\u30d0\u30fc\u30e9\u30c3\u30af -->\n                    <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"><\/rect>\n                    <path d=\"M7 10v4M12 9v6M17 11v4\"><\/path>\n                \n                    <!-- \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u7dda -->\n                    <circle cx=\"12\" cy=\"3\" r=\"1.5\"><\/circle>\n                    <path d=\"M12 3v3\"><\/path>\n                    <path d=\"M7 15l-3 3\"><\/path>\n                    <path d=\"M17 15l3 3\"><\/path>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Infrastructure Services<\/div>\n                <div class=\"title\">We can provide one-stop service from service implementation to construction and\n                    operation.<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#1a365d; border-left:4px solid #1a365d; padding-left:12px;\">\n                IaaS cloud that can be implemented quickly and at low cost\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide IaaS-type public cloud services that enable customers to quickly and inexpensively implement\n                the environment they need.<br>\n                This cloud service employs a flexible system that allows you to use resources as needed, when needed,\n                achieving the speed and efficiency to respond immediately to changes in your business.<br>\n                By linking with data center housing services, it is possible to build a hybrid configuration with\n                excellent availability and scalability.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#1a365d; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#1a365d; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">Flexible\n                            scalability and cost optimization\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            CPU, memory, storage, and other resources can be freely expanded or reduced. It smoothly\n                            responds to load fluctuations during peak and off-peak periods, achieving stable operation\n                            while optimizing costs. It breaks away from the traditional \"design that assumes surplus\n                            resources\" and provides the essential benefit of the cloud: using only what is needed, when\n                            needed.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">High reliability\n                            and stable operation<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            By operating in a domestic data center, we ensure high availability through a robust\n                            infrastructure and redundant configuration. By establishing a backup environment, we can\n                            flexibly respond to disaster prevention measures (BCP). Direct connection to the backbone\n                            lines of major ISPs provides a network environment with excellent internet communication\n                            speed and stability.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f7fafc; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#1a365d;\">Fast deployment\n                            and smooth migration\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Since there is no need to prepare a physical server, new environments can be built and test\n                            environments can be launched in a short period of time. Even when migrating existing systems\n                            to the cloud, gradual switching and concurrent use periods can be implemented, allowing for\n                            migration with minimal impact on business operations.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/infra_service.png\" alt=\"\u30af\u30e9\u30a6\u30c9\u30a4\u30f3\u30d5\u30e9\u30b9\u30c8\u30e9\u30af\u30c1\u30e3 - AWS\/GCP\/Azure\u5bfe\u5fdc\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#1a365d; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#1a365d; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/%e4%bb%ae%e6%83%b3%e5%8c%96%e5%9f%ba%e7%9b%a4\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_proxmox.jpg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">Proxmox<\/div>\n                    <div class=\"case-title\">Virtualization Platform<\/div>\n                    <div class=\"case-desc\">Powerful and cost-effective<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 4 -->\n    <article id=\"IOT\" class=\"service s-4\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u4e2d\u5fc3\u306e\u30c7\u30d0\u30a4\u30b9 -->\n                    <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                \n                    <!-- \u63a5\u7d9a\u7dda -->\n                    <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1\"><\/path>\n                    <!-- \u5468\u56f2\u30ce\u30fc\u30c9 -->\n                    <circle cx=\"12\" cy=\"2\" r=\"1.2\"><\/circle>\n                    <circle cx=\"12\" cy=\"22\" r=\"1.2\"><\/circle>\n                    <circle cx=\"2\" cy=\"12\" r=\"1.2\"><\/circle>\n                    <circle cx=\"22\" cy=\"12\" r=\"1.2\"><\/circle>\n                    <circle cx=\"6.3\" cy=\"6.3\" r=\"1.2\"><\/circle>\n                    <circle cx=\"17.7\" cy=\"17.7\" r=\"1.2\"><\/circle>\n                    <circle cx=\"6.3\" cy=\"17.7\" r=\"1.2\"><\/circle>\n                    <circle cx=\"17.7\" cy=\"6.3\" r=\"1.2\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">IoT<\/div>\n                <div class=\"title\">One-stop support, including maintenance and management of equipment networks<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#991b1b; border-left:4px solid #ef4444; padding-left:12px;\">\n                Prototype creation and small lot production are possible. Analysis and display can be provided.<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                Connecting all \"things\" to the Internet, not just information and communication devices like computers\n                and smartphones, will fundamentally change our lives and businesses.<br>\n                We provide one-stop support for everything from building the sensor networks required for IoT solutions,\n                to procuring communication lines and equipment, collecting and analyzing data, and even maintaining and\n                managing the equipment network.\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#991b1b; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#991b1b; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Speedy\n                            prototyping<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We will realize your request to \"try making it first.\" We can create a prototype in as\n                            little as two weeks. The period will be adjusted depending on the difficulty of the device\n                            to be created.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Small lot support\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can handle development for even just a few units. We can also accommodate requests such\n                            as first creating a prototype using a general-purpose processor before mass production.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#fef2f2; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#991b1b;\">Data\n                            Visualization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Data collected by IoT solutions is visualized on an easy-to-understand dashboard, helping\n                            you understand the situation in real time and make data-based decisions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/iotdevice.jpg\" alt=\"IoT\u30c7\u30d0\u30a4\u30b9\u958b\u767a\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#991b1b; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#991b1b; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/asu-mi.com\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/asumi_logo.png\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">asumi<\/div>\n                    <div class=\"case-title\">Left in a car<\/div>\n                    <div class=\"case-desc\">Supports two methods: disembarkation confirmation and automatic detection\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 5 -->\n    <article id=\"CALL\" class=\"service s-5\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u30d8\u30c3\u30c9\u30bb\u30c3\u30c8\u306e\u982d\u90e8\u5206 -->\n                    <path d=\"M4 12a8 8 0 0 1 16 0v4a2 2 0 0 1-2 2h-2v-4\"><\/path>\n                \n                    <!-- \u30de\u30a4\u30af\u90e8\u5206 -->\n                    <path d=\"M14 16v4h-4v-4\"><\/path>\n                \n                    <!-- \u30a4\u30e4\u30fc\u30d1\u30c3\u30c9 -->\n                    <circle cx=\"6\" cy=\"14\" r=\"2\"><\/circle>\n                    <circle cx=\"18\" cy=\"14\" r=\"2\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Call Center<\/div>\n                <div class=\"title\">We can provide a lump-sum contract and provide optimization tailored to your\n                    operations.<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div style=\"margin: 20px 0 0 0;\">\n                <h3\n                    style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#0e7490; border-left:4px solid #06b6d4; padding-left:12px;\">\n                    We can provide a lump-sum contract and provide optimization tailored to your operations.<\/h3>\n\n                <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                    We provide integrated contact center operations including calls, emails, and chats. We handle both\n                    inbound (receiving) and outbound (making) calls, and build the optimal operational system to suit\n                    your operations.\n                <\/p>\n\n                <p style=\"margin:0 0 20px 0; line-height:1.8; color:#333;\">\n                    Our experienced, professional operators respond promptly and courteously, providing high-quality\n                    customer support that increases customer satisfaction.\n                <\/p>\n            <\/div>\n\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/callimg_top.png\" alt=\"\u30b3\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u306b\u3064\u3044\u3066\">\n            <\/div>\n        <\/div>\n    <\/article>\n\n    <!-- 6 -->\n    <article id=\"AI\" class=\"service s-6\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.4\" \/>\n                    <path d=\"M7 9h10M7 15h10\" stroke=\"currentColor\" stroke-width=\"1.4\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Generative AI utilization<\/div>\n                <div class=\"title\">Providing the most powerful tools to transform your business<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#4c1d95; border-left:4px solid #4c1d95; padding-left:12px;\">\n                AI utilization support (AI Solution)<br>\n                <span style=\"font-size:16px; font-weight:400; color:#666;\">We provide support from business interviews\n                    to implementation and establishment of utilization. We will use AI to streamline your company's\n                    \"troublesome\" and \"time-consuming\" business.<\/span>\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                \"AI\" is no longer a technology of the distant future, but a \"powerful tool\" for streamlining current\n                business operations.<br>\n                We provide one-stop support, from determining which tasks AI can be used for, to creating a safe usage\n                environment, providing lectures to employees, and supporting the adoption of AI.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#4c1d95; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#4c1d95; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Speedy business\n                            diagnosis<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can help you realize your desire to \"try out AI first.\" We analyze your company's\n                            workflow through prompt interviews based on your requests and circumstances. We then select\n                            and propose tasks where AI can be most effective in improving efficiency, such as \"email\n                            creation,\" \"summarizing meeting minutes,\" and \"information search.\"\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Supports small\n                            start<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            Large-scale system development is not required. We can accommodate small-scale starts with\n                            just a few people and specific tasks, such as \"I want to try it out in the general affairs\n                            department first\" or \"I want to automate only certain simple tasks.\" We can also flexibly\n                            accommodate requests such as wanting to measure the cost-effectiveness before rolling it out\n                            company-wide.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#f5f3ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#4c1d95;\">Creating a safe\n                            usage environment<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            When utilizing AI, it is essential to take measures against the leakage of confidential\n                            information and false information generated by AI. With iTSherpa's AI solutions, we use our\n                            extensive security knowledge to propose optimal security policies that allow customers to\n                            use AI with peace of mind.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/AI_service.png\" alt=\"AI\u6d3b\u7528\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 - ChatGPT\u30fb\u751f\u6210AI\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#4c1d95; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#4c1d95; border-radius:50%; margin-right:8px;\"><\/span>\n            Product Information\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\u88fd\u54c1\u60c5\u5831\">\n\n            <a target=\"_blank\" class=\"case-item\" href=\"\/en\/ai%e6%b4%bb%e7%94%a8%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc\/\"\n                role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_ai.jpg\" alt=\"\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">AI seminar<\/div>\n                    <div class=\"case-title\">Generative AI Utilization Seminar<\/div>\n                    <div class=\"case-desc\">Achieve operational efficiency and business growth<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 7 -->\n    <article id=\"OFF\" class=\"service s-7\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\">\n                    <!-- \u5730\u7403\u306e\u5186 -->\n                    <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                \n                    <!-- \u7def\u7dda\u30fb\u7d4c\u7dda\u30a4\u30e1\u30fc\u30b8 -->\n                    <path d=\"M4 12h16\"><\/path>\n                    <path d=\"M12 4v16\"><\/path>\n                    <path d=\"M5.6 5.6l12.8 12.8\"><\/path>\n                    <path d=\"M5.6 18.4l12.8-12.8\"><\/path>\n                \n                    <!-- \u62e0\u70b9\u3092\u8868\u3059\u5c0f\u3055\u3044\u5186 -->\n                    <circle cx=\"8\" cy=\"8\" r=\"1\"><\/circle>\n                    <circle cx=\"16\" cy=\"16\" r=\"1\"><\/circle>\n                    <circle cx=\"16\" cy=\"8\" r=\"1\"><\/circle>\n                    <circle cx=\"8\" cy=\"16\" r=\"1\"><\/circle>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">Offshore Development<\/div>\n                <div class=\"title\">Lab-type offshore development services<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#3730a3; border-left:4px solid #6366f1; padding-left:12px;\">\n                Lab-type offshore development services<\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                It is possible to assemble a talented team and use a development system that is inexpensive and capable\n                of responding quickly, just like virtually hiring engineers from overseas.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#3730a3; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#3730a3; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Teams can be\n                            formed according to your needs\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We have a large number of development personnel, so by selecting a team or personnel with\n                            the skills and experience you want to supplement, we can help alleviate your labor shortage.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Project\n                            visualization<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            By directly managing the team, you can visualize the progress, whether any problems have\n                            occurred, and any black boxes that are prone to becoming problems.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#eef2ff; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#3730a3;\">Fixed costs<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            When it comes to contract development, it's common for estimates to exceed budget due to\n                            additional costs. This eliminates the need to worry about \"I want to create something, but I\n                            can't because I don't have the budget,\" and allows you to focus on development, which is a\n                            psychological and cost-effective benefit of adopting this system.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div style=\"flex: 0 0 38%;\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Offshore_img.jpg\" alt=\"\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\">\n            <\/div>\n        <\/div>\n        <h4 style=\"font-size:18px; font-weight:700; margin:10px 0 0 0; color:#3730a3; align-items:center;\">\n            <span\n                style=\"display:inline-block; width:8px; height:8px; background:#3730a3; border-radius:50%; margin-right:8px;\"><\/span>\n            It is also easy to secure app development engineers, who are in short supply in Japan.\n        <\/h4>\n        <div class=\"cta-row case-list\" role=\"list\" aria-label=\"\">\n            <a target=\"_blank\" class=\"case-item\" href=\"https:\/\/coralsystem.net\/\" role=\"listitem\" aria-label=\"\">\n                <div class=\"case-thumb\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/coral-logo.png\" alt=\"\u30b3\u30fc\u30e9\u30eb\u30b7\u30b9\u30c6\u30e0\">\n                <\/div>\n                <div class=\"case-body\">\n                    <div class=\"case-category\">March 2024<\/div>\n                    <div class=\"case-title\">Coral System<\/div>\n                    <div class=\"case-desc\">Based in Manila, Philippines<\/div>\n                <\/div>\n            <\/a>\n        <\/div>\n    <\/article>\n\n    <!-- 8 -->\n    <article id=\"MARKE\" class=\"service s-8\" role=\"listitem\">\n        <div class=\"service-header\">\n            <div class=\"icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                    <!-- \u6298\u308c\u7dda\u30b0\u30e9\u30d5 -->\n                    <path d=\"M4 16l4-4 4 3 6-8\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                \n                    <!-- \u53f3\u4e0a\u3078\u306e\u77e2\u5370\uff08\u6210\u9577\u30a4\u30e1\u30fc\u30b8\uff09 -->\n                    <path d=\"M14 7h6v6\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                \n                    <!-- \u30b0\u30e9\u30d5\u306e\u8ef8 -->\n                    <path d=\"M4 4v16h16\" stroke-width=\"1.2\" stroke-linecap=\"round\" \/>\n                <\/svg>\n            <\/div>\n            <div class=\"text\">\n                <div class=\"eyebrow\">marketing<\/div>\n                <div class=\"title\">One-stop digital marketing service<\/div>\n            <\/div>\n        <\/div>\n\n        <div style=\"margin: 20px 0 0 0;\">\n            <h3\n                style=\"font-size:20px; font-weight:700; margin:0 0 16px 0; color:#7c2d12; border-left:4px solid #7c2d12; padding-left:12px;\">\n                One-stop marketing service\n            <\/h3>\n\n            <p style=\"margin:0 0 16px 0; line-height:1.8; color:#333;\">\n                We provide consistent support from strategy planning to implementation and effectiveness measurement to\n                accelerate your business growth.<br>\n                Our specialized team utilizes the latest digital technology and know-how to provide optimal marketing\n                solutions.\n            <\/p>\n        <\/div>\n        <div class=\"media-row\" aria-labelledby=\"section-title\">\n            <div class=\"media-text\">\n                <div>\n                    <h4 style=\"font-size:18px; font-weight:700; margin:10px 0; color:#7c2d12; align-items:center;\">\n                        <span\n                            style=\"display:inline-block; width:8px; height:8px; background:#7c2d12; border-radius:50%; margin-right:8px;\"><\/span>\n                        Service Features\n                    <\/h4>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Can be performed\n                            without specialized knowledge<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We handle a wide range of specialized areas on your behalf, including SEO, web advertising,\n                            social media management, and content creation, eliminating resource shortages and allowing\n                            you to focus on your core business.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 16px 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Visualization and\n                            improvement of results<\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            The results of implemented measures are shared in real time via dashboards, etc. Data-based\n                            analysis is carried out and measures are continuously improved (PDCA) to maximize return on\n                            investment (ROI).\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin:0 0 0 0; padding:16px; background:#fff7ed; border-radius:8px;\">\n                        <h5 style=\"font-size:16px; font-weight:700; margin:0 0 10px 0; color:#7c2d12;\">Flexible plans\n                            and cost optimization\n                        <\/h5>\n                        <p style=\"margin:0; line-height:1.8; color:#333;\">\n                            We can provide a combination of just the measures you need. From fixed monthly plans to\n                            project-based requests, we can provide operations at the optimal cost according to your\n                            budget and phase.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"media-thumb\" aria-hidden=\"false\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/marke.png\" alt=\"\u30c7\u30b8\u30bf\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0 - SEO\u30fbWeb\u5e83\u544a\u30fbSNS\u904b\u7528\"\n                    style=\"width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);\">\n            <\/div>\n        <\/div>\n    <\/article>\n<\/div>\n<style>\n  .partner-section {\n    max-width: 1000px;\n    margin: 50px auto;\n    padding: 20px;\n}\n\n\/* \u5404\u30d1\u30fc\u30c8\u30ca\u30fc\u30a2\u30a4\u30c6\u30e0\u306e\u30b3\u30f3\u30c6\u30ca *\/\n.partner-item {\n    display: flex;\n    align-items: center;\n    margin-bottom: 60px;\n    padding: 20px 0;\n}\n\n\/* -------------------- \u30ed\u30b4\u30a8\u30ea\u30a2 -------------------- *\/\n.partner-logo {\n    \/* \u30ed\u30b4\u306e\u5e45\u3092\u56fa\u5b9a\u307e\u305f\u306f\u5c0f\u3055\u3081\u306b\u8a2d\u5b9a *\/\n    flex-shrink: 0;\n    width: 250px;\n    margin-right: 40px;\n}\n\n.partner-logo img {\n    \/* \u753b\u50cf\u304c\u30b3\u30f3\u30c6\u30ca\u3092\u306f\u307f\u51fa\u3055\u306a\u3044\u3088\u3046\u306b\u3059\u308b *\/\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n\n\/* -------------------- \u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 -------------------- *\/\n.partner-details {\n    flex-grow: 1;\n}\n\n.partner-details h4 {\n    \/* Proxmox\u306e\u5c0f\u898b\u51fa\u3057\u306e\u30b9\u30bf\u30a4\u30eb *\/\n    font-size: 1.1em;\n    font-weight: bold;\n    margin-top: 0;\n    margin-bottom: 5px;\n}\n\n.partner-details p {\n    font-size: 1em;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8\u306e\u5f37\u8abf\u8868\u793a (\u592a\u5b57) *\/\n.partner-details strong {\n    font-weight: bold;\n    color: #000;\n}\n\n\/* -------------------- \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc (\u30e2\u30d0\u30a4\u30eb\u5411\u3051) -------------------- *\/\n@media (max-width: 768px) {\n    .partner-item {\n        \/* \u753b\u9762\u304c\u72ed\u3044\u3068\u304d\u306f\u3001\u30ed\u30b4\u3068\u30c6\u30ad\u30b9\u30c8\u3092\u7e26\u306b\u7a4d\u307f\u91cd\u306d\u308b *\/\n        flex-direction: column;\n        text-align: center;\n    }\n\n    .partner-logo {\n        width: 80%;\n        max-width: 300px;\n        margin-right: 0;\n        margin-bottom: 20px;\n    }\n\n    .partner-details h4,\n    .partner-details p {\n        text-align: left;\n        \/* \u4f8b\u3068\u3057\u3066\u3001\u3053\u3053\u3067\u306f\u5de6\u63c3\u3048\u3092\u7dad\u6301 *\/\n        padding: 0 10px;\n    }\n}\n<\/style>\n<section class=\"partner-section\">\n  \n  <h2 style=\"font-size: 35px; text-align: center; padding-top: 40px;\">Cooperating and supporting organizations<\/h2>\n        <div class=\"partner-item\">\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/JPLogo2.1.jpg\" alt=\"Debian JP Project \u30ed\u30b4\">\n            <\/div>\n            <div class=\"partner-details\">\n                <p>\n                    ITSherpa Co., Ltd. supports the \u201cDebian Project\u201d and \u201cDebian JP Project\u201d by providing rack space, circuits and servers required for running a CD image mirror.\n                <\/p>\n            <\/div>\n        <\/div>\n<h2 style=\"font-size: 35px; text-align: center; padding-top: 40px;\">Sales and Technology Partners<\/h2>\n        <div class=\"partner-item\">\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/proxmox-server-solutions-gmbh-logo-vector-e1744005654489.png\" alt=\"Proxmox \u30ed\u30b4\">\n            <\/div>\n            <div class=\"partner-details\">\n                <h4>Proxmox Authorized Sales Partner<\/h4>\n                <p>\n                    As an authorized partner, we offer up-to-date and accurate technical information and product knowledge, as well as priority access to official support.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/section>\n<style>\n  h2 {\n    font-size: 22px;\n    margin-bottom: 30px;\n    font-weight: 700;\n  }\n\n  .article-grid {\n    display: grid;\n    gap: 32px;\n  }\n\n  \/* \u30ab\u30e9\u30e0\u6570\u5207\u308a\u66ff\u3048 *\/\n  @media (min-width: 1024px) {\n    .article-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n  @media (min-width: 640px) and (max-width: 1023px) {\n    .article-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  @media (max-width: 639px) {\n    .article-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .article-card {\n    border-radius: 8px;\n    overflow: hidden;\n    background: #fff;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n  .article-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 4px 16px rgba(0,0,0,0.15);\n  }\n  .article-thumb {\n    position: relative;\n    width: 100%;\n    height: 220px;\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n  .article-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n    background: #fff;\n  }\n  .article-category {\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n    background: #fff;\n    color: #e60033;\n    font-size: 13px;\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 4px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  }\n\n  .article-body {\n    padding: 16px 20px 20px;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    background: #fff;\n  }\n  .article-title {\n    font-size: 17px;\n    font-weight: bold;\n    margin: 0 !important;\n    color: #222;\n    min-height: 50px;\n    display: flex;\n    align-items: center;\n  }\n  .article-desc {\n    font-size: 14px;\n    color: #555;\n    min-height: 60px;\n    flex: 1;\n    margin: 0 !important;\n  }\n\n  .tag-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .tag-list span {\n    font-size: 13px;\n    color: #333;\n    background: #f3f3f3;\n    border-radius: 16px;\n    padding: 4px 10px;\n  }\n\n  \/* \u30ea\u30f3\u30af\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u30ea\u30bb\u30c3\u30c8 *\/\n  .article-grid a {\n    text-decoration: none;\n    color: inherit;\n    display: block;\n    height: 100%;\n  }\n<\/style>\n<h2 id=\"\/service\/#CaseStudies\" style=\"text-align: center; font-size: 40px;\">Product List<\/h2>\n<div class=\"article-grid\" style=\"max-width: 1400px; margin: 0 auto; margin-top: 50px;\">\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c91 -->\n  <a target=\"_blank\" href=\"\/en\/%e3%83%93%e3%83%87%e3%82%aa%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Hs9_ligo.png\" alt=\"\u30d3\u30c7\u30aa\u901a\u8a71\u30a2\u30d7\u30ea\">\n        <div class=\"article-category\">Hs9<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Video calling apps<\/h3>\n        <p class=\"article-desc\">No need to register personal information or phone number! Enjoy chatting while making video calls!<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c92 -->\n  <a target=\"_blank\" href=\"\/en\/%e5%8f%97%e4%bb%98%e9%80%9a%e8%a9%b1%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Va7_logo.png\" alt=\"\u53d7\u4ed8\u901a\u8a71\u30b7\u30b9\u30c6\u30e0\">\n        <div class=\"article-category\">Va7<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Reception call system<\/h3>\n        <p class=\"article-desc\">Once you launch the app, you can immediately make a voice call by entering the other person's ID and calling them.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c93 -->\n  <a target=\"_blank\" href=\"\/en\/%e9%9f%b3%e5%a3%b0%e9%80%9a%e8%a9%b1%e3%82%a2%e3%83%97%e3%83%aa\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/Mn5_logo1.png\" alt=\"\u97f3\u58f0\u901a\u8a71\u30a2\u30d7\u30ea\">\n        <div class=\"article-category\">Mn5<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Voice calling app<\/h3>\n        <p class=\"article-desc\">A calling app that allows you to make calls using packet communication without incurring regular mobile phone call charges.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c94 -->\n  <a target=\"_blank\" href=\"\/en\/%e6%8a%bd%e9%81%b8%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/La1_logo.png\" alt=\"\u62bd\u9078\u30b7\u30b9\u30c6\u30e0\">\n        <div class=\"article-category\">La1<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Lottery System<\/h3>\n        <p class=\"article-desc\">It can be easily used for a variety of purposes, such as lotteries, raffles, issuing numbered tickets and coupons, etc.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c95 -->\n  <a target=\"_blank\" href=\"https:\/\/mo-2.jp\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/mo2.png\" alt=\"mo2\" style=\"background: #f0f0f0;\">\n        <div class=\"article-category\">mo2<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">The only mail order system<\/h3>\n        <p class=\"article-desc\">From single item repeat mail order to multi-item, gift, and food delivery<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c96 -->\n  \n  <a target=\"_blank\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e5%ba%ab\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/sherco.jpeg\" alt=\"\u30b7\u30a7\u30eb\u5eab\">\n        <div class=\"article-category\">sherko<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Inventory Management System<\/h3>\n        <p class=\"article-desc\">A simple and intuitive inventory management system that makes inventory visible and accelerates business.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n  \n  \n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c97 -->\n  <a target=\"_blank\" href=\"\/en\/%e3%82%b7%e3%82%a7%e3%83%ab%e3%83%9a%e3%83%bc%e3%82%b9\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/\u30ed\u30b3\u3099_\u793e\u540d\u3042\u308a260304.jpeg\" alt=\"\u30b7\u30a7\u30eb\u30da\u30fc\u30b9\" style=\"background: #f0f0f0;\">\n        <div class=\"article-category\">sherpase<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Rental space reservation system<\/h3>\n        <p class=\"article-desc\">PWA compatible rental space reservation management system. Centralized management from facility management to reservation reception.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c98 -->\n  <a target=\"_blank\" href=\"\/en\/%e4%bb%ae%e6%83%b3%e5%8c%96%e5%9f%ba%e7%9b%a4\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_proxmox.jpg\" alt=\"\u4eee\u60f3\u5316\u57fa\u76e4\">\n        <div class=\"article-category\">Proxmox<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Virtualization Platform<\/h3>\n        <p class=\"article-desc\">We provide total support from before installation to operation.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n  <!-- \u8a18\u4e8b\u30ab\u30fc\u30c99 -->\n  <a target=\"_blank\" href=\"https:\/\/asu-mi.com\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/asumi_logo.png\" alt=\"\u3042\u3059\u307f\" style=\"background: #f0f0f0;\">\n        <div class=\"article-category\">asumi<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Preventing children from being left behind in cars<\/h3>\n        <p class=\"article-desc\">A combined safety device that prevents children from being left behind in a vehicle, compatible with both exit confirmation and automatic detection methods to prevent children from being left behind<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n  \n  \n    <!-- \u8a18\u4e8b\u30ab\u30fc\u30c910 -->\n  <a target=\"_blank\" href=\"\/en\/ai%e6%b4%bb%e7%94%a8%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc\/\" data-elementor-open-lightbox=\"no\" data-no-lightbox=\"true\" class=\"no-lightbox\" rel=\"nofollow\">\n    <article class=\"article-card\">\n      <div class=\"article-thumb\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/10\/top_slide_ai.jpg\" alt=\"AI\u30bb\u30df\u30ca\u30fc\">\n        <div class=\"article-category\">AI seminar<\/div>\n      <\/div>\n      <div class=\"article-body\">\n        <h3 class=\"article-title\">Generative AI Utilization Seminar<\/h3>\n        <p class=\"article-desc\">Learn the latest generative AI technology in a practical way to improve operational efficiency and grow your business.<\/p>\n      <\/div>\n    <\/article>\n  <\/a>\n\n<\/div>\n\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"http:\/\/localhost:8089\/service\/","footnotes":""},"class_list":["post-538","page","type-page","status-publish","hentry","en-US"],"_links":{"self":[{"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/pages\/538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/comments?post=538"}],"version-history":[{"count":3,"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":602,"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/pages\/538\/revisions\/602"}],"wp:attachment":[{"href":"https:\/\/itsherpa.com\/wp-json\/wp\/v2\/media?parent=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}