\u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0 – \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a | \u3061\u3083\u3093\u3077\u308bNet<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* \u57fa\u672c\u30d5\u30a9\u30f3\u30c8\u8a2d\u5b9a *\/\n body {\n font-family: 'Noto Sans JP', 'Inter', sans-serif;\n }\n \/* \u898b\u51fa\u3057\u7528\u306e\u30d5\u30a9\u30f3\u30c8 *\/\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n }\n \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u80cc\u666f *\/\n .gradient-bg {\n background: linear-gradient(135deg, #0f172a, #1e3a8a);\n }\n \/* \u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n .accent-gradient {\n background: linear-gradient(to right, #f97316, #fbbf24);\n }\n .section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 4px;\n margin-top: 8px;\n background: #f97316; \/* \u30aa\u30ec\u30f3\u30b8 *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n \n <header class=\"bg-white shadow-md sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-2xl font-bold text-blue-900\">\u3061\u3083\u3093\u3077\u308bNet<\/div>\n <div>\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-800 px-3\">\u9078\u3070\u308c\u308b\u7406\u7531<\/a>\n <a href=\"#case-studies\" class=\"text-gray-600 hover:text-blue-800 px-3\">\u958b\u767a\u5b9f\u7e3e<\/a>\n <a href=\"#contact\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg transition-colors\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n \n <section class=\"gradient-bg text-white\">\n <div class=\"container mx-auto px-6 py-24 md:py-32 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-4\">\n \u8cb4\u793e\u306e\u300c\u3042\u3063\u305f\u3089\u3044\u3044\u306a\u300d\u3092\u5f62\u306b\u3059\u308b\u3001<br class=\"hidden md:block\">\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a\n <\/h1>\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto mb-8\">\n \u696d\u52d9\u52b9\u7387\u5316\u304b\u3089\u65b0\u898f\u4e8b\u696d\u306e\u5275\u51fa\u307e\u3067\u3002\u6c96\u7e04\u306eIT\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u304c\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u8ab2\u984c\u3092\u6839\u672c\u304b\u3089\u89e3\u6c7a\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex justify-center gap-4 flex-wrap\">\n <a href=\"#contact\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105\">\n \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\n <\/a>\n <a href=\"#\" class=\"bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105\">\n \u8cc7\u6599\u8acb\u6c42\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3001\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 mb-12 max-w-2xl mx-auto\">\u79c1\u305f\u3061\u306f\u3001\u304a\u5ba2\u69d8\u304c\u76f4\u9762\u3059\u308b\u69d8\u3005\u306a\u7d4c\u55b6\u8ab2\u984c\u306b\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3092\u901a\u3058\u3066\u304a\u5fdc\u3048\u3057\u307e\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u975e\u52b9\u7387\u306a\u624b\u4f5c\u696d<\/h3>\n <p class=\"text-gray-600\">\u30a2\u30ca\u30ed\u30b0\u306a\u624b\u4f5c\u696d\u304c\u591a\u304f\u3001\u672c\u6765\u306e\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u306a\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u53e4\u3044\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0<\/h3>\n <p class=\"text-gray-600\">\u30b7\u30b9\u30c6\u30e0\u304c\u53e4\u304f\u3001\u4eca\u306e\u696d\u52d9\u5185\u5bb9\u306b\u5408\u3063\u3066\u304a\u3089\u305a\u4f7f\u3044\u3065\u3089\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u65b0\u898f\u4e8b\u696d\u306e\u7acb\u3061\u4e0a\u3052<\/h3>\n <p class=\"text-gray-600\">\u65b0\u3057\u3044\u4e8b\u696d\u3092\u59cb\u3081\u305f\u3044\u304c\u3001\u3069\u3093\u306aIT\u6295\u8cc7\u304c\u5fc5\u8981\u304b\u308f\u304b\u3089\u306a\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2 1M4 7l2-1M4 7v2.5M12 21.5l-2-1m2 1l2-1m-2 1v-2.5M6 18.5l-2-1m2 1l2-1m-2 1V16M18 18.5l-2-1m2 1l2-1m-2 1V16M12 2.5v2.5\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">DX\u63a8\u9032\u306e\u60a9\u307f<\/h3>\n <p class=\"text-gray-600\">DX\u3092\u63a8\u9032\u3057\u305f\u3044\u304c\u3001\u4f55\u304b\u3089\u624b\u3092\u3064\u3051\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u6210\u529f\u306b\u5c0e\u304f\u305f\u3081\u306e\u3001\u79c1\u305f\u3061\u306e\u3053\u3060\u308f\u308a\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-12 text-center\">\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a2 2 0 01-2-2V7a2 2 0 012-2h4M5 8h1m-1 4h1m-1 4h1M9 8h1M9 12h1M9 16h1\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u958b\u767a<\/h3>\n <p class=\"text-gray-600\">\u5fb9\u5e95\u3057\u305f\u30d2\u30a2\u30ea\u30f3\u30b0\u3067\u696d\u52d9\u3092\u6df1\u304f\u7406\u89e3\u3057\u3001\u672c\u5f53\u306b\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u3092\u76db\u308a\u8fbc\u3093\u3060\u6700\u9069\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u30bc\u30ed\u304b\u3089\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 4h3m-3 5h3m5-5h.01\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u8c4a\u5bcc\u306a\u958b\u767a\u5b9f\u7e3e<\/h3>\n <p class=\"text-gray-600\">\u4e0d\u52d5\u7523\u304b\u3089\u30b9\u30dd\u30fc\u30c4\u307e\u3067\u3001\u591a\u69d8\u306a\u696d\u754c\u3067\u306e\u958b\u767a\u5b9f\u7e3e\u304c\u79c1\u305f\u3061\u306e\u6280\u8853\u529b\u306e\u8a3c\u660e\u3002\u5c02\u9580\u77e5\u8b58\u3067\u8907\u96d1\u306a\u8ab2\u984c\u3082\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u6c96\u7e04\u306a\u3089\u3067\u306f\u306e\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p class=\"text-gray-600\">\u5730\u57df\u5bc6\u7740\u3060\u304b\u3089\u3053\u305d\u3067\u304d\u308b\u8fc5\u901f\u3067\u304d\u3081\u7d30\u3084\u304b\u306a\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3067\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u672b\u6c38\u304f\u652f\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"case-studies\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u958b\u767a\u5b9f\u7e3e<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u79c1\u305f\u3061\u304c\u3053\u308c\u307e\u3067\u306b\u624b\u639b\u3051\u3066\u304d\u305f\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u306e\u4e00\u90e8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12\">\n \n <div class=\"bg-gray-50 rounded-lg overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1e3a8a\/ffffff?text=\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\" alt=\"\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u306e\u30a4\u30e1\u30fc\u30b8\u753b\u50cf\" class=\"w-full h-64 object-cover\">\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/h3>\n <div class=\"mb-4\">\n <span class=\"bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u696d\u52d9\u52b9\u7387\u5316<\/span>\n <span class=\"bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u4e0d\u52d5\u7523\u696d\u754c<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u8ab2\u984c\u3011<\/p>\n <p class=\"text-gray-600 mb-4\">\u7169\u96d1\u306a\u7269\u4ef6\u30fb\u5951\u7d04\u30fb\u5165\u91d1\u7ba1\u7406\u306b\u591a\u304f\u306e\u6642\u9593\u3092\u53d6\u3089\u308c\u3066\u3044\u305f\u3002<\/p>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u89e3\u6c7a\u7b56\u3011<\/p>\n <p class=\"text-gray-600\">\u5404\u60c5\u5831\u3092\u4e00\u5143\u7ba1\u7406\u3067\u304d\u308b\u30b7\u30b9\u30c6\u30e0\u3092\u5c0e\u5165\u3002\u4eba\u7684\u30df\u30b9\u3092\u6e1b\u3089\u3057\u3001\u696d\u52d9\u6642\u9593\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-50 rounded-lg overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/f97316\/ffffff?text=\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0\" alt=\"\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u30a4\u30e1\u30fc\u30b8\u753b\u50cf\" class=\"w-full h-64 object-cover\">\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0<\/h3>\n <div class=\"mb-4\">\n <span class=\"bg-orange-100 text-orange-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u65b0\u898f\u30b5\u30fc\u30d3\u30b9<\/span>\n <span class=\"bg-orange-100 text-orange-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u30b9\u30dd\u30fc\u30c4<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u8ab2\u984c\u3011<\/p>\n <p class=\"text-gray-600 mb-4\">\u5927\u4f1a\u7533\u8fbc\u3084\u30c9\u30ed\u30fc\u4f5c\u6210\u304c\u624b\u4f5c\u696d\u3067\u3001\u904b\u55b6\u5074\u306e\u8ca0\u62c5\u304c\u5927\u304d\u304b\u3063\u305f\u3002<\/p>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u89e3\u6c7a\u7b56\u3011<\/p>\n <p class=\"text-gray-600\">\u7533\u8fbc\u304b\u3089\u6c7a\u6e08\u3001\u30c9\u30ed\u30fc\u767a\u8868\u307e\u3067\u3092\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u5b8c\u7d50\u3002\u904b\u55b6\u52b9\u7387\u5316\u3068\u53c2\u52a0\u8005\u306e\u5229\u4fbf\u6027\u5411\u4e0a\u3092\u4e21\u7acb\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u5c0e\u5165\u307e\u3067\u306e\u6d41\u308c<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u304a\u554f\u3044\u5408\u308f\u305b\u304b\u3089\u904b\u7528\u958b\u59cb\u307e\u3067\u3001\u304a\u5ba2\u69d8\u306b\u5bc4\u308a\u6dfb\u3044\u306a\u304c\u3089\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9032\u884c\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-blue-200 -translate-y-1\/2\"><\/div>\n <div class=\"grid md:grid-cols-6 gap-8 relative\">\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">1<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u3054\u76f8\u8ac7<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">2<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u30d2\u30a2\u30ea\u30f3\u30b0<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">3<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u3054\u63d0\u6848<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">4<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u958b\u767a<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">5<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u7d0d\u54c1<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">6<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"contact\" class=\"gradient-bg\">\n <div class=\"container mx-auto px-6 py-20 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u8a71\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044<\/h2>\n <p class=\"text-gray-300 max-w-2xl mx-auto mb-8\">\n \u300c\u4f55\u304b\u3089\u76f8\u8ac7\u3059\u308c\u3070\u3044\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u300d\u3068\u3044\u3046\u6bb5\u968e\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002\u8cb4\u793e\u304c\u63cf\u304f\u672a\u6765\u306e\u5b9f\u73fe\u306b\u5411\u3051\u3066\u3001\u79c1\u305f\u3061\u304c\u5168\u529b\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <a href=\"#\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-4 px-10 rounded-lg text-xl transition-transform transform hover:scale-105 inline-block\">\n \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3078\n <\/a>\n <p class=\"text-gray-400 mt-6\">\u304a\u96fb\u8a71\u3067\u306e\u304a\u554f\u3044\u5408\u308f\u305b: <span class=\"font-bold text-white\">098-XXX-XXXX<\/span>\uff08\u5e73\u65e5 9:00\u301c18:00\uff09<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-white\">\n <div class=\"container mx-auto px-6 py-8 text-center\">\n <p>© 2024 \u3061\u3083\u3093\u3077\u308bNet. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"\u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0 – \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a | \u3061\u3083\u3093\u3077\u308bNet \u3061\u3083\u3093\u3077\u308bNet \u9078\u3070\u308c\u308b\u7406\u7531 \u958b\u767a\u5b9f\u7e3e \u304a\u554f\u3044\u5408\u308f\u305b \u8cb4\u793e\u306e\u300c\u3042\u3063\u305f\u3089\u3044\u3044\u306a\u300d\u3092\u5f62\u306b\u3059\u308b\u3001\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a \u696d\u52d9\u52b9\u7387\u5316\u304b\u3089 […]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":30,"date":"2025-05-29T14:05:44","date_gmt":"2025-05-29T05:05:44","guid":{"rendered":"https:\/\/dev.mco.ne.jp\/sys\/front-page\/"},"modified":"2025-06-10T14:40:27","modified_gmt":"2025-06-10T05:40:27","slug":"front-page","status":"publish","type":"page","link":"https:\/\/www.mco.ne.jp\/sys\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n\n\n\n \n \n \u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0 – \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a | \u3061\u3083\u3093\u3077\u308bNet<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* \u57fa\u672c\u30d5\u30a9\u30f3\u30c8\u8a2d\u5b9a *\/\n body {\n font-family: 'Noto Sans JP', 'Inter', sans-serif;\n }\n \/* \u898b\u51fa\u3057\u7528\u306e\u30d5\u30a9\u30f3\u30c8 *\/\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n }\n \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u80cc\u666f *\/\n .gradient-bg {\n background: linear-gradient(135deg, #0f172a, #1e3a8a);\n }\n \/* \u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n .accent-gradient {\n background: linear-gradient(to right, #f97316, #fbbf24);\n }\n .section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 4px;\n margin-top: 8px;\n background: #f97316; \/* \u30aa\u30ec\u30f3\u30b8 *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n \n <header class=\"bg-white shadow-md sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"text-2xl font-bold text-blue-900\">\u3061\u3083\u3093\u3077\u308bNet<\/div>\n <div>\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-800 px-3\">\u9078\u3070\u308c\u308b\u7406\u7531<\/a>\n <a href=\"#case-studies\" class=\"text-gray-600 hover:text-blue-800 px-3\">\u958b\u767a\u5b9f\u7e3e<\/a>\n <a href=\"#contact\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg transition-colors\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n \n <section class=\"gradient-bg text-white\">\n <div class=\"container mx-auto px-6 py-24 md:py-32 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-4\">\n \u8cb4\u793e\u306e\u300c\u3042\u3063\u305f\u3089\u3044\u3044\u306a\u300d\u3092\u5f62\u306b\u3059\u308b\u3001<br class=\"hidden md:block\">\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a\n <\/h1>\n <p class=\"text-lg md:text-xl text-gray-300 max-w-3xl mx-auto mb-8\">\n \u696d\u52d9\u52b9\u7387\u5316\u304b\u3089\u65b0\u898f\u4e8b\u696d\u306e\u5275\u51fa\u307e\u3067\u3002\u6c96\u7e04\u306eIT\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u304c\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u8ab2\u984c\u3092\u6839\u672c\u304b\u3089\u89e3\u6c7a\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex justify-center gap-4 flex-wrap\">\n <a href=\"#contact\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105\">\n \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\n <\/a>\n <a href=\"#\" class=\"bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-lg text-lg transition-transform transform hover:scale-105\">\n \u8cc7\u6599\u8acb\u6c42\u306f\u3053\u3061\u3089\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3001\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n <p class=\"text-gray-600 mb-12 max-w-2xl mx-auto\">\u79c1\u305f\u3061\u306f\u3001\u304a\u5ba2\u69d8\u304c\u76f4\u9762\u3059\u308b\u69d8\u3005\u306a\u7d4c\u55b6\u8ab2\u984c\u306b\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3092\u901a\u3058\u3066\u304a\u5fdc\u3048\u3057\u307e\u3059\u3002<\/p>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u975e\u52b9\u7387\u306a\u624b\u4f5c\u696d<\/h3>\n <p class=\"text-gray-600\">\u30a2\u30ca\u30ed\u30b0\u306a\u624b\u4f5c\u696d\u304c\u591a\u304f\u3001\u672c\u6765\u306e\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u306a\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u53e4\u3044\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0<\/h3>\n <p class=\"text-gray-600\">\u30b7\u30b9\u30c6\u30e0\u304c\u53e4\u304f\u3001\u4eca\u306e\u696d\u52d9\u5185\u5bb9\u306b\u5408\u3063\u3066\u304a\u3089\u305a\u4f7f\u3044\u3065\u3089\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">\u65b0\u898f\u4e8b\u696d\u306e\u7acb\u3061\u4e0a\u3052<\/h3>\n <p class=\"text-gray-600\">\u65b0\u3057\u3044\u4e8b\u696d\u3092\u59cb\u3081\u305f\u3044\u304c\u3001\u3069\u3093\u306aIT\u6295\u8cc7\u304c\u5fc5\u8981\u304b\u308f\u304b\u3089\u306a\u3044\u2026<\/p>\n <\/div>\n \n <div class=\"bg-gray-50 p-8 rounded-xl shadow-md hover:shadow-xl transition-shadow\">\n <svg class=\"w-16 h-16 mx-auto mb-4 text-orange-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2 1M4 7l2-1M4 7v2.5M12 21.5l-2-1m2 1l2-1m-2 1v-2.5M6 18.5l-2-1m2 1l2-1m-2 1V16M18 18.5l-2-1m2 1l2-1m-2 1V16M12 2.5v2.5\"><\/path><\/svg>\n <h3 class=\"text-xl font-bold text-blue-900 mb-2\">DX\u63a8\u9032\u306e\u60a9\u307f<\/h3>\n <p class=\"text-gray-600\">DX\u3092\u63a8\u9032\u3057\u305f\u3044\u304c\u3001\u4f55\u304b\u3089\u624b\u3092\u3064\u3051\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0\u304c\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u6210\u529f\u306b\u5c0e\u304f\u305f\u3081\u306e\u3001\u79c1\u305f\u3061\u306e\u3053\u3060\u308f\u308a\u3067\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-12 text-center\">\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a2 2 0 01-2-2V7a2 2 0 012-2h4M5 8h1m-1 4h1m-1 4h1M9 8h1M9 12h1M9 16h1\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u958b\u767a<\/h3>\n <p class=\"text-gray-600\">\u5fb9\u5e95\u3057\u305f\u30d2\u30a2\u30ea\u30f3\u30b0\u3067\u696d\u52d9\u3092\u6df1\u304f\u7406\u89e3\u3057\u3001\u672c\u5f53\u306b\u5fc5\u8981\u306a\u6a5f\u80fd\u3060\u3051\u3092\u76db\u308a\u8fbc\u3093\u3060\u6700\u9069\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u30bc\u30ed\u304b\u3089\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 4h3m-3 5h3m5-5h.01\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u8c4a\u5bcc\u306a\u958b\u767a\u5b9f\u7e3e<\/h3>\n <p class=\"text-gray-600\">\u4e0d\u52d5\u7523\u304b\u3089\u30b9\u30dd\u30fc\u30c4\u307e\u3067\u3001\u591a\u69d8\u306a\u696d\u754c\u3067\u306e\u958b\u767a\u5b9f\u7e3e\u304c\u79c1\u305f\u3061\u306e\u6280\u8853\u529b\u306e\u8a3c\u660e\u3002\u5c02\u9580\u77e5\u8b58\u3067\u8907\u96d1\u306a\u8ab2\u984c\u3082\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-24 h-24 rounded-full accent-gradient flex items-center justify-center text-white mb-4\">\n <svg class=\"w-12 h-12\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u6c96\u7e04\u306a\u3089\u3067\u306f\u306e\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8<\/h3>\n <p class=\"text-gray-600\">\u5730\u57df\u5bc6\u7740\u3060\u304b\u3089\u3053\u305d\u3067\u304d\u308b\u8fc5\u901f\u3067\u304d\u3081\u7d30\u3084\u304b\u306a\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3067\u3001\u30b7\u30b9\u30c6\u30e0\u306e\u5b89\u5b9a\u7a3c\u50cd\u3092\u672b\u6c38\u304f\u652f\u3048\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"case-studies\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u958b\u767a\u5b9f\u7e3e<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u79c1\u305f\u3061\u304c\u3053\u308c\u307e\u3067\u306b\u624b\u639b\u3051\u3066\u304d\u305f\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u306e\u4e00\u90e8\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-8 lg:gap-12\">\n \n <div class=\"bg-gray-50 rounded-lg overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/1e3a8a\/ffffff?text=\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\" alt=\"\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u306e\u30a4\u30e1\u30fc\u30b8\u753b\u50cf\" class=\"w-full h-64 object-cover\">\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u4e0d\u52d5\u7523\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/h3>\n <div class=\"mb-4\">\n <span class=\"bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u696d\u52d9\u52b9\u7387\u5316<\/span>\n <span class=\"bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u4e0d\u52d5\u7523\u696d\u754c<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u8ab2\u984c\u3011<\/p>\n <p class=\"text-gray-600 mb-4\">\u7169\u96d1\u306a\u7269\u4ef6\u30fb\u5951\u7d04\u30fb\u5165\u91d1\u7ba1\u7406\u306b\u591a\u304f\u306e\u6642\u9593\u3092\u53d6\u3089\u308c\u3066\u3044\u305f\u3002<\/p>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u89e3\u6c7a\u7b56\u3011<\/p>\n <p class=\"text-gray-600\">\u5404\u60c5\u5831\u3092\u4e00\u5143\u7ba1\u7406\u3067\u304d\u308b\u30b7\u30b9\u30c6\u30e0\u3092\u5c0e\u5165\u3002\u4eba\u7684\u30df\u30b9\u3092\u6e1b\u3089\u3057\u3001\u696d\u52d9\u6642\u9593\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"bg-gray-50 rounded-lg overflow-hidden shadow-lg hover:shadow-2xl transition-shadow duration-300\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/f97316\/ffffff?text=\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0\" alt=\"\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u30a4\u30e1\u30fc\u30b8\u753b\u50cf\" class=\"w-full h-64 object-cover\">\n <div class=\"p-8\">\n <h3 class=\"text-2xl font-bold text-blue-900 mb-3\">\u30c6\u30cb\u30b9\u30a8\u30f3\u30c8\u30ea\u30fc\u30b7\u30b9\u30c6\u30e0<\/h3>\n <div class=\"mb-4\">\n <span class=\"bg-orange-100 text-orange-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u65b0\u898f\u30b5\u30fc\u30d3\u30b9<\/span>\n <span class=\"bg-orange-100 text-orange-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded\">#\u30b9\u30dd\u30fc\u30c4<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u8ab2\u984c\u3011<\/p>\n <p class=\"text-gray-600 mb-4\">\u5927\u4f1a\u7533\u8fbc\u3084\u30c9\u30ed\u30fc\u4f5c\u6210\u304c\u624b\u4f5c\u696d\u3067\u3001\u904b\u55b6\u5074\u306e\u8ca0\u62c5\u304c\u5927\u304d\u304b\u3063\u305f\u3002<\/p>\n <p class=\"text-gray-600 mb-1 font-semibold\">\u3010\u89e3\u6c7a\u7b56\u3011<\/p>\n <p class=\"text-gray-600\">\u7533\u8fbc\u304b\u3089\u6c7a\u6e08\u3001\u30c9\u30ed\u30fc\u767a\u8868\u307e\u3067\u3092\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u5b8c\u7d50\u3002\u904b\u55b6\u52b9\u7387\u5316\u3068\u53c2\u52a0\u8005\u306e\u5229\u4fbf\u6027\u5411\u4e0a\u3092\u4e21\u7acb\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-blue-900 mb-4 section-title inline-block\">\u5c0e\u5165\u307e\u3067\u306e\u6d41\u308c<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\u304a\u554f\u3044\u5408\u308f\u305b\u304b\u3089\u904b\u7528\u958b\u59cb\u307e\u3067\u3001\u304a\u5ba2\u69d8\u306b\u5bc4\u308a\u6dfb\u3044\u306a\u304c\u3089\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9032\u884c\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n \n <div class=\"relative\">\n \n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-0.5 bg-blue-200 -translate-y-1\/2\"><\/div>\n <div class=\"grid md:grid-cols-6 gap-8 relative\">\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">1<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u3054\u76f8\u8ac7<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">2<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u30d2\u30a2\u30ea\u30f3\u30b0<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">3<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u3054\u63d0\u6848<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">4<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u958b\u767a<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">5<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u7d0d\u54c1<\/h3>\n <\/div>\n \n <div class=\"text-center\">\n <div class=\"relative\">\n <div class=\"w-20 h-20 mx-auto rounded-full bg-blue-800 text-white flex items-center justify-center text-2xl font-bold border-4 border-white shadow-md\">6<\/div>\n <\/div>\n <h3 class=\"mt-4 text-lg font-bold text-blue-900\">\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/h3>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"contact\" class=\"gradient-bg\">\n <div class=\"container mx-auto px-6 py-20 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u8a71\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044<\/h2>\n <p class=\"text-gray-300 max-w-2xl mx-auto mb-8\">\n \u300c\u4f55\u304b\u3089\u76f8\u8ac7\u3059\u308c\u3070\u3044\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u300d\u3068\u3044\u3046\u6bb5\u968e\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002\u8cb4\u793e\u304c\u63cf\u304f\u672a\u6765\u306e\u5b9f\u73fe\u306b\u5411\u3051\u3066\u3001\u79c1\u305f\u3061\u304c\u5168\u529b\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <a href=\"#\" class=\"bg-orange-500 hover:bg-orange-600 text-white font-bold py-4 px-10 rounded-lg text-xl transition-transform transform hover:scale-105 inline-block\">\n \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3078\n <\/a>\n <p class=\"text-gray-400 mt-6\">\u304a\u96fb\u8a71\u3067\u306e\u304a\u554f\u3044\u5408\u308f\u305b: <span class=\"font-bold text-white\">098-XXX-XXXX<\/span>\uff08\u5e73\u65e5 9:00\u301c18:00\uff09<\/p>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-white\">\n <div class=\"container mx-auto px-6 py-8 text-center\">\n <p>© 2024 \u3061\u3083\u3093\u3077\u308bNet. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"\u3061\u3083\u3093\u3077\u308b\u30b7\u30b9\u30c6\u30e0 – \u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a | \u3061\u3083\u3093\u3077\u308bNet \u3061\u3083\u3093\u3077\u308bNet \u9078\u3070\u308c\u308b\u7406\u7531 \u958b\u767a\u5b9f\u7e3e \u304a\u554f\u3044\u5408\u308f\u305b \u8cb4\u793e\u306e\u300c\u3042\u3063\u305f\u3089\u3044\u3044\u306a\u300d\u3092\u5f62\u306b\u3059\u308b\u3001\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u30b7\u30b9\u30c6\u30e0\u958b\u767a \u696d\u52d9\u52b9\u7387\u5316\u304b\u3089 […]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/pages\/30\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/www.mco.ne.jp\/sys\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}