\u30af\u30e9\u30a6\u30c9\u7248 \u5929\u795eX\uff5c\u3059\u3079\u3066\u306e\u300c\u5b66\u7fd2\u306e\u5834\u300d\u3092\u7e4b\u3052\u308bICT\u6559\u6750<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30a4\u30eb *\/\r\n body {\r\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n overflow-x: hidden; \/* full-bleed\u306b\u3088\u308b\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u9632\u6b62 *\/\r\n }\r\n .gradient-text {\r\n background: linear-gradient(to right, #1E40AF, #3B82F6);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 14px 0 rgba(0, 118, 255, 0.39);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px 0 rgba(0, 118, 255, 0.23);\r\n }\r\n .feature-card {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n }\r\n .feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n border-color: #3B82F6;\r\n }\r\n \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7528 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \/* FAQ\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3 *\/\r\n .faq-item summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n .faq-item[open] summary .plus-icon {\r\n transform: rotate(45deg);\r\n }\r\n \/* \u30d2\u30fc\u30ed\u30fc\u30ab\u30eb\u30fc\u30bb\u30eb *\/\r\n .hero-slide {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0;\r\n transition: opacity 1.5s ease-in-out;\r\n }\r\n .hero-slide.active {\r\n opacity: 1;\r\n }\r\n .text-outline {\r\n text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);\r\n }\r\n \/* WordPress\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664\u3059\u308b\u30af\u30e9\u30b9 *\/\r\n .full-bleed {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n \r\n @keyframes bounce {\r\n 0%, 100% {\r\n transform: translateY(-25%);\r\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\r\n }\r\n 50% {\r\n transform: translateY(0);\r\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\r\n }\r\n }\r\n .connector-arrow {\r\n animation: bounce 2s infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-gray-800\">\r\n\r\n \r\n <header class=\"bg-white\/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-200\">\r\n <div class=\"max-w-7xl mx-auto px-6 py-3 flex justify-between items-center\">\r\n <h1 class=\"text-2xl font-bold gradient-text\">\u5929\u795eX<\/h1>\r\n <nav class=\"hidden md:flex items-center space-x-6\">\r\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-600\">\u7279\u9577<\/a>\r\n <a href=\"#problem\" class=\"text-gray-600 hover:text-blue-600\">\u8ab2\u984c\u89e3\u6c7a<\/a>\r\n <a href=\"#faq\" class=\"text-gray-600 hover:text-blue-600\">FAQ<\/a>\r\n <\/nav>\r\n <a href=\"#contact\" class=\"bg-blue-600 text-white font-bold py-2 px-6 rounded-full cta-button\">\r\n \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"relative pt-32 pb-24 md:py-32 text-center overflow-hidden text-white full-bleed\">\r\n \r\n <div id=\"hero-carousel\" class=\"absolute inset-0 z-0\">\r\n <div class=\"hero-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/caeabc54d8610e5e31db2c3cc9369f2c.png\" class=\"w-full h-full object-cover\" alt=\"\u5b50\u3069\u3082\u304c\u3072\u3089\u3081\u304f\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/21cadb7e1f166683068d3a10acce81ec.png\" class=\"w-full h-full object-cover\" alt=\"\u5b50\u3069\u3082\u306e\u6210\u9577\u3092\u559c\u3076\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/cc21d5efc34a0eb8a1184fe6352adbfc.jpeg\" class=\"w-full h-full object-cover\" alt=\"\u6307\u5c0e\u8005\u304c\u4f34\u8d70\u3059\u308b\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute inset-0 z-10 bg-black\/40\"><\/div>\r\n \r\n \r\n <div class=\"max-w-7xl mx-auto px-6 relative z-20\">\r\n\r\n <h2 class=\"text-4xl md:text-7xl font-black text-white reveal text-outline\" style=\"line-height: 1.2;\">\r\n \u3059\u3079\u3066\u306e<br>\r\n “\u5b66\u7fd2\u306e\u5834”\u3092<br>\r\n \u7e4b\u3052\u308b\r\n <\/h2>\r\n\r\n \r\n <div class=\"relative inline-block my-6 reveal\" style=\"transition-delay: 0.1s;\">\r\n \r\n <div id=\"os-info-bubble\" class=\"absolute bottom-full mb-3 left-1\/2 -translate-x-1\/2 w-64 text-center p-4 bg-white text-gray-800 rounded-lg shadow-xl transition-all duration-500\">\r\n \r\n <div class=\"absolute top-full left-1\/2 -translate-x-1\/2 w-0 h-0 border-[10px] border-transparent border-t-white\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/os_icons.png\" class=\"h-8 mx-auto mb-2\" alt=\"\u5bfe\u5fdcOS\u30a2\u30a4\u30b3\u30f3\">\r\n <p class=\"text-sm font-bold\">\u4e3b\u8981OS\u5bfe\u5fdc\u30fb\u30a2\u30d7\u30ea\u4e0d\u8981<\/p>\r\n <p class=\"mt-1 text-xs text-gray-600\">Web\u30d6\u30e9\u30a6\u30b6\u3060\u3051\u3067\u3001\u3059\u3050\u306b\u59cb\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n \r\n <div id=\"new-release-toggle\" class=\"cursor-pointer\">\r\n <span class=\"inline-block bg-gradient-to-r from-orange-500 to-red-500 text-white text-sm font-bold tracking-wider px-4 py-2 rounded-full shadow-lg\">\r\n \uff3c \u5f85\u671b\u306e\u30af\u30e9\u30a6\u30c9\u7248\u3001\u65b0\u767a\u58f2\uff01 \uff0f\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"text-lg text-white font-semibold max-w-3xl mx-auto reveal text-outline\" style=\"transition-delay: 0.2s;\">\r\n \u5b66\u6821\u3001\u587e\u3001\u5bb6\u5ead\u3092\u3001\u30af\u30e9\u30a6\u30c9\u3067\u7e4b\u3050\u3002<br>\r\n \u6559\u79d1\u66f8\u6e96\u62e0\u306eICT\u6559\u6750\u300e\u5929\u795eX\u300f\r\n <\/p>\r\n\r\n <div class=\"mt-12 reveal\" style=\"transition-delay: 0.3s;\">\r\n <a href=\"#contact\" class=\"inline-block w-full md:w-auto bg-blue-600 text-white font-bold text-lg py-4 px-10 rounded-full cta-button\">\r\n \u307e\u305a\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\u3059\u308b\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\r\n <div class=\"text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u5b66\u3073\u304c\u3001\u7740\u5b9f\u306b\u7a4d\u307f\u91cd\u306a\u3063\u3066\u3044\u304f\u3002\r\n <\/h3>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-3xl mx-auto reveal\">\r\n \u300e\u5929\u795eX\u300f\u306f\u3001\u3053\u308c\u307e\u3067\u30d0\u30e9\u30d0\u30e9\u3060\u3063\u305f\u5b66\u7fd2\u306e\u5834\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7e4b\u3052\u307e\u3059\u3002<br>\r\n \u751f\u5f92\u4e00\u4eba\u3072\u3068\u308a\u306e\u5b66\u3073\u3092\u3001\u5305\u62ec\u7684\u306b\u898b\u5b88\u308a\u3001\u652f\u3048\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/caeabc54d8610e5e31db2c3cc9369f2c.png\" alt=\"\u587e\u3067\u306e\u500b\u5225\u6307\u5c0e\u306e\u69d8\u5b50\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u587e\u3067\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u500b\u5225\u6700\u9069\u5316\u3055\u308c\u305f\u8ab2\u984c\u3067\u3001\u52b9\u7387\u7684\u306b\u6210\u7e3e\u30a2\u30c3\u30d7\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\u5148\u751f\u306f\u4e00\u4eba\u3072\u3068\u308a\u306e\u5b66\u7fd2\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u628a\u63e1\u3067\u304d\u3001\u6700\u9069\u306a\u6307\u5c0e\u304c\u53ef\u80fd\u306b\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"h-20 flex justify-center items-center\">\r\n <svg class=\"w-8 h-8 text-blue-400 connector-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/21cadb7e1f166683068d3a10acce81ec.png\" alt=\"\u5bb6\u5ead\u3067\u697d\u3057\u304f\u5b66\u7fd2\u3059\u308b\u5b50\u3069\u3082\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u5bb6\u5ead\u3067\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u587e\u304b\u3089\u914d\u4fe1\u3055\u308c\u305f\u5bbf\u984c\u306b\u5bb6\u5ead\u3067\u6311\u6226\u3002\u9811\u5f35\u308a\u306e\u6210\u679c\u3084\u5b66\u7fd2\u9032\u6357\u306f\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5148\u751f\u306b\u5171\u6709\u3055\u308c\u3001\u7684\u78ba\u306a\u30b5\u30dd\u30fc\u30c8\u306b\u7e4b\u304c\u308a\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"h-20 flex justify-center items-center\">\r\n <svg class=\"w-8 h-8 text-blue-400 connector-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-14.png\" alt=\"\u5b66\u6821\u3067\u306e\u5b66\u7fd2\u98a8\u666f\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u5b66\u6821\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u587e\u3067\u306e\u5b66\u7fd2\u304c\u3001\u5b66\u6821\u3067\u306e\u7406\u89e3\u5ea6\u306b\u76f4\u7d50\u3002\u6559\u79d1\u66f8\u6e96\u62e0\u3060\u304b\u3089\u3053\u305d\u3001\u751f\u5f92\u306e\u7406\u89e3\u5ea6\u3082\u629c\u7fa4\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"relative py-24 md:py-32 text-center overflow-hidden text-white full-bleed flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/cc21d5efc34a0eb8a1184fe6352adbfc.jpeg\" class=\"absolute inset-0 w-full h-full object-cover\" alt=\"\u5c02\u9580\u5bb6\u304c\u5b50\u4f9b\u306b\u5bc4\u308a\u6dfb\u3046\u30a4\u30e1\u30fc\u30b8\">\r\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\r\n <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\r\n <h3 class=\"text-3xl md:text-5xl font-bold reveal text-outline\">\r\n \u8ab0\u4e00\u4eba\u3068\u3057\u3066\u3001<br>\u53d6\u308a\u6b8b\u3055\u306a\u3044\u6559\u80b2\u3092\u3002\r\n <\/h3>\r\n <p class=\"mt-8 text-lg text-left space-y-4 reveal text-white\/90\" style=\"transition-delay: 0.1s; text-shadow: 0 1px 4px rgba(0,0,0,0.5)\">\r\n \u79c1\u305f\u3061\u306f\u3001\u3059\u3079\u3066\u306e\u5b50\u3069\u3082\u304c\u300c\u308f\u304b\u308b\u559c\u3073\u300d\u3092\u611f\u3058\u3089\u308c\u308b\u5b66\u7fd2\u74b0\u5883\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\u5b66\u529b\u5dee\u3084\u500b\u6027\u306e\u9055\u3044\u306b\u3088\u3063\u3066\u3001\u6388\u696d\u304b\u3089\u632f\u308a\u843d\u3068\u3055\u308c\u3066\u3057\u307e\u3046\u5b50\u3092\u30bc\u30ed\u306b\u3057\u305f\u3044\u3002\u305d\u306e\u60f3\u3044\u3092\u5f62\u306b\u3057\u305f\u306e\u304c\u300e\u5929\u795eX\u300f\u3067\u3059\u3002<br><br>\r\n <strong>\u300c\u308f\u304b\u3089\u306a\u3044\u3092\u653e\u7f6e\u3057\u306a\u3044\u5c0e\u7dda\u300d<\/strong>\u3068<strong>\u300c\u632f\u308a\u843d\u3068\u3055\u308c\u306a\u3044\u8a2d\u8a08\u300d<\/strong>\u3092\u5fb9\u5e95\u3059\u308b\u3053\u3068\u3067\u3001\u8ab0\u3082\u304c\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u81ea\u4fe1\u3092\u80b2\u307f\u3001\u300c\u3067\u304d\u305f\uff01\u300d\u306e\u559c\u3073\u3092\u7a4d\u307f\u91cd\u306d\u3089\u308c\u308b\u3002\u79c1\u305f\u3061\u306f\u3001\u305d\u3093\u306a\u672a\u6765\u3092\u3064\u304f\u308a\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"features\" class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u300c\u632f\u308a\u843d\u3068\u3055\u308c\u306a\u3044\u8a2d\u8a08\u300d\u3092\u5b9f\u73fe\u3059\u308b<span class=\"text-blue-600\">3\u3064\u306e\u4ed5\u7d44\u307f<\/span>\r\n <\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <span class=\"text-6xl font-black text-blue-100\">01<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u8a55\u4fa1\u3059\u308b<br>\u201d\u52a0\u70b9\u4e3b\u7fa9\u201d\u306e\u8a55\u4fa1\u8ef8<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n 100\u70b9\u6e80\u70b9\u3092\u76ee\u6307\u3059\u6e1b\u70b9\u4e3b\u7fa9\u306e\u8a55\u4fa1\u3092\u3084\u3081\u307e\u3057\u305f\u3002\u30af\u30ea\u30a2\u3057\u305f\u5358\u5143\u306b\u2605\u304c\u305f\u307e\u3063\u3066\u3044\u304f\u30b7\u30f3\u30d7\u30eb\u306a\u52a0\u70b9\u65b9\u5f0f\u3067\u3001\u751f\u5f92\u306f\u4ed6\u8005\u3068\u6bd4\u8f03\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u81ea\u5206\u306e\u6210\u9577\u3060\u3051\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-12-1024x434.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u52aa\u529b\u3092\u8a55\u4fa1\u3059\u308b\u4e09\u30c4\u661f\u30b7\u30b9\u30c6\u30e0\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <span class=\"text-6xl font-black text-blue-100\">02<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u306e\u89e3\u6c7a\u624b\u6bb5\u3092<br>\u554f\u308f\u306a\u3044\u5b66\u7fd2\u30d7\u30ed\u30bb\u30b9<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n \u554f\u984c\u306e\u9014\u4e2d\u3067\u30d2\u30f3\u30c8\u3084\u89e3\u8aac\u52d5\u753b\u3092\u898b\u3066\u3082\u300c\u9593\u9055\u3044\u300d\u306b\u306f\u306a\u308a\u307e\u305b\u3093\u3002\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u3092\u81ea\u5206\u306e\u529b\u3067\u89e3\u6c7a\u3057\u3001\u6b63\u89e3\u306b\u305f\u3069\u308a\u7740\u304f\u30d7\u30ed\u30bb\u30b9\u305d\u306e\u3082\u306e\u3092\u300c\u5b66\u3073\u300d\u3068\u3057\u3066\u8a55\u4fa1\u3057\u3001\u6311\u6226\u3059\u308b\u610f\u6b32\u3092\u524a\u304e\u307e\u305b\u3093\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-13.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u89e3\u8aac\u52d5\u753b\u3092\u898b\u3066\u554f\u984c\u3092\u89e3\u304f\u30d5\u30ed\u30fc\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <span class=\"text-6xl font-black text-blue-100\">03<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u6587\u79d1\u7701\u304c\u3059\u3059\u3081\u308b\u500b\u5225\u6700\u9069\u5316<br>\u6700\u9069\u306a\u5b66\u7fd2\u3092\u51fa\u984c<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n \u6307\u5c0e\u8005\u304c\u751f\u5f92\u4e00\u4eba\u3072\u3068\u308a\u306b\u5408\u308f\u305b\u3066\u3001\u8868\u793a\u3059\u308b\u5b66\u7fd2\u5185\u5bb9\u3092\u7c21\u5358\u306b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3067\u304d\u307e\u3059\u3002\u652f\u63f4\u304c\u5fc5\u8981\u306a\u5b50\u306b\u306f\u57fa\u790e\u554f\u984c\u3060\u3051\u3092\u3001\u5f97\u610f\u306a\u5b50\u306b\u306f\u5fdc\u7528\u554f\u984c\u3060\u3051\u3092\u63d0\u793a\u3057\u3001\u5e38\u306b\u6700\u9069\u306a\u96e3\u6613\u5ea6\u3067\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-10-1024x589.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u500b\u5225\u6700\u9069\u5316\u3055\u308c\u305f\u8ab2\u984c\u8a2d\u5b9a\u753b\u9762\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-blue-50 full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u6307\u5c0e\u306e\u8cea\u3092\u9ad8\u3081\u3001\u696d\u52d9\u3092\u52b9\u7387\u5316\u3059\u308b<span class=\"text-blue-600\">\u591a\u5f69\u306a\u6a5f\u80fd<\/span>\r\n <\/h3>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-8.png\" alt=\"\u5b66\u7fd2\u72b6\u6cc1\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u751f\u5f92\u306e\u300c\u4eca\u300d\u304c\u3001\u624b\u306b\u53d6\u308b\u3088\u3046\u306b\u308f\u304b\u308b\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u8ab0\u304c\u3069\u306e\u554f\u984c\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u304b\u3001\u3069\u3053\u3067\u3064\u307e\u305a\u3044\u3066\u3044\u308b\u304b\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u628a\u63e1\u3002\u6700\u9069\u306a\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u7684\u78ba\u306a\u58f0\u304b\u3051\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.05s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-11-1024x591.png\" alt=\"\u8ab2\u984c\u914d\u4fe1\u306e\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u6388\u696d\u3082\u5bbf\u984c\u3082\u3001\u300c\u5929\u795e\u300d\u3072\u3068\u3064\u3067\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u300c\u81ea\u7531\u5b66\u7fd2\u300d\u300c\u8ab2\u984c\u300d\u300c\u5bbf\u984c\u300d\u306e\uff13\u3064\u306e\u30e2\u30fc\u30c9\u3092\u642d\u8f09\u3002\u65e5\u3005\u306e\u6388\u696d\u304b\u3089\u671f\u9650\u4ed8\u304d\u306e\u5bb6\u5ead\u5b66\u7fd2\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u6307\u5c0e\u30b7\u30fc\u30f3\u306b\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.1s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-9-1024x570.png\" alt=\"\u6210\u7e3e\u30ec\u30dd\u30fc\u30c8\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u6210\u9577\u306e\u8ecc\u8de1\u3092\u3001\u30c7\u30fc\u30bf\u3067\u53ef\u8996\u5316\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u5358\u5143\u3054\u3068\u306e\u6b63\u7b54\u7387\u3084\u5b66\u7fd2\u6642\u9593\u3092\u81ea\u52d5\u3067\u96c6\u8a08\u3002\u751f\u5f92\u306e\u9811\u5f35\u308a\u3092\u5177\u4f53\u7684\u306b\u8912\u3081\u305f\u308a\u3001\u4fdd\u8b77\u8005\u9762\u8ac7\u3067\u306e\u8aac\u5f97\u529b\u3042\u308b\u8cc7\u6599\u3068\u3057\u3066\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.15s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-12-1024x434.png\" alt=\"\u30de\u30fc\u30af\u6a5f\u80fd\u753b\u9762\" class=\"w-full h-48 object-cover object-top\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u751f\u5f92\u304c\u3064\u304f\u308b\u300c\u82e6\u624b\u300d\u30ea\u30b9\u30c8\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u751f\u5f92\u304c\u81ea\u5206\u3067\u300c\u96e3\u3057\u3044\u300d\u300c\u5fa9\u7fd2\u3057\u305f\u3044\u300d\u3068\u611f\u3058\u305f\u554f\u984c\u306b\u30de\u30fc\u30af\u3092\u4ed8\u3051\u3089\u308c\u307e\u3059\u3002\u751f\u5f92\u306e\u4e3b\u4f53\u6027\u3092\u80b2\u307f\u3001\u6307\u5c0e\u8005\u306f\u3088\u308a\u7684\u78ba\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-20\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u9032\u5316\u3057\u3066\u3082\u5909\u308f\u3089\u306a\u3044<br>\r\n <span class=\"text-blue-600\">\u300e\u5929\u795e\u300f\u304c\u9078\u3070\u308c\u7d9a\u3051\u308b\u7406\u7531<\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/b1a3f691b409c1302b22915d8db94104.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5b66\u6821\u306e\u6388\u696d\u3068\u587e\u306e\u5b66\u3073\u3092\u9023\u643a\">\r\n <\/div>\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u5b66\u6821\u306e\u6388\u696d\u3068\u3001<br>\u587e\u306e\u5b66\u3073\u3092\u5b8c\u5168\u9023\u643a\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u4e3b\u8981\u6559\u79d1\u66f8\u306b\u6e96\u62e0\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u5b66\u6821\u306e\u9032\u5ea6\u3068\u30ba\u30ec\u306a\u304f\u5b66\u7fd2\u53ef\u80fd\u3002\u5b50\u3069\u3082\u305f\u3061\u306f\u6df7\u4e71\u305b\u305a\u3001\u6307\u5c0e\u8005\u69d8\u306f\u6307\u5c0e\u8a08\u753b\u3092\u7acb\u3066\u308b\u624b\u9593\u304b\u3089\u89e3\u653e\u3055\u308c\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/lecture_step3.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5206\u304b\u308a\u3084\u3059\u3044\u89e3\u8aac\u52d5\u753b\">\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u3092\u3001<br>\u305d\u306e\u5834\u3067\u30bc\u30ed\u306b\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u5168\u3066\u306e\u554f\u984c\u306b\u3001\u4e00\u554f\u4e00\u554f\u4e01\u5be7\u306a\u30d2\u30f3\u30c8\u3068\u89e3\u8aac\u52d5\u753b\u3092\u7528\u610f\u3002\u30b9\u30e2\u30fc\u30eb\u30b9\u30c6\u30c3\u30d7\u8a2d\u8a08\u3068\u306e\u76f8\u4e57\u52b9\u679c\u3067\u3001\u5b50\u3069\u3082\u304c\u3064\u307e\u305a\u304d\u3092\u7fcc\u65e5\u306b\u6301\u3061\u8d8a\u3059\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/0ace5cd8afd5e0a48afd5eaaaaf7166a.png\" class=\"rounded-lg shadow-xl\" alt=\"\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u306e\u69d8\u5b50\">\r\n <\/div>\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u5148\u751f\u306e\u96a3\u306b\u306f\u3001<br>\u3044\u3064\u3082\u5c02\u9580\u5bb6\u304c\u3044\u307e\u3059\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u696d\u754c\u6b74\u306e\u9577\u3044\u30d9\u30c6\u30e9\u30f3\u304c\u300c\u5c02\u4efb\u62c5\u5f53\u300d\u3068\u3057\u3066\u3001\u5c0e\u5165\u304b\u3089\u65e5\u3005\u306e\u904b\u7528\u307e\u3067\u5fb9\u5e95\u7684\u306b\u4f34\u8d70\u3002\u6a5f\u68b0\u97f3\u58f0\u3067\u306f\u306a\u3044\u3001\u4eba\u3068\u4eba\u3068\u306e\u7e4b\u304c\u308a\u3092\u5927\u5207\u306b\u3057\u305f\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-20\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u88fd\u54c1\u3060\u3051\u3058\u3083\u306a\u3044\u3002<br>\u5c0e\u5165\u304b\u3089\u7d4c\u55b6\u307e\u3067\u652f\u3048\u308b<span class=\"text-blue-600\">\u4f34\u8d70\u578b\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u696d\u754c\u6b7420\u5e74\u8d85\u306e\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u304c<br>\u8cb4\u587e\u306e\u300c\u5c02\u4efb\u62c5\u5f53\u300d\u306b\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u521d\u56de\u30c7\u30e2\u304b\u3089\u5c0e\u5165\u5f8c\u306e\u904b\u55b6\u307e\u3067\u3001\u8cb4\u587e\u306e\u72b6\u6cc1\u3092\u6df1\u304f\u7406\u89e3\u3057\u305f\u62c5\u5f53\u8005\u304c\u4e00\u8cab\u3057\u3066\u3054\u652f\u63f4\u3002\u3055\u3055\u3044\u306a\u7591\u554f\u3084\u4e0d\u5b89\u3082\u3001\u3044\u3064\u3067\u3082\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\r\n <div class=\"mt-6 relative overflow-hidden\">\r\n <div id=\"slider-1\" class=\"flex transition-transform duration-500 ease-in-out\">\r\n \r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u91d1\u984d\u8a2d\u5b9a\u3084\u3001\u25cf\u25cf\u3055\u3093(\u55b6\u696d\u62c5\u5f53)\u306e\u8aac\u660e\u304c\u826f\u304f\u5b89\u5fc3\u3057\u3066\u5c0e\u5165\u3067\u304d\u308b\u3068\u611f\u3058\u305f\u304b\u3089”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u306e\u6c7a\u3081\u624b\u30a2\u30f3\u30b1\u30fc\u30c8\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u62c5\u5f53\u8005\u306e\u71b1\u610f\u3068\u30b5\u30dd\u30fc\u30c8\u3078\u306e\u4fe1\u983c\u611f”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u306e\u6c7a\u3081\u624b\u30a2\u30f3\u30b1\u30fc\u30c8\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u62c5\u5f53\u3055\u3093\u306b\u306f\u5c0e\u5165\u524d\u304b\u3089\u5c0e\u5165\u5f8c\u3082\u89aa\u5207\u4e01\u5be7\u306b\u76f8\u8ac7\u306b\u4e57\u3063\u3066\u4e0b\u3055\u308a\u3001\u6d3b\u7528\u65b9\u6cd5\u306a\u3069\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u4e0b\u3055\u3063\u305f\u308a\u3057\u3066\u3044\u307e\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u62c5\u5f53\u306e\u65b9\u3068\u306e\u8ddd\u96e2\u611f\u304c\u77ed\u304f\u611f\u3058\u308b\u306e\u3067\u30e6\u30fc\u30b6\u30fc\u5074\u306e\u7acb\u5834\u3068\u3057\u3066\u6c17\u8efd\u306b\u76f8\u8ac7\u306a\u3069\u51fa\u6765\u308b\u95a2\u4fc2\u306b\u3042\u308b\u4e8b”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u62c5\u5f53\u306e\u65b9\u3001\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u306e\u65b9\u306f\u3053\u3061\u3089\u304c\u7406\u89e3\u3067\u304d\u308b\u307e\u3067\u4e01\u5be7\u306b\u6559\u3048\u3066\u304f\u3060\u3055\u308b\u306e\u3067\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u306e\u65b9\u304c\u587e\u306b\u6765\u3066\u3044\u305f\u3060\u3051\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u6c17\u306b\u306a\u308b\u3053\u3068\u3092\u4f1a\u8a71\u3067\u304d\u308b\u306e\u3082\u9b45\u529b\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <\/div>\r\n \r\n <div class=\"flex justify-end gap-2 mt-4\">\r\n <button class=\"prev-1 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg><\/button>\r\n <button class=\"next-1 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/10337de1264cf6083e49966cc1ad2509.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5c02\u4efb\u62c5\u5f53\u304c\u5bc4\u308a\u6dfb\u3046\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u6a5f\u68b0\u97f3\u58f0\u306a\u3057\u3002<br>\u793e\u54e1\u76f4\u901a\u306e\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u304a\u96fb\u8a71\u304c\u7e4b\u304c\u308b\u307e\u3067\u304a\u5f85\u305f\u305b\u3057\u307e\u305b\u3093\u3002\u5e73\u65e5\u30fb\u571f\u66dc\u30fb\u795d\u65e5\u306e19\u6642\u307e\u3067\u3001\u5c02\u9580\u77e5\u8b58\u3092\u6301\u3063\u305f\u793e\u54e1\u304c\u76f4\u63a5\u3001\u8fc5\u901f\u30fb\u4e01\u5be7\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\r\n <div class=\"mt-6 relative overflow-hidden\">\r\n <div id=\"slider-2\" class=\"flex transition-transform duration-500 ease-in-out\">\r\n \r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u306e\u65b9\u3005\u3082\u3068\u3066\u3082\u89aa\u5207\u304b\u3064\u7d20\u65e9\u3044\u5bfe\u5fdc\u3067\u3059\u3002\u8cea\u554f\u306b\u5bfe\u3057\u3066\u306f\u3059\u3050\u306b\u7b54\u3048\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3057\u3001\u300c\u3053\u3053\u3092\u3053\u3046\u3057\u3066\u307b\u3057\u3044\u300d\u3068\u3044\u3046\u63d0\u6848\u3084\u304a\u9858\u3044\u306b\u5bfe\u3057\u3066\u3001\u6570\u65e5(1\uff0c2\u65e5)\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u305f\u3060\u3051\u305f\u3068\u304d\u306f\u9a5a\u304d\u307e\u3057\u305f\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066\u306f\u3044\u3064\u3082\u8fc5\u901f\u304b\u3064\u3054\u4e01\u5be7\u306b\u5bfe\u5fdc\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u5927\u5909\u6e80\u8db3\u3057\u3066\u3044\u307e\u3059\u3002\u4e0d\u5177\u5408\u767a\u751f\u6642\u306b\u3082\u89aa\u8eab\u306b\u306a\u3063\u3066\u3054\u5bfe\u5fdc\u304f\u3060\u3055\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u7d4c\u904e\u5831\u544a\u542b\u3081\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u306e\u304a\u304b\u3052\u3067\u5b89\u5fc3\u3057\u3066\u6559\u6750\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u3044\u307e\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“zoom\u3084\u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u3067\u7d30\u304b\u304f\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u305f\u3060\u3044\u3066\u3044\u308b\u306e\u3067\u3001\u4e0d\u660e\u306a\u70b9\u304c\u3042\u3063\u3066\u3082\u9023\u7d61\u304c\u53d6\u308a\u3084\u3059\u304f\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u306e\u65b9\u3082\u3001\u55b6\u696d\u306e\u25cf\u25cf\u3055\u3093\u3082\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u3088\u304f\u7684\u78ba\u306b\u30b9\u30d4\u30fc\u30c9\u611f\u3042\u308b\u5bfe\u5fdc\u304f\u3060\u3055\u308b\u3057\u3001\u5927\u5909\u6709\u96e3\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <\/div>\r\n \r\n <div class=\"flex justify-end gap-2 mt-4\">\r\n <button class=\"prev-2 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg><\/button>\r\n <button class=\"next-2 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/support-center-1024x559.jpeg\" class=\"rounded-lg shadow-xl\" alt=\"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u306e\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u88dc\u52a9\u91d1\u6d3b\u7528\u304b\u3089AI\u3067\u306e\u696d\u52d9\u6539\u5584\u307e\u3067<br>\u7d4c\u55b6\u8ab2\u984c\u3082\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">IT\u5c0e\u5165\u88dc\u52a9\u91d1\u306e\u7533\u8acb\u30b5\u30dd\u30fc\u30c8\uff08\u30ea\u30ea\u30fc\u30b9\u5f8c\u7533\u8acb\u4e88\u5b9a\uff09\u3084\u3001\u81ea\u6cbb\u4f53\u72ec\u81ea\u306e\u88dc\u52a9\u91d1\u306e\u3054\u63d0\u6848\u3001\u3055\u3089\u306b\u306fAI\u3092\u6d3b\u7528\u3057\u305f\u696d\u52d9\u52b9\u7387\u5316\u306e\u3054\u76f8\u8ac7\uff08\u7121\u6599\uff09\u307e\u3067\u3002\u8cb4\u587e\u306e\u7d4c\u55b6\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u3001\u3042\u3089\u3086\u308b\u8ab2\u984c\u89e3\u6c7a\u3092\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-15-e1760583504795.png\" class=\"rounded-lg shadow-xl\" alt=\"\u7d4c\u55b6\u76f8\u8ac7\u306e\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"problem\" class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u587e\u7d4c\u55b6\u306e<span class=\"text-blue-600\">\u3053\u3093\u306a\u304a\u60a9\u307f<\/span>\u3001\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n <\/h3>\r\n <div class=\"grid md:grid-cols-2 gap-8 mt-12 text-left\">\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 text-blue-600\">\r\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-blue-800 mt-4\">\u4eba\u4ef6\u8cbb\u30fb\u63a1\u7528<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u4eba\u4ef6\u8cbb\u304c\u9ad8\u9a30\u3057\u5229\u76ca\u3092\u5727\u8feb<\/li>\r\n <li>\u8b1b\u5e2b\u306e\u63a1\u7528\u30fb\u80b2\u6210\u30b3\u30b9\u30c8\u5897<\/li>\r\n <li>\u8b1b\u5e2b\u306e\u8cea\u306b\u30d0\u30e9\u3064\u304d\u304c\u3042\u308b<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.1s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-green-100 text-green-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-green-800 mt-4\">\u751f\u5f92\u306e\u6210\u7e3e<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u6210\u7e3e\u304c\u4f38\u3073\u60a9\u307f\u6e80\u8db3\u5ea6\u304c\u4f4e\u3044<\/li>\r\n <li>\u5b66\u529b\u5dee\u306e\u5927\u304d\u3044\u751f\u5f92\u3092\u6307\u5c0e\u3067\u304d\u306a\u3044<\/li>\r\n <li>\u751f\u5f92\u306e\u5b66\u7fd2\u610f\u6b32\u3092\u5f15\u304d\u51fa\u305b\u306a\u3044<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-purple-100 text-purple-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-purple-800 mt-4\">\u7af6\u5408\u30fb\u5dee\u5225\u5316<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u4fa1\u683c\u7af6\u4e89\u306b\u9665\u3063\u3066\u3044\u308b<\/li>\r\n <li>\u81ea\u587e\u306a\u3089\u3067\u306f\u306e\u5f37\u307f\u304c\u306a\u3044<\/li>\r\n <li>\u52b9\u679c\u7684\u306a\u96c6\u5ba2\u304c\u308f\u304b\u3089\u306a\u3044<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.3s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-orange-100 text-orange-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-orange-800 mt-4\">\u696d\u52d9\u52b9\u7387<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u6388\u696d\u6e96\u5099\u3084\u30d7\u30ea\u30f3\u30c8\u4f5c\u6210\u304c\u5927\u5909<\/li>\r\n <li>\u751f\u5f92\u306e\u5b66\u7fd2\u9032\u6357\u3092\u7ba1\u7406\u3067\u304d\u306a\u3044<\/li>\r\n <li>\u4fdd\u8b77\u8005\u3078\u306e\u5831\u544a\u696d\u52d9\u304c\u8ca0\u62c5<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mt-12 text-2xl font-bold reveal\">\r\n \u305d\u306e\u304a\u60a9\u307f\u3001\u6307\u5c0e\u8005\u3068\u5b50\u3069\u3082\u306b\u5bc4\u308a\u6dfb\u3044\u7d9a\u3051\u308b\u300e\u5929\u795e\u300f\u306e<br>\r\n <span class=\"gradient-text text-4xl\">\u9032\u5316\u5f62\u300e\u5929\u795eX\u300f<\/span>\u304c\u89e3\u6c7a\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\" class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-4xl mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\r\n <\/h3>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u5f93\u6765\u306eWindows\u7248\u3068\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u300e\u5929\u795eX\u300f\u306f\u3001OS\u3084\u7aef\u672b\u3092\u9078\u3070\u305aWeb\u30d6\u30e9\u30a6\u30b6\u3067\u5229\u7528\u3067\u304d\u308b\u30af\u30e9\u30a6\u30c9\u7248\u3067\u3059\u3002Chromebook\u3084iPad\u3001\u3054\u5bb6\u5ead\u306ePC\u3067\u3082\u5b66\u7fd2\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u300c100\u70b9\u4e3b\u7fa9\u304b\u3089\u306e\u8131\u5374\u300d\u3092\u30b3\u30f3\u30bb\u30d7\u30c8\u306b\u3001\u5b66\u7fd2\u8a55\u4fa1\u306e\u4ed5\u7d44\u307f\u3084\u6307\u5c0e\u8005\u5411\u3051\u306e\u6a5f\u80fd\u3092\u5237\u65b0\u3057\u3066\u3044\u307e\u3059\u3002Windows\u7248\u3067\u3054\u597d\u8a55\u306e\u6559\u79d1\u66f8\u6e96\u62e0\u3084\u6559\u6750\u54c1\u8cea\u306f\u305d\u306e\u307e\u307e\u7d99\u627f\u3057\u3066\u3044\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u6599\u91d1\u30d7\u30e9\u30f3\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u3054\u5229\u7528\u306b\u306a\u308b\u751f\u5f92\u69d8\u306e\u4eba\u6570\u3084\u5c0e\u5165\u898f\u6a21\u306b\u3088\u3063\u3066\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u8a73\u7d30\u306a\u6599\u91d1\u30d7\u30e9\u30f3\u306f\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u306b\u3066\u65bd\u8a2d\u306e\u72b6\u6cc1\u3092\u304a\u4f3a\u3044\u3057\u305f\u4e0a\u3067\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3068\u304a\u898b\u7a4d\u3082\u308a\u3092\u3054\u63d0\u793a\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u4ed6\u306eICT\u6559\u6750\u3068\u306e\u4e00\u756a\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u6700\u5927\u306e\u5dee\u5225\u5316\u70b9\u306f\u3001\u4e3b\u8981\u6559\u79d1\u66f8\u306b**\u6e96\u62e0**\u3057\u3066\u3044\u308b\u70b9\u3067\u3059\u3002\u5b66\u6821\u306e\u6388\u696d\u9032\u5ea6\u3068\u30ba\u30ec\u306a\u304f\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u308b\u305f\u3081\u3001\u6307\u5c0e\u8a08\u753b\u3092\u5225\u9014\u7acb\u3066\u308b\u5fc5\u8981\u304c\u306a\u304f\u3001\u6307\u5c0e\u8005\u306e\u8ca0\u62c5\u3092\u5927\u5e45\u306b\u8efd\u6e1b\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u696d\u754c\u6b7420\u5e74\u524d\u5f8c\u306e\u30d9\u30c6\u30e9\u30f3\u304c\u5c02\u4efb\u3067\u3064\u304f\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3082\u3001AI\u306b\u3088\u308b\u81ea\u52d5\u5316\u3092\u57fa\u672c\u3068\u3059\u308b\u4ed6\u793e\u306b\u306f\u306a\u3044\u5f37\u307f\u3067\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u5c0e\u5165\u524d\u306b\u8a66\u3059\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u306b\u3054\u53c2\u52a0\u3044\u305f\u3060\u3044\u305f\u65b9\u306b\u306f\u3001**7\u65e5\u9593\u306e\u7121\u6599\u4f53\u9a13\u30a2\u30ab\u30a6\u30f3\u30c8**\u3092\u767a\u884c\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u5b9f\u969b\u306b\u65bd\u8a2d\u306e\u5b50\u3069\u3082\u305f\u3061\u3084\u8077\u54e1\u306e\u65b9\u3005\u306b\u300e\u5929\u795eX\u300f\u306e\u4f7f\u3044\u3084\u3059\u3055\u3001\u6559\u6750\u306e\u54c1\u8cea\u3092\u5b58\u5206\u306b\u304a\u78ba\u304b\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-20 bg-blue-600 text-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold reveal\">\r\n \u8cb4\u587e\u306e\u304a\u60a9\u307f\u3001<br class=\"md:hidden\">\u300e\u5929\u795eX\u300f\u304c\u3059\u3079\u3066\u89e3\u6c7a\u3057\u307e\u3059\u3002\r\n <\/h3>\r\n <p class=\"mt-4 text-lg text-blue-100 max-w-2xl mx-auto reveal\">\r\n \u307e\u305a\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3067\u3001\u73fe\u72b6\u306e\u8ab2\u984c\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<br>\r\n \u5c02\u4efb\u62c5\u5f53\u304c\u3001\u8cb4\u65bd\u8a2d\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u6d3b\u7528\u6cd5\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <div class=\"mt-10 reveal\">\r\n <a href=\"#\" class=\"inline-block w-full md:w-auto bg-white text-blue-600 font-bold text-lg py-4 px-12 rounded-full cta-button\" style=\"box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.39);\">\r\n \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\u3059\u308b (\u7121\u6599)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <\/main>\r\n\r\n \r\n <footer class=\"bg-gray-800 text-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 py-12\">\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div>\r\n <h3 class=\"text-xl font-bold\">\u682a\u5f0f\u4f1a\u793e\u30bf\u30aa<\/h3>\r\n <p class=\"mt-4 text-gray-400\">\r\n \u3012525-0032<br>\r\n \u6ecb\u8cc0\u770c\u8349\u6d25\u5e02\u5927\u8def2\u4e01\u76ee9-1 \u967d\u3060\u307e\u308a\u30d3\u30eb5\u968e<br>\r\n <a href=\"https:\/\/www.tao-st.co.jp\/\" class=\"hover:text-blue-400\">https:\/\/www.tao-st.co.jp\/<\/a>\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\r\n <p class=\"mt-4 text-gray-400\">\r\n \u5546\u54c1\u30b5\u30a4\u30c8: <a href=\"https:\/\/www.tenjin.cc\/co\/\" class=\"hover:text-blue-400\">https:\/\/www.tenjin.cc\/co\/<\/a><br>\r\n \u30d5\u30ea\u30fc\u30c0\u30a4\u30e4\u30eb: <span class=\"font-bold text-white\">0120-019-828<\/span><br>\r\n\r\n \u30e1\u30fc\u30eb: support@tao-st.co.jp<br>\r\n \u55b6\u696d\u6642\u9593: 10:00\uff5e19:00\uff08\u5e73\u65e5\u30fb\u571f\u30fb\u795d\uff09\r\n <\/p>\r\n <\/div>\r\n <div>\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 border-t border-gray-700 pt-6 text-center text-gray-500\">\r\n <p>© 2025 TAO Co., Ltd. All rights reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5fdc\u3058\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n const revealElements = document.querySelectorAll('.reveal');\r\n const revealOnScroll = () => {\r\n const windowHeight = window.innerHeight;\r\n revealElements.forEach(el => {\r\n const elementTop = el.getBoundingClientRect().top;\r\n if (elementTop < windowHeight - 100) {\r\n el.classList.add('visible');\r\n }\r\n });\r\n };\r\n window.addEventListener('scroll', revealOnScroll);\r\n revealOnScroll(); \/\/ \u521d\u671f\u8868\u793a\r\n\r\n \/\/ \u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ \u30d2\u30fc\u30ed\u30fc\u30ab\u30eb\u30fc\u30bb\u30eb\r\n const slides = document.querySelectorAll('.hero-slide');\r\n let currentSlide = 0;\r\n if (slides.length > 0) {\r\n setInterval(() => {\r\n slides[currentSlide].classList.remove('active');\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n slides[currentSlide].classList.add('active');\r\n }, 2000); \/\/ 1\u79d2\u8868\u793a + 1\u79d2\u30d5\u30a7\u30fc\u30c9 = 2\u79d2\u9593\u9694\r\n }\r\n\r\n \/\/ New Release Bubble Toggle\r\n const newReleaseToggle = document.getElementById('new-release-toggle');\r\n const osInfoBubble = document.getElementById('os-info-bubble');\r\n\r\n if (newReleaseToggle && osInfoBubble) {\r\n newReleaseToggle.addEventListener('click', () => {\r\n \/\/ Toggle classes for hide\/show with animation\r\n osInfoBubble.classList.toggle('opacity-0');\r\n osInfoBubble.classList.toggle('invisible');\r\n });\r\n\r\n \/\/ Initially hide the bubble\r\n osInfoBubble.classList.add('opacity-0', 'invisible');\r\n\r\n \/\/ Show it when the toggle button becomes visible\r\n const observer = new IntersectionObserver((entries) => {\r\n if(entries[0].isIntersecting) {\r\n setTimeout(() => {\r\n osInfoBubble.classList.remove('opacity-0', 'invisible');\r\n setTimeout(() => {\r\n osInfoBubble.classList.add('opacity-0', 'invisible');\r\n }, 4000); \/\/ Bubble stays visible for 4 seconds\r\n }, 1500); \/\/ Start this whole sequence 1.5s after the label appears\r\n observer.disconnect();\r\n }\r\n }, { threshold: 1.0 });\r\n observer.observe(newReleaseToggle);\r\n }\r\n \r\n \/\/ Testimonial Sliders\r\n function setupSlider(sliderId, prevBtnClass, nextBtnClass) {\r\n const slider = document.getElementById(sliderId);\r\n const prevBtn = document.querySelector(prevBtnClass);\r\n const nextBtn = document.querySelector(nextBtnClass);\r\n \r\n if (!slider || !prevBtn || !nextBtn) return;\r\n\r\n let currentIndex = 0;\r\n const slides = slider.children;\r\n const totalSlides = slides.length;\r\n\r\n function updateSlider() {\r\n slider.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n }\r\n\r\n nextBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex + 1) % totalSlides;\r\n updateSlider();\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n });\r\n }\r\n\r\n setupSlider('slider-1', '.prev-1', '.next-1');\r\n setupSlider('slider-2', '.prev-2', '.next-2');\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u30af\u30e9\u30a6\u30c9\u7248 \u5929\u795eX\uff5c\u3059\u3079\u3066\u306e\u300c\u5b66\u7fd2\u306e\u5834\u300d\u3092\u7e4b\u3052\u308bICT\u6559\u6750 \u5929\u795eX \u7279\u9577 \u8ab2\u984c\u89e3\u6c7a FAQ \u30aa\u30f3\u30e9\u30a4…<\/p>\n","protected":false},"author":5,"featured_media":8741,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-8906","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/comments?post=8906"}],"version-history":[{"count":1,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906\/revisions"}],"predecessor-version":[{"id":8907,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906\/revisions\/8907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/media\/8741"}],"wp:attachment":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/media?parent=8906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8906,"date":"2025-10-24T10:32:43","date_gmt":"2025-10-24T01:32:43","guid":{"rendered":"https:\/\/www.tenjin.cc\/co\/?page_id=8906"},"modified":"2025-10-25T20:08:14","modified_gmt":"2025-10-25T11:08:14","slug":"x-preview","status":"publish","type":"page","link":"https:\/\/www.tenjin.cc\/co\/x-preview\/","title":{"rendered":"\u3010\u5929\u795eX\u3000\u30d7\u30ec\u30d3\u30e5\u30fc\u7528\u3011\u8ab0\u4e00\u4eba\u3068\u3057\u3066\u3001\u53d6\u308a\u6b8b\u3055\u306a\u3044\u6559\u80b2\u3092\u3002"},"content":{"rendered":"\n\n\n\r\n\r\n\r\n \r\n \r\n \u30af\u30e9\u30a6\u30c9\u7248 \u5929\u795eX\uff5c\u3059\u3079\u3066\u306e\u300c\u5b66\u7fd2\u306e\u5834\u300d\u3092\u7e4b\u3052\u308bICT\u6559\u6750<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30bf\u30a4\u30eb *\/\r\n body {\r\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n overflow-x: hidden; \/* full-bleed\u306b\u3088\u308b\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u9632\u6b62 *\/\r\n }\r\n .gradient-text {\r\n background: linear-gradient(to right, #1E40AF, #3B82F6);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .cta-button {\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 14px 0 rgba(0, 118, 255, 0.39);\r\n }\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px 0 rgba(0, 118, 255, 0.23);\r\n }\r\n .feature-card {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n }\r\n .feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n border-color: #3B82F6;\r\n }\r\n \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u7528 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \/* FAQ\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3 *\/\r\n .faq-item summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n .faq-item[open] summary .plus-icon {\r\n transform: rotate(45deg);\r\n }\r\n \/* \u30d2\u30fc\u30ed\u30fc\u30ab\u30eb\u30fc\u30bb\u30eb *\/\r\n .hero-slide {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0;\r\n transition: opacity 1.5s ease-in-out;\r\n }\r\n .hero-slide.active {\r\n opacity: 1;\r\n }\r\n .text-outline {\r\n text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);\r\n }\r\n \/* WordPress\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664\u3059\u308b\u30af\u30e9\u30b9 *\/\r\n .full-bleed {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n \r\n @keyframes bounce {\r\n 0%, 100% {\r\n transform: translateY(-25%);\r\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\r\n }\r\n 50% {\r\n transform: translateY(0);\r\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\r\n }\r\n }\r\n .connector-arrow {\r\n animation: bounce 2s infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white text-gray-800\">\r\n\r\n \r\n <header class=\"bg-white\/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-200\">\r\n <div class=\"max-w-7xl mx-auto px-6 py-3 flex justify-between items-center\">\r\n <h1 class=\"text-2xl font-bold gradient-text\">\u5929\u795eX<\/h1>\r\n <nav class=\"hidden md:flex items-center space-x-6\">\r\n <a href=\"#features\" class=\"text-gray-600 hover:text-blue-600\">\u7279\u9577<\/a>\r\n <a href=\"#problem\" class=\"text-gray-600 hover:text-blue-600\">\u8ab2\u984c\u89e3\u6c7a<\/a>\r\n <a href=\"#faq\" class=\"text-gray-600 hover:text-blue-600\">FAQ<\/a>\r\n <\/nav>\r\n <a href=\"#contact\" class=\"bg-blue-600 text-white font-bold py-2 px-6 rounded-full cta-button\">\r\n \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n \r\n <section class=\"relative pt-32 pb-24 md:py-32 text-center overflow-hidden text-white full-bleed\">\r\n \r\n <div id=\"hero-carousel\" class=\"absolute inset-0 z-0\">\r\n <div class=\"hero-slide active\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/caeabc54d8610e5e31db2c3cc9369f2c.png\" class=\"w-full h-full object-cover\" alt=\"\u5b50\u3069\u3082\u304c\u3072\u3089\u3081\u304f\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/21cadb7e1f166683068d3a10acce81ec.png\" class=\"w-full h-full object-cover\" alt=\"\u5b50\u3069\u3082\u306e\u6210\u9577\u3092\u559c\u3076\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/cc21d5efc34a0eb8a1184fe6352adbfc.jpeg\" class=\"w-full h-full object-cover\" alt=\"\u6307\u5c0e\u8005\u304c\u4f34\u8d70\u3059\u308b\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute inset-0 z-10 bg-black\/40\"><\/div>\r\n \r\n \r\n <div class=\"max-w-7xl mx-auto px-6 relative z-20\">\r\n\r\n <h2 class=\"text-4xl md:text-7xl font-black text-white reveal text-outline\" style=\"line-height: 1.2;\">\r\n \u3059\u3079\u3066\u306e<br>\r\n “\u5b66\u7fd2\u306e\u5834”\u3092<br>\r\n \u7e4b\u3052\u308b\r\n <\/h2>\r\n\r\n \r\n <div class=\"relative inline-block my-6 reveal\" style=\"transition-delay: 0.1s;\">\r\n \r\n <div id=\"os-info-bubble\" class=\"absolute bottom-full mb-3 left-1\/2 -translate-x-1\/2 w-64 text-center p-4 bg-white text-gray-800 rounded-lg shadow-xl transition-all duration-500\">\r\n \r\n <div class=\"absolute top-full left-1\/2 -translate-x-1\/2 w-0 h-0 border-[10px] border-transparent border-t-white\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/os_icons.png\" class=\"h-8 mx-auto mb-2\" alt=\"\u5bfe\u5fdcOS\u30a2\u30a4\u30b3\u30f3\">\r\n <p class=\"text-sm font-bold\">\u4e3b\u8981OS\u5bfe\u5fdc\u30fb\u30a2\u30d7\u30ea\u4e0d\u8981<\/p>\r\n <p class=\"mt-1 text-xs text-gray-600\">Web\u30d6\u30e9\u30a6\u30b6\u3060\u3051\u3067\u3001\u3059\u3050\u306b\u59cb\u3081\u3089\u308c\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n \r\n <div id=\"new-release-toggle\" class=\"cursor-pointer\">\r\n <span class=\"inline-block bg-gradient-to-r from-orange-500 to-red-500 text-white text-sm font-bold tracking-wider px-4 py-2 rounded-full shadow-lg\">\r\n \uff3c \u5f85\u671b\u306e\u30af\u30e9\u30a6\u30c9\u7248\u3001\u65b0\u767a\u58f2\uff01 \uff0f\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <p class=\"text-lg text-white font-semibold max-w-3xl mx-auto reveal text-outline\" style=\"transition-delay: 0.2s;\">\r\n \u5b66\u6821\u3001\u587e\u3001\u5bb6\u5ead\u3092\u3001\u30af\u30e9\u30a6\u30c9\u3067\u7e4b\u3050\u3002<br>\r\n \u6559\u79d1\u66f8\u6e96\u62e0\u306eICT\u6559\u6750\u300e\u5929\u795eX\u300f\r\n <\/p>\r\n\r\n <div class=\"mt-12 reveal\" style=\"transition-delay: 0.3s;\">\r\n <a href=\"#contact\" class=\"inline-block w-full md:w-auto bg-blue-600 text-white font-bold text-lg py-4 px-10 rounded-full cta-button\">\r\n \u307e\u305a\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\u3059\u308b\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-4xl mx-auto px-6 text-center\">\r\n <div class=\"text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u5b66\u3073\u304c\u3001\u7740\u5b9f\u306b\u7a4d\u307f\u91cd\u306a\u3063\u3066\u3044\u304f\u3002\r\n <\/h3>\r\n <p class=\"mt-4 text-lg text-gray-600 max-w-3xl mx-auto reveal\">\r\n \u300e\u5929\u795eX\u300f\u306f\u3001\u3053\u308c\u307e\u3067\u30d0\u30e9\u30d0\u30e9\u3060\u3063\u305f\u5b66\u7fd2\u306e\u5834\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7e4b\u3052\u307e\u3059\u3002<br>\r\n \u751f\u5f92\u4e00\u4eba\u3072\u3068\u308a\u306e\u5b66\u3073\u3092\u3001\u5305\u62ec\u7684\u306b\u898b\u5b88\u308a\u3001\u652f\u3048\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/caeabc54d8610e5e31db2c3cc9369f2c.png\" alt=\"\u587e\u3067\u306e\u500b\u5225\u6307\u5c0e\u306e\u69d8\u5b50\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u587e\u3067\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u500b\u5225\u6700\u9069\u5316\u3055\u308c\u305f\u8ab2\u984c\u3067\u3001\u52b9\u7387\u7684\u306b\u6210\u7e3e\u30a2\u30c3\u30d7\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\u5148\u751f\u306f\u4e00\u4eba\u3072\u3068\u308a\u306e\u5b66\u7fd2\u72b6\u6cc1\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u628a\u63e1\u3067\u304d\u3001\u6700\u9069\u306a\u6307\u5c0e\u304c\u53ef\u80fd\u306b\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"h-20 flex justify-center items-center\">\r\n <svg class=\"w-8 h-8 text-blue-400 connector-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/21cadb7e1f166683068d3a10acce81ec.png\" alt=\"\u5bb6\u5ead\u3067\u697d\u3057\u304f\u5b66\u7fd2\u3059\u308b\u5b50\u3069\u3082\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u5bb6\u5ead\u3067\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u587e\u304b\u3089\u914d\u4fe1\u3055\u308c\u305f\u5bbf\u984c\u306b\u5bb6\u5ead\u3067\u6311\u6226\u3002\u9811\u5f35\u308a\u306e\u6210\u679c\u3084\u5b66\u7fd2\u9032\u6357\u306f\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5148\u751f\u306b\u5171\u6709\u3055\u308c\u3001\u7684\u78ba\u306a\u30b5\u30dd\u30fc\u30c8\u306b\u7e4b\u304c\u308a\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"h-20 flex justify-center items-center\">\r\n <svg class=\"w-8 h-8 text-blue-400 connector-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl overflow-hidden shadow-lg reveal feature-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-14.png\" alt=\"\u5b66\u6821\u3067\u306e\u5b66\u7fd2\u98a8\u666f\" class=\"w-full\">\r\n <div class=\"p-6\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u5b66\u6821\u306e\u5b66\u7fd2<\/h4>\r\n <p class=\"mt-2 text-gray-600\">\u587e\u3067\u306e\u5b66\u7fd2\u304c\u3001\u5b66\u6821\u3067\u306e\u7406\u89e3\u5ea6\u306b\u76f4\u7d50\u3002\u6559\u79d1\u66f8\u6e96\u62e0\u3060\u304b\u3089\u3053\u305d\u3001\u751f\u5f92\u306e\u7406\u89e3\u5ea6\u3082\u629c\u7fa4\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"relative py-24 md:py-32 text-center overflow-hidden text-white full-bleed flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/cc21d5efc34a0eb8a1184fe6352adbfc.jpeg\" class=\"absolute inset-0 w-full h-full object-cover\" alt=\"\u5c02\u9580\u5bb6\u304c\u5b50\u4f9b\u306b\u5bc4\u308a\u6dfb\u3046\u30a4\u30e1\u30fc\u30b8\">\r\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\r\n <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\r\n <h3 class=\"text-3xl md:text-5xl font-bold reveal text-outline\">\r\n \u8ab0\u4e00\u4eba\u3068\u3057\u3066\u3001<br>\u53d6\u308a\u6b8b\u3055\u306a\u3044\u6559\u80b2\u3092\u3002\r\n <\/h3>\r\n <p class=\"mt-8 text-lg text-left space-y-4 reveal text-white\/90\" style=\"transition-delay: 0.1s; text-shadow: 0 1px 4px rgba(0,0,0,0.5)\">\r\n \u79c1\u305f\u3061\u306f\u3001\u3059\u3079\u3066\u306e\u5b50\u3069\u3082\u304c\u300c\u308f\u304b\u308b\u559c\u3073\u300d\u3092\u611f\u3058\u3089\u308c\u308b\u5b66\u7fd2\u74b0\u5883\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\u5b66\u529b\u5dee\u3084\u500b\u6027\u306e\u9055\u3044\u306b\u3088\u3063\u3066\u3001\u6388\u696d\u304b\u3089\u632f\u308a\u843d\u3068\u3055\u308c\u3066\u3057\u307e\u3046\u5b50\u3092\u30bc\u30ed\u306b\u3057\u305f\u3044\u3002\u305d\u306e\u60f3\u3044\u3092\u5f62\u306b\u3057\u305f\u306e\u304c\u300e\u5929\u795eX\u300f\u3067\u3059\u3002<br><br>\r\n <strong>\u300c\u308f\u304b\u3089\u306a\u3044\u3092\u653e\u7f6e\u3057\u306a\u3044\u5c0e\u7dda\u300d<\/strong>\u3068<strong>\u300c\u632f\u308a\u843d\u3068\u3055\u308c\u306a\u3044\u8a2d\u8a08\u300d<\/strong>\u3092\u5fb9\u5e95\u3059\u308b\u3053\u3068\u3067\u3001\u8ab0\u3082\u304c\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u81ea\u4fe1\u3092\u80b2\u307f\u3001\u300c\u3067\u304d\u305f\uff01\u300d\u306e\u559c\u3073\u3092\u7a4d\u307f\u91cd\u306d\u3089\u308c\u308b\u3002\u79c1\u305f\u3061\u306f\u3001\u305d\u3093\u306a\u672a\u6765\u3092\u3064\u304f\u308a\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"features\" class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u300c\u632f\u308a\u843d\u3068\u3055\u308c\u306a\u3044\u8a2d\u8a08\u300d\u3092\u5b9f\u73fe\u3059\u308b<span class=\"text-blue-600\">3\u3064\u306e\u4ed5\u7d44\u307f<\/span>\r\n <\/h3>\r\n <\/div>\r\n \r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <span class=\"text-6xl font-black text-blue-100\">01<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u8a55\u4fa1\u3059\u308b<br>\u201d\u52a0\u70b9\u4e3b\u7fa9\u201d\u306e\u8a55\u4fa1\u8ef8<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n 100\u70b9\u6e80\u70b9\u3092\u76ee\u6307\u3059\u6e1b\u70b9\u4e3b\u7fa9\u306e\u8a55\u4fa1\u3092\u3084\u3081\u307e\u3057\u305f\u3002\u30af\u30ea\u30a2\u3057\u305f\u5358\u5143\u306b\u2605\u304c\u305f\u307e\u3063\u3066\u3044\u304f\u30b7\u30f3\u30d7\u30eb\u306a\u52a0\u70b9\u65b9\u5f0f\u3067\u3001\u751f\u5f92\u306f\u4ed6\u8005\u3068\u6bd4\u8f03\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u81ea\u5206\u306e\u6210\u9577\u3060\u3051\u306b\u96c6\u4e2d\u3067\u304d\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-12-1024x434.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u52aa\u529b\u3092\u8a55\u4fa1\u3059\u308b\u4e09\u30c4\u661f\u30b7\u30b9\u30c6\u30e0\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <span class=\"text-6xl font-black text-blue-100\">02<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u306e\u89e3\u6c7a\u624b\u6bb5\u3092<br>\u554f\u308f\u306a\u3044\u5b66\u7fd2\u30d7\u30ed\u30bb\u30b9<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n \u554f\u984c\u306e\u9014\u4e2d\u3067\u30d2\u30f3\u30c8\u3084\u89e3\u8aac\u52d5\u753b\u3092\u898b\u3066\u3082\u300c\u9593\u9055\u3044\u300d\u306b\u306f\u306a\u308a\u307e\u305b\u3093\u3002\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u3092\u81ea\u5206\u306e\u529b\u3067\u89e3\u6c7a\u3057\u3001\u6b63\u89e3\u306b\u305f\u3069\u308a\u7740\u304f\u30d7\u30ed\u30bb\u30b9\u305d\u306e\u3082\u306e\u3092\u300c\u5b66\u3073\u300d\u3068\u3057\u3066\u8a55\u4fa1\u3057\u3001\u6311\u6226\u3059\u308b\u610f\u6b32\u3092\u524a\u304e\u307e\u305b\u3093\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-13.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u89e3\u8aac\u52d5\u753b\u3092\u898b\u3066\u554f\u984c\u3092\u89e3\u304f\u30d5\u30ed\u30fc\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <span class=\"text-6xl font-black text-blue-100\">03<\/span>\r\n <h4 class=\"text-3xl font-bold mt-2 text-gray-800\">\u6587\u79d1\u7701\u304c\u3059\u3059\u3081\u308b\u500b\u5225\u6700\u9069\u5316<br>\u6700\u9069\u306a\u5b66\u7fd2\u3092\u51fa\u984c<\/h4>\r\n <p class=\"mt-6 text-gray-600\">\r\n \u6307\u5c0e\u8005\u304c\u751f\u5f92\u4e00\u4eba\u3072\u3068\u308a\u306b\u5408\u308f\u305b\u3066\u3001\u8868\u793a\u3059\u308b\u5b66\u7fd2\u5185\u5bb9\u3092\u7c21\u5358\u306b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3067\u304d\u307e\u3059\u3002\u652f\u63f4\u304c\u5fc5\u8981\u306a\u5b50\u306b\u306f\u57fa\u790e\u554f\u984c\u3060\u3051\u3092\u3001\u5f97\u610f\u306a\u5b50\u306b\u306f\u5fdc\u7528\u554f\u984c\u3060\u3051\u3092\u63d0\u793a\u3057\u3001\u5e38\u306b\u6700\u9069\u306a\u96e3\u6613\u5ea6\u3067\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-10-1024x589.png\" class=\"rounded-2xl shadow-xl\" alt=\"\u500b\u5225\u6700\u9069\u5316\u3055\u308c\u305f\u8ab2\u984c\u8a2d\u5b9a\u753b\u9762\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-20 bg-blue-50 full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-16\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u6307\u5c0e\u306e\u8cea\u3092\u9ad8\u3081\u3001\u696d\u52d9\u3092\u52b9\u7387\u5316\u3059\u308b<span class=\"text-blue-600\">\u591a\u5f69\u306a\u6a5f\u80fd<\/span>\r\n <\/h3>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-8.png\" alt=\"\u5b66\u7fd2\u72b6\u6cc1\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u751f\u5f92\u306e\u300c\u4eca\u300d\u304c\u3001\u624b\u306b\u53d6\u308b\u3088\u3046\u306b\u308f\u304b\u308b\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u8ab0\u304c\u3069\u306e\u554f\u984c\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u304b\u3001\u3069\u3053\u3067\u3064\u307e\u305a\u3044\u3066\u3044\u308b\u304b\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u628a\u63e1\u3002\u6700\u9069\u306a\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u7684\u78ba\u306a\u58f0\u304b\u3051\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.05s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-11-1024x591.png\" alt=\"\u8ab2\u984c\u914d\u4fe1\u306e\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u6388\u696d\u3082\u5bbf\u984c\u3082\u3001\u300c\u5929\u795e\u300d\u3072\u3068\u3064\u3067\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u300c\u81ea\u7531\u5b66\u7fd2\u300d\u300c\u8ab2\u984c\u300d\u300c\u5bbf\u984c\u300d\u306e\uff13\u3064\u306e\u30e2\u30fc\u30c9\u3092\u642d\u8f09\u3002\u65e5\u3005\u306e\u6388\u696d\u304b\u3089\u671f\u9650\u4ed8\u304d\u306e\u5bb6\u5ead\u5b66\u7fd2\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u6307\u5c0e\u30b7\u30fc\u30f3\u306b\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.1s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-9-1024x570.png\" alt=\"\u6210\u7e3e\u30ec\u30dd\u30fc\u30c8\u753b\u9762\" class=\"w-full h-48 object-cover\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u6210\u9577\u306e\u8ecc\u8de1\u3092\u3001\u30c7\u30fc\u30bf\u3067\u53ef\u8996\u5316\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u5358\u5143\u3054\u3068\u306e\u6b63\u7b54\u7387\u3084\u5b66\u7fd2\u6642\u9593\u3092\u81ea\u52d5\u3067\u96c6\u8a08\u3002\u751f\u5f92\u306e\u9811\u5f35\u308a\u3092\u5177\u4f53\u7684\u306b\u8912\u3081\u305f\u308a\u3001\u4fdd\u8b77\u8005\u9762\u8ac7\u3067\u306e\u8aac\u5f97\u529b\u3042\u308b\u8cc7\u6599\u3068\u3057\u3066\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg reveal overflow-hidden flex flex-col\" style=\"transition-delay: 0.15s;\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-12-1024x434.png\" alt=\"\u30de\u30fc\u30af\u6a5f\u80fd\u753b\u9762\" class=\"w-full h-48 object-cover object-top\">\r\n <div class=\"p-6 flex flex-col flex-grow\">\r\n <h4 class=\"font-bold text-xl text-gray-800\">\u751f\u5f92\u304c\u3064\u304f\u308b\u300c\u82e6\u624b\u300d\u30ea\u30b9\u30c8\u3002<\/h4>\r\n <p class=\"mt-2 text-gray-600 flex-grow\">\u751f\u5f92\u304c\u81ea\u5206\u3067\u300c\u96e3\u3057\u3044\u300d\u300c\u5fa9\u7fd2\u3057\u305f\u3044\u300d\u3068\u611f\u3058\u305f\u554f\u984c\u306b\u30de\u30fc\u30af\u3092\u4ed8\u3051\u3089\u308c\u307e\u3059\u3002\u751f\u5f92\u306e\u4e3b\u4f53\u6027\u3092\u80b2\u307f\u3001\u6307\u5c0e\u8005\u306f\u3088\u308a\u7684\u78ba\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <section class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-20\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u9032\u5316\u3057\u3066\u3082\u5909\u308f\u3089\u306a\u3044<br>\r\n <span class=\"text-blue-600\">\u300e\u5929\u795e\u300f\u304c\u9078\u3070\u308c\u7d9a\u3051\u308b\u7406\u7531<\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/b1a3f691b409c1302b22915d8db94104.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5b66\u6821\u306e\u6388\u696d\u3068\u587e\u306e\u5b66\u3073\u3092\u9023\u643a\">\r\n <\/div>\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u5b66\u6821\u306e\u6388\u696d\u3068\u3001<br>\u587e\u306e\u5b66\u3073\u3092\u5b8c\u5168\u9023\u643a\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u4e3b\u8981\u6559\u79d1\u66f8\u306b\u6e96\u62e0\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u5b66\u6821\u306e\u9032\u5ea6\u3068\u30ba\u30ec\u306a\u304f\u5b66\u7fd2\u53ef\u80fd\u3002\u5b50\u3069\u3082\u305f\u3061\u306f\u6df7\u4e71\u305b\u305a\u3001\u6307\u5c0e\u8005\u69d8\u306f\u6307\u5c0e\u8a08\u753b\u3092\u7acb\u3066\u308b\u624b\u9593\u304b\u3089\u89e3\u653e\u3055\u308c\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/lecture_step3.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5206\u304b\u308a\u3084\u3059\u3044\u89e3\u8aac\u52d5\u753b\">\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u300c\u308f\u304b\u3089\u306a\u3044\u300d\u3092\u3001<br>\u305d\u306e\u5834\u3067\u30bc\u30ed\u306b\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u5168\u3066\u306e\u554f\u984c\u306b\u3001\u4e00\u554f\u4e00\u554f\u4e01\u5be7\u306a\u30d2\u30f3\u30c8\u3068\u89e3\u8aac\u52d5\u753b\u3092\u7528\u610f\u3002\u30b9\u30e2\u30fc\u30eb\u30b9\u30c6\u30c3\u30d7\u8a2d\u8a08\u3068\u306e\u76f8\u4e57\u52b9\u679c\u3067\u3001\u5b50\u3069\u3082\u304c\u3064\u307e\u305a\u304d\u3092\u7fcc\u65e5\u306b\u6301\u3061\u8d8a\u3059\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/0ace5cd8afd5e0a48afd5eaaaaf7166a.png\" class=\"rounded-lg shadow-xl\" alt=\"\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u306e\u69d8\u5b50\">\r\n <\/div>\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u5148\u751f\u306e\u96a3\u306b\u306f\u3001<br>\u3044\u3064\u3082\u5c02\u9580\u5bb6\u304c\u3044\u307e\u3059\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u696d\u754c\u6b74\u306e\u9577\u3044\u30d9\u30c6\u30e9\u30f3\u304c\u300c\u5c02\u4efb\u62c5\u5f53\u300d\u3068\u3057\u3066\u3001\u5c0e\u5165\u304b\u3089\u65e5\u3005\u306e\u904b\u7528\u307e\u3067\u5fb9\u5e95\u7684\u306b\u4f34\u8d70\u3002\u6a5f\u68b0\u97f3\u58f0\u3067\u306f\u306a\u3044\u3001\u4eba\u3068\u4eba\u3068\u306e\u7e4b\u304c\u308a\u3092\u5927\u5207\u306b\u3057\u305f\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6\">\r\n <div class=\"text-center mb-20\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u88fd\u54c1\u3060\u3051\u3058\u3083\u306a\u3044\u3002<br>\u5c0e\u5165\u304b\u3089\u7d4c\u55b6\u307e\u3067\u652f\u3048\u308b<span class=\"text-blue-600\">\u4f34\u8d70\u578b\u30b5\u30dd\u30fc\u30c8<\/span>\r\n <\/h3>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u696d\u754c\u6b7420\u5e74\u8d85\u306e\u30a8\u30ad\u30b9\u30d1\u30fc\u30c8\u304c<br>\u8cb4\u587e\u306e\u300c\u5c02\u4efb\u62c5\u5f53\u300d\u306b\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u521d\u56de\u30c7\u30e2\u304b\u3089\u5c0e\u5165\u5f8c\u306e\u904b\u55b6\u307e\u3067\u3001\u8cb4\u587e\u306e\u72b6\u6cc1\u3092\u6df1\u304f\u7406\u89e3\u3057\u305f\u62c5\u5f53\u8005\u304c\u4e00\u8cab\u3057\u3066\u3054\u652f\u63f4\u3002\u3055\u3055\u3044\u306a\u7591\u554f\u3084\u4e0d\u5b89\u3082\u3001\u3044\u3064\u3067\u3082\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\r\n <div class=\"mt-6 relative overflow-hidden\">\r\n <div id=\"slider-1\" class=\"flex transition-transform duration-500 ease-in-out\">\r\n \r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u91d1\u984d\u8a2d\u5b9a\u3084\u3001\u25cf\u25cf\u3055\u3093(\u55b6\u696d\u62c5\u5f53)\u306e\u8aac\u660e\u304c\u826f\u304f\u5b89\u5fc3\u3057\u3066\u5c0e\u5165\u3067\u304d\u308b\u3068\u611f\u3058\u305f\u304b\u3089”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u306e\u6c7a\u3081\u624b\u30a2\u30f3\u30b1\u30fc\u30c8\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u62c5\u5f53\u8005\u306e\u71b1\u610f\u3068\u30b5\u30dd\u30fc\u30c8\u3078\u306e\u4fe1\u983c\u611f”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u306e\u6c7a\u3081\u624b\u30a2\u30f3\u30b1\u30fc\u30c8\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u62c5\u5f53\u3055\u3093\u306b\u306f\u5c0e\u5165\u524d\u304b\u3089\u5c0e\u5165\u5f8c\u3082\u89aa\u5207\u4e01\u5be7\u306b\u76f8\u8ac7\u306b\u4e57\u3063\u3066\u4e0b\u3055\u308a\u3001\u6d3b\u7528\u65b9\u6cd5\u306a\u3069\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u4e0b\u3055\u3063\u305f\u308a\u3057\u3066\u3044\u307e\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u62c5\u5f53\u306e\u65b9\u3068\u306e\u8ddd\u96e2\u611f\u304c\u77ed\u304f\u611f\u3058\u308b\u306e\u3067\u30e6\u30fc\u30b6\u30fc\u5074\u306e\u7acb\u5834\u3068\u3057\u3066\u6c17\u8efd\u306b\u76f8\u8ac7\u306a\u3069\u51fa\u6765\u308b\u95a2\u4fc2\u306b\u3042\u308b\u4e8b”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u62c5\u5f53\u306e\u65b9\u3001\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u306e\u65b9\u306f\u3053\u3061\u3089\u304c\u7406\u89e3\u3067\u304d\u308b\u307e\u3067\u4e01\u5be7\u306b\u6559\u3048\u3066\u304f\u3060\u3055\u308b\u306e\u3067\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-blue-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u55b6\u696d\u306e\u65b9\u304c\u587e\u306b\u6765\u3066\u3044\u305f\u3060\u3051\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u6c17\u306b\u306a\u308b\u3053\u3068\u3092\u4f1a\u8a71\u3067\u304d\u308b\u306e\u3082\u9b45\u529b\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <\/div>\r\n \r\n <div class=\"flex justify-end gap-2 mt-4\">\r\n <button class=\"prev-1 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg><\/button>\r\n <button class=\"next-1 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/10337de1264cf6083e49966cc1ad2509.png\" class=\"rounded-lg shadow-xl\" alt=\"\u5c02\u4efb\u62c5\u5f53\u304c\u5bc4\u308a\u6dfb\u3046\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center mb-20\">\r\n <div class=\"reveal md:order-2\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u6a5f\u68b0\u97f3\u58f0\u306a\u3057\u3002<br>\u793e\u54e1\u76f4\u901a\u306e\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">\u304a\u96fb\u8a71\u304c\u7e4b\u304c\u308b\u307e\u3067\u304a\u5f85\u305f\u305b\u3057\u307e\u305b\u3093\u3002\u5e73\u65e5\u30fb\u571f\u66dc\u30fb\u795d\u65e5\u306e19\u6642\u307e\u3067\u3001\u5c02\u9580\u77e5\u8b58\u3092\u6301\u3063\u305f\u793e\u54e1\u304c\u76f4\u63a5\u3001\u8fc5\u901f\u30fb\u4e01\u5be7\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\r\n <div class=\"mt-6 relative overflow-hidden\">\r\n <div id=\"slider-2\" class=\"flex transition-transform duration-500 ease-in-out\">\r\n \r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u306e\u65b9\u3005\u3082\u3068\u3066\u3082\u89aa\u5207\u304b\u3064\u7d20\u65e9\u3044\u5bfe\u5fdc\u3067\u3059\u3002\u8cea\u554f\u306b\u5bfe\u3057\u3066\u306f\u3059\u3050\u306b\u7b54\u3048\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3057\u3001\u300c\u3053\u3053\u3092\u3053\u3046\u3057\u3066\u307b\u3057\u3044\u300d\u3068\u3044\u3046\u63d0\u6848\u3084\u304a\u9858\u3044\u306b\u5bfe\u3057\u3066\u3001\u6570\u65e5(1\uff0c2\u65e5)\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u305f\u3060\u3051\u305f\u3068\u304d\u306f\u9a5a\u304d\u307e\u3057\u305f\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066\u306f\u3044\u3064\u3082\u8fc5\u901f\u304b\u3064\u3054\u4e01\u5be7\u306b\u5bfe\u5fdc\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u5927\u5909\u6e80\u8db3\u3057\u3066\u3044\u307e\u3059\u3002\u4e0d\u5177\u5408\u767a\u751f\u6642\u306b\u3082\u89aa\u8eab\u306b\u306a\u3063\u3066\u3054\u5bfe\u5fdc\u304f\u3060\u3055\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u7d4c\u904e\u5831\u544a\u542b\u3081\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u306e\u304a\u304b\u3052\u3067\u5b89\u5fc3\u3057\u3066\u6559\u6750\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u3044\u307e\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“zoom\u3084\u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u3067\u7d30\u304b\u304f\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u305f\u3060\u3044\u3066\u3044\u308b\u306e\u3067\u3001\u4e0d\u660e\u306a\u70b9\u304c\u3042\u3063\u3066\u3082\u9023\u7d61\u304c\u53d6\u308a\u3084\u3059\u304f\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <div class=\"w-full flex-shrink-0\"><div class=\"bg-white p-6 rounded-lg border-l-4 border-green-500 shadow-md h-full\"><p class=\"text-gray-600 italic\">“\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u306e\u65b9\u3082\u3001\u55b6\u696d\u306e\u25cf\u25cf\u3055\u3093\u3082\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u3088\u304f\u7684\u78ba\u306b\u30b9\u30d4\u30fc\u30c9\u611f\u3042\u308b\u5bfe\u5fdc\u304f\u3060\u3055\u308b\u3057\u3001\u5927\u5909\u6709\u96e3\u3044\u3067\u3059\u3002”<\/p><p class=\"text-right text-sm text-gray-500 mt-2\">– \u5c0e\u5165\u5f8c\u306e\u6e80\u8db3\u5ea6\u8abf\u67fb\u3088\u308a<\/p><\/div><\/div>\r\n <\/div>\r\n \r\n <div class=\"flex justify-end gap-2 mt-4\">\r\n <button class=\"prev-2 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg><\/button>\r\n <button class=\"next-2 bg-white p-2 rounded-full shadow-md hover:bg-gray-100\"><svg class=\"w-6 h-6 text-gray-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal md:order-1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/support-center-1024x559.jpeg\" class=\"rounded-lg shadow-xl\" alt=\"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u306e\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\r\n <div class=\"reveal\">\r\n <h4 class=\"text-3xl font-bold text-gray-800\">\u88dc\u52a9\u91d1\u6d3b\u7528\u304b\u3089AI\u3067\u306e\u696d\u52d9\u6539\u5584\u307e\u3067<br>\u7d4c\u55b6\u8ab2\u984c\u3082\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/h4>\r\n <p class=\"mt-4 text-gray-600\">IT\u5c0e\u5165\u88dc\u52a9\u91d1\u306e\u7533\u8acb\u30b5\u30dd\u30fc\u30c8\uff08\u30ea\u30ea\u30fc\u30b9\u5f8c\u7533\u8acb\u4e88\u5b9a\uff09\u3084\u3001\u81ea\u6cbb\u4f53\u72ec\u81ea\u306e\u88dc\u52a9\u91d1\u306e\u3054\u63d0\u6848\u3001\u3055\u3089\u306b\u306fAI\u3092\u6d3b\u7528\u3057\u305f\u696d\u52d9\u52b9\u7387\u5316\u306e\u3054\u76f8\u8ac7\uff08\u7121\u6599\uff09\u307e\u3067\u3002\u8cb4\u587e\u306e\u7d4c\u55b6\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u3001\u3042\u3089\u3086\u308b\u8ab2\u984c\u89e3\u6c7a\u3092\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <img decoding=\"async\" src=\"https:\/\/www.tenjin.cc\/co\/wp-content\/uploads\/2025\/10\/image-15-e1760583504795.png\" class=\"rounded-lg shadow-xl\" alt=\"\u7d4c\u55b6\u76f8\u8ac7\u306e\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"problem\" class=\"py-20 bg-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u587e\u7d4c\u55b6\u306e<span class=\"text-blue-600\">\u3053\u3093\u306a\u304a\u60a9\u307f<\/span>\u3001\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n <\/h3>\r\n <div class=\"grid md:grid-cols-2 gap-8 mt-12 text-left\">\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 text-blue-600\">\r\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-blue-800 mt-4\">\u4eba\u4ef6\u8cbb\u30fb\u63a1\u7528<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u4eba\u4ef6\u8cbb\u304c\u9ad8\u9a30\u3057\u5229\u76ca\u3092\u5727\u8feb<\/li>\r\n <li>\u8b1b\u5e2b\u306e\u63a1\u7528\u30fb\u80b2\u6210\u30b3\u30b9\u30c8\u5897<\/li>\r\n <li>\u8b1b\u5e2b\u306e\u8cea\u306b\u30d0\u30e9\u3064\u304d\u304c\u3042\u308b<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.1s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-green-100 text-green-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-green-800 mt-4\">\u751f\u5f92\u306e\u6210\u7e3e<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u6210\u7e3e\u304c\u4f38\u3073\u60a9\u307f\u6e80\u8db3\u5ea6\u304c\u4f4e\u3044<\/li>\r\n <li>\u5b66\u529b\u5dee\u306e\u5927\u304d\u3044\u751f\u5f92\u3092\u6307\u5c0e\u3067\u304d\u306a\u3044<\/li>\r\n <li>\u751f\u5f92\u306e\u5b66\u7fd2\u610f\u6b32\u3092\u5f15\u304d\u51fa\u305b\u306a\u3044<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.2s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-purple-100 text-purple-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-purple-800 mt-4\">\u7af6\u5408\u30fb\u5dee\u5225\u5316<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u4fa1\u683c\u7af6\u4e89\u306b\u9665\u3063\u3066\u3044\u308b<\/li>\r\n <li>\u81ea\u587e\u306a\u3089\u3067\u306f\u306e\u5f37\u307f\u304c\u306a\u3044<\/li>\r\n <li>\u52b9\u679c\u7684\u306a\u96c6\u5ba2\u304c\u308f\u304b\u3089\u306a\u3044<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-xl p-6 reveal feature-card\" style=\"transition-delay: 0.3s;\">\r\n <div class=\"flex items-center justify-center h-12 w-12 rounded-full bg-orange-100 text-orange-600\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <h4 class=\"font-bold text-lg text-orange-800 mt-4\">\u696d\u52d9\u52b9\u7387<\/h4>\r\n <ul class=\"mt-4 space-y-2 list-disc list-inside text-gray-600\">\r\n <li>\u6388\u696d\u6e96\u5099\u3084\u30d7\u30ea\u30f3\u30c8\u4f5c\u6210\u304c\u5927\u5909<\/li>\r\n <li>\u751f\u5f92\u306e\u5b66\u7fd2\u9032\u6357\u3092\u7ba1\u7406\u3067\u304d\u306a\u3044<\/li>\r\n <li>\u4fdd\u8b77\u8005\u3078\u306e\u5831\u544a\u696d\u52d9\u304c\u8ca0\u62c5<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mt-12 text-2xl font-bold reveal\">\r\n \u305d\u306e\u304a\u60a9\u307f\u3001\u6307\u5c0e\u8005\u3068\u5b50\u3069\u3082\u306b\u5bc4\u308a\u6dfb\u3044\u7d9a\u3051\u308b\u300e\u5929\u795e\u300f\u306e<br>\r\n <span class=\"gradient-text text-4xl\">\u9032\u5316\u5f62\u300e\u5929\u795eX\u300f<\/span>\u304c\u89e3\u6c7a\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"faq\" class=\"py-20 bg-gray-50 full-bleed\">\r\n <div class=\"max-w-4xl mx-auto px-6\">\r\n <div class=\"text-center mb-12\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold text-gray-900 reveal\">\r\n \u3088\u304f\u3042\u308b\u3054\u8cea\u554f\r\n <\/h3>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u5f93\u6765\u306eWindows\u7248\u3068\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u300e\u5929\u795eX\u300f\u306f\u3001OS\u3084\u7aef\u672b\u3092\u9078\u3070\u305aWeb\u30d6\u30e9\u30a6\u30b6\u3067\u5229\u7528\u3067\u304d\u308b\u30af\u30e9\u30a6\u30c9\u7248\u3067\u3059\u3002Chromebook\u3084iPad\u3001\u3054\u5bb6\u5ead\u306ePC\u3067\u3082\u5b66\u7fd2\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u300c100\u70b9\u4e3b\u7fa9\u304b\u3089\u306e\u8131\u5374\u300d\u3092\u30b3\u30f3\u30bb\u30d7\u30c8\u306b\u3001\u5b66\u7fd2\u8a55\u4fa1\u306e\u4ed5\u7d44\u307f\u3084\u6307\u5c0e\u8005\u5411\u3051\u306e\u6a5f\u80fd\u3092\u5237\u65b0\u3057\u3066\u3044\u307e\u3059\u3002Windows\u7248\u3067\u3054\u597d\u8a55\u306e\u6559\u79d1\u66f8\u6e96\u62e0\u3084\u6559\u6750\u54c1\u8cea\u306f\u305d\u306e\u307e\u307e\u7d99\u627f\u3057\u3066\u3044\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u6599\u91d1\u30d7\u30e9\u30f3\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u3054\u5229\u7528\u306b\u306a\u308b\u751f\u5f92\u69d8\u306e\u4eba\u6570\u3084\u5c0e\u5165\u898f\u6a21\u306b\u3088\u3063\u3066\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u8a73\u7d30\u306a\u6599\u91d1\u30d7\u30e9\u30f3\u306f\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u306b\u3066\u65bd\u8a2d\u306e\u72b6\u6cc1\u3092\u304a\u4f3a\u3044\u3057\u305f\u4e0a\u3067\u3001\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3068\u304a\u898b\u7a4d\u3082\u308a\u3092\u3054\u63d0\u793a\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u4ed6\u306eICT\u6559\u6750\u3068\u306e\u4e00\u756a\u306e\u9055\u3044\u306f\u4f55\u3067\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u6700\u5927\u306e\u5dee\u5225\u5316\u70b9\u306f\u3001\u4e3b\u8981\u6559\u79d1\u66f8\u306b**\u6e96\u62e0**\u3057\u3066\u3044\u308b\u70b9\u3067\u3059\u3002\u5b66\u6821\u306e\u6388\u696d\u9032\u5ea6\u3068\u30ba\u30ec\u306a\u304f\u5b66\u7fd2\u3092\u9032\u3081\u3089\u308c\u308b\u305f\u3081\u3001\u6307\u5c0e\u8a08\u753b\u3092\u5225\u9014\u7acb\u3066\u308b\u5fc5\u8981\u304c\u306a\u304f\u3001\u6307\u5c0e\u8005\u306e\u8ca0\u62c5\u3092\u5927\u5e45\u306b\u8efd\u6e1b\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u696d\u754c\u6b7420\u5e74\u524d\u5f8c\u306e\u30d9\u30c6\u30e9\u30f3\u304c\u5c02\u4efb\u3067\u3064\u304f\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u4f53\u5236\u3082\u3001AI\u306b\u3088\u308b\u81ea\u52d5\u5316\u3092\u57fa\u672c\u3068\u3059\u308b\u4ed6\u793e\u306b\u306f\u306a\u3044\u5f37\u307f\u3067\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <details class=\"faq-item bg-white p-6 rounded-lg shadow-sm cursor-pointer reveal\">\r\n <summary class=\"flex justify-between items-center font-bold text-lg\">\r\n \u5c0e\u5165\u524d\u306b\u8a66\u3059\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\r\n <span class=\"plus-icon text-blue-500 text-3xl transition-transform duration-300 transform\">+<\/span>\r\n <\/summary>\r\n <p class=\"mt-4 text-gray-600\">\r\n \u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u306b\u3054\u53c2\u52a0\u3044\u305f\u3060\u3044\u305f\u65b9\u306b\u306f\u3001**7\u65e5\u9593\u306e\u7121\u6599\u4f53\u9a13\u30a2\u30ab\u30a6\u30f3\u30c8**\u3092\u767a\u884c\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u5b9f\u969b\u306b\u65bd\u8a2d\u306e\u5b50\u3069\u3082\u305f\u3061\u3084\u8077\u54e1\u306e\u65b9\u3005\u306b\u300e\u5929\u795eX\u300f\u306e\u4f7f\u3044\u3084\u3059\u3055\u3001\u6559\u6750\u306e\u54c1\u8cea\u3092\u5b58\u5206\u306b\u304a\u78ba\u304b\u3081\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n <\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-20 bg-blue-600 text-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 text-center\">\r\n <h3 class=\"text-3xl md:text-4xl font-bold reveal\">\r\n \u8cb4\u587e\u306e\u304a\u60a9\u307f\u3001<br class=\"md:hidden\">\u300e\u5929\u795eX\u300f\u304c\u3059\u3079\u3066\u89e3\u6c7a\u3057\u307e\u3059\u3002\r\n <\/h3>\r\n <p class=\"mt-4 text-lg text-blue-100 max-w-2xl mx-auto reveal\">\r\n \u307e\u305a\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3067\u3001\u73fe\u72b6\u306e\u8ab2\u984c\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<br>\r\n \u5c02\u4efb\u62c5\u5f53\u304c\u3001\u8cb4\u65bd\u8a2d\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u6d3b\u7528\u6cd5\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <div class=\"mt-10 reveal\">\r\n <a href=\"#\" class=\"inline-block w-full md:w-auto bg-white text-blue-600 font-bold text-lg py-4 px-12 rounded-full cta-button\" style=\"box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.39);\">\r\n \u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7\u3092\u4e88\u7d04\u3059\u308b (\u7121\u6599)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <\/main>\r\n\r\n \r\n <footer class=\"bg-gray-800 text-white full-bleed\">\r\n <div class=\"max-w-7xl mx-auto px-6 py-12\">\r\n <div class=\"grid md:grid-cols-3 gap-8\">\r\n <div>\r\n <h3 class=\"text-xl font-bold\">\u682a\u5f0f\u4f1a\u793e\u30bf\u30aa<\/h3>\r\n <p class=\"mt-4 text-gray-400\">\r\n \u3012525-0032<br>\r\n \u6ecb\u8cc0\u770c\u8349\u6d25\u5e02\u5927\u8def2\u4e01\u76ee9-1 \u967d\u3060\u307e\u308a\u30d3\u30eb5\u968e<br>\r\n <a href=\"https:\/\/www.tao-st.co.jp\/\" class=\"hover:text-blue-400\">https:\/\/www.tao-st.co.jp\/<\/a>\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\r\n <p class=\"mt-4 text-gray-400\">\r\n \u5546\u54c1\u30b5\u30a4\u30c8: <a href=\"https:\/\/www.tenjin.cc\/co\/\" class=\"hover:text-blue-400\">https:\/\/www.tenjin.cc\/co\/<\/a><br>\r\n \u30d5\u30ea\u30fc\u30c0\u30a4\u30e4\u30eb: <span class=\"font-bold text-white\">0120-019-828<\/span><br>\r\n\r\n \u30e1\u30fc\u30eb: support@tao-st.co.jp<br>\r\n \u55b6\u696d\u6642\u9593: 10:00\uff5e19:00\uff08\u5e73\u65e5\u30fb\u571f\u30fb\u795d\uff09\r\n <\/p>\r\n <\/div>\r\n <div>\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-12 border-t border-gray-700 pt-6 text-center text-gray-500\">\r\n <p>© 2025 TAO Co., Ltd. All rights reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5fdc\u3058\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n const revealElements = document.querySelectorAll('.reveal');\r\n const revealOnScroll = () => {\r\n const windowHeight = window.innerHeight;\r\n revealElements.forEach(el => {\r\n const elementTop = el.getBoundingClientRect().top;\r\n if (elementTop < windowHeight - 100) {\r\n el.classList.add('visible');\r\n }\r\n });\r\n };\r\n window.addEventListener('scroll', revealOnScroll);\r\n revealOnScroll(); \/\/ \u521d\u671f\u8868\u793a\r\n\r\n \/\/ \u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n behavior: 'smooth'\r\n });\r\n });\r\n });\r\n\r\n \/\/ \u30d2\u30fc\u30ed\u30fc\u30ab\u30eb\u30fc\u30bb\u30eb\r\n const slides = document.querySelectorAll('.hero-slide');\r\n let currentSlide = 0;\r\n if (slides.length > 0) {\r\n setInterval(() => {\r\n slides[currentSlide].classList.remove('active');\r\n currentSlide = (currentSlide + 1) % slides.length;\r\n slides[currentSlide].classList.add('active');\r\n }, 2000); \/\/ 1\u79d2\u8868\u793a + 1\u79d2\u30d5\u30a7\u30fc\u30c9 = 2\u79d2\u9593\u9694\r\n }\r\n\r\n \/\/ New Release Bubble Toggle\r\n const newReleaseToggle = document.getElementById('new-release-toggle');\r\n const osInfoBubble = document.getElementById('os-info-bubble');\r\n\r\n if (newReleaseToggle && osInfoBubble) {\r\n newReleaseToggle.addEventListener('click', () => {\r\n \/\/ Toggle classes for hide\/show with animation\r\n osInfoBubble.classList.toggle('opacity-0');\r\n osInfoBubble.classList.toggle('invisible');\r\n });\r\n\r\n \/\/ Initially hide the bubble\r\n osInfoBubble.classList.add('opacity-0', 'invisible');\r\n\r\n \/\/ Show it when the toggle button becomes visible\r\n const observer = new IntersectionObserver((entries) => {\r\n if(entries[0].isIntersecting) {\r\n setTimeout(() => {\r\n osInfoBubble.classList.remove('opacity-0', 'invisible');\r\n setTimeout(() => {\r\n osInfoBubble.classList.add('opacity-0', 'invisible');\r\n }, 4000); \/\/ Bubble stays visible for 4 seconds\r\n }, 1500); \/\/ Start this whole sequence 1.5s after the label appears\r\n observer.disconnect();\r\n }\r\n }, { threshold: 1.0 });\r\n observer.observe(newReleaseToggle);\r\n }\r\n \r\n \/\/ Testimonial Sliders\r\n function setupSlider(sliderId, prevBtnClass, nextBtnClass) {\r\n const slider = document.getElementById(sliderId);\r\n const prevBtn = document.querySelector(prevBtnClass);\r\n const nextBtn = document.querySelector(nextBtnClass);\r\n \r\n if (!slider || !prevBtn || !nextBtn) return;\r\n\r\n let currentIndex = 0;\r\n const slides = slider.children;\r\n const totalSlides = slides.length;\r\n\r\n function updateSlider() {\r\n slider.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n }\r\n\r\n nextBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex + 1) % totalSlides;\r\n updateSlider();\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n });\r\n }\r\n\r\n setupSlider('slider-1', '.prev-1', '.next-1');\r\n setupSlider('slider-2', '.prev-2', '.next-2');\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u30af\u30e9\u30a6\u30c9\u7248 \u5929\u795eX\uff5c\u3059\u3079\u3066\u306e\u300c\u5b66\u7fd2\u306e\u5834\u300d\u3092\u7e4b\u3052\u308bICT\u6559\u6750 \u5929\u795eX \u7279\u9577 \u8ab2\u984c\u89e3\u6c7a FAQ \u30aa\u30f3\u30e9\u30a4…<\/p>\n","protected":false},"author":5,"featured_media":8741,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-8906","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/comments?post=8906"}],"version-history":[{"count":1,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906\/revisions"}],"predecessor-version":[{"id":8907,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/pages\/8906\/revisions\/8907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/media\/8741"}],"wp:attachment":[{"href":"https:\/\/www.tenjin.cc\/co\/wp-json\/wp\/v2\/media?parent=8906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}