\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 | \u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8<\/title>\n <meta name=\"description\" content=\"\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u904b\u55b6\u3059\u308b5\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\uff08Instagram\u3001NOTE\u3001\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u3001Youtube\u3001X\uff09\u3092\u6d3b\u7528\u3057\u305f\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e\u3054\u7d39\u4ecb\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3067\u8cb4\u793e\u306e\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u3068\u96c6\u5ba2\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002\">\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n color: #333;\n line-height: 1.7;\n background-color: #fafafa;\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #6A11CB 0%, #2575FC 100%);\n position: relative;\n overflow: hidden;\n }\n \n .gradient-bg:before {\n content: '';\n position: absolute;\n top: -10%;\n left: -10%;\n width: 120%;\n height: 120%;\n background: url('https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/tailwindcss\/tailwindcss-original.svg');\n opacity: 0.05;\n transform: rotate(-5deg);\n z-index: 0;\n }\n \n .section-title {\n position: relative;\n margin-bottom: 2rem;\n display: inline-block;\n }\n \n .section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, #3494E6, #EC6EAD);\n }\n \n .media-card {\n transition: transform 0.3s, box-shadow 0.3s;\n border-radius: 12px;\n overflow: hidden;\n }\n \n .media-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n \n .media-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: 1rem;\n }\n \n .instagram-bg {\n background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\n }\n \n .note-bg {\n background-color: #10876d; \/* \u7dd1\u8272\u3092\u6fc3\u304f\u3057\u307e\u3057\u305f *\/\n }\n \n .website-bg {\n background-color: #4A90E2;\n }\n \n .youtube-bg {\n background-color: #FF0000;\n }\n \n .x-bg {\n background-color: #000000;\n }\n \n .pricing-card {\n transition: transform 0.3s, box-shadow 0.3s;\n border-radius: 12px;\n overflow: hidden;\n background-color: white;\n position: relative;\n z-index: 1;\n }\n \n .pricing-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n z-index: 2;\n }\n \n .premium-card {\n border: 2px solid transparent;\n background-image: linear-gradient(white, white), \n linear-gradient(135deg, #3494E6, #EC6EAD);\n background-origin: border-box;\n background-clip: content-box, border-box;\n }\n \n .feature-check {\n color: #41C9B4;\n margin-right: 8px;\n }\n \n .cta-section {\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .cta-section:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(52,148,230,0.9), rgba(236,110,173,0.9));\n z-index: -1;\n }\n \n .btn-gradient {\n background: linear-gradient(135deg, #3494E6, #EC6EAD);\n transition: all 0.3s;\n }\n \n .btn-gradient:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n box-shadow: 0 7px 14px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);\n }\n \n .btn-outline {\n background: transparent;\n border: 2px solid white;\n transition: all 0.3s;\n }\n \n .btn-outline:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-2px);\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 30px;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 16px;\n }\n\n .feature-icon {\n margin-right: 12px;\n font-size: 24px;\n color: #3494E6;\n flex-shrink: 0;\n }\n\n .service-box {\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n padding: 1.5rem;\n transition: all 0.3s;\n }\n\n .service-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n\n .service-icon {\n width: 50px;\n height: 50px;\n background-color: #ebf4ff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n }\n\n \/* X logo styles *\/\n .x-logo {\n position: relative;\n width: 20px;\n height: 20px;\n }\n \n .x-logo:before {\n content: \"\";\n position: absolute;\n width: 2px;\n height: 20px;\n transform: rotate(45deg);\n left: 9px;\n }\n \n .x-logo:after {\n content: \"\";\n position: absolute;\n width: 2px;\n height: 20px;\n transform: rotate(-45deg);\n left: 9px;\n }\n \n \/* \u65b0\u3057\u3044\u30e1\u30c7\u30a3\u30a2\u8868\u793a\u90e8\u5206\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n .media-showcase {\n position: relative;\n min-height: 450px;\n perspective: 1000px;\n transform-style: preserve-3d;\n height: auto;\n }\n \n .media-platform {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n \n .media-platform-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n background: linear-gradient(45deg, #0f172a, #1e293b);\n z-index: 0;\n overflow: hidden;\n }\n \n .media-platform-bg::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(79, 70, 229, 0.1) 0%, rgba(99, 102, 241, 0.08) 25%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n \n .media-platform-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 50% 80%, rgba(56, 189, 248, 0.12), transparent 60%);\n }\n \n .media-content {\n position: relative;\n z-index: 10;\n width: 95%;\n max-width: 500px;\n }\n \n .media-title {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(90deg, #f9fafb, #d1d5db);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .media-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-bottom: 2rem;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: media-item\u306e\u30b5\u30a4\u30ba\u56fa\u5b9a\u3092\u5909\u66f4 ===== *\/\n .media-item {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(10px);\n border-radius: 12px;\n padding: 20px;\n width: 22%; \/* \u56fa\u5b9apx\u5024\u304b\u3089\u76f8\u5bfe\u5024\u306b\u5909\u66f4 *\/\n min-width: 120px; \/* \u6700\u5c0f\u5e45\u3092\u8a2d\u5b9a *\/\n aspect-ratio: 1 \/ 1; \/* \u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3092\u4fdd\u6301 *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n }\n \n .media-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.12);\n }\n \n .media-item-icon {\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n color: white;\n font-size: 24px;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: media-item-name\u306e\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u3092\u6539\u5584 ===== *\/\n .media-item-name {\n color: white;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n word-break: break-word; \/* \u8ffd\u52a0: \u9577\u3044\u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057 *\/\n overflow-wrap: break-word; \/* \u8ffd\u52a0: \u9577\u3044\u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057 *\/\n width: 100%; \/* \u8ffd\u52a0: \u6a2a\u5e45100%\u6307\u5b9a\u3067\u89aa\u306b\u5408\u308f\u305b\u308b *\/\n line-height: 1.3; \/* \u8ffd\u52a0: \u884c\u9593\u3092\u8abf\u6574 *\/\n }\n \n .media-description {\n text-align: center;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 2rem;\n padding: 0 1rem;\n font-size: 1rem;\n line-height: 1.7;\n }\n \n .glowing-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n }\n \n .particle {\n position: absolute;\n width: 5px;\n height: 5px;\n background: white;\n border-radius: 50%;\n opacity: 0.3;\n animation: float 6s infinite ease-in-out;\n }\n \n .particle:nth-child(1) {\n top: 20%;\n left: 10%;\n width: 6px;\n height: 6px;\n animation-delay: 0s;\n background: #38bdf8;\n }\n \n .particle:nth-child(2) {\n top: 70%;\n left: 80%;\n width: 8px;\n height: 8px;\n animation-delay: 0.5s;\n background: #818cf8;\n }\n .particle:nth-child(3) {\n top: 40%;\n left: 30%;\n width: 4px;\n height: 4px;\n animation-delay: 1s;\n background: #c084fc;\n }\n \n .particle:nth-child(4) {\n top: 80%;\n left: 20%;\n width: 5px;\n height: 5px;\n animation-delay: 1.5s;\n background: #38bdf8;\n }\n \n .particle:nth-child(5) {\n top: 25%;\n left: 85%;\n width: 7px;\n height: 7px;\n animation-delay: 2s;\n background: #818cf8;\n }\n \n .particle:nth-child(6) {\n top: 10%;\n left: 40%;\n width: 6px;\n height: 6px;\n animation-delay: 2.5s;\n background: #c084fc;\n }\n \n .particle:nth-child(7) {\n top: 60%;\n left: 55%;\n width: 4px;\n height: 4px;\n animation-delay: 3s;\n background: #38bdf8;\n }\n \n .connecting-lines {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n \n .connecting-line {\n position: absolute;\n width: 1px;\n height: 100px;\n background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);\n transform-origin: top;\n }\n \n .connecting-line:nth-child(1) {\n top: 20%;\n left: 25%;\n height: 150px;\n transform: rotate(45deg);\n }\n \n .connecting-line:nth-child(2) {\n top: 60%;\n left: 65%;\n height: 120px;\n transform: rotate(-30deg);\n }\n \n .connecting-line:nth-child(3) {\n top: 30%;\n left: 70%;\n height: 180px;\n transform: rotate(60deg);\n }\n \n .connecting-line:nth-child(4) {\n top: 70%;\n left: 35%;\n height: 130px;\n transform: rotate(-60deg);\n }\n \n @keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n \n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n \/* \u30a4\u30f3\u30b9\u30bf\u30b0\u30e9\u30e0\u30a2\u30a4\u30b3\u30f3\u7528\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n .instagram-gradient {\n background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n \n \/* NOTE\u7528\u30ab\u30e9\u30fc *\/\n .note-color {\n color: #10876d;\n }\n \n \/* YouTube\u7528\u30ab\u30e9\u30fc *\/\n .youtube-color {\n color: #FF0000;\n }\n \n \/* X\u7528\u30ed\u30b4\u306e\u8272\u6307\u5b9a *\/\n .x-logo.white:before, \n .x-logo.white:after {\n background-color: white;\n }\n \n .note-button {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n background: linear-gradient(to right, #10876d, #095a48);\n color: white;\n font-medium: 500;\n border-radius: 9999px;\n box-shadow: 0 4px 6px rgba(16, 135, 109, 0.3);\n border: none;\n transition: all 0.3s;\n text-shadow: 0 1px 1px rgba(0,0,0,0.2);\n }\n \n .note-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(16, 135, 109, 0.4);\n }\n \n .note-button i {\n margin-right: 0.5rem;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: \u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u6539\u5584 ===== *\/\n @media (max-width: 768px) {\n .media-showcase {\n height: auto;\n min-height: auto;\n padding: 2rem 0; \/* \u8ffd\u52a0: \u4e0a\u4e0b\u306b\u30d1\u30c7\u30a3\u30f3\u30b0 *\/\n }\n \n .media-list {\n gap: 10px;\n justify-content: center; \/* \u8ffd\u52a0: \u30b9\u30de\u30db\u8868\u793a\u3067\u4e2d\u592e\u63c3\u3048 *\/\n }\n \n .media-item {\n width: 28%; \/* \u5909\u66f4: \u3088\u308a\u9069\u5207\u306a\u5272\u5408\u306b *\/\n min-width: 90px; \/* \u5909\u66f4: \u6700\u5c0f\u5e45\u3092\u5c0f\u3055\u304f *\/\n padding: 12px 8px; \/* \u5909\u66f4: \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u8abf\u6574 *\/\n }\n \n .media-item-icon {\n width: 32px; \/* \u5909\u66f4: \u30a2\u30a4\u30b3\u30f3\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f *\/\n height: 32px;\n font-size: 18px;\n margin-bottom: 8px;\n }\n \n .media-item-name {\n font-size: 12px; \/* \u5909\u66f4: \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f *\/\n }\n \n .media-title {\n font-size: 1.5rem; \/* \u5909\u66f4: \u30bf\u30a4\u30c8\u30eb\u30b5\u30a4\u30ba\u3092\u8abf\u6574 *\/\n }\n \n .media-description {\n font-size: 0.9rem; \/* \u5909\u66f4: \u8aac\u660e\u6587\u30b5\u30a4\u30ba\u3092\u8abf\u6574 *\/\n }\n }\n\n \/* ===== \u8ffd\u52a0: \u3055\u3089\u306b\u5c0f\u3055\u3044\u753b\u9762\u7528\u306e\u8abf\u6574 ===== *\/\n @media (max-width: 480px) {\n .media-item {\n width: 45%; \/* \u5909\u66f4: \u30e2\u30d0\u30a4\u30eb\u3067\u306f2\u5217\u8868\u793a\u306b *\/\n margin-bottom: 10px;\n }\n \n .feature-grid {\n grid-template-columns: 1fr; \/* \u5909\u66f4: \u7279\u5fb4\u90e8\u5206\u30921\u5217\u306b *\/\n }\n }\n <\/style>\n<\/head>\n\n<body class=\"antialiased\">\n \n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\n <div class=\"flex items-center\">\n <h1 class=\"text-xl md:text-2xl font-bold text-gray-800\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-pink-500\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8<\/span> \u30e1\u30c7\u30a3\u30a2\n <\/h1>\n <\/div>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#media\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb<\/a>\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u7279\u5fb4<\/a>\n <a href=\"#pricing\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a>\n <a href=\"#contact\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"gradient-bg py-20 text-white\">\n <div class=\"container mx-auto px-4 relative z-10\">\n <div class=\"flex flex-wrap items-center\">\n <div class=\"w-full lg:w-1\/2 px-4 mb-12 lg:mb-0\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight\">\n <span class=\"text-yellow-300\">\u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/span>\u3092<br>\n \u6700\u5927\u9650\u306b\u9ad8\u3081\u308b<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-200 to-yellow-400\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/span>\n <\/h2>\n \n <p class=\"text-lg md:text-xl mb-8 opacity-90\">\n \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u904b\u55b6\u3059\u308b5\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u6d3b\u7528\u3057\u305f\n \u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3067\u3001\u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u306e\n \u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u3068\u96c6\u5ba2\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002\n <\/p>\n \n <div class=\"bg-white bg-opacity-10 p-6 rounded-xl backdrop-filter backdrop-blur-sm mb-8 border border-white border-opacity-20\">\n <p class=\"text-md\">\n \u672c\u30b5\u30a4\u30c8\u306f\u304a\u5ba2\u69d8\u306eSNS\u7b49\u306eWEB\u30e1\u30c7\u30a3\u30a2\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u904b\u7528\u4ee3\u884c\u3059\u308b\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#media\" class=\"px-8 py-3 bg-white text-blue-600 font-bold rounded-full shadow-lg hover:shadow-xl transition-shadow transform hover:-translate-y-1\">\n <i class=\"fas fa-play-circle mr-2\"><\/i>\u30e1\u30c7\u30a3\u30a2\u3092\u898b\u308b\n <\/a>\n <a href=\"#pricing\" class=\"px-8 py-3 border-2 border-white text-white font-bold rounded-full hover:bg-white hover:text-blue-600 transition-colors transform hover:-translate-y-1\">\n <i class=\"fas fa-list-alt mr-2\"><\/i>\u6599\u91d1\u30d7\u30e9\u30f3\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"w-full lg:w-1\/2 px-4 relative\">\n <div class=\"media-showcase\">\n <div class=\"media-platform\">\n <div class=\"media-platform-bg\"><\/div>\n \n <div class=\"glowing-particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n \n <div class=\"connecting-lines\">\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <\/div>\n \n <div class=\"media-content\">\n <h3 class=\"media-title\">5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528<\/h3>\n \n <div class=\"media-list\">\n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fab fa-instagram instagram-gradient\"><\/i>\n <\/div>\n <span class=\"media-item-name\">Instagram<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fas fa-pen-alt\" style=\"color: #10876d;\"><\/i>\n <\/div>\n <span class=\"media-item-name\">NOTE<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fas fa-globe\" style=\"color: #4A90E2;\"><\/i>\n <\/div>\n <span class=\"media-item-name\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fab fa-youtube youtube-color\"><\/i>\n <\/div>\n <span class=\"media-item-name\">YouTube<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <div class=\"x-logo white\"><\/div>\n <\/div>\n <span class=\"media-item-name\">X\uff08\u65e7Twitter\uff09<\/span>\n <\/div>\n <\/div>\n \n <p class=\"media-description\">\n \u8907\u6570\u30e1\u30c7\u30a3\u30a2\u306e\u76f8\u4e57\u52b9\u679c\u3067\u6210\u679c\u3092\u62e1\u5927\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"absolute -bottom-10 -right-10 w-32 h-32 bg-yellow-300 bg-opacity-20 rounded-full blur-xl\"><\/div>\n <div class=\"absolute -top-10 -left-10 w-24 h-24 bg-blue-300 bg-opacity-20 rounded-full blur-xl\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"media\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u904b\u55b6\u306e<span class=\"text-blue-500\">5\u3064<\/span>\u306e\u30e1\u30c7\u30a3\u30a2<\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u3092\u6d3b\u304b\u3057\u305f\u6226\u7565\u7684\u306a\u60c5\u5831\u767a\u4fe1\u3067\u3001\u3042\u3089\u3086\u308b\u89d2\u5ea6\u304b\u3089\u304a\u5ba2\u69d8\u3078\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon instagram-bg mx-auto\">\n <i class=\"fab fa-instagram text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">Instagram<\/h3>\n <p class=\"text-gray-600 mb-6\">\n 4\u30b3\u30de\u6f2b\u753b\u3092\u901a\u3058\u3066\u30b5\u30fc\u30d3\u30b9\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u7d39\u4ecb\u3002\u30d3\u30b8\u30e5\u30a2\u30eb\u91cd\u8996\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3001\u82e5\u5e74\u5c64\u304b\u3089\u4e2d\u5e74\u5c64\u307e\u3067\u5e45\u5e83\u3044\u5e74\u9f62\u5c64\u306b\u30a2\u30d4\u30fc\u30eb\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.instagram.com\/rubeus_pocketassistant\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-yellow-400 via-pink-500 to-purple-500 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fab fa-instagram mr-2\"><\/i>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon note-bg mx-auto\">\n <i class=\"fas fa-pen-alt text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">NOTE<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u5f0a\u793e\u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u9023\u3059\u308b\u6df1\u5800\u308a\u8a18\u4e8b\u3092\u6295\u7a3f\u3002\u5c02\u9580\u77e5\u8b58\u3084\u30ce\u30a6\u30cf\u30a6\u3092\u5171\u6709\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u306e\u8ab2\u984c\u89e3\u6c7a\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n \n <a href=\"https:\/\/note.com\/rubeus_pokeashi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"note-button\">\n <i class=\"fas fa-pen-alt\"><\/i>\u8a18\u4e8b\u3092\u8aad\u3080\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon website-bg mx-auto\">\n <i class=\"fas fa-globe text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\uff08\u30b3\u30e9\u30e0\uff09<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u3059\u308b\u5f79\u7acb\u3064\u30b3\u30e9\u30e0\u3092\u5b9a\u671f\u7684\u306b\u66f4\u65b0\u3059\u308b\u3053\u3068\u3067\u3001SEO\u52b9\u679c\u3082\u9ad8\u3081\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.pocketassistant.site\/?cat=16\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-blue-400 to-blue-600 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-external-link-alt mr-2\"><\/i>\u30b5\u30a4\u30c8\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon youtube-bg mx-auto\">\n <i class=\"fab fa-youtube text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">YouTube<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u306e\u8a18\u4e8b\u3092\u30dd\u30c3\u30c9\u30ad\u30e3\u30b9\u30c8\u5f62\u5f0f\u3067\u7d39\u4ecb\u3002\u5fd9\u3057\u3044\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u304c\u79fb\u52d5\u4e2d\u3084\u4f5c\u696d\u4e2d\u306b\u60c5\u5831\u53ce\u96c6\u3067\u304d\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u63d0\u4f9b\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.youtube.com\/@pocketassistant\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-red-500 to-red-700 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fab fa-youtube mr-2\"><\/i>\u52d5\u753b\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon x-bg mx-auto\">\n \n <i class=\"fab fa-x text-white text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">X\uff08\u65e7Twitter\uff09<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u4ed64\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\u306e\u6700\u65b0\u60c5\u5831\u3092\u30bf\u30a4\u30e0\u30ea\u30fc\u306b\u767a\u4fe1\u3002\u304a\u77e5\u3089\u305b\u30c4\u30fc\u30eb\u3068\u3057\u3066\u6d3b\u7528\u3057\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u306b\u3044\u3061\u65e9\u304f\u60c5\u5831\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/x.com\/rubeus_pockeasi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-gray-700 to-black text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-external-link-alt mr-2\"><\/i>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-gradient-to-r from-blue-500 to-pink-500 text-white shadow-lg p-8\">\n <div class=\"media-icon bg-white mx-auto\">\n <i class=\"fas fa-chart-line text-2xl text-blue-500\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/h3>\n <p class=\"mb-6\">\n 5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u69d8\u3005\u306a\u63a5\u70b9\u304b\u3089\u898b\u8fbc\u307f\u5ba2\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3002\u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u3092\u6d3b\u304b\u3057\u305f\u52b9\u679c\u7684\u306a\u60c5\u5831\u767a\u4fe1\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"#pricing\" class=\"inline-block px-6 py-2 bg-white text-blue-600 font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-arrow-right mr-2\"><\/i>\u8a73\u7d30\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e<span class=\"text-blue-500\">\u30e1\u30ea\u30c3\u30c8<\/span><\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u5f37\u307f\u3092\u6700\u5927\u9650\u306b\u6d3b\u304b\u3057\u305f\u60c5\u5831\u767a\u4fe1\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"feature-grid\">\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-bullhorn text-2xl text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u9732\u51fa\u306e\u6700\u5927\u5316<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306e\u60c5\u5831\u767a\u4fe1\u306b\u3088\u308a\u3001\u3088\u308a\u591a\u304f\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30ea\u30fc\u30c1\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-users text-2xl text-green-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u591a\u5c64\u7684\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u306b\u5408\u308f\u305b\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3001\u69d8\u3005\u306a\u5c5e\u6027\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-purple-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-chart-pie text-2xl text-purple-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u591a\u89d2\u7684\u306a\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u69d8\u3005\u306a\u5f62\u5f0f\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u901a\u3058\u3066\u3001\u4f01\u696d\u306e\u30d6\u30e9\u30f3\u30c9\u4fa1\u5024\u3092\u591a\u9762\u7684\u306b\u4f1d\u3048\u3089\u308c\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-yellow-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-lightbulb text-2xl text-yellow-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6709\u52b9\u6d3b\u7528<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u4e00\u5ea6\u4f5c\u6210\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u5f62\u3092\u5909\u3048\u3066\u518d\u5229\u7528\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-red-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-search text-2xl text-red-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">SEO\u52b9\u679c\u306e\u5411\u4e0a<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30b5\u30a4\u30c8\u304b\u3089\u306e\u88ab\u30ea\u30f3\u30af\u306b\u3088\u308a\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u3067\u306e\u8a55\u4fa1\u304c\u9ad8\u307e\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-indigo-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-handshake text-2xl text-indigo-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u4fe1\u983c\u6027\u306e\u69cb\u7bc9<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u306e\u4e00\u8cab\u3057\u305f\u767a\u4fe1\u304c\u3001\u30d6\u30e9\u30f3\u30c9\u306e\u4fe1\u983c\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n \n <div class=\"flex flex-col lg:flex-row items-center\">\n \n <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0\">\n \n <div class=\"relative mx-auto max-w-md lg:max-w-full\">\n \n <div class=\"w-full h-48 md:h-72 lg:h-96 bg-blue-100 rounded-lg hidden md:block\"><\/div>\n \n \n <div class=\"relative md:absolute md:top-10 md:right-0 md:w-5\/6 w-full \n bg-gradient-to-r from-blue-500 to-pink-500 rounded-lg shadow-xl \n p-4 md:p-6 lg:p-8\">\n <div class=\"text-white\">\n <div class=\"text-center mb-4 md:mb-6\">\n \n <h3 class=\"text-xl sm:text-2xl md:text-3xl font-bold\">\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b<br>\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c<\/h3>\n <div class=\"w-16 md:w-20 h-1 bg-white mx-auto mt-2 md:mt-4\"><\/div>\n <\/div>\n \n \n <p class=\"text-base sm:text-lg mb-4 md:mb-8 text-center\">\n \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u306e\u5c02\u9580\u30c1\u30fc\u30e0\u304c\u3001\u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3092\u4e00\u62ec\u4ee3\u884c\u3002\n \u30b3\u30f3\u30c6\u30f3\u30c4\u5236\u4f5c\u304b\u3089\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u696d\u52d9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n \n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-6\">\n <div class=\"feature-item flex items-start\">\n <i class=\"fas fa-check-circle text-base md:text-xl mt-1 mr-2 md:mr-3 flex-shrink-0\"><\/i>\n <span class=\"text-sm sm:text-base\">\u30b3\u30f3\u30c6\u30f3\u30c4\u4f01\u753b\u304b\u3089\u5236\u4f5c\u307e\u3067\u4e00\u62ec\u5bfe\u5fdc<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u8907\u6570\u30e1\u30c7\u30a3\u30a2\u306e\u904b\u7528\u7ba1\u7406<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u30c7\u30fc\u30bf\u5206\u6790\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u5b9a\u671f\u7684\u306a\u904b\u7528\u30ec\u30dd\u30fc\u30c8\u63d0\u51fa<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full lg:w-1\/2 lg:pl-12\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-6\">\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u306e<span class=\"text-blue-500\">\u8ca0\u62c5<\/span>\u304b\u3089\u89e3\u653e\u3055\u308c\u3001<br>\u672c\u696d\u306b<span class=\"text-pink-500\">\u96c6\u4e2d<\/span>\u3067\u304d\u307e\u3059<\/h2>\n <p class=\"text-lg text-gray-600 mb-8\">\n \u30e1\u30c7\u30a3\u30a2\u904b\u7528\u306b\u306f\u81a8\u5927\u306a\u6642\u9593\u3068\u5c02\u9580\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\u3002\u5f0a\u793e\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u30b5\u30fc\u30d3\u30b9\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u8ab2\u984c\u3092\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <div class=\"space-y-6\">\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-user-tie text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u4eba\u6750\u78ba\u4fdd\u306e\u8ab2\u984c<\/h4>\n <p class=\"text-gray-600\">\u5404SNS\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u7cbe\u901a\u3057\u305f\u5c02\u9580\u5bb6\u3092\u96c7\u7528\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-clock text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u6642\u9593\u7684\u5236\u7d04<\/h4>\n <p class=\"text-gray-600\">\u5b9a\u671f\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210\u3084\u6295\u7a3f\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u5bfe\u5fdc\u306a\u3069\u306e\u6642\u9593\u3092\u524a\u6e1b\u3067\u304d\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-sync-alt text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u4e00\u8cab\u6027\u306e\u6b20\u5982<\/h4>\n <p class=\"text-gray-600\">\u8907\u6570\u30e1\u30c7\u30a3\u30a2\u3067\u306e\u4e00\u8cab\u3057\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u767a\u4fe1\u3068\u5b9a\u671f\u7684\u306a\u66f4\u65b0\u3092\u5b9f\u73fe\u3057\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u5fa1\u793e\u306e\u898f\u6a21\u3084\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f3\u3064\u306e\u30d7\u30e9\u30f3\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n \u3059\u3079\u3066\u306e\u30d7\u30e9\u30f3\u3067\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"flex flex-wrap justify-center -mx-4\">\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8\">\n <div class=\"pricing-card h-full p-8\">\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30d9\u30fc\u30b7\u30c3\u30af\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a569,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u304a\u8a66\u3057\u304b\u3089\u59cb\u3081\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>2\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67088\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff0824\u6642\u9593\u4ee5\u5185\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8 md:-mt-4\">\n <div class=\"pricing-card premium-card h-full p-8 shadow-xl\">\n <div class=\"absolute top-0 right-0 bg-blue-500 text-white px-4 py-1 text-sm font-bold\">\n \u4eba\u6c17\n <\/div>\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a599,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u672c\u683c\u7684\u306a\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3092\u3057\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>3\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u670810\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff0812\u6642\u9593\u4ee5\u5185\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8\uff08\u8a73\u7d30\u5206\u6790\u4ed8\u304d\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>SEO\u5bfe\u7b56\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67081\u56de\u306e\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8\">\n <div class=\"pricing-card h-full p-8\">\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a5199,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u5168\u9762\u7684\u306a\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u5c55\u958b\u3057\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u670815\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff08\u5373\u6642\u5bfe\u5fdc\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8\uff08\u8a73\u7d30\u5206\u6790\u30fb\u7af6\u5408\u8abf\u67fb\u4ed8\u304d\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9ad8\u5ea6\u306aSEO\u5bfe\u7b56\u3068\u89e3\u6790<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67082\u56de\u306e\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u5c02\u4efb\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u914d\u5c5e<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u5e83\u544a\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u304c\u3082\u305f\u3089\u3059<span class=\"text-blue-500\">\u52b9\u679c<\/span><\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u5358\u72ec\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3088\u308a\u3082\u9ad8\u3044\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-blue-500\">\n <div class=\"w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-bullseye text-2xl text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u5ea6\u306e\u5411\u4e0a<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30c1\u30e3\u30cd\u30eb\u3067\u306e\u4e00\u8cab\u3057\u305f\u767a\u4fe1\u306b\u3088\u308a\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u5c64\u3078\u306e\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u3092\u52b9\u679c\u7684\u306b\u9ad8\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-purple-500\">\n <div class=\"w-16 h-16 rounded-full bg-purple-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-route text-2xl text-purple-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30ab\u30b9\u30bf\u30de\u30fc\u30b8\u30e3\u30fc\u30cb\u30fc\u306e\u6700\u9069\u5316<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u9867\u5ba2\u306e\u8cfc\u8cb7\u30d7\u30ed\u30bb\u30b9\u306b\u5408\u308f\u305b\u305f\u60c5\u5831\u63d0\u4f9b\u3067\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u7dda\u8a2d\u8a08\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-green-500\">\n <div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-users text-2xl text-green-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u898b\u8fbc\u307f\u9867\u5ba2\u306e\u5897\u52a0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u5404\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306e\u9069\u5207\u306a\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0\u306b\u3088\u308a\u3001\u8cea\u306e\u9ad8\u3044\u898b\u8fbc\u307f\u9867\u5ba2\u3092\u7372\u5f97\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 cta-section text-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-5xl mx-auto text-center mb-12\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059<\/h2>\n <p class=\"text-xl\">\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u304b\u3089\u3002\u5fa1\u793e\u306e\u8ab2\u984c\u3084\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"flex flex-wrap justify-center gap-8\">\n <div class=\"w-full md:w-5\/12 bg-white rounded-lg shadow-xl p-8 text-gray-800\">\n <div class=\"text-center\">\n <i class=\"fab fa-line text-4xl text-green-500 mb-4\"><\/i>\n <h3 class=\"text-2xl font-bold mb-4\">\u7121\u6599\u76f8\u8ac7\u306e\u304a\u7533\u8fbc\u307f<\/h3>\n <p class=\"text-gray-600 mb-6\">\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u5fa1\u793e\u306e\u8ab2\u984c\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@910taipo?from=page&searchId=910taipo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-8 py-3 bg-green-500 text-white font-medium rounded-full shadow-md hover:shadow-lg transition-shadow hover:bg-green-600\">\n <i class=\"fab fa-line mr-2\"><\/i>LINE\u3067\u7121\u6599\u76f8\u8ac7\u3092\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-5\/12 bg-white rounded-lg shadow-xl p-8 text-gray-800\">\n <div class=\"text-center\">\n <i class=\"fas fa-file-download text-4xl text-blue-500 mb-4\"><\/i>\n <h3 class=\"text-2xl font-bold mb-4\">\u8cc7\u6599\u8acb\u6c42<\/h3>\n <p class=\"text-gray-600 mb-6\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\u3084\u5c0e\u5165\u4e8b\u4f8b\u3001\u52b9\u679c\u6e2c\u5b9a\u306e\u65b9\u6cd5\u306a\u3069\u8a73\u3057\u3044\u60c5\u5831\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/www.pocketassistant.site\/?page_id=616\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-8 py-3 bg-gray-800 text-white font-medium rounded-full hover:bg-black transition-colors\">\n <i class=\"fas fa-download mr-2\"><\/i>\u8cc7\u6599\u8acb\u6c42\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-800 py-12 text-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"flex flex-wrap\">\n <div class=\"w-full md:w-4\/12 mb-8 md:mb-0\">\n <h3 class=\"text-xl font-bold mb-4\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8<\/h3>\n <p class=\"text-gray-400 mb-4\">\n \u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3002<br>\n \u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u30c7\u30b8\u30bf\u30eb\u6226\u7565\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex space-x-4\">\n <a href=\"https:\/\/www.instagram.com\/rubeus_pocketassistant\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-instagram text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/note.com\/rubeus_pokeashi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fas fa-pen-alt text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@pocketassistant\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-youtube text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/x.com\/rubeus_pockeasi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-twitter text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-4\/12 mb-8 md:mb-0\">\n <h3 class=\"text-xl font-bold mb-4\">\u30b5\u30fc\u30d3\u30b9<\/h3>\n <ul class=\"space-y-2\">\n <li><a href=\"#media\" class=\"text-gray-400 hover:text-white transition-colors\">\u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb<\/a><\/li>\n <li><a href=\"#features\" class=\"text-gray-400 hover:text-white transition-colors\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e\u30e1\u30ea\u30c3\u30c8<\/a><\/li>\n <li><a href=\"#pricing\" class=\"text-gray-400 hover:text-white transition-colors\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"w-full md:w-4\/12\">\n <h3 class=\"text-xl font-bold mb-4\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n <p class=\"text-gray-400 mb-4\">\n \u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066\u3001<br>\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <div class=\"flex flex-col space-y-3\">\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@910taipo?from=page&searchId=910taipo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-green-600 text-white px-4 py-2 rounded-md text-center hover:bg-green-700 transition-colors\">\n <i class=\"fab fa-line mr-2\"><\/i>LINE\u3067\u7121\u6599\u76f8\u8ac7\n <\/a>\n <a href=\"https:\/\/www.pocketassistant.site\/?page_id=616\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-gray-600 text-white px-4 py-2 rounded-md text-center hover:bg-gray-700 transition-colors\">\n <i class=\"fas fa-download mr-2\"><\/i>\u8cc7\u6599\u8acb\u6c42\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-gray-500\">\n <p>\u00a9 2025 \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 All Rights Reserved.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 | \u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8 \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 \u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb \u7279\u5fb4 \u6599\u91d1\u30d7\u30e9\u30f3 \u304a\u554f\u3044\u5408\u308f\u305b \u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092 \u6700\u5927\u9650\u306b\u9ad8\u3081\u308b \u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565 \u30dd\u30b1\u30c3\u30c8\u30a2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-862","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=862"}],"version-history":[{"count":72,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862\/revisions\/977"}],"wp:attachment":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":862,"date":"2025-05-19T21:28:10","date_gmt":"2025-05-19T12:28:10","guid":{"rendered":"https:\/\/www.pocketassistant.site\/?page_id=862"},"modified":"2025-05-22T15:47:14","modified_gmt":"2025-05-22T06:47:14","slug":"%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e9%81%8b%e7%94%a8%e4%bb%a3%e8%a1%8c%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9","status":"publish","type":"page","link":"https:\/\/www.pocketassistant.site\/?page_id=862","title":{"rendered":"\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n\n\n\n \n \n \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 | \u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8<\/title>\n <meta name=\"description\" content=\"\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u904b\u55b6\u3059\u308b5\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\uff08Instagram\u3001NOTE\u3001\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u3001Youtube\u3001X\uff09\u3092\u6d3b\u7528\u3057\u305f\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e\u3054\u7d39\u4ecb\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3067\u8cb4\u793e\u306e\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u3068\u96c6\u5ba2\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002\">\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n color: #333;\n line-height: 1.7;\n background-color: #fafafa;\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #6A11CB 0%, #2575FC 100%);\n position: relative;\n overflow: hidden;\n }\n \n .gradient-bg:before {\n content: '';\n position: absolute;\n top: -10%;\n left: -10%;\n width: 120%;\n height: 120%;\n background: url('https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/tailwindcss\/tailwindcss-original.svg');\n opacity: 0.05;\n transform: rotate(-5deg);\n z-index: 0;\n }\n \n .section-title {\n position: relative;\n margin-bottom: 2rem;\n display: inline-block;\n }\n \n .section-title:after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, #3494E6, #EC6EAD);\n }\n \n .media-card {\n transition: transform 0.3s, box-shadow 0.3s;\n border-radius: 12px;\n overflow: hidden;\n }\n \n .media-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n \n .media-icon {\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n margin-bottom: 1rem;\n }\n \n .instagram-bg {\n background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\n }\n \n .note-bg {\n background-color: #10876d; \/* \u7dd1\u8272\u3092\u6fc3\u304f\u3057\u307e\u3057\u305f *\/\n }\n \n .website-bg {\n background-color: #4A90E2;\n }\n \n .youtube-bg {\n background-color: #FF0000;\n }\n \n .x-bg {\n background-color: #000000;\n }\n \n .pricing-card {\n transition: transform 0.3s, box-shadow 0.3s;\n border-radius: 12px;\n overflow: hidden;\n background-color: white;\n position: relative;\n z-index: 1;\n }\n \n .pricing-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n z-index: 2;\n }\n \n .premium-card {\n border: 2px solid transparent;\n background-image: linear-gradient(white, white), \n linear-gradient(135deg, #3494E6, #EC6EAD);\n background-origin: border-box;\n background-clip: content-box, border-box;\n }\n \n .feature-check {\n color: #41C9B4;\n margin-right: 8px;\n }\n \n .cta-section {\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .cta-section:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(52,148,230,0.9), rgba(236,110,173,0.9));\n z-index: -1;\n }\n \n .btn-gradient {\n background: linear-gradient(135deg, #3494E6, #EC6EAD);\n transition: all 0.3s;\n }\n \n .btn-gradient:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n box-shadow: 0 7px 14px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);\n }\n \n .btn-outline {\n background: transparent;\n border: 2px solid white;\n transition: all 0.3s;\n }\n \n .btn-outline:hover {\n background: rgba(255,255,255,0.1);\n transform: translateY(-2px);\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 30px;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 16px;\n }\n\n .feature-icon {\n margin-right: 12px;\n font-size: 24px;\n color: #3494E6;\n flex-shrink: 0;\n }\n\n .service-box {\n background-color: white;\n border-radius: 12px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n padding: 1.5rem;\n transition: all 0.3s;\n }\n\n .service-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n }\n\n .service-icon {\n width: 50px;\n height: 50px;\n background-color: #ebf4ff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n }\n\n \/* X logo styles *\/\n .x-logo {\n position: relative;\n width: 20px;\n height: 20px;\n }\n \n .x-logo:before {\n content: \"\";\n position: absolute;\n width: 2px;\n height: 20px;\n transform: rotate(45deg);\n left: 9px;\n }\n \n .x-logo:after {\n content: \"\";\n position: absolute;\n width: 2px;\n height: 20px;\n transform: rotate(-45deg);\n left: 9px;\n }\n \n \/* \u65b0\u3057\u3044\u30e1\u30c7\u30a3\u30a2\u8868\u793a\u90e8\u5206\u306e\u30c7\u30b6\u30a4\u30f3 *\/\n .media-showcase {\n position: relative;\n min-height: 450px;\n perspective: 1000px;\n transform-style: preserve-3d;\n height: auto;\n }\n \n .media-platform {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border-radius: 16px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n \n .media-platform-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 16px;\n background: linear-gradient(45deg, #0f172a, #1e293b);\n z-index: 0;\n overflow: hidden;\n }\n \n .media-platform-bg::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(79, 70, 229, 0.1) 0%, rgba(99, 102, 241, 0.08) 25%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n \n .media-platform-bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 50% 80%, rgba(56, 189, 248, 0.12), transparent 60%);\n }\n \n .media-content {\n position: relative;\n z-index: 10;\n width: 95%;\n max-width: 500px;\n }\n \n .media-title {\n font-size: 2rem;\n font-weight: 800;\n background: linear-gradient(90deg, #f9fafb, #d1d5db);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 1.5rem;\n text-align: center;\n }\n \n .media-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-bottom: 2rem;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: media-item\u306e\u30b5\u30a4\u30ba\u56fa\u5b9a\u3092\u5909\u66f4 ===== *\/\n .media-item {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(10px);\n border-radius: 12px;\n padding: 20px;\n width: 22%; \/* \u56fa\u5b9apx\u5024\u304b\u3089\u76f8\u5bfe\u5024\u306b\u5909\u66f4 *\/\n min-width: 120px; \/* \u6700\u5c0f\u5e45\u3092\u8a2d\u5b9a *\/\n aspect-ratio: 1 \/ 1; \/* \u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u3092\u4fdd\u6301 *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n }\n \n .media-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.12);\n }\n \n .media-item-icon {\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n color: white;\n font-size: 24px;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: media-item-name\u306e\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u3092\u6539\u5584 ===== *\/\n .media-item-name {\n color: white;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n word-break: break-word; \/* \u8ffd\u52a0: \u9577\u3044\u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057 *\/\n overflow-wrap: break-word; \/* \u8ffd\u52a0: \u9577\u3044\u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057 *\/\n width: 100%; \/* \u8ffd\u52a0: \u6a2a\u5e45100%\u6307\u5b9a\u3067\u89aa\u306b\u5408\u308f\u305b\u308b *\/\n line-height: 1.3; \/* \u8ffd\u52a0: \u884c\u9593\u3092\u8abf\u6574 *\/\n }\n \n .media-description {\n text-align: center;\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 2rem;\n padding: 0 1rem;\n font-size: 1rem;\n line-height: 1.7;\n }\n \n .glowing-particles {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n }\n \n .particle {\n position: absolute;\n width: 5px;\n height: 5px;\n background: white;\n border-radius: 50%;\n opacity: 0.3;\n animation: float 6s infinite ease-in-out;\n }\n \n .particle:nth-child(1) {\n top: 20%;\n left: 10%;\n width: 6px;\n height: 6px;\n animation-delay: 0s;\n background: #38bdf8;\n }\n \n .particle:nth-child(2) {\n top: 70%;\n left: 80%;\n width: 8px;\n height: 8px;\n animation-delay: 0.5s;\n background: #818cf8;\n }\n .particle:nth-child(3) {\n top: 40%;\n left: 30%;\n width: 4px;\n height: 4px;\n animation-delay: 1s;\n background: #c084fc;\n }\n \n .particle:nth-child(4) {\n top: 80%;\n left: 20%;\n width: 5px;\n height: 5px;\n animation-delay: 1.5s;\n background: #38bdf8;\n }\n \n .particle:nth-child(5) {\n top: 25%;\n left: 85%;\n width: 7px;\n height: 7px;\n animation-delay: 2s;\n background: #818cf8;\n }\n \n .particle:nth-child(6) {\n top: 10%;\n left: 40%;\n width: 6px;\n height: 6px;\n animation-delay: 2.5s;\n background: #c084fc;\n }\n \n .particle:nth-child(7) {\n top: 60%;\n left: 55%;\n width: 4px;\n height: 4px;\n animation-delay: 3s;\n background: #38bdf8;\n }\n \n .connecting-lines {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n \n .connecting-line {\n position: absolute;\n width: 1px;\n height: 100px;\n background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);\n transform-origin: top;\n }\n \n .connecting-line:nth-child(1) {\n top: 20%;\n left: 25%;\n height: 150px;\n transform: rotate(45deg);\n }\n \n .connecting-line:nth-child(2) {\n top: 60%;\n left: 65%;\n height: 120px;\n transform: rotate(-30deg);\n }\n \n .connecting-line:nth-child(3) {\n top: 30%;\n left: 70%;\n height: 180px;\n transform: rotate(60deg);\n }\n \n .connecting-line:nth-child(4) {\n top: 70%;\n left: 35%;\n height: 130px;\n transform: rotate(-60deg);\n }\n \n @keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n \n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n \n \/* \u30a4\u30f3\u30b9\u30bf\u30b0\u30e9\u30e0\u30a2\u30a4\u30b3\u30f3\u7528\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n .instagram-gradient {\n background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n \n \/* NOTE\u7528\u30ab\u30e9\u30fc *\/\n .note-color {\n color: #10876d;\n }\n \n \/* YouTube\u7528\u30ab\u30e9\u30fc *\/\n .youtube-color {\n color: #FF0000;\n }\n \n \/* X\u7528\u30ed\u30b4\u306e\u8272\u6307\u5b9a *\/\n .x-logo.white:before, \n .x-logo.white:after {\n background-color: white;\n }\n \n .note-button {\n display: inline-block;\n padding: 0.5rem 1.5rem;\n background: linear-gradient(to right, #10876d, #095a48);\n color: white;\n font-medium: 500;\n border-radius: 9999px;\n box-shadow: 0 4px 6px rgba(16, 135, 109, 0.3);\n border: none;\n transition: all 0.3s;\n text-shadow: 0 1px 1px rgba(0,0,0,0.2);\n }\n \n .note-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(16, 135, 109, 0.4);\n }\n \n .note-button i {\n margin-right: 0.5rem;\n }\n \n \/* ===== \u4fee\u6b63\u7b87\u6240: \u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u6539\u5584 ===== *\/\n @media (max-width: 768px) {\n .media-showcase {\n height: auto;\n min-height: auto;\n padding: 2rem 0; \/* \u8ffd\u52a0: \u4e0a\u4e0b\u306b\u30d1\u30c7\u30a3\u30f3\u30b0 *\/\n }\n \n .media-list {\n gap: 10px;\n justify-content: center; \/* \u8ffd\u52a0: \u30b9\u30de\u30db\u8868\u793a\u3067\u4e2d\u592e\u63c3\u3048 *\/\n }\n \n .media-item {\n width: 28%; \/* \u5909\u66f4: \u3088\u308a\u9069\u5207\u306a\u5272\u5408\u306b *\/\n min-width: 90px; \/* \u5909\u66f4: \u6700\u5c0f\u5e45\u3092\u5c0f\u3055\u304f *\/\n padding: 12px 8px; \/* \u5909\u66f4: \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u8abf\u6574 *\/\n }\n \n .media-item-icon {\n width: 32px; \/* \u5909\u66f4: \u30a2\u30a4\u30b3\u30f3\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f *\/\n height: 32px;\n font-size: 18px;\n margin-bottom: 8px;\n }\n \n .media-item-name {\n font-size: 12px; \/* \u5909\u66f4: \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3092\u5c0f\u3055\u304f *\/\n }\n \n .media-title {\n font-size: 1.5rem; \/* \u5909\u66f4: \u30bf\u30a4\u30c8\u30eb\u30b5\u30a4\u30ba\u3092\u8abf\u6574 *\/\n }\n \n .media-description {\n font-size: 0.9rem; \/* \u5909\u66f4: \u8aac\u660e\u6587\u30b5\u30a4\u30ba\u3092\u8abf\u6574 *\/\n }\n }\n\n \/* ===== \u8ffd\u52a0: \u3055\u3089\u306b\u5c0f\u3055\u3044\u753b\u9762\u7528\u306e\u8abf\u6574 ===== *\/\n @media (max-width: 480px) {\n .media-item {\n width: 45%; \/* \u5909\u66f4: \u30e2\u30d0\u30a4\u30eb\u3067\u306f2\u5217\u8868\u793a\u306b *\/\n margin-bottom: 10px;\n }\n \n .feature-grid {\n grid-template-columns: 1fr; \/* \u5909\u66f4: \u7279\u5fb4\u90e8\u5206\u30921\u5217\u306b *\/\n }\n }\n <\/style>\n<\/head>\n\n<body class=\"antialiased\">\n \n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\n <div class=\"flex items-center\">\n <h1 class=\"text-xl md:text-2xl font-bold text-gray-800\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-pink-500\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8<\/span> \u30e1\u30c7\u30a3\u30a2\n <\/h1>\n <\/div>\n <nav class=\"hidden md:flex space-x-6\">\n <a href=\"#media\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb<\/a>\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u7279\u5fb4<\/a>\n <a href=\"#pricing\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a>\n <a href=\"#contact\" class=\"text-gray-600 hover:text-blue-500 transition-colors\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"gradient-bg py-20 text-white\">\n <div class=\"container mx-auto px-4 relative z-10\">\n <div class=\"flex flex-wrap items-center\">\n <div class=\"w-full lg:w-1\/2 px-4 mb-12 lg:mb-0\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight\">\n <span class=\"text-yellow-300\">\u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/span>\u3092<br>\n \u6700\u5927\u9650\u306b\u9ad8\u3081\u308b<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-yellow-200 to-yellow-400\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/span>\n <\/h2>\n \n <p class=\"text-lg md:text-xl mb-8 opacity-90\">\n \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u304c\u904b\u55b6\u3059\u308b5\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u6d3b\u7528\u3057\u305f\n \u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3067\u3001\u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u306e\n \u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u3068\u96c6\u5ba2\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002\n <\/p>\n \n <div class=\"bg-white bg-opacity-10 p-6 rounded-xl backdrop-filter backdrop-blur-sm mb-8 border border-white border-opacity-20\">\n <p class=\"text-md\">\n \u672c\u30b5\u30a4\u30c8\u306f\u304a\u5ba2\u69d8\u306eSNS\u7b49\u306eWEB\u30e1\u30c7\u30a3\u30a2\u3092\u30c8\u30fc\u30bf\u30eb\u3067\u904b\u7528\u4ee3\u884c\u3059\u308b\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#media\" class=\"px-8 py-3 bg-white text-blue-600 font-bold rounded-full shadow-lg hover:shadow-xl transition-shadow transform hover:-translate-y-1\">\n <i class=\"fas fa-play-circle mr-2\"><\/i>\u30e1\u30c7\u30a3\u30a2\u3092\u898b\u308b\n <\/a>\n <a href=\"#pricing\" class=\"px-8 py-3 border-2 border-white text-white font-bold rounded-full hover:bg-white hover:text-blue-600 transition-colors transform hover:-translate-y-1\">\n <i class=\"fas fa-list-alt mr-2\"><\/i>\u6599\u91d1\u30d7\u30e9\u30f3\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n \n \n <div class=\"w-full lg:w-1\/2 px-4 relative\">\n <div class=\"media-showcase\">\n <div class=\"media-platform\">\n <div class=\"media-platform-bg\"><\/div>\n \n <div class=\"glowing-particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n \n <div class=\"connecting-lines\">\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <div class=\"connecting-line\"><\/div>\n <\/div>\n \n <div class=\"media-content\">\n <h3 class=\"media-title\">5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528<\/h3>\n \n <div class=\"media-list\">\n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fab fa-instagram instagram-gradient\"><\/i>\n <\/div>\n <span class=\"media-item-name\">Instagram<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fas fa-pen-alt\" style=\"color: #10876d;\"><\/i>\n <\/div>\n <span class=\"media-item-name\">NOTE<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fas fa-globe\" style=\"color: #4A90E2;\"><\/i>\n <\/div>\n <span class=\"media-item-name\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <i class=\"fab fa-youtube youtube-color\"><\/i>\n <\/div>\n <span class=\"media-item-name\">YouTube<\/span>\n <\/div>\n \n \n <div class=\"media-item\">\n <div class=\"media-item-icon\">\n <div class=\"x-logo white\"><\/div>\n <\/div>\n <span class=\"media-item-name\">X\uff08\u65e7Twitter\uff09<\/span>\n <\/div>\n <\/div>\n \n <p class=\"media-description\">\n \u8907\u6570\u30e1\u30c7\u30a3\u30a2\u306e\u76f8\u4e57\u52b9\u679c\u3067\u6210\u679c\u3092\u62e1\u5927\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"absolute -bottom-10 -right-10 w-32 h-32 bg-yellow-300 bg-opacity-20 rounded-full blur-xl\"><\/div>\n <div class=\"absolute -top-10 -left-10 w-24 h-24 bg-blue-300 bg-opacity-20 rounded-full blur-xl\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"media\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u904b\u55b6\u306e<span class=\"text-blue-500\">5\u3064<\/span>\u306e\u30e1\u30c7\u30a3\u30a2<\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u3092\u6d3b\u304b\u3057\u305f\u6226\u7565\u7684\u306a\u60c5\u5831\u767a\u4fe1\u3067\u3001\u3042\u3089\u3086\u308b\u89d2\u5ea6\u304b\u3089\u304a\u5ba2\u69d8\u3078\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon instagram-bg mx-auto\">\n <i class=\"fab fa-instagram text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">Instagram<\/h3>\n <p class=\"text-gray-600 mb-6\">\n 4\u30b3\u30de\u6f2b\u753b\u3092\u901a\u3058\u3066\u30b5\u30fc\u30d3\u30b9\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u7d39\u4ecb\u3002\u30d3\u30b8\u30e5\u30a2\u30eb\u91cd\u8996\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3001\u82e5\u5e74\u5c64\u304b\u3089\u4e2d\u5e74\u5c64\u307e\u3067\u5e45\u5e83\u3044\u5e74\u9f62\u5c64\u306b\u30a2\u30d4\u30fc\u30eb\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.instagram.com\/rubeus_pocketassistant\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-yellow-400 via-pink-500 to-purple-500 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fab fa-instagram mr-2\"><\/i>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon note-bg mx-auto\">\n <i class=\"fas fa-pen-alt text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">NOTE<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u5f0a\u793e\u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u9023\u3059\u308b\u6df1\u5800\u308a\u8a18\u4e8b\u3092\u6295\u7a3f\u3002\u5c02\u9580\u77e5\u8b58\u3084\u30ce\u30a6\u30cf\u30a6\u3092\u5171\u6709\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u306e\u8ab2\u984c\u89e3\u6c7a\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n \n <a href=\"https:\/\/note.com\/rubeus_pokeashi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"note-button\">\n <i class=\"fas fa-pen-alt\"><\/i>\u8a18\u4e8b\u3092\u8aad\u3080\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon website-bg mx-auto\">\n <i class=\"fas fa-globe text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">\u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\uff08\u30b3\u30e9\u30e0\uff09<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u3059\u308b\u5f79\u7acb\u3064\u30b3\u30e9\u30e0\u3092\u5b9a\u671f\u7684\u306b\u66f4\u65b0\u3059\u308b\u3053\u3068\u3067\u3001SEO\u52b9\u679c\u3082\u9ad8\u3081\u3066\u3044\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.pocketassistant.site\/?cat=16\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-blue-400 to-blue-600 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-external-link-alt mr-2\"><\/i>\u30b5\u30a4\u30c8\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon youtube-bg mx-auto\">\n <i class=\"fab fa-youtube text-2xl text-white\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">YouTube<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u30b3\u30fc\u30dd\u30ec\u30fc\u30c8\u30b5\u30a4\u30c8\u306e\u8a18\u4e8b\u3092\u30dd\u30c3\u30c9\u30ad\u30e3\u30b9\u30c8\u5f62\u5f0f\u3067\u7d39\u4ecb\u3002\u5fd9\u3057\u3044\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u304c\u79fb\u52d5\u4e2d\u3084\u4f5c\u696d\u4e2d\u306b\u60c5\u5831\u53ce\u96c6\u3067\u304d\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u63d0\u4f9b\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/www.youtube.com\/@pocketassistant\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-red-500 to-red-700 text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fab fa-youtube mr-2\"><\/i>\u52d5\u753b\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-white shadow-lg p-8\">\n <div class=\"media-icon x-bg mx-auto\">\n \n <i class=\"fab fa-x text-white text-2xl\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">X\uff08\u65e7Twitter\uff09<\/h3>\n <p class=\"text-gray-600 mb-6\">\n \u4ed64\u7a2e\u985e\u306e\u30e1\u30c7\u30a3\u30a2\u306e\u6700\u65b0\u60c5\u5831\u3092\u30bf\u30a4\u30e0\u30ea\u30fc\u306b\u767a\u4fe1\u3002\u304a\u77e5\u3089\u305b\u30c4\u30fc\u30eb\u3068\u3057\u3066\u6d3b\u7528\u3057\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u306b\u3044\u3061\u65e9\u304f\u60c5\u5831\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"https:\/\/x.com\/rubeus_pockeasi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-6 py-2 bg-gradient-to-r from-gray-700 to-black text-white font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-external-link-alt mr-2\"><\/i>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"media-card bg-gradient-to-r from-blue-500 to-pink-500 text-white shadow-lg p-8\">\n <div class=\"media-icon bg-white mx-auto\">\n <i class=\"fas fa-chart-line text-2xl text-blue-500\"><\/i>\n <\/div>\n <h3 class=\"text-2xl font-bold text-center mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565<\/h3>\n <p class=\"mb-6\">\n 5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u69d8\u3005\u306a\u63a5\u70b9\u304b\u3089\u898b\u8fbc\u307f\u5ba2\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3002\u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u3092\u6d3b\u304b\u3057\u305f\u52b9\u679c\u7684\u306a\u60c5\u5831\u767a\u4fe1\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"text-center\">\n <a href=\"#pricing\" class=\"inline-block px-6 py-2 bg-white text-blue-600 font-medium rounded-full hover:shadow-lg transition-shadow\">\n <i class=\"fas fa-arrow-right mr-2\"><\/i>\u8a73\u7d30\u3092\u898b\u308b\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e<span class=\"text-blue-500\">\u30e1\u30ea\u30c3\u30c8<\/span><\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u5f37\u307f\u3092\u6700\u5927\u9650\u306b\u6d3b\u304b\u3057\u305f\u60c5\u5831\u767a\u4fe1\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"feature-grid\">\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-bullhorn text-2xl text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u9732\u51fa\u306e\u6700\u5927\u5316<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306e\u60c5\u5831\u767a\u4fe1\u306b\u3088\u308a\u3001\u3088\u308a\u591a\u304f\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30ea\u30fc\u30c1\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-users text-2xl text-green-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u591a\u5c64\u7684\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u5404\u30e1\u30c7\u30a3\u30a2\u306e\u7279\u6027\u306b\u5408\u308f\u305b\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3001\u69d8\u3005\u306a\u5c5e\u6027\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-purple-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-chart-pie text-2xl text-purple-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u591a\u89d2\u7684\u306a\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u69d8\u3005\u306a\u5f62\u5f0f\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u901a\u3058\u3066\u3001\u4f01\u696d\u306e\u30d6\u30e9\u30f3\u30c9\u4fa1\u5024\u3092\u591a\u9762\u7684\u306b\u4f1d\u3048\u3089\u308c\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-yellow-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-lightbulb text-2xl text-yellow-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6709\u52b9\u6d3b\u7528<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u4e00\u5ea6\u4f5c\u6210\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u5f62\u3092\u5909\u3048\u3066\u518d\u5229\u7528\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-red-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-search text-2xl text-red-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">SEO\u52b9\u679c\u306e\u5411\u4e0a<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30b5\u30a4\u30c8\u304b\u3089\u306e\u88ab\u30ea\u30f3\u30af\u306b\u3088\u308a\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u3067\u306e\u8a55\u4fa1\u304c\u9ad8\u307e\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-md p-8 hover:shadow-lg transition-shadow\">\n <div class=\"w-16 h-16 rounded-full bg-indigo-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-handshake text-2xl text-indigo-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u4fe1\u983c\u6027\u306e\u69cb\u7bc9<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u306e\u4e00\u8cab\u3057\u305f\u767a\u4fe1\u304c\u3001\u30d6\u30e9\u30f3\u30c9\u306e\u4fe1\u983c\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-12 md:py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n \n <div class=\"flex flex-col lg:flex-row items-center\">\n \n <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0\">\n \n <div class=\"relative mx-auto max-w-md lg:max-w-full\">\n \n <div class=\"w-full h-48 md:h-72 lg:h-96 bg-blue-100 rounded-lg hidden md:block\"><\/div>\n \n \n <div class=\"relative md:absolute md:top-10 md:right-0 md:w-5\/6 w-full \n bg-gradient-to-r from-blue-500 to-pink-500 rounded-lg shadow-xl \n p-4 md:p-6 lg:p-8\">\n <div class=\"text-white\">\n <div class=\"text-center mb-4 md:mb-6\">\n \n <h3 class=\"text-xl sm:text-2xl md:text-3xl font-bold\">\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b<br>\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c<\/h3>\n <div class=\"w-16 md:w-20 h-1 bg-white mx-auto mt-2 md:mt-4\"><\/div>\n <\/div>\n \n \n <p class=\"text-base sm:text-lg mb-4 md:mb-8 text-center\">\n \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u306e\u5c02\u9580\u30c1\u30fc\u30e0\u304c\u3001\u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3092\u4e00\u62ec\u4ee3\u884c\u3002\n \u30b3\u30f3\u30c6\u30f3\u30c4\u5236\u4f5c\u304b\u3089\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u696d\u52d9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n \n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-6\">\n <div class=\"feature-item flex items-start\">\n <i class=\"fas fa-check-circle text-base md:text-xl mt-1 mr-2 md:mr-3 flex-shrink-0\"><\/i>\n <span class=\"text-sm sm:text-base\">\u30b3\u30f3\u30c6\u30f3\u30c4\u4f01\u753b\u304b\u3089\u5236\u4f5c\u307e\u3067\u4e00\u62ec\u5bfe\u5fdc<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u8907\u6570\u30e1\u30c7\u30a3\u30a2\u306e\u904b\u7528\u7ba1\u7406<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u30c7\u30fc\u30bf\u5206\u6790\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle text-xl mt-1 mr-3\"><\/i>\n <span>\u5b9a\u671f\u7684\u306a\u904b\u7528\u30ec\u30dd\u30fc\u30c8\u63d0\u51fa<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full lg:w-1\/2 lg:pl-12\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-6\">\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u306e<span class=\"text-blue-500\">\u8ca0\u62c5<\/span>\u304b\u3089\u89e3\u653e\u3055\u308c\u3001<br>\u672c\u696d\u306b<span class=\"text-pink-500\">\u96c6\u4e2d<\/span>\u3067\u304d\u307e\u3059<\/h2>\n <p class=\"text-lg text-gray-600 mb-8\">\n \u30e1\u30c7\u30a3\u30a2\u904b\u7528\u306b\u306f\u81a8\u5927\u306a\u6642\u9593\u3068\u5c02\u9580\u77e5\u8b58\u304c\u5fc5\u8981\u3067\u3059\u3002\u5f0a\u793e\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u30b5\u30fc\u30d3\u30b9\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u8ab2\u984c\u3092\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <div class=\"space-y-6\">\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-user-tie text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u4eba\u6750\u78ba\u4fdd\u306e\u8ab2\u984c<\/h4>\n <p class=\"text-gray-600\">\u5404SNS\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u7cbe\u901a\u3057\u305f\u5c02\u9580\u5bb6\u3092\u96c7\u7528\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-clock text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u6642\u9593\u7684\u5236\u7d04<\/h4>\n <p class=\"text-gray-600\">\u5b9a\u671f\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u6210\u3084\u6295\u7a3f\u3001\u30d5\u30a9\u30ed\u30ef\u30fc\u5bfe\u5fdc\u306a\u3069\u306e\u6642\u9593\u3092\u524a\u6e1b\u3067\u304d\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-box\">\n <div class=\"flex items-start\">\n <div class=\"service-icon\">\n <i class=\"fas fa-sync-alt text-blue-600\"><\/i>\n <\/div>\n <div class=\"ml-4\">\n <h4 class=\"text-lg font-semibold\">\u4e00\u8cab\u6027\u306e\u6b20\u5982<\/h4>\n <p class=\"text-gray-600\">\u8907\u6570\u30e1\u30c7\u30a3\u30a2\u3067\u306e\u4e00\u8cab\u3057\u305f\u30e1\u30c3\u30bb\u30fc\u30b8\u767a\u4fe1\u3068\u5b9a\u671f\u7684\u306a\u66f4\u65b0\u3092\u5b9f\u73fe\u3057\u307e\u3059<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\" class=\"py-20 bg-gray-50\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u5fa1\u793e\u306e\u898f\u6a21\u3084\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f3\u3064\u306e\u30d7\u30e9\u30f3\u3092\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n \u3059\u3079\u3066\u306e\u30d7\u30e9\u30f3\u3067\u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"flex flex-wrap justify-center -mx-4\">\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8\">\n <div class=\"pricing-card h-full p-8\">\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30d9\u30fc\u30b7\u30c3\u30af\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a569,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u304a\u8a66\u3057\u304b\u3089\u59cb\u3081\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>2\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67088\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff0824\u6642\u9593\u4ee5\u5185\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8 md:-mt-4\">\n <div class=\"pricing-card premium-card h-full p-8 shadow-xl\">\n <div class=\"absolute top-0 right-0 bg-blue-500 text-white px-4 py-1 text-sm font-bold\">\n \u4eba\u6c17\n <\/div>\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a599,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u672c\u683c\u7684\u306a\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3092\u3057\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>3\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u670810\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff0812\u6642\u9593\u4ee5\u5185\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8\uff08\u8a73\u7d30\u5206\u6790\u4ed8\u304d\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>SEO\u5bfe\u7b56\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67081\u56de\u306e\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full md:w-1\/2 lg:w-1\/3 px-4 mb-8\">\n <div class=\"pricing-card h-full p-8\">\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30d7\u30ec\u30df\u30a2\u30e0\u30d7\u30e9\u30f3<\/h3>\n <div class=\"text-3xl font-bold mb-1\">\u00a5199,000<span class=\"text-lg text-gray-500 font-normal\">\/\u6708\uff08\u7a0e\u5225\uff09<\/span><\/div>\n <p class=\"text-gray-500\">\u5168\u9762\u7684\u306a\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u5c55\u958b\u3057\u305f\u3044\u4f01\u696d\u69d8\u5411\u3051<\/p>\n <\/div>\n <ul class=\"mb-8\">\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>5\u3064\u306e\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u904b\u7528<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u670815\u56de\u306e\u5b9a\u671f\u6295\u7a3f<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u30b3\u30e1\u30f3\u30c8\u30fb\u30e1\u30c3\u30bb\u30fc\u30b8\u5bfe\u5fdc\uff08\u5373\u6642\u5bfe\u5fdc\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9031\u6b21\u30fb\u6708\u6b21\u30ec\u30dd\u30fc\u30c8\uff08\u8a73\u7d30\u5206\u6790\u30fb\u7af6\u5408\u8abf\u67fb\u4ed8\u304d\uff09<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u9ad8\u5ea6\u306aSEO\u5bfe\u7b56\u3068\u89e3\u6790<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u67082\u56de\u306e\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u5c02\u4efb\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\u914d\u5c5e<\/span>\n <\/li>\n <li class=\"mb-3 flex items-start\">\n <i class=\"fas fa-check feature-check mt-1\"><\/i>\n <span>\u5e83\u544a\u904b\u7528\u30b5\u30dd\u30fc\u30c8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u304c\u3082\u305f\u3089\u3059<span class=\"text-blue-500\">\u52b9\u679c<\/span><\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u8907\u6570\u306e\u30e1\u30c7\u30a3\u30a2\u3092\u9023\u643a\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u5358\u72ec\u306e\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u3088\u308a\u3082\u9ad8\u3044\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-blue-500\">\n <div class=\"w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-bullseye text-2xl text-blue-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u5ea6\u306e\u5411\u4e0a<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u8907\u6570\u306e\u30c1\u30e3\u30cd\u30eb\u3067\u306e\u4e00\u8cab\u3057\u305f\u767a\u4fe1\u306b\u3088\u308a\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u5c64\u3078\u306e\u30d6\u30e9\u30f3\u30c9\u8a8d\u77e5\u3092\u52b9\u679c\u7684\u306b\u9ad8\u3081\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-purple-500\">\n <div class=\"w-16 h-16 rounded-full bg-purple-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-route text-2xl text-purple-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u30ab\u30b9\u30bf\u30de\u30fc\u30b8\u30e3\u30fc\u30cb\u30fc\u306e\u6700\u9069\u5316<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u9867\u5ba2\u306e\u8cfc\u8cb7\u30d7\u30ed\u30bb\u30b9\u306b\u5408\u308f\u305b\u305f\u60c5\u5831\u63d0\u4f9b\u3067\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u5c0e\u7dda\u8a2d\u8a08\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n <div class=\"bg-white rounded-lg shadow-lg p-8 border-t-4 border-green-500\">\n <div class=\"w-16 h-16 rounded-full bg-green-100 flex items-center justify-center mb-6 mx-auto\">\n <i class=\"fas fa-users text-2xl text-green-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-center mb-3\">\u898b\u8fbc\u307f\u9867\u5ba2\u306e\u5897\u52a0<\/h3>\n <p class=\"text-gray-600 text-center\">\n \u5404\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306e\u9069\u5207\u306a\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0\u306b\u3088\u308a\u3001\u8cea\u306e\u9ad8\u3044\u898b\u8fbc\u307f\u9867\u5ba2\u3092\u7372\u5f97\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 cta-section text-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"max-w-5xl mx-auto text-center mb-12\">\n <h1 class=\"text-3xl md:text-4xl font-bold mb-4\">\u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059<\/h2>\n <p class=\"text-xl\">\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u304b\u3089\u3002\u5fa1\u793e\u306e\u8ab2\u984c\u3084\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u305f\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"flex flex-wrap justify-center gap-8\">\n <div class=\"w-full md:w-5\/12 bg-white rounded-lg shadow-xl p-8 text-gray-800\">\n <div class=\"text-center\">\n <i class=\"fab fa-line text-4xl text-green-500 mb-4\"><\/i>\n <h3 class=\"text-2xl font-bold mb-4\">\u7121\u6599\u76f8\u8ac7\u306e\u304a\u7533\u8fbc\u307f<\/h3>\n <p class=\"text-gray-600 mb-6\">\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u5fa1\u793e\u306e\u8ab2\u984c\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@910taipo?from=page&searchId=910taipo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-8 py-3 bg-green-500 text-white font-medium rounded-full shadow-md hover:shadow-lg transition-shadow hover:bg-green-600\">\n <i class=\"fab fa-line mr-2\"><\/i>LINE\u3067\u7121\u6599\u76f8\u8ac7\u3092\u7533\u3057\u8fbc\u3080\n <\/a>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-5\/12 bg-white rounded-lg shadow-xl p-8 text-gray-800\">\n <div class=\"text-center\">\n <i class=\"fas fa-file-download text-4xl text-blue-500 mb-4\"><\/i>\n <h3 class=\"text-2xl font-bold mb-4\">\u8cc7\u6599\u8acb\u6c42<\/h3>\n <p class=\"text-gray-600 mb-6\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\u3084\u5c0e\u5165\u4e8b\u4f8b\u3001\u52b9\u679c\u6e2c\u5b9a\u306e\u65b9\u6cd5\u306a\u3069\u8a73\u3057\u3044\u60c5\u5831\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n <a href=\"https:\/\/www.pocketassistant.site\/?page_id=616\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-block px-8 py-3 bg-gray-800 text-white font-medium rounded-full hover:bg-black transition-colors\">\n <i class=\"fas fa-download mr-2\"><\/i>\u8cc7\u6599\u8acb\u6c42\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-800 py-12 text-white\">\n <div class=\"container mx-auto px-4\">\n <div class=\"flex flex-wrap\">\n <div class=\"w-full md:w-4\/12 mb-8 md:mb-0\">\n <h3 class=\"text-xl font-bold mb-4\">\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8<\/h3>\n <p class=\"text-gray-400 mb-4\">\n \u30aa\u30f3\u30e9\u30a4\u30f3\u79d8\u66f8\u306b\u3088\u308b\u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3002<br>\n \u3042\u306a\u305f\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u30c7\u30b8\u30bf\u30eb\u6226\u7565\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex space-x-4\">\n <a href=\"https:\/\/www.instagram.com\/rubeus_pocketassistant\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-instagram text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/note.com\/rubeus_pokeashi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fas fa-pen-alt text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@pocketassistant\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-youtube text-xl\"><\/i>\n <\/a>\n <a href=\"https:\/\/x.com\/rubeus_pockeasi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-gray-400 hover:text-white transition-colors\">\n <i class=\"fab fa-twitter text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-4\/12 mb-8 md:mb-0\">\n <h3 class=\"text-xl font-bold mb-4\">\u30b5\u30fc\u30d3\u30b9<\/h3>\n <ul class=\"space-y-2\">\n <li><a href=\"#media\" class=\"text-gray-400 hover:text-white transition-colors\">\u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb<\/a><\/li>\n <li><a href=\"#features\" class=\"text-gray-400 hover:text-white transition-colors\">\u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u306e\u30e1\u30ea\u30c3\u30c8<\/a><\/li>\n <li><a href=\"#pricing\" class=\"text-gray-400 hover:text-white transition-colors\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"w-full md:w-4\/12\">\n <h3 class=\"text-xl font-bold mb-4\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n <p class=\"text-gray-400 mb-4\">\n \u30e1\u30c7\u30a3\u30a2\u904b\u7528\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066\u3001<br>\n \u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n <\/p>\n <div class=\"flex flex-col space-y-3\">\n <a href=\"https:\/\/line.me\/R\/ti\/p\/@910taipo?from=page&searchId=910taipo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-green-600 text-white px-4 py-2 rounded-md text-center hover:bg-green-700 transition-colors\">\n <i class=\"fab fa-line mr-2\"><\/i>LINE\u3067\u7121\u6599\u76f8\u8ac7\n <\/a>\n <a href=\"https:\/\/www.pocketassistant.site\/?page_id=616\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-gray-600 text-white px-4 py-2 rounded-md text-center hover:bg-gray-700 transition-colors\">\n <i class=\"fas fa-download mr-2\"><\/i>\u8cc7\u6599\u8acb\u6c42\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"border-t border-gray-700 mt-12 pt-8 text-center text-gray-500\">\n <p>\u00a9 2025 \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 All Rights Reserved.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 | \u5fa1\u793e\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092\u30c8\u30fc\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8 \u30dd\u30b1\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8 \u30e1\u30c7\u30a3\u30a2 \u30e1\u30c7\u30a3\u30a2\u7d39\u4ecb \u7279\u5fb4 \u6599\u91d1\u30d7\u30e9\u30f3 \u304a\u554f\u3044\u5408\u308f\u305b \u304a\u5ba2\u69d8\u306e\u30e1\u30c7\u30a3\u30a2\u6226\u7565\u3092 \u6700\u5927\u9650\u306b\u9ad8\u3081\u308b \u7d71\u5408\u30e1\u30c7\u30a3\u30a2\u6226\u7565 \u30dd\u30b1\u30c3\u30c8\u30a2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-862","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=862"}],"version-history":[{"count":72,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=\/wp\/v2\/pages\/862\/revisions\/977"}],"wp:attachment":[{"href":"https:\/\/www.pocketassistant.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}