{"id":6,"date":"2026-02-23T10:11:44","date_gmt":"2026-02-23T01:11:44","guid":{"rendered":"https:\/\/mahjong-lab.jp\/?page_id=6"},"modified":"2026-02-23T10:14:08","modified_gmt":"2026-02-23T01:14:08","slug":"lp1","status":"publish","type":"page","link":"https:\/\/mahjong-lab.jp\/?page_id=6","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        emerald: {\n                            50: '#ecfdf5',\n                            100: '#d1fae5',\n                            400: '#34d399',\n                            500: '#10b981',\n                            600: '#059669',\n                            700: '#047857',\n                        },\n                        slate: {\n                            900: '#0f172a',\n                        }\n                    },\n                    animation: {\n                        'bounce-subtle': 'bounce-subtle 3s infinite',\n                        'spin-slow': 'spin 3s linear infinite',\n                    },\n                    keyframes: {\n                        'bounce-subtle': {\n                            '0%, 100%': { transform: 'translateY(-5%)', animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)' },\n                            '50%': { transform: 'translateY(0)', animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');\n        \n        \/* \u57fa\u672c\u8a2d\u5b9a *\/\n        *, ::before, ::after {\n            box-sizing: border-box;\n        }\n\n        body { \n            font-family: 'Noto Sans JP', sans-serif; \n            background-color: #fdfbf7; \n            margin: 0;\n            padding: 0;\n            overflow-x: hidden;\n            width: 100%;\n            font-size: 16px; \n        }\n\n        \/* SWELL\u30c6\u30fc\u30de\u7b49\u306e\u65e2\u5b58\u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u5b8c\u5168\u306b\u6d88\u53bb *\/\n        #header, #footer, .site-header, .site-footer, #masthead, #colophon, \n        .site-sidebar, #sidebar, .sub-section, .entry-title, .post-title, .c-pageTitle,\n        .wp-block-template-part, header:not(.lp-nav), footer:not(.lp-footer),\n        .p-breadcrumb, #breadcrumb {\n            display: none !important;\n        }\n        \n        \/* WordPress\u30c6\u30fc\u30de\u306e\u4f59\u767d\u30fb\u67a0\u7dda\u3092\u5f37\u5236\u9664\u53bb *\/\n        #content, .l-content, .site-content, .container, .entry-content, .post_content, .l-mainContent {\n            padding: 0 !important;\n            margin: 0 !important;\n            max-width: none !important;\n            border: none !important;\n            box-shadow: none !important;\n            background: transparent !important;\n        }\n\n        \/* \u91cd\u8981\uff1aSWELL\u306e\u88c5\u98fe\u3092\u30ea\u30bb\u30c3\u30c8 *\/\n        .wp-full-width h1, .wp-full-width h2, .wp-full-width h3, .wp-full-width p {\n            background: none !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            border: none !important;\n            color: inherit !important;\n            box-shadow: none !important;\n            text-shadow: none !important;\n            text-align: center !important; \/* \u4e2d\u592e\u5bc4\u305b\u3092\u5f37\u5236 *\/\n        }\n        .wp-full-width h1::before, .wp-full-width h1::after,\n        .wp-full-width h2::before, .wp-full-width h2::after {\n            display: none !important;\n        }\n        \n        .bg-cream { background-color: #fdfbf7 !important; }\n        html { scroll-behavior: smooth; overflow-x: hidden; }\n\n        \/* WordPress\u306e\u5e45\u5236\u9650\u3092\u7a81\u7834 *\/\n        .wp-full-width {\n            width: 100vw !important;\n            margin-left: calc(-50vw + 50%) !important;\n            margin-right: calc(-50vw + 50%) !important;\n            position: relative;\n            left: 0;\n            right: 0;\n            background-color: #fdfbf7;\n        }\n\n        \/* \u7ba1\u7406\u30d0\u30fc\u8abf\u6574 *\/\n        .admin-bar nav { top: 32px; }\n        @media screen and (max-width: 782px) { .admin-bar nav { top: 46px; } }\n\n        .section-container {\n            width: 100%;\n            max-width: 100%;\n            overflow: hidden;\n        }\n\n        \/* \u3010\u6587\u5b57\u30b5\u30a4\u30ba\u8abf\u6574\uff1a\u4ee5\u524d\u306e6\u5272\u7a0b\u5ea6\u306b\u7e2e\u5c0f\u3011 *\/\n        .wp-full-width .hero-title {\n            font-size: 38px !important;\n            font-size: clamp(1.8rem, 6vw, 4.2rem) !important; \n            line-height: 1.2 !important;\n            font-weight: 900 !important;\n            letter-spacing: -0.02em !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n        }\n        .wp-full-width .hero-subtitle {\n            font-size: 18px !important;\n            font-size: clamp(1rem, 2.5vw, 1.6rem) !important;\n            line-height: 1.4 !important;\n            margin-top: 15px !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n        }\n        \n        \/* \u5f37\u8abf\u30ab\u30e9\u30fc\u306e\u5f37\u5236\u9069\u7528 *\/\n        .text-emerald-600 { color: #059669 !important; }\n        .text-slate-900 { color: #0f172a !important; }\n    <\/style>\n<\/head>\n<body class=\"bg-cream\">\n\n    <div class=\"wp-full-width bg-cream\">\n        \n        <!-- Navigation -->\n        <nav class=\"lp-nav fixed top-0 w-full bg-white\/80 backdrop-blur-md z-[100] border-b border-emerald-50\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\n                <div class=\"flex justify-between h-20 items-center\">\n                    <div class=\"flex items-center gap-3 group cursor-pointer\">\n                        <div class=\"relative w-9 h-11 bg-white rounded-lg shadow-sm border-2 border-slate-200 flex items-center justify-center overflow-hidden transition-transform group-hover:-translate-y-1\">\n                            <div class=\"absolute top-0 w-full h-1 bg-emerald-500\"><\/div>\n                            <span class=\"text-2xl font-bold text-emerald-600 pt-0.5\">\u4e2d<\/span>\n                        <\/div>\n                        <span class=\"text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-emerald-600 to-teal-500 tracking-tighter\">\n                            \u9ebb\u96c0\u30ad\u30e3\u30f3\u30d7\n                        <\/span>\n                    <\/div>\n                    \n                    <div class=\"hidden md:flex space-x-8 items-center\">\n                        <a href=\"#features\" class=\"text-sm font-bold text-slate-500 hover:text-emerald-600 transition-colors\">\u30b5\u30fc\u30d3\u30b9\u7279\u5fb4<\/a>\n                        <a href=\"#pricing\" class=\"text-sm font-bold text-slate-500 hover:text-emerald-600 transition-colors\">\u30d7\u30e9\u30f3\u30fb\u6599\u91d1<\/a>\n                        <a href=\"#flow\" class=\"text-sm font-bold text-slate-500 hover:text-emerald-600 transition-colors\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/a>\n                        <button class=\"bg-emerald-500 text-white px-6 py-2.5 rounded-full text-sm font-bold hover:bg-emerald-600 transition-all shadow-lg shadow-emerald-100\">\n                            \u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"md:hidden\">\n                        <button id=\"menu-btn\" class=\"p-2 text-slate-500\">\n                            <i data-lucide=\"menu\" size=\"28\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-emerald-50 px-6 py-8 space-y-4 shadow-xl text-center\">\n                <a href=\"#features\" class=\"block text-lg font-bold text-slate-700\">\u30b5\u30fc\u30d3\u30b9\u7279\u5fb4<\/a>\n                <a href=\"#pricing\" class=\"block text-lg font-bold text-slate-700\">\u30d7\u30e9\u30f3\u30fb\u6599\u91d1<\/a>\n                <a href=\"#flow\" class=\"block text-lg font-bold text-slate-700\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/a>\n                <div class=\"pt-4\">\n                    <button class=\"w-full bg-emerald-500 text-white px-5 py-4 rounded-2xl text-lg font-bold shadow-lg\">\n                        \u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/nav>\n\n        <!-- Hero Section (\u4e2d\u592e\u5bc4\u305b\u3092\u5f37\u5316) -->\n        <section class=\"pt-24 pb-12 md:pt-32 md:pb-20 bg-gradient-to-b from-emerald-50\/70 to-transparent overflow-hidden w-full section-container\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12 text-center relative flex flex-col items-center\">\n                <div class=\"inline-flex items-center gap-2 px-6 py-1 rounded-full bg-emerald-600 text-white text-xs md:text-sm font-black mb-4 shadow-xl shadow-emerald-100 animate-bounce-subtle\">\n                    <i data-lucide=\"award\" size=\"16\"><\/i>\n                    \u9ebb\u96c0\u30d7\u30ed\u304c\u6559\u3048\u308b\u5c02\u5c5e\u30b3\u30fc\u30c1\u30f3\u30b0\n                <\/div>\n                \n                <h1 class=\"hero-title text-slate-900 mb-4\">\n                    \u300c\u306a\u3093\u3067\uff1f\u300d\u304c<br class=\"md:hidden\" \/><span class=\"text-emerald-600\">\u300c\u306a\u308b\u307b\u3069\uff01\u300d<\/span>\u306b<br class=\"hidden md:block\" \/>\n                    \u5909\u308f\u308b\u724c\u8b5c\u30ec\u30d3\u30e5\u30fc\u3002\n                <\/h1>\n                \n                <p class=\"hero-subtitle text-slate-600 max-w-4xl mx-auto mb-10 font-bold\">\n                    \u521d\u5fc3\u8005\u3067\u3082\u5927\u4e08\u592b\u3002\u30d7\u30ed\u304c\u3042\u306a\u305f\u306e\u6253\u3061\u65b9\u3092\u3001<br class=\"hidden md:block\" \/>\n                    \u3069\u3053\u3088\u308a\u3082\u3001\u3066\u3044\u306d\u3044\u306b\u898b\u307e\u3059\u3002\n                <\/p>\n\n                <div class=\"flex flex-wrap justify-center gap-2 mb-10\">\n                    <span class=\"px-4 py-1.5 bg-white border border-emerald-100 rounded-xl text-xs font-bold text-emerald-700 shadow-sm flex items-center gap-2\">\n                        <i data-lucide=\"check-circle\" size=\"14\"><\/i> \u96c0\u9b42 \u5bfe\u5fdc\n                    <\/span>\n                    <span class=\"px-4 py-1.5 bg-white border border-emerald-100 rounded-xl text-xs font-bold text-emerald-700 shadow-sm flex items-center gap-2\">\n                        <i data-lucide=\"check-circle\" size=\"14\"><\/i> \u5929\u9cf3 \u5bfe\u5fdc\n                    <\/span>\n                <\/div>\n\n                <div class=\"flex flex-col sm:flex-row justify-center gap-6 items-center transform\">\n                    <button class=\"px-10 py-5 bg-emerald-500 text-white rounded-[2rem] text-2xl font-black hover:bg-emerald-600 transition-all shadow-2xl shadow-emerald-200 hover:-translate-y-1 flex items-center justify-center gap-3 w-full sm:w-auto\">\n                        \u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 <i data-lucide=\"arrow-right\" size=\"28\"><\/i>\n                    <\/button>\n                    <div class=\"flex items-center gap-4 bg-white\/60 backdrop-blur-sm px-8 py-4 rounded-[2rem] border border-emerald-200 shadow-sm\">\n                        <span class=\"text-slate-400 line-through text-lg italic\">\u00a54,000<\/span>\n                        <div class=\"flex flex-col items-start leading-none text-left\">\n                            <span class=\"text-[10px] font-bold text-red-500 mb-1\">\u03b2\u7248\u9650\u5b9a\u4fa1\u683c<\/span>\n                            <div class=\"flex items-baseline gap-1\">\n                                <span class=\"text-red-500 text-4xl font-black\">\u00a52,000<\/span>\n                                <span class=\"text-slate-500 font-bold text-lg\">\/ \u56de<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Feature Section -->\n        <section id=\"features\" class=\"py-24 bg-white w-full section-container\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\n                <div class=\"text-center max-w-3xl mx-auto mb-20 flex flex-col items-center\">\n                    <h2 class=\"text-3xl md:text-5xl font-black mb-6 text-slate-900 leading-tight\">\n                        \u6559\u79d1\u66f8\u901a\u308a\u306e\u6b63\u89e3\u3067\u306f\u306a\u304f\u3001<br \/>\n                        <span class=\"text-emerald-600\">\u300c\u3042\u306a\u305f\u306e\u5b9f\u6226\u300d<\/span>\u306e\u6b63\u89e3\u3092\u3002\n                    <\/h2>\n                    <p class=\"text-slate-500 text-xl font-medium leading-relaxed\">\n                        \u9ebb\u96c0\u30d7\u30ed\u304c\u3042\u306a\u305f\u306e\u724c\u8b5c\u3092\u9685\u3005\u307e\u3067\u78ba\u8a8d\u3002\u72ec\u5b66\u3067\u306f\u6c17\u3065\u3051\u306a\u3044\u500b\u7656\u3092\u898b\u3064\u3051\u3001\u8ad6\u7406\u7684\u306a\u4e0a\u9054\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n                    <\/p>\n                <\/div>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                    <div class=\"bg-slate-50\/50 p-10 rounded-[3rem] border border-slate-100 text-center flex flex-col items-center\">\n                        <div class=\"w-16 h-16 bg-white rounded-2xl flex items-center justify-center mb-8 shadow-sm text-emerald-500\">\n                            <i data-lucide=\"target\" size=\"32\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold mb-4 text-slate-800\">\u73fe\u5f79\u30d7\u30ed\u304c\u30de\u30f3\u30c4\u30fc\u30de\u30f3<\/h3>\n                        <p class=\"text-slate-500 leading-relaxed font-medium\">\u30d7\u30ed\u8a66\u9a13\u3092\u7a81\u7834\u3057\u305f\u73fe\u5f79\u9078\u624b\u304c\u62c5\u5f53\u3002\u78ba\u304b\u306a\u77e5\u898b\u306b\u57fa\u3065\u3044\u305f\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-50\/50 p-10 rounded-[3rem] border border-slate-100 text-center flex flex-col items-center\">\n                        <div class=\"w-16 h-16 bg-white rounded-2xl flex items-center justify-center mb-8 shadow-sm text-blue-500\">\n                            <i data-lucide=\"message-square\" size=\"32\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold mb-4 text-slate-800\">\u300c\u306a\u3093\u3067\uff1f\u300d\u3092\u89e3\u6d88<\/h3>\n                        <p class=\"text-slate-500 leading-relaxed font-medium\">\u8ff7\u3063\u305f\u5c40\u9762\u3092\u30d7\u30ed\u306b\u3076\u3064\u3051\u3066\u304f\u3060\u3055\u3044\u3002\u601d\u8003\u306e\u30d7\u30ed\u30bb\u30b9\u304b\u3089\u4e01\u5be7\u306b\u7d10\u89e3\u304d\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-slate-50\/50 p-10 rounded-[3rem] border border-slate-100 text-center flex flex-col items-center\">\n                        <div class=\"w-16 h-16 bg-white rounded-2xl flex items-center justify-center mb-8 shadow-sm text-amber-500\">\n                            <i data-lucide=\"zap\" size=\"32\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold mb-4 text-slate-800\">\u30ec\u30d9\u30eb\u306b\u5408\u308f\u305b\u305f\u6307\u5c0e<\/h3>\n                        <p class=\"text-slate-500 leading-relaxed font-medium\">\u5c02\u9580\u7528\u8a9e\u306b\u983c\u3089\u305a\u3001\u521d\u5fc3\u8005\u306e\u65b9\u306b\u3082\u5206\u304b\u308a\u3084\u3059\u3044\u8a00\u8449\u3067\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Pricing Section -->\n        <section id=\"pricing\" class=\"py-24 w-full section-container\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12 text-center flex flex-col items-center\">\n                <div class=\"text-center mb-16\">\n                    <span class=\"bg-emerald-100 text-emerald-700 px-4 py-1.5 rounded-full text-sm font-black mb-4 inline-block\">PLAN &#038; PRICE<\/span>\n                    <h2 class=\"text-4xl font-black mb-4 text-slate-900\">\u9078\u3079\u308b\u30b3\u30fc\u30c1\u30f3\u30b0\u5f62\u5f0f<\/h2>\n                <\/div>\n                \n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 max-w-5xl mx-auto\">\n                    <!-- Beta Plan -->\n                    <div class=\"bg-white rounded-[3rem] p-10 md:p-14 shadow-2xl border-4 border-emerald-400 relative overflow-hidden text-slate-900 flex flex-col items-center text-center\">\n                        <div class=\"absolute top-8 right-8 bg-red-500 text-white text-[10px] font-black px-3 py-1.5 rounded-full uppercase animate-pulse\">Special Offer<\/div>\n                        <div class=\"mb-8 flex flex-col items-center\">\n                            <div class=\"inline-flex p-4 bg-emerald-50 text-emerald-600 rounded-2xl mb-6\"><i data-lucide=\"message-square\" size=\"36\"><\/i><\/div>\n                            <h3 class=\"text-3xl font-black mb-2 text-slate-900\">\u30c6\u30ad\u30b9\u30c8\uff0b\u30dc\u30a4\u30b9 (\u9332\u753b)<\/h3>\n                            <p class=\"text-emerald-600 font-bold mb-6 italic\">\u2605\u73fe\u5728\u03b2\u7248\u306b\u3064\u304d\u5272\u5f15\u4e2d<\/p>\n                            <p class=\"text-slate-500 font-medium leading-relaxed mb-8\">\n                                \u724c\u8b5c\u3092\u30d7\u30ed\u304c\u5206\u6790\u3057\u3001\u91cd\u8981\u306a5\u5c40\u7a0b\u5ea6\u3092\u30d4\u30c3\u30af\u30a2\u30c3\u30d7\u3002\u6587\u7ae0\u3068\u97f3\u58f0\u4ed8\u304d\u52d5\u753b\u3067\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3057\u307e\u3059\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"flex items-baseline gap-3 mb-10\">\n                            <span class=\"text-5xl font-black text-slate-900\">\u00a52,000<\/span>\n                            <span class=\"text-slate-400 line-through text-xl\">\u00a54,000<\/span>\n                            <span class=\"text-slate-400 font-bold\">\/ \u56de<\/span>\n                        <\/div>\n                        <ul class=\"space-y-5 mb-12 list-none text-left w-full max-w-xs\">\n                            <li class=\"flex items-start gap-3 text-slate-700 font-bold text-[15px]\"><i data-lucide=\"check-circle\" size=\"20\" class=\"text-emerald-500 shrink-0 mt-0.5\"><\/i>\u5168\u8a18\u9332\u3092\u78ba\u8a8d\u3057\u30015\u5c40\u7a0b\u5ea6\u3092\u91cd\u70b9\u89e3\u8aac<\/li>\n                            <li class=\"flex items-start gap-3 text-slate-700 font-bold text-[15px]\"><i data-lucide=\"check-circle\" size=\"20\" class=\"text-emerald-500 shrink-0 mt-0.5\"><\/i>\u8cea\u554f\u3078\u306e\u91cd\u70b9\u56de\u7b54<\/li>\n                            <li class=\"flex items-start gap-3 text-slate-700 font-bold text-[15px]\"><i data-lucide=\"check-circle\" size=\"20\" class=\"text-emerald-500 shrink-0 mt-0.5\"><\/i>3\u65e5\u4ee5\u5185\u306b\u30b9\u30d4\u30fc\u30c9\u7d0d\u54c1<\/li>\n                        <\/ul>\n                        <button class=\"w-full py-6 bg-emerald-500 text-white rounded-[2rem] text-2xl font-black hover:bg-emerald-600 shadow-xl transition-all\">\u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080<\/button>\n                    <\/div>\n\n                    <!-- Preparation Plan -->\n                    <div class=\"bg-slate-100 border border-slate-200 rounded-[3rem] p-10 md:p-14 flex flex-col justify-between relative opacity-80 overflow-hidden items-center text-center\">\n                        <div class=\"absolute inset-0 bg-white\/20 backdrop-blur-[2px] rounded-[3rem] flex items-center justify-center z-10\">\n                            <div class=\"bg-slate-800 text-white px-8 py-4 rounded-full font-black flex items-center gap-3 shadow-2xl\">\n                                <i data-lucide=\"clock\" size=\"24\" class=\"animate-spin-slow\"><\/i> \u6e96\u5099\u4e2d\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col items-center\">\n                            <div class=\"mb-8 flex flex-col items-center\">\n                                <div class=\"inline-flex p-4 bg-slate-200 text-slate-400 rounded-2xl mb-6\"><i data-lucide=\"video\" size=\"36\"><\/i><\/div>\n                                <h3 class=\"text-3xl font-black mb-4 text-slate-400\">Zoom \u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u6307\u5c0e<\/h3>\n                                <p class=\"text-slate-400 font-medium leading-relaxed\">\u753b\u9762\u3092\u5171\u6709\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5bfe\u8a71\u3057\u306a\u304c\u3089\u6307\u5c0e\u3092\u53d7\u3051\u308b\u6700\u9ad8\u5cf0\u306e\u30d7\u30e9\u30f3\u3067\u3059\u3002<\/p>\n                            <\/div>\n                            <div class=\"mb-10 text-slate-400 text-4xl font-black italic\">Coming Soon&#8230;<p class=\"text-sm font-bold mt-2 text-slate-300\">\u203b50\u5206\u9593\u306e\u6307\u5c0e\u3092\u4e88\u5b9a<\/p><\/div>\n                        <\/div>\n                        <button disabled class=\"w-full py-6 bg-slate-200 text-slate-400 rounded-[2rem] text-2xl font-black cursor-not-allowed\">\u6e96\u5099\u4e2d<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Flow Section -->\n        <section id=\"flow\" class=\"py-24 bg-emerald-50\/50 w-full section-container\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12 text-center flex flex-col items-center\">\n                <h2 class=\"text-4xl font-black mb-4 text-slate-900\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h2>\n                <p class=\"text-slate-500 font-medium italic mb-16\">\u304b\u3093\u305f\u30933\u30b9\u30c6\u30c3\u30d7\u30023\u65e5\u4ee5\u5185\u306b\u7b54\u3048\u304c\u5c4a\u304d\u307e\u3059\u3002<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 relative w-full\">\n                    <div class=\"bg-white p-10 rounded-[2.5rem] shadow-sm border border-emerald-50 text-center flex flex-col items-center group hover:shadow-xl transition-shadow\">\n                        <div class=\"w-20 h-20 bg-emerald-500 text-white rounded-[2rem] flex items-center justify-center mb-8 shadow-lg shadow-emerald-100 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"send\" size=\"32\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-2xl font-bold mb-4 text-slate-800\">\u2460 \u7533\u3057\u8fbc\u307f<\/h4>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">\u724c\u8b5cURL\u3001\u8ff7\u3063\u305f\u5c40\u3001\u73fe\u5728\u306e\u30ec\u30d9\u30eb\u3092\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-10 rounded-[2.5rem] shadow-sm border border-emerald-50 text-center flex flex-col items-center group hover:shadow-xl transition-shadow\">\n                        <div class=\"w-20 h-20 bg-emerald-500 text-white rounded-[2rem] flex items-center justify-center mb-8 shadow-lg shadow-emerald-100 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"credit-card\" size=\"32\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-2xl font-bold mb-4 text-slate-800\">\u2461 \u6c7a\u6e08<\/h4>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">\u3054\u6848\u5185\u3059\u308b\u6c7a\u6e08URL\u3088\u308a\u304a\u652f\u6255\u3044\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-10 rounded-[2.5rem] shadow-sm border border-emerald-50 text-center flex flex-col items-center group hover:shadow-xl transition-shadow\">\n                        <div class=\"w-20 h-20 bg-emerald-500 text-white rounded-[2rem] flex items-center justify-center mb-8 shadow-lg shadow-emerald-100 group-hover:scale-110 transition-transform\">\n                            <i data-lucide=\"mail\" size=\"32\"><\/i>\n                        <\/div>\n                        <h4 class=\"text-2xl font-bold mb-4 text-slate-800\">\u2462 \u30ec\u30d3\u30e5\u30fc\u53d7\u3051\u53d6\u308a<\/h4>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">3\u65e5\u4ee5\u5185\u306b\u3001\u30c6\u30ad\u30b9\u30c8\u3068\u89e3\u8aac\u52d5\u753b\u304c\u30e1\u30fc\u30eb\u3067\u5c4a\u304d\u307e\u3059\uff01<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Recruitment -->\n        <section class=\"py-24 w-full flex justify-center section-container\">\n            <div class=\"max-w-4xl mx-auto px-6 w-full flex flex-col items-center\">\n                <div class=\"bg-slate-900 rounded-[3rem] p-10 md:p-16 text-center text-white relative overflow-hidden w-full flex flex-col items-center\">\n                    <h2 class=\"text-3xl font-black mb-6 !bg-none !p-0\">\u6307\u5c0e\u30d7\u30ed\u3082\u52df\u96c6\u4e2d<\/h2>\n                    <p class=\"text-slate-400 text-lg mb-10 font-medium leading-relaxed\">\u3042\u306a\u305f\u306e\u601d\u8003\u3068\u8a00\u8449\u3092\u3001\u30d5\u30a1\u30f3\u306e\u305f\u3081\u306b\u6d3b\u304b\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\n                    <button class=\"bg-white text-slate-900 px-10 py-4 rounded-full font-bold hover:bg-emerald-50 shadow-xl inline-flex items-center gap-2 transition-colors\">\n                        \u30d7\u30ed\u52df\u96c6\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089 <i data-lucide=\"chevron-right\" size=\"20\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Footer (lp-footer \u30af\u30e9\u30b9\u3067\u30c6\u30fc\u30de\u306e\u30d5\u30c3\u30bf\u30fc\u3068\u533a\u5225) -->\n        <footer class=\"lp-footer bg-white py-20 border-t border-emerald-50 w-full text-center section-container\">\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12 text-center\">\n                <p class=\"text-sm font-bold text-slate-300\">\u00a9 2025 Mahjong Camp \u03b2 version.<\/p>\n            <\/div>\n        <\/footer>\n\n    <\/div> <!-- .wp-full-width \u7d42\u4e86 -->\n\n    <!-- Lucide Icons CDN -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <script>\n        \/\/ Initialize icons\n        lucide.createIcons();\n\n        \/\/ Mobile menu toggle logic\n        const menuBtn = document.getElementById('menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n        menuBtn.addEventListener('click', () => {\n            mobileMenu.classList.toggle('hidden');\n        });\n\n        \/\/ Close menu when clicking nav links\n        document.querySelectorAll('#mobile-menu a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('hidden');\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u4e2d \u9ebb\u96c0\u30ad\u30e3\u30f3\u30d7 \u30b5\u30fc\u30d3\u30b9\u7279\u5fb4 \u30d7\u30e9\u30f3\u30fb\u6599\u91d1 \u3054\u5229\u7528\u306e\u6d41\u308c \u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 \u30b5\u30fc\u30d3\u30b9\u7279\u5fb4 \u30d7\u30e9\u30f3\u30fb\u6599\u91d1 \u3054\u5229\u7528\u306e\u6d41\u308c \u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 \u9ebb\u96c0\u30d7\u30ed\u304c\u6559\u3048\u308b\u5c02\u5c5e\u30b3\u30fc\u30c1\u30f3\u30b0 \u300c\u306a\u3093\u3067\uff1f\u300d\u304c\u300c\u306a\u308b\u307b\u3069\uff01\u300d\u306b \u5909\u308f\u308b\u724c\u8b5c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":12,"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/mahjong-lab.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}