\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5411\u3051 AI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb\uff5c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT<\/title>\n <meta name=\"description\" content=\"\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u306e\u305f\u3081\u306eAI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb\u3002\u7121\u6599\u306e\u300e\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300f\u304b\u3089\u3001\u6709\u6599\u306e\u4e8b\u696d\u8a08\u753b\u30ab\u30b9\u30bf\u30e0\u8b1b\u5ea7\u3001\u58f2\u4e0a\u62e1\u5927\u30fb\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u4eba\u6750\u958b\u767a\u652f\u63f4\u307e\u3067\u4e00\u6c17\u901a\u8cab\u3067\u63d0\u4f9b\u3002\" \/>\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=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['\"Noto Sans JP\"', 'system-ui', 'sans-serif'] },\n colors: {\n primary: {\n 50:'#eff6ff', 100:'#dbeafe', 200:'#bfdbfe', 300:'#93c5fd', 400:'#60a5fa', 500:'#3b82f6', 600:'#2563eb', 700:'#1d4ed8', 800:'#1e40af', 900:'#1e3a8a'\n },\n accent: { 500:'#f97316', 600:'#ea580c' }\n },\n boxShadow: {\n soft: '0 10px 30px rgba(2, 6, 23, 0.08)'\n }\n }\n }\n }\n <\/script>\n <style>\n html{scroll-behavior:smooth}\n .container-narrow{max-width:1120px}\n .bg-grid{background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.16) 1px, transparent 0);background-size: 22px 22px}\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800\">\n \n <header class=\"sticky top-0 z-50 bg-white\/80 backdrop-blur border-b border-slate-200\">\n <div class=\"mx-auto container-narrow px-4 py-3 flex items-center gap-6\">\n <a href=\"#\" class=\"flex items-center gap-2 group\">\n <span class=\"inline-grid place-items-center w-9 h-9 rounded-xl bg-primary-600 text-white shadow-soft\">AI<\/span>\n <span class=\"text-lg font-bold\">\u4e2d\u5c0f\u4f01\u696dAI\u6d3b\u7528\u30d1\u30fc\u30c8\u30ca\u30fc<\/span>\n <\/a>\n <nav class=\"ml-auto hidden md:flex items-center gap-6 text-sm\">\n <a href=\"#features\" class=\"hover:text-primary-700\">\u7279\u5fb4<\/a>\n <a href=\"#services\" class=\"hover:text-primary-700\">\u30b5\u30fc\u30d3\u30b9<\/a>\n <a href=\"#voices\" class=\"hover:text-primary-700\">\u5c0e\u5165\u4e8b\u4f8b<\/a>\n <a href=\"#contact\" class=\"hover:text-primary-700\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <a href=\"#trial\" class=\"px-4 py-2 rounded-lg bg-accent-500 hover:bg-accent-600 text-white font-semibold shadow-soft\">\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\" class=\"relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-br from-primary-700 via-primary-600 to-primary-800\"><\/div>\n <div class=\"relative\">\n <div class=\"mx-auto container-narrow px-4 py-20 md:py-28 grid md:grid-cols-2 items-center gap-10 text-white\">\n <div>\n <p class=\"inline-flex items-center gap-2 text-xs tracking-wide uppercase mb-3 opacity-90\"><span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span> \u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5c02\u7528<\/p>\n <h1 class=\"text-3xl md:text-5xl font-black leading-tight\">AI\u3067\u672a\u6765\u3092\u5207\u308a\u62d3\u304f\u3002<br class=\"hidden md:block\">\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u7121\u6599\u516c\u958b\u4e2d<\/h1>\n <p class=\"mt-5 text-white\/90 md:text-lg\">\u58f2\u4e0a\u6e1b\u5c11\u30fb\u4eba\u6750\u4e0d\u8db3\u30fb\u60c5\u5831\u5316\u306e\u9045\u308c\u3002\u3044\u307e\u3053\u305dAI\u3092\u7d4c\u55b6\u306e\u5473\u65b9\u306b\u3002\u3042\u306a\u305f\u306e\u4f1a\u793e\u306e\u7d4c\u55b6\u8ab2\u984c\u3092\u30011\u65e5\u3067\u6574\u7406\u3057\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <div class=\"mt-8 flex flex-col sm:flex-row gap-3\">\n <a id=\"trial\" href=\"#contact\" class=\"px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft text-center\">\u4eca\u3059\u3050\u7121\u6599\u3067\u4e8b\u696d\u8a08\u753b\u66f8\u3092\u4f5c\u6210\u3059\u308b<\/a>\n <a href=\"#features\" class=\"px-6 py-3 rounded-xl bg-white\/10 hover:bg-white\/20 text-white font-semibold border border-white\/20 text-center\">\u7279\u5fb4\u3092\u898b\u308b<\/a>\n <\/div>\n <div class=\"mt-6 text-sm text-white\/80 flex items-center gap-4\">\n <div class=\"flex -space-x-2\">\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <\/div>\n <span>\u5c0e\u5165\u4f01\u696d\u306e\u6e80\u8db3\u5ea6 4.8 \/ 5.0<\/span>\n <\/div>\n <\/div>\n <div class=\"relative\">\n <div class=\"rounded-2xl bg-white\/10 p-2 md:p-3 shadow-soft\">\n <div class=\"rounded-xl bg-white text-slate-800 p-5 md:p-7\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-8 h-8 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">GPT<\/div>\n <div class=\"text-sm\">\n <p class=\"font-bold\">\u4e8b\u696d\u8a08\u753b\u66f8\u306e\u81ea\u52d5\u751f\u6210<\/p>\n <p class=\"text-slate-500\">\u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b \u2192 \u3059\u3050\u51fa\u529b<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-3\">\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u696d\u7a2e\u30fb\u696d\u614b<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u88fd\u9020\u696d\uff08\u91d1\u5c5e\u52a0\u5de5\uff09\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u4e3b\u529b\u5546\u54c1<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u7cbe\u5bc6\u90e8\u54c1\u30fbOEM\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <div class=\"grid grid-cols-2 gap-3\">\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u5e74\u5546<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a1.5\u5104\u5186\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u5f93\u696d\u54e1\u6570<\/span>\n <input type=\"number\" placeholder=\"\u4f8b\uff1a18\u540d\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u89e3\u6c7a\u3057\u305f\u3044\u8ab2\u984c<\/span>\n <textarea placeholder=\"\u4f8b\uff1a\u65b0\u898f\u9867\u5ba2\u306e\u7372\u5f97\u3001\u63a1\u7528\u96e3\u3001\u539f\u4fa1\u9ad8\u9a30\u306e\u5438\u53ce\u3001\u793e\u5185\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u6a19\u6e96\u5316\u2026\" rows=\"3\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\"><\/textarea>\n <\/label>\n <button class=\"w-full mt-2 px-5 py-3 rounded-lg bg-primary-600 hover:bg-primary-700 text-white font-bold\">\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u3092\u30d7\u30ec\u30d3\u30e5\u30fc<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute -z-10 -inset-6 md:-inset-10 bg-grid opacity-20 rounded-3xl\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u304c\u76f4\u9762\u3059\u308b\u201c3\u3064\u306e\u58c1\u201d<\/h2>\n <p class=\"mt-4 text-slate-600 text-center\">\u300c\u3046\u3061\u306e\u4f1a\u793e\u3082\u305d\u3046\u3060\u300d\u3068\u611f\u3058\u305f\u65b9\u3078\u3002AI\u6d3b\u7528\u304c\u3001\u305d\u306e\u58c1\u3092\u7a81\u7834\u3059\u308b\u624b\u6bb5\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"mt-10 grid md:grid-cols-3 gap-6\">\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">1<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u58f2\u4e0a\u62e1\u5927\u306e\u9053\u304c\u898b\u3064\u304b\u3089\u306a\u3044<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u958b\u767a\u3084\u8ca9\u8def\u62e1\u5927\u3001SNS\u6d3b\u7528\u306e\u578b\u304c\u306a\u304f\u3001\u52d8\u3068\u7d4c\u9a13\u306b\u983c\u3063\u3066\u3057\u307e\u3046\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">2<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u30b3\u30b9\u30c8\u9ad8\u9a30\u3067\u5229\u76ca\u304c\u51fa\u306a\u3044<\/h3>\n <p class=\"mt-2 text-slate-600\">\u4eba\u4ef6\u8cbb\u30fb\u539f\u6750\u6599\u8cbb\u306e\u4e0a\u6607\u3092\u4fa1\u683c\u8ee2\u5ac1\u3067\u304d\u305a\u3001\u5229\u76ca\u7387\u304c\u4f4e\u8ff7\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">3<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u793e\u5185\u306e\u975e\u52b9\u7387\u3068\u5c5e\u4eba\u5316<\/h3>\n <p class=\"mt-2 text-slate-600\">\u30de\u30cb\u30e5\u30a2\u30eb\u3084\u4e8b\u696d\u8a08\u753b\u306e\u5171\u6709\u304c\u9032\u307e\u305a\u3001\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u3082\u30d0\u30e9\u3064\u304f\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#services\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u89e3\u6c7a\u7b56\u3092\u898b\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">AI\u30ab\u30b9\u30bf\u30e0GPT\u304c\u89e3\u6c7a\u3057\u307e\u3059<\/h2>\n <div class=\"mt-10 grid md:grid-cols-4 gap-6\">\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\u2191<\/div>\n <h3 class=\"mt-4 font-bold\">\u58f2\u4e0a\u62e1\u5927<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u4f01\u753b\u3001\u8ca9\u8def\u62e1\u5927\u3001SNS\u6226\u7565\u3092\u4f01\u696d\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u5373\u63d0\u6848\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\uffe5<\/div>\n <h3 class=\"mt-4 font-bold\">\u30b3\u30b9\u30c8\u524a\u6e1b<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u8cbb\u5206\u6790\u3001\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u6a19\u6e96\u5316\u3001\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u81ea\u52d5\u751f\u6210\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\u2601<\/div>\n <h3 class=\"mt-4 font-bold\">\u60c5\u5831\u5171\u6709<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u55b6\u8a08\u753b\u30fb\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u30c6\u30f3\u30d7\u30ec\u5316\u3057\u3001\u8ab0\u3067\u3082\u3059\u3050\u306b\u5171\u6709\u30fb\u66f4\u65b0\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\ud83d\udc65<\/div>\n <h3 class=\"mt-4 font-bold\">\u4eba\u6750\u80b2\u6210<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5e79\u90e8\u7814\u4fee\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3084\u80b2\u6210\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092AI\u304c\u81ea\u52d5\u8a2d\u8a08\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#contact\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u7121\u6599\u7248\u3067\u4f53\u9a13\u3059\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u30b5\u30fc\u30d3\u30b9\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h2>\n\n <div class=\"mt-10 grid md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"flex items-start justify-between gap-4\">\n <h3 class=\"text-xl font-bold\">\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\uff08\u7121\u6599\uff09<\/h3>\n <span class=\"px-3 py-1 text-xs rounded-full bg-primary-100 text-primary-700\">\u4f53\u9a13\u7248<\/span>\n <\/div>\n <p class=\"mt-2 text-slate-600\">\u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u300c\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u66f8\uff0b\u8cbb\u7528\u8a66\u7b97\u300d\u3092\u81ea\u52d5\u4f5c\u6210\u3002<\/p>\n <ul class=\"mt-4 space-y-2 text-slate-700 text-sm list-disc list-inside\">\n <li>\u58f2\u4e0a\u5897\u5927\u30fb\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u60c5\u5831\u5171\u6709\u30fb\u4eba\u6750\u958b\u767a\u306e4\u63d0\u6848<\/li>\n <li>\u5404\u63d0\u6848\u306e\u521d\u671f\u8cbb\u7528\u6982\u7b97\u3092\u81ea\u52d5\u8868\u793a<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"mt-5 inline-block px-5 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/div>\n\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"flex items-start justify-between gap-4\">\n <h3 class=\"text-xl font-bold\">\u4e8b\u696d\u8a08\u753b\u30ab\u30b9\u30bf\u30e0GPT\u8b1b\u5ea7<\/h3>\n <span class=\"px-3 py-1 text-xs rounded-full bg-accent-500 text-white\">20\u4e07\u5186 \/ 1\u65e5\uff0b1\u304b\u6708\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/div>\n <p class=\"mt-2 text-slate-600\">\u7406\u5ff5\u30fb\u4f7f\u547d\u3092\u76db\u308a\u8fbc\u307f\u3001\u904e\u53bb\u6c7a\u7b97\u304b\u3089\u5e74\u9593\u5229\u76ca\u8a08\u753b\u307e\u3067\u4f5c\u6210\u3002\u5168\u793e\u54e1\u306b\u5171\u6709\u3067\u304d\u308b\u8cc7\u6599\u3082\u51fa\u529b\u3002<\/p>\n <ul class=\"mt-4 space-y-2 text-slate-700 text-sm list-disc list-inside\">\n <li>\u7406\u5ff5\u30fb\u4f7f\u547d\u30fb\u4fe1\u6761\u30fb\u793e\u4f1a\u7684\u8cac\u4efb\u30fb\u4eba\u6750\u958b\u767a\u3092\u5b9a\u7fa9<\/li>\n <li>\u65bd\u7b56\u3054\u3068\u306e\u5e74\u9593\u5229\u76ca\u8a08\u753b\u3092\u81ea\u52d5\u751f\u6210<\/li>\n <li>\u5168\u4f53\u4f1a\uff08\u793e\u5185\u767a\u8868\u4f1a\uff09\u306e\u4f01\u753b\u30fb\u904b\u55b6\u30b5\u30dd\u30fc\u30c8<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"mt-5 inline-block px-5 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-semibold\">\u8b1b\u5ea7\u306e\u8a73\u7d30\u3092\u554f\u3044\u5408\u308f\u305b\u308b<\/a>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 grid md:grid-cols-3 gap-6\">\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u58f2\u4e0a\u5897\u5927\u306e\u63d0\u6848\u30ab\u30b9\u30bf\u30e0GPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u4f01\u753b\u30fb\u8ca9\u8def\u62e1\u5927\u30fbSNS\u6226\u7565\u3092\u5177\u4f53\u5316\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>HP\u6539\u5584\u30fbSEO\u3068\u8a18\u4e8b\u5236\u4f5c\uff0860\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <li>LINE\u516c\u5f0f\uff0bL\u30b9\u30c6\u30c3\u30d7\u69cb\u7bc9\uff08100\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <li>EC\u30b5\u30a4\u30c8\u5236\u4f5c\u30fb\u904b\u7528\uff0850\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdcGPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u8cbb\u524a\u6e1b\u30d7\u30e9\u30f3\u3068\u6a19\u6e96\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u6574\u5099\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>\u57fa\u672c6\u304b\u6708\uff1a\u8ab2\u984c3\u4ef6\u62bd\u51fa\uff0b\u6a19\u6e96\u30de\u30cb\u30e5\u30a2\u30eb\uff0860\u4e07\u5186\uff5e\uff09<\/li>\n <li>\u793e\u54e1MTG6\u56de\u30fb\u610f\u601d\u91b8\u6210\u306e\u5168\u4f53\u4f1a\uff0820\u4e07\u5186\uff5e\uff09<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u4eba\u6750\u958b\u767a\u30ab\u30b9\u30bf\u30e0GPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5e79\u90e8\u7814\u4fee\u3068\u80b2\u6210\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092\u8a2d\u8a08\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>\u57fa\u672c6\u304b\u6708\uff1a\u5e79\u90e8\u80fd\u529b\u958b\u767a\uff08\u67081\u56de\uff5c60\u4e07\u5186\uff5e\uff09<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"voices\" class=\"py-16 md:py-24\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u5c0e\u5165\u4f01\u696d\u306e\u58f0<\/h2>\n <div class=\"mt-10 grid md:grid-cols-3 gap-6\">\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">\u4f1a\u8b70\u304c\u52b9\u7387\u5316\u3057\u3001\u7d4c\u55b6\u8a08\u753b\u306e\u5171\u6709\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u3002\u5168\u4f53\u4f1a\u3082\u6d3b\u6027\u5316\u3057\u307e\u3057\u305f\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">\u88fd\u9020\u696d\uff08\u5f93\u696d\u54e130\u540d\uff09<\/figcaption>\n <\/figure>\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u304c\u6a19\u6e96\u5316\u3055\u308c\u3001\u73fe\u5834\u306e\u8ff7\u3044\u304c\u6e1b\u5c11\u3002\u9867\u5ba2\u6e80\u8db3\u304c\u56de\u5fa9\u3057\u307e\u3057\u305f\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">\u5c0f\u58f2\u696d\uff08\u5f93\u696d\u54e118\u540d\uff09<\/figcaption>\n <\/figure>\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">AI\u304c\u51fa\u3057\u305f\u8ca9\u8def\u62e1\u5927\u6848\u3092\u5b9f\u884c\u3057\u30016\u304b\u6708\u3067\u58f2\u4e0a20\uff05\u30a2\u30c3\u30d7\u3092\u9054\u6210\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">BtoB\u30b5\u30fc\u30d3\u30b9\uff08\u5f93\u696d\u54e112\u540d\uff09<\/figcaption>\n <\/figure>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#contact\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u7121\u6599\u3067\u59cb\u3081\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-gradient-to-br from-primary-700 via-primary-600 to-primary-800 text-white\">\n <div class=\"mx-auto container-narrow px-4 text-center\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold\">AI\u306f\u7d4c\u55b6\u8005\u306e\u65b0\u3057\u3044\u53f3\u8155\u3067\u3059<\/h2>\n <p class=\"mt-4 text-white\/90\">\u4eba\u53e3\u6e1b\u5c11\u30fb\u4eba\u6750\u4e0d\u8db3\u30fb\u30b3\u30b9\u30c8\u9ad8\u9a30\u3068\u3044\u3046\u53b3\u3057\u3044\u6642\u4ee3\u3002AI\u306f\u5927\u4f01\u696d\u3060\u3051\u306e\u7279\u6a29\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u307e\u305a\u306f\u7121\u6599\u306e\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u3067\u4f53\u611f\u3092\u3002<\/p>\n <a href=\"#contact\" class=\"mt-8 inline-flex items-center gap-2 px-8 py-4 rounded-2xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u4eca\u3059\u3050\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <div class=\"grid md:grid-cols-2 gap-10 items-start\">\n <div>\n <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900\">\u8cc7\u6599\u8acb\u6c42\u30fb\u7121\u6599\u30c8\u30e9\u30a4\u30a2\u30eb<\/h2>\n <p class=\"mt-3 text-slate-600\">\u5fc5\u8981\u4e8b\u9805\u3092\u9001\u4fe1\u3044\u305f\u3060\u304f\u3068\u3001\u7121\u6599\u306e\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u4f53\u9a13\u30ea\u30f3\u30af\u3068\u3001\u30b5\u30fc\u30d3\u30b9\u8cc7\u6599\u3092\u304a\u9001\u308a\u3057\u307e\u3059\u3002<\/p>\n <ul class=\"mt-6 text-slate-700 space-y-3\">\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u3092\u81ea\u52d5\u4f5c\u6210<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u8cbb\u7528\u611f\u3068\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u76ee\u5b89\u3092\u5373\u8868\u793a<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u5c0e\u5165\u307e\u3067\u5c02\u4efb\u30b3\u30f3\u30b5\u30eb\u304c\u4f34\u8d70<\/li>\n <\/ul>\n <\/div>\n <form class=\"p-6 rounded-2xl bg-white shadow-soft space-y-4\" onsubmit=\"event.preventDefault(); document.getElementById('thanks').classList.remove('hidden'); this.reset();\">\n <div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"block text-sm font-medium\">\u4f1a\u793e\u540d\n <input required type=\"text\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u304a\u540d\u524d\n <input required type=\"text\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"block text-sm font-medium\">\u30e1\u30fc\u30eb\n <input required type=\"email\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u96fb\u8a71\u756a\u53f7\n <input type=\"tel\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <label class=\"block text-sm font-medium\">\u30b5\u30a4\u30c8URL\uff08\u4efb\u610f\uff09\n <input type=\"url\" placeholder=\"https:\/\/example.com\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u89e3\u6c7a\u3057\u305f\u3044\u8ab2\u984c\uff08\u8907\u6570\u53ef\uff09\n <select multiple class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\">\n <option>\u58f2\u4e0a\u62e1\u5927\uff08\u65b0\u5546\u54c1\u30fb\u8ca9\u8def\u30fbSNS\uff09<\/option>\n <option>\u30b3\u30b9\u30c8\u524a\u6e1b\uff08\u696d\u52d9\u52b9\u7387\u30fb\u6a19\u6e96\u5316\uff09<\/option>\n <option>\u60c5\u5831\u5171\u6709\uff08\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u7d4c\u55b6\u8a08\u753b\uff09<\/option>\n <option>\u4eba\u6750\u80b2\u6210\uff08\u5e79\u90e8\u7814\u4fee\u30fb\u6559\u80b2\uff09<\/option>\n <\/select>\n <\/label>\n <label class=\"block text-sm font-medium\">\u81ea\u7531\u8a18\u5165\n <textarea rows=\"4\" placeholder=\"\u73fe\u72b6\u3084\u3054\u5e0c\u671b\u306e\u652f\u63f4\u5185\u5bb9\u3092\u304a\u66f8\u304d\u304f\u3060\u3055\u3044\u3002\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\"><\/textarea>\n <\/label>\n <button class=\"w-full px-6 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u9001\u4fe1\u3057\u3066\u7121\u6599\u30ea\u30f3\u30af\u3092\u53d7\u3051\u53d6\u308b<\/button>\n <p id=\"thanks\" class=\"hidden text-sm text-green-700 bg-green-50 border border-green-200 rounded-lg p-3\">\u9001\u4fe1\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\u62c5\u5f53\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\uff08\u30c7\u30e2\uff09\u3002<\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-10 border-t border-slate-200\">\n <div class=\"mx-auto container-narrow px-4 flex flex-col md:flex-row items-center gap-4 md:gap-8\">\n <div class=\"flex items-center gap-2\">\n <span class=\"inline-grid place-items-center w-9 h-9 rounded-xl bg-primary-700 text-white\">AI<\/span>\n <p class=\"text-sm text-slate-600\">\u00a9 <span id=\"year\"><\/span> \u4e2d\u5c0f\u4f01\u696dAI\u6d3b\u7528\u30d1\u30fc\u30c8\u30ca\u30fc. All rights reserved.<\/p>\n <\/div>\n <nav class=\"md:ml-auto text-sm flex items-center gap-4 text-slate-600\">\n <a href=\"#\" class=\"hover:text-slate-900\">\u4f1a\u793e\u60c5\u5831<\/a>\n <a href=\"#\" class=\"hover:text-slate-900\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <a href=\"#\" class=\"hover:text-slate-900\">SNS<\/a>\n <\/nav>\n <\/div>\n <\/footer>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5411\u3051 AI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":1,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":20,"date":"2025-09-08T12:02:59","date_gmt":"2025-09-08T03:02:59","guid":{"rendered":"https:\/\/zen1.childstar-sp.net\/?page_id=20"},"modified":"2025-09-08T12:02:59","modified_gmt":"2025-09-08T03:02:59","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b82","status":"publish","type":"page","link":"https:\/\/zen1.childstar-sp.net\/?page_id=20","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b82"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n \u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5411\u3051 AI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb\uff5c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT<\/title>\n <meta name=\"description\" content=\"\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u306e\u305f\u3081\u306eAI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb\u3002\u7121\u6599\u306e\u300e\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300f\u304b\u3089\u3001\u6709\u6599\u306e\u4e8b\u696d\u8a08\u753b\u30ab\u30b9\u30bf\u30e0\u8b1b\u5ea7\u3001\u58f2\u4e0a\u62e1\u5927\u30fb\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u4eba\u6750\u958b\u767a\u652f\u63f4\u307e\u3067\u4e00\u6c17\u901a\u8cab\u3067\u63d0\u4f9b\u3002\" \/>\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=Noto+Sans+JP:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['\"Noto Sans JP\"', 'system-ui', 'sans-serif'] },\n colors: {\n primary: {\n 50:'#eff6ff', 100:'#dbeafe', 200:'#bfdbfe', 300:'#93c5fd', 400:'#60a5fa', 500:'#3b82f6', 600:'#2563eb', 700:'#1d4ed8', 800:'#1e40af', 900:'#1e3a8a'\n },\n accent: { 500:'#f97316', 600:'#ea580c' }\n },\n boxShadow: {\n soft: '0 10px 30px rgba(2, 6, 23, 0.08)'\n }\n }\n }\n }\n <\/script>\n <style>\n html{scroll-behavior:smooth}\n .container-narrow{max-width:1120px}\n .bg-grid{background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,.16) 1px, transparent 0);background-size: 22px 22px}\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800\">\n \n <header class=\"sticky top-0 z-50 bg-white\/80 backdrop-blur border-b border-slate-200\">\n <div class=\"mx-auto container-narrow px-4 py-3 flex items-center gap-6\">\n <a href=\"#\" class=\"flex items-center gap-2 group\">\n <span class=\"inline-grid place-items-center w-9 h-9 rounded-xl bg-primary-600 text-white shadow-soft\">AI<\/span>\n <span class=\"text-lg font-bold\">\u4e2d\u5c0f\u4f01\u696dAI\u6d3b\u7528\u30d1\u30fc\u30c8\u30ca\u30fc<\/span>\n <\/a>\n <nav class=\"ml-auto hidden md:flex items-center gap-6 text-sm\">\n <a href=\"#features\" class=\"hover:text-primary-700\">\u7279\u5fb4<\/a>\n <a href=\"#services\" class=\"hover:text-primary-700\">\u30b5\u30fc\u30d3\u30b9<\/a>\n <a href=\"#voices\" class=\"hover:text-primary-700\">\u5c0e\u5165\u4e8b\u4f8b<\/a>\n <a href=\"#contact\" class=\"hover:text-primary-700\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <a href=\"#trial\" class=\"px-4 py-2 rounded-lg bg-accent-500 hover:bg-accent-600 text-white font-semibold shadow-soft\">\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\" class=\"relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-br from-primary-700 via-primary-600 to-primary-800\"><\/div>\n <div class=\"relative\">\n <div class=\"mx-auto container-narrow px-4 py-20 md:py-28 grid md:grid-cols-2 items-center gap-10 text-white\">\n <div>\n <p class=\"inline-flex items-center gap-2 text-xs tracking-wide uppercase mb-3 opacity-90\"><span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span> \u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5c02\u7528<\/p>\n <h1 class=\"text-3xl md:text-5xl font-black leading-tight\">AI\u3067\u672a\u6765\u3092\u5207\u308a\u62d3\u304f\u3002<br class=\"hidden md:block\">\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u7121\u6599\u516c\u958b\u4e2d<\/h1>\n <p class=\"mt-5 text-white\/90 md:text-lg\">\u58f2\u4e0a\u6e1b\u5c11\u30fb\u4eba\u6750\u4e0d\u8db3\u30fb\u60c5\u5831\u5316\u306e\u9045\u308c\u3002\u3044\u307e\u3053\u305dAI\u3092\u7d4c\u55b6\u306e\u5473\u65b9\u306b\u3002\u3042\u306a\u305f\u306e\u4f1a\u793e\u306e\u7d4c\u55b6\u8ab2\u984c\u3092\u30011\u65e5\u3067\u6574\u7406\u3057\u89e3\u6c7a\u7b56\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <div class=\"mt-8 flex flex-col sm:flex-row gap-3\">\n <a id=\"trial\" href=\"#contact\" class=\"px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft text-center\">\u4eca\u3059\u3050\u7121\u6599\u3067\u4e8b\u696d\u8a08\u753b\u66f8\u3092\u4f5c\u6210\u3059\u308b<\/a>\n <a href=\"#features\" class=\"px-6 py-3 rounded-xl bg-white\/10 hover:bg-white\/20 text-white font-semibold border border-white\/20 text-center\">\u7279\u5fb4\u3092\u898b\u308b<\/a>\n <\/div>\n <div class=\"mt-6 text-sm text-white\/80 flex items-center gap-4\">\n <div class=\"flex -space-x-2\">\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <span class=\"w-7 h-7 rounded-full bg-white\/20 border border-white\/20\"><\/span>\n <\/div>\n <span>\u5c0e\u5165\u4f01\u696d\u306e\u6e80\u8db3\u5ea6 4.8 \/ 5.0<\/span>\n <\/div>\n <\/div>\n <div class=\"relative\">\n <div class=\"rounded-2xl bg-white\/10 p-2 md:p-3 shadow-soft\">\n <div class=\"rounded-xl bg-white text-slate-800 p-5 md:p-7\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"w-8 h-8 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">GPT<\/div>\n <div class=\"text-sm\">\n <p class=\"font-bold\">\u4e8b\u696d\u8a08\u753b\u66f8\u306e\u81ea\u52d5\u751f\u6210<\/p>\n <p class=\"text-slate-500\">\u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b \u2192 \u3059\u3050\u51fa\u529b<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-3\">\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u696d\u7a2e\u30fb\u696d\u614b<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u88fd\u9020\u696d\uff08\u91d1\u5c5e\u52a0\u5de5\uff09\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u4e3b\u529b\u5546\u54c1<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a\u7cbe\u5bc6\u90e8\u54c1\u30fbOEM\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <div class=\"grid grid-cols-2 gap-3\">\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u5e74\u5546<\/span>\n <input type=\"text\" placeholder=\"\u4f8b\uff1a1.5\u5104\u5186\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u5f93\u696d\u54e1\u6570<\/span>\n <input type=\"number\" placeholder=\"\u4f8b\uff1a18\u540d\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <label class=\"block\">\n <span class=\"text-sm font-medium\">\u89e3\u6c7a\u3057\u305f\u3044\u8ab2\u984c<\/span>\n <textarea placeholder=\"\u4f8b\uff1a\u65b0\u898f\u9867\u5ba2\u306e\u7372\u5f97\u3001\u63a1\u7528\u96e3\u3001\u539f\u4fa1\u9ad8\u9a30\u306e\u5438\u53ce\u3001\u793e\u5185\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u6a19\u6e96\u5316\u2026\" rows=\"3\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\"><\/textarea>\n <\/label>\n <button class=\"w-full mt-2 px-5 py-3 rounded-lg bg-primary-600 hover:bg-primary-700 text-white font-bold\">\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u3092\u30d7\u30ec\u30d3\u30e5\u30fc<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute -z-10 -inset-6 md:-inset-10 bg-grid opacity-20 rounded-3xl\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u304c\u76f4\u9762\u3059\u308b\u201c3\u3064\u306e\u58c1\u201d<\/h2>\n <p class=\"mt-4 text-slate-600 text-center\">\u300c\u3046\u3061\u306e\u4f1a\u793e\u3082\u305d\u3046\u3060\u300d\u3068\u611f\u3058\u305f\u65b9\u3078\u3002AI\u6d3b\u7528\u304c\u3001\u305d\u306e\u58c1\u3092\u7a81\u7834\u3059\u308b\u624b\u6bb5\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n <div class=\"mt-10 grid md:grid-cols-3 gap-6\">\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">1<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u58f2\u4e0a\u62e1\u5927\u306e\u9053\u304c\u898b\u3064\u304b\u3089\u306a\u3044<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u958b\u767a\u3084\u8ca9\u8def\u62e1\u5927\u3001SNS\u6d3b\u7528\u306e\u578b\u304c\u306a\u304f\u3001\u52d8\u3068\u7d4c\u9a13\u306b\u983c\u3063\u3066\u3057\u307e\u3046\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">2<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u30b3\u30b9\u30c8\u9ad8\u9a30\u3067\u5229\u76ca\u304c\u51fa\u306a\u3044<\/h3>\n <p class=\"mt-2 text-slate-600\">\u4eba\u4ef6\u8cbb\u30fb\u539f\u6750\u6599\u8cbb\u306e\u4e0a\u6607\u3092\u4fa1\u683c\u8ee2\u5ac1\u3067\u304d\u305a\u3001\u5229\u76ca\u7387\u304c\u4f4e\u8ff7\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-100 text-primary-700 grid place-items-center font-bold\">3<\/div>\n <h3 class=\"mt-4 font-bold text-lg\">\u793e\u5185\u306e\u975e\u52b9\u7387\u3068\u5c5e\u4eba\u5316<\/h3>\n <p class=\"mt-2 text-slate-600\">\u30de\u30cb\u30e5\u30a2\u30eb\u3084\u4e8b\u696d\u8a08\u753b\u306e\u5171\u6709\u304c\u9032\u307e\u305a\u3001\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u3082\u30d0\u30e9\u3064\u304f\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#services\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u89e3\u6c7a\u7b56\u3092\u898b\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">AI\u30ab\u30b9\u30bf\u30e0GPT\u304c\u89e3\u6c7a\u3057\u307e\u3059<\/h2>\n <div class=\"mt-10 grid md:grid-cols-4 gap-6\">\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\u2191<\/div>\n <h3 class=\"mt-4 font-bold\">\u58f2\u4e0a\u62e1\u5927<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u4f01\u753b\u3001\u8ca9\u8def\u62e1\u5927\u3001SNS\u6226\u7565\u3092\u4f01\u696d\u30d7\u30ed\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u5373\u63d0\u6848\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\uffe5<\/div>\n <h3 class=\"mt-4 font-bold\">\u30b3\u30b9\u30c8\u524a\u6e1b<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u8cbb\u5206\u6790\u3001\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u6a19\u6e96\u5316\u3001\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u81ea\u52d5\u751f\u6210\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\u2601<\/div>\n <h3 class=\"mt-4 font-bold\">\u60c5\u5831\u5171\u6709<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u55b6\u8a08\u753b\u30fb\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u30c6\u30f3\u30d7\u30ec\u5316\u3057\u3001\u8ab0\u3067\u3082\u3059\u3050\u306b\u5171\u6709\u30fb\u66f4\u65b0\u3002<\/p>\n <\/div>\n <div class=\"p-6 rounded-2xl border border-slate-200 hover:shadow-soft transition\">\n <div class=\"w-10 h-10 rounded-lg bg-primary-50 text-primary-700 grid place-items-center font-bold\">\ud83d\udc65<\/div>\n <h3 class=\"mt-4 font-bold\">\u4eba\u6750\u80b2\u6210<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5e79\u90e8\u7814\u4fee\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3084\u80b2\u6210\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092AI\u304c\u81ea\u52d5\u8a2d\u8a08\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#contact\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u7121\u6599\u7248\u3067\u4f53\u9a13\u3059\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u30b5\u30fc\u30d3\u30b9\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h2>\n\n <div class=\"mt-10 grid md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"flex items-start justify-between gap-4\">\n <h3 class=\"text-xl font-bold\">\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\uff08\u7121\u6599\uff09<\/h3>\n <span class=\"px-3 py-1 text-xs rounded-full bg-primary-100 text-primary-700\">\u4f53\u9a13\u7248<\/span>\n <\/div>\n <p class=\"mt-2 text-slate-600\">\u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u300c\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u66f8\uff0b\u8cbb\u7528\u8a66\u7b97\u300d\u3092\u81ea\u52d5\u4f5c\u6210\u3002<\/p>\n <ul class=\"mt-4 space-y-2 text-slate-700 text-sm list-disc list-inside\">\n <li>\u58f2\u4e0a\u5897\u5927\u30fb\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u60c5\u5831\u5171\u6709\u30fb\u4eba\u6750\u958b\u767a\u306e4\u63d0\u6848<\/li>\n <li>\u5404\u63d0\u6848\u306e\u521d\u671f\u8cbb\u7528\u6982\u7b97\u3092\u81ea\u52d5\u8868\u793a<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"mt-5 inline-block px-5 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/div>\n\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <div class=\"flex items-start justify-between gap-4\">\n <h3 class=\"text-xl font-bold\">\u4e8b\u696d\u8a08\u753b\u30ab\u30b9\u30bf\u30e0GPT\u8b1b\u5ea7<\/h3>\n <span class=\"px-3 py-1 text-xs rounded-full bg-accent-500 text-white\">20\u4e07\u5186 \/ 1\u65e5\uff0b1\u304b\u6708\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/div>\n <p class=\"mt-2 text-slate-600\">\u7406\u5ff5\u30fb\u4f7f\u547d\u3092\u76db\u308a\u8fbc\u307f\u3001\u904e\u53bb\u6c7a\u7b97\u304b\u3089\u5e74\u9593\u5229\u76ca\u8a08\u753b\u307e\u3067\u4f5c\u6210\u3002\u5168\u793e\u54e1\u306b\u5171\u6709\u3067\u304d\u308b\u8cc7\u6599\u3082\u51fa\u529b\u3002<\/p>\n <ul class=\"mt-4 space-y-2 text-slate-700 text-sm list-disc list-inside\">\n <li>\u7406\u5ff5\u30fb\u4f7f\u547d\u30fb\u4fe1\u6761\u30fb\u793e\u4f1a\u7684\u8cac\u4efb\u30fb\u4eba\u6750\u958b\u767a\u3092\u5b9a\u7fa9<\/li>\n <li>\u65bd\u7b56\u3054\u3068\u306e\u5e74\u9593\u5229\u76ca\u8a08\u753b\u3092\u81ea\u52d5\u751f\u6210<\/li>\n <li>\u5168\u4f53\u4f1a\uff08\u793e\u5185\u767a\u8868\u4f1a\uff09\u306e\u4f01\u753b\u30fb\u904b\u55b6\u30b5\u30dd\u30fc\u30c8<\/li>\n <\/ul>\n <a href=\"#contact\" class=\"mt-5 inline-block px-5 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-semibold\">\u8b1b\u5ea7\u306e\u8a73\u7d30\u3092\u554f\u3044\u5408\u308f\u305b\u308b<\/a>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 grid md:grid-cols-3 gap-6\">\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u58f2\u4e0a\u5897\u5927\u306e\u63d0\u6848\u30ab\u30b9\u30bf\u30e0GPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u65b0\u5546\u54c1\u4f01\u753b\u30fb\u8ca9\u8def\u62e1\u5927\u30fbSNS\u6226\u7565\u3092\u5177\u4f53\u5316\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>HP\u6539\u5584\u30fbSEO\u3068\u8a18\u4e8b\u5236\u4f5c\uff0860\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <li>LINE\u516c\u5f0f\uff0bL\u30b9\u30c6\u30c3\u30d7\u69cb\u7bc9\uff08100\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <li>EC\u30b5\u30a4\u30c8\u5236\u4f5c\u30fb\u904b\u7528\uff0850\u4e07\u5186\uff5e\uff0f6\u304b\u6708\uff09<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u30b3\u30b9\u30c8\u524a\u6e1b\u30fb\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdcGPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u7d4c\u8cbb\u524a\u6e1b\u30d7\u30e9\u30f3\u3068\u6a19\u6e96\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u6574\u5099\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>\u57fa\u672c6\u304b\u6708\uff1a\u8ab2\u984c3\u4ef6\u62bd\u51fa\uff0b\u6a19\u6e96\u30de\u30cb\u30e5\u30a2\u30eb\uff0860\u4e07\u5186\uff5e\uff09<\/li>\n <li>\u793e\u54e1MTG6\u56de\u30fb\u610f\u601d\u91b8\u6210\u306e\u5168\u4f53\u4f1a\uff0820\u4e07\u5186\uff5e\uff09<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"p-6 rounded-2xl bg-white shadow-soft\">\n <h3 class=\"text-lg font-bold\">\u4eba\u6750\u958b\u767a\u30ab\u30b9\u30bf\u30e0GPT<\/h3>\n <p class=\"mt-2 text-slate-600\">\u5e79\u90e8\u7814\u4fee\u3068\u80b2\u6210\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092\u8a2d\u8a08\u3002<\/p>\n <p class=\"mt-3 text-sm text-slate-700\">20\u4e07\u5186\uff5e<\/p>\n <ul class=\"mt-3 text-sm list-disc list-inside text-slate-700 space-y-1\">\n <li>\u57fa\u672c6\u304b\u6708\uff1a\u5e79\u90e8\u80fd\u529b\u958b\u767a\uff08\u67081\u56de\uff5c60\u4e07\u5186\uff5e\uff09<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"voices\" class=\"py-16 md:py-24\">\n <div class=\"mx-auto container-narrow px-4\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold text-slate-900 text-center\">\u5c0e\u5165\u4f01\u696d\u306e\u58f0<\/h2>\n <div class=\"mt-10 grid md:grid-cols-3 gap-6\">\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">\u4f1a\u8b70\u304c\u52b9\u7387\u5316\u3057\u3001\u7d4c\u55b6\u8a08\u753b\u306e\u5171\u6709\u304c\u30b9\u30e0\u30fc\u30ba\u306b\u3002\u5168\u4f53\u4f1a\u3082\u6d3b\u6027\u5316\u3057\u307e\u3057\u305f\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">\u88fd\u9020\u696d\uff08\u5f93\u696d\u54e130\u540d\uff09<\/figcaption>\n <\/figure>\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u304c\u6a19\u6e96\u5316\u3055\u308c\u3001\u73fe\u5834\u306e\u8ff7\u3044\u304c\u6e1b\u5c11\u3002\u9867\u5ba2\u6e80\u8db3\u304c\u56de\u5fa9\u3057\u307e\u3057\u305f\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">\u5c0f\u58f2\u696d\uff08\u5f93\u696d\u54e118\u540d\uff09<\/figcaption>\n <\/figure>\n <figure class=\"p-6 rounded-2xl border border-slate-200\">\n <blockquote class=\"text-slate-700\">AI\u304c\u51fa\u3057\u305f\u8ca9\u8def\u62e1\u5927\u6848\u3092\u5b9f\u884c\u3057\u30016\u304b\u6708\u3067\u58f2\u4e0a20\uff05\u30a2\u30c3\u30d7\u3092\u9054\u6210\u3002<\/blockquote>\n <figcaption class=\"mt-4 text-sm text-slate-500\">BtoB\u30b5\u30fc\u30d3\u30b9\uff08\u5f93\u696d\u54e112\u540d\uff09<\/figcaption>\n <\/figure>\n <\/div>\n <div class=\"mt-10 text-center\">\n <a href=\"#contact\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u7121\u6599\u3067\u59cb\u3081\u308b <span aria-hidden>\u2192<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 md:py-24 bg-gradient-to-br from-primary-700 via-primary-600 to-primary-800 text-white\">\n <div class=\"mx-auto container-narrow px-4 text-center\">\n <h2 class=\"text-2xl md:text-4xl font-extrabold\">AI\u306f\u7d4c\u55b6\u8005\u306e\u65b0\u3057\u3044\u53f3\u8155\u3067\u3059<\/h2>\n <p class=\"mt-4 text-white\/90\">\u4eba\u53e3\u6e1b\u5c11\u30fb\u4eba\u6750\u4e0d\u8db3\u30fb\u30b3\u30b9\u30c8\u9ad8\u9a30\u3068\u3044\u3046\u53b3\u3057\u3044\u6642\u4ee3\u3002AI\u306f\u5927\u4f01\u696d\u3060\u3051\u306e\u7279\u6a29\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u307e\u305a\u306f\u7121\u6599\u306e\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u3067\u4f53\u611f\u3092\u3002<\/p>\n <a href=\"#contact\" class=\"mt-8 inline-flex items-center gap-2 px-8 py-4 rounded-2xl bg-accent-500 hover:bg-accent-600 text-white font-bold shadow-soft\">\u4eca\u3059\u3050\u7121\u6599\u3067\u8a66\u3059<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-16 md:py-24 bg-slate-50\">\n <div class=\"mx-auto container-narrow px-4\">\n <div class=\"grid md:grid-cols-2 gap-10 items-start\">\n <div>\n <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900\">\u8cc7\u6599\u8acb\u6c42\u30fb\u7121\u6599\u30c8\u30e9\u30a4\u30a2\u30eb<\/h2>\n <p class=\"mt-3 text-slate-600\">\u5fc5\u8981\u4e8b\u9805\u3092\u9001\u4fe1\u3044\u305f\u3060\u304f\u3068\u3001\u7121\u6599\u306e\u300c\u4e8b\u696d\u8a08\u753b\u66f8\u5236\u4f5cGPT\u300d\u4f53\u9a13\u30ea\u30f3\u30af\u3068\u3001\u30b5\u30fc\u30d3\u30b9\u8cc7\u6599\u3092\u304a\u9001\u308a\u3057\u307e\u3059\u3002<\/p>\n <ul class=\"mt-6 text-slate-700 space-y-3\">\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u4f1a\u793e\u60c5\u5831\u3092\u5165\u529b\u3059\u308b\u3060\u3051\u3067\u7c21\u6613\u4e8b\u696d\u8a08\u753b\u3092\u81ea\u52d5\u4f5c\u6210<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u8cbb\u7528\u611f\u3068\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u76ee\u5b89\u3092\u5373\u8868\u793a<\/li>\n <li class=\"flex items-start gap-3\"><span class=\"mt-1 w-6 h-6 rounded-lg bg-primary-100 text-primary-700 grid place-items-center\">\u2713<\/span> \u5c0e\u5165\u307e\u3067\u5c02\u4efb\u30b3\u30f3\u30b5\u30eb\u304c\u4f34\u8d70<\/li>\n <\/ul>\n <\/div>\n <form class=\"p-6 rounded-2xl bg-white shadow-soft space-y-4\" onsubmit=\"event.preventDefault(); document.getElementById('thanks').classList.remove('hidden'); this.reset();\">\n <div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"block text-sm font-medium\">\u4f1a\u793e\u540d\n <input required type=\"text\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u304a\u540d\u524d\n <input required type=\"text\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <label class=\"block text-sm font-medium\">\u30e1\u30fc\u30eb\n <input required type=\"email\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u96fb\u8a71\u756a\u53f7\n <input type=\"tel\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <\/div>\n <label class=\"block text-sm font-medium\">\u30b5\u30a4\u30c8URL\uff08\u4efb\u610f\uff09\n <input type=\"url\" placeholder=\"https:\/\/example.com\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\" \/>\n <\/label>\n <label class=\"block text-sm font-medium\">\u89e3\u6c7a\u3057\u305f\u3044\u8ab2\u984c\uff08\u8907\u6570\u53ef\uff09\n <select multiple class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\">\n <option>\u58f2\u4e0a\u62e1\u5927\uff08\u65b0\u5546\u54c1\u30fb\u8ca9\u8def\u30fbSNS\uff09<\/option>\n <option>\u30b3\u30b9\u30c8\u524a\u6e1b\uff08\u696d\u52d9\u52b9\u7387\u30fb\u6a19\u6e96\u5316\uff09<\/option>\n <option>\u60c5\u5831\u5171\u6709\uff08\u30de\u30cb\u30e5\u30a2\u30eb\u30fb\u7d4c\u55b6\u8a08\u753b\uff09<\/option>\n <option>\u4eba\u6750\u80b2\u6210\uff08\u5e79\u90e8\u7814\u4fee\u30fb\u6559\u80b2\uff09<\/option>\n <\/select>\n <\/label>\n <label class=\"block text-sm font-medium\">\u81ea\u7531\u8a18\u5165\n <textarea rows=\"4\" placeholder=\"\u73fe\u72b6\u3084\u3054\u5e0c\u671b\u306e\u652f\u63f4\u5185\u5bb9\u3092\u304a\u66f8\u304d\u304f\u3060\u3055\u3044\u3002\" class=\"mt-1 w-full rounded-lg border-slate-300 focus:border-primary-500 focus:ring-primary-500\"><\/textarea>\n <\/label>\n <button class=\"w-full px-6 py-3 rounded-xl bg-slate-900 hover:bg-slate-800 text-white font-semibold\">\u9001\u4fe1\u3057\u3066\u7121\u6599\u30ea\u30f3\u30af\u3092\u53d7\u3051\u53d6\u308b<\/button>\n <p id=\"thanks\" class=\"hidden text-sm text-green-700 bg-green-50 border border-green-200 rounded-lg p-3\">\u9001\u4fe1\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\u62c5\u5f53\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\uff08\u30c7\u30e2\uff09\u3002<\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-10 border-t border-slate-200\">\n <div class=\"mx-auto container-narrow px-4 flex flex-col md:flex-row items-center gap-4 md:gap-8\">\n <div class=\"flex items-center gap-2\">\n <span class=\"inline-grid place-items-center w-9 h-9 rounded-xl bg-primary-700 text-white\">AI<\/span>\n <p class=\"text-sm text-slate-600\">\u00a9 <span id=\"year\"><\/span> \u4e2d\u5c0f\u4f01\u696dAI\u6d3b\u7528\u30d1\u30fc\u30c8\u30ca\u30fc. All rights reserved.<\/p>\n <\/div>\n <nav class=\"md:ml-auto text-sm flex items-center gap-4 text-slate-600\">\n <a href=\"#\" class=\"hover:text-slate-900\">\u4f1a\u793e\u60c5\u5831<\/a>\n <a href=\"#\" class=\"hover:text-slate-900\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n <a href=\"#\" class=\"hover:text-slate-900\">SNS<\/a>\n <\/nav>\n <\/div>\n <\/footer>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u5c0f\u4f01\u696d\u30fb\u500b\u4eba\u4e8b\u696d\u5411\u3051 AI\u6d3b\u7528\u30b3\u30f3\u30b5\u30eb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":1,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/zen1.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}