{"id":217,"date":"2026-01-13T14:24:57","date_gmt":"2026-01-13T05:24:57","guid":{"rendered":"https:\/\/bigup.jp\/minato234\/?page_id=217"},"modified":"2026-02-02T12:26:19","modified_gmt":"2026-02-02T03:26:19","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8","status":"publish","type":"page","link":"https:\/\/bigup.jp\/minato234\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"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    <title>\u6e4a2\u4e01\u76ee234\u756a\u7d44 \u516c\u5f0fLINE - \u5730\u57df\u3092\u3064\u306a\u3050\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/title>\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.4\/jquery.min.js\"><\/script>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;\n            line-height: 1.6;\n            color: #1a1a1a;\n            overflow-x: hidden;\n        }\n\n        .top-bar {\n            background: linear-gradient(135deg, #0a3d62 0%, #1e5f74 100%);\n            padding: 12px 20px;\n            text-align: center;\n            color: white;\n            font-size: 14px;\n            font-weight: 600;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n\n        nav {\n            background: white;\n            padding: 20px;\n            box-shadow: 0 2px 20px rgba(0,0,0,0.08);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            backdrop-filter: blur(10px);\n            background: rgba(255, 255, 255, 0.95);\n        }\n\n        .nav-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .logo {\n            font-size: 22px;\n            font-weight: 800;\n            color: #0a3d62;\n            letter-spacing: -0.5px;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 30px;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n\n        .nav-links a {\n            color: #444;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 14px;\n            transition: all 0.3s;\n            position: relative;\n            padding: 5px 0;\n        }\n\n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: #06c755;\n            transition: width 0.3s;\n        }\n\n        .nav-links a:hover {\n            color: #06c755;\n        }\n\n        .nav-links a:hover::after {\n            width: 100%;\n        }\n\n        .mobile-menu-btn {\n            display: none;\n            background: none;\n            border: none;\n            font-size: 24px;\n            cursor: pointer;\n            color: #0a3d62;\n        }\n\n        .hero {\n            position: relative;\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, #0a3d62 0%, #1e5f74 50%, #0a3d62 100%);\n            overflow: hidden;\n        }\n\n        .hero-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            opacity: 0.05;\n            background-image: \n                repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n        }\n\n        .wave {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            overflow: hidden;\n            line-height: 0;\n        }\n\n        .wave svg {\n            position: relative;\n            display: block;\n            width: calc(100% + 1.3px);\n            height: 80px;\n        }\n\n        .wave .shape-fill {\n            fill: #ffffff;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            padding: 60px 20px;\n            max-width: 1000px;\n        }\n\n        .community-badge {\n            display: inline-block;\n            padding: 10px 24px;\n            background: rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 50px;\n            color: white;\n            font-size: 15px;\n            font-weight: 700;\n            margin-bottom: 30px;\n            animation: fadeInDown 1s ease-out;\n            letter-spacing: 0.5px;\n        }\n\n        @keyframes fadeInDown {\n            from { opacity: 0; transform: translateY(-30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .hero h1 {\n            font-size: clamp(32px, 6vw, 64px);\n            font-weight: 900;\n            color: #ffffff;\n            margin-bottom: 20px;\n            line-height: 1.2;\n            animation: fadeInUp 1s ease-out 0.2s both;\n            letter-spacing: -0.02em;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n        }\n\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .hero-subtitle {\n            font-size: clamp(18px, 2.5vw, 24px);\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 50px;\n            animation: fadeInUp 1s ease-out 0.4s both;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        .qr-section {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(30px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 30px;\n            padding: 50px;\n            display: inline-block;\n            box-shadow: \n                0 30px 80px rgba(0, 0, 0, 0.3),\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\n            animation: fadeInUp 1s ease-out 0.6s both;\n            transition: all 0.4s ease;\n        }\n\n        .qr-section:hover {\n            transform: translateY(-10px);\n            box-shadow: \n                0 40px 100px rgba(0, 0, 0, 0.4),\n                inset 0 1px 0 rgba(255, 255, 255, 0.3);\n        }\n\n        .qr-box {\n            width: 280px;\n            height: 280px;\n            background: white;\n            border-radius: 24px;\n            padding: 20px;\n            margin-bottom: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n        }\n\n        .qrcode {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .line-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 18px 40px;\n            background: linear-gradient(135deg, #06c755 0%, #00b900 100%);\n            color: white;\n            text-decoration: none;\n            border-radius: 50px;\n            font-size: 18px;\n            font-weight: 700;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 10px 30px rgba(6, 199, 85, 0.4);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .line-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n            transition: left 0.6s;\n        }\n\n        .line-button:hover::before {\n            left: 100%;\n        }\n\n        .line-button:hover {\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 15px 40px rgba(6, 199, 85, 0.6);\n        }\n\n        .free-notice {\n            margin-top: 20px;\n            color: rgba(255, 255, 255, 0.95);\n            font-size: 14px;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .free-icon {\n            display: inline-block;\n            padding: 4px 12px;\n            background: rgba(255, 215, 0, 0.2);\n            border: 1px solid rgba(255, 215, 0, 0.4);\n            border-radius: 20px;\n            color: #ffd700;\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n\n        .benefits {\n            padding: 100px 20px;\n            background: white;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .section-tag {\n            display: inline-block;\n            padding: 8px 20px;\n            background: rgba(10, 61, 98, 0.08);\n            border-radius: 50px;\n            color: #0a3d62;\n            font-size: 13px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .section-title {\n            font-size: clamp(32px, 5vw, 48px);\n            font-weight: 800;\n            color: #1a1a1a;\n            margin-bottom: 16px;\n            letter-spacing: -0.02em;\n        }\n\n        .section-subtitle {\n            font-size: 18px;\n            color: #666;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 35px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .benefit-card {\n            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n            border-radius: 24px;\n            padding: 40px 30px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border: 2px solid transparent;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .benefit-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, #0a3d62, #06c755);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .benefit-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .benefit-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 60px rgba(10, 61, 98, 0.12);\n            border-color: rgba(10, 61, 98, 0.1);\n        }\n\n        .benefit-icon {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #0a3d62 0%, #1e5f74 100%);\n            border-radius: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 32px;\n            margin-bottom: 24px;\n            box-shadow: 0 10px 30px rgba(10, 61, 98, 0.15);\n            transition: all 0.4s ease;\n        }\n\n        .benefit-card:hover .benefit-icon {\n            transform: rotateY(360deg) scale(1.1);\n        }\n\n        .benefit-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 14px;\n        }\n\n        .benefit-desc {\n            font-size: 15px;\n            color: #666;\n            line-height: 1.8;\n        }\n\n        .use-cases {\n            padding: 100px 20px;\n            background: linear-gradient(to bottom, #f8f9fa, #ffffff);\n        }\n\n        .use-case-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 40px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .use-case-card {\n            background: white;\n            border-radius: 24px;\n            padding: 40px;\n            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s ease;\n            border: 2px solid transparent;\n            position: relative;\n        }\n\n        .use-case-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: 24px;\n            padding: 2px;\n            background: linear-gradient(135deg, #06c755, #0a3d62);\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask-composite: exclude;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .use-case-card:hover::after {\n            opacity: 1;\n        }\n\n        .use-case-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 50px rgba(10, 61, 98, 0.12);\n        }\n\n        .use-case-header {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 24px;\n        }\n\n        .use-case-icon {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, #06c755 0%, #00b900 100%);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n            box-shadow: 0 8px 24px rgba(6, 199, 85, 0.2);\n        }\n\n        .use-case-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #1a1a1a;\n        }\n\n        .use-case-list {\n            list-style: none;\n            padding: 0;\n        }\n\n        .use-case-list li {\n            padding: 12px 0;\n            color: #666;\n            font-size: 15px;\n            line-height: 1.8;\n            position: relative;\n            padding-left: 28px;\n        }\n\n        .use-case-list li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: #06c755;\n            font-weight: 700;\n            font-size: 18px;\n        }\n\n        .features-section {\n            padding: 100px 20px;\n            background: linear-gradient(135deg, #0a3d62 0%, #1e5f74 100%);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .features-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 20% 50%, rgba(6, 199, 85, 0.1) 0%, transparent 50%);\n        }\n\n        .features-section .section-title {\n            color: white;\n        }\n\n        .features-section .section-subtitle {\n            color: rgba(255, 255, 255, 0.8);\n        }\n\n        .features-section .section-tag {\n            background: rgba(255, 255, 255, 0.15);\n            color: white;\n        }\n\n        .feature-timeline {\n            max-width: 1000px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n\n        .timeline-item {\n            display: flex;\n            gap: 40px;\n            margin-bottom: 50px;\n            align-items: flex-start;\n        }\n\n        .timeline-icon {\n            flex-shrink: 0;\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, #06c755 0%, #00b900 100%);\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 36px;\n            box-shadow: 0 10px 30px rgba(6, 199, 85, 0.3);\n            position: relative;\n        }\n\n        .timeline-icon::after {\n            content: '';\n            position: absolute;\n            width: 3px;\n            height: 80px;\n            background: linear-gradient(180deg, rgba(6, 199, 85, 0.5) 0%, transparent 100%);\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .timeline-item:last-child .timeline-icon::after {\n            display: none;\n        }\n\n        .timeline-content {\n            flex: 1;\n            background: rgba(255, 255, 255, 0.08);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 20px;\n            padding: 30px;\n            transition: all 0.3s ease;\n        }\n\n        .timeline-content:hover {\n            background: rgba(255, 255, 255, 0.12);\n            border-color: rgba(6, 199, 85, 0.3);\n            transform: translateX(10px);\n        }\n\n        .timeline-content h3 {\n            font-size: 24px;\n            font-weight: 700;\n            color: white;\n            margin-bottom: 12px;\n        }\n\n        .timeline-content p {\n            font-size: 16px;\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.8;\n        }\n\n        .steps-section {\n            padding: 100px 20px;\n            background: white;\n        }\n\n        .steps-container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .step-item {\n            display: flex;\n            gap: 35px;\n            margin-bottom: 40px;\n            padding: 35px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n            border-radius: 24px;\n            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s ease;\n            border: 2px solid transparent;\n            opacity: 0;\n            transform: translateX(-30px);\n            animation: slideInLeft 0.6s ease-out forwards;\n        }\n\n        .step-item:nth-child(1) { animation-delay: 0.2s; }\n        .step-item:nth-child(2) { animation-delay: 0.4s; }\n        .step-item:nth-child(3) { animation-delay: 0.6s; }\n\n        @keyframes slideInLeft {\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .step-item:hover {\n            transform: translateX(10px);\n            box-shadow: 0 10px 50px rgba(10, 61, 98, 0.12);\n            border-color: rgba(6, 199, 85, 0.2);\n        }\n\n        .step-number {\n            flex-shrink: 0;\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #06c755 0%, #00b900 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 32px;\n            font-weight: 900;\n            color: white;\n            box-shadow: 0 10px 30px rgba(6, 199, 85, 0.3);\n            position: relative;\n        }\n\n        .step-number::after {\n            content: '';\n            position: absolute;\n            width: 3px;\n            height: 60px;\n            background: linear-gradient(180deg, rgba(6, 199, 85, 0.4) 0%, transparent 100%);\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .step-item:last-child .step-number::after {\n            display: none;\n        }\n\n        .step-content h3 {\n            font-size: 22px;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 12px;\n        }\n\n        .step-content p {\n            font-size: 16px;\n            color: #666;\n            line-height: 1.8;\n        }\n\n        .cta-section {\n            padding: 100px 20px;\n            background: linear-gradient(135deg, #0a3d62 0%, #1e5f74 100%);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 20% 50%, rgba(6, 199, 85, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);\n        }\n\n        .cta-content {\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .cta-title {\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 800;\n            color: white;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n        }\n\n        .cta-text {\n            font-size: 20px;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 40px;\n        }\n\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 22px 50px;\n            background: white;\n            color: #0a3d62;\n            text-decoration: none;\n            border-radius: 50px;\n            font-size: 20px;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n        }\n\n        .cta-button:hover {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\n        }\n\n        footer {\n            padding: 60px 20px 40px;\n            background: #1a1a1a;\n            color: #999;\n            text-align: center;\n        }\n\n        .footer-logo {\n            font-size: 24px;\n            font-weight: 800;\n            color: #fff;\n            margin-bottom: 20px;\n        }\n\n        .footer-nav {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n            margin-bottom: 30px;\n        }\n\n        .footer-nav a {\n            color: #999;\n            text-decoration: none;\n            font-size: 14px;\n            transition: color 0.3s;\n        }\n\n        .footer-nav a:hover {\n            color: #06c755;\n        }\n\n        .footer-text {\n            font-size: 14px;\n            line-height: 1.8;\n            color: #666;\n        }\n\n        .copyright {\n            margin-top: 30px;\n            padding-top: 30px;\n            border-top: 1px solid #333;\n            font-size: 13px;\n            color: #666;\n        }\n\n        @media (max-width: 768px) {\n            .top-bar {\n                font-size: 12px;\n                padding: 10px;\n            }\n\n            .nav-container {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .mobile-menu-btn {\n                display: block;\n                position: absolute;\n                right: 20px;\n                top: 20px;\n            }\n\n            .nav-links {\n                display: none;\n                width: 100%;\n                flex-direction: column;\n                gap: 15px;\n                padding-top: 20px;\n            }\n\n            .nav-links.active {\n                display: flex;\n            }\n\n            .hero {\n                min-height: auto;\n                padding: 60px 20px;\n            }\n\n            .hero h1 {\n                font-size: 32px;\n            }\n\n            .hero-subtitle {\n                font-size: 16px;\n            }\n\n            .qr-section {\n                padding: 30px 20px;\n            }\n\n            .qr-box {\n                width: 240px;\n                height: 240px;\n            }\n\n            .benefits-grid,\n            .use-case-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n\n            .benefit-card,\n            .use-case-card {\n                padding: 30px 25px;\n            }\n\n            .timeline-item {\n                flex-direction: column;\n                gap: 20px;\n                padding: 25px;\n            }\n\n            .timeline-icon::after {\n                display: none;\n            }\n\n            .timeline-content {\n                transform: none !important;\n            }\n\n            .footer-nav {\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            .section-title {\n                font-size: 32px;\n            }\n\n            .cta-title {\n                font-size: 32px;\n            }\n\n            .line-button,\n            .cta-button {\n                font-size: 16px;\n                padding: 16px 35px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero h1 {\n                font-size: 28px;\n            }\n\n            .community-badge {\n                font-size: 13px;\n                padding: 8px 20px;\n            }\n\n            .qr-box {\n                width: 200px;\n                height: 200px;\n            }\n\n            .benefit-icon,\n            .use-case-icon {\n                width: 60px;\n                height: 60px;\n                font-size: 28px;\n            }\n\n            .timeline-icon {\n                width: 70px;\n                height: 70px;\n                font-size: 32px;\n            }\n        }\n\n        \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u306e\u30b9\u30bf\u30a4\u30ea\u30f3\u30b0 *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: linear-gradient(135deg, #06c755 0%, #00b900 100%);\n            border-radius: 5px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: linear-gradient(135deg, #00b900 0%, #06c755 100%);\n        }\n\n        \/* \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n        .loading {\n            opacity: 0;\n            animation: fadeIn 0.6s ease-out forwards;\n        }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"top-bar loading\">\n        \ud83c\udfd8\ufe0f \u6e4a2\u4e01\u76ee234\u756a\u7d44 - \u5730\u57df\u3092\u3064\u306a\u3050\u753a\u5185\u4f1a\u516c\u5f0f\u30b5\u30a4\u30c8\n    <\/div>\n\n    <nav class=\"loading\">\n        <div class=\"nav-container\">\n            <div class=\"logo\">\u6e4a2\u4e01\u76ee234\u756a\u7d44<\/div>\n            <button class=\"mobile-menu-btn\" onclick=\"toggleMenu()\">\u2630<\/button>\n            <div class=\"nav-links\" id=\"navLinks\">\n                <a href=\"#line\">LINE\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8<\/a>\n                <a href=\"#benefits\">\u30e1\u30ea\u30c3\u30c8<\/a>\n                <a href=\"#use-cases\">\u6d3b\u7528\u65b9\u6cd5<\/a>\n                <a href=\"https:\/\/bigup.jp\/minato234\/?page_id=104\">\u904b\u55b6\u4f53\u5236<\/a>\n                <a href=\"https:\/\/bigup.jp\/minato234\/?page_id=128\">\u707d\u5bb3\u30fb\u5b89\u5426\u78ba\u8a8d<\/a>\n                <a href=\"https:\/\/bigup.jp\/minato234\/?page_id=167\">\u56de\u89a7\u677f<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <section class=\"hero\" id=\"line\">\n        <div class=\"hero-pattern\"><\/div>\n        \n        <div class=\"hero-content\">\n            <div class=\"community-badge\">\u6e4a2\u4e01\u76ee234\u756a\u7d44 \u516c\u5f0fLINE<\/div>\n            \n            <h1>\u5730\u57df\u3092\u3064\u306a\u3050\u3001<br>\u65b0\u3057\u3044\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/h1>\n            <p class=\"hero-subtitle\">\u753a\u5185\u4f1a\u306e\u60c5\u5831\u3092\u3001\u3044\u3064\u3067\u3082\u3069\u3053\u3067\u3082\u3001\u3042\u306a\u305f\u306e\u30b9\u30de\u30db\u306b\u3002<br>\u30b9\u30de\u30fc\u30c8\u306a\u5730\u57df\u3065\u304f\u308a\u3092\u4e00\u7dd2\u306b\u3002<\/p>\n            \n            <a href=\"#cta\" class=\"line-button\">\n                <span>\u53cb\u3060\u3061\u8ffd\u52a0\u306f\u3053\u3061\u3089<\/span>\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                    <path d=\"M10 4V16M10 16L4 10M10 16L16 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n        <div class=\"wave\">\n            <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n                <path d=\"M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z\" class=\"shape-fill\"><\/path>\n            <\/svg>\n        <\/div>\n    <\/section>\n\n    <section class=\"benefits\" id=\"benefits\">\n        <div class=\"section-header\">\n            <div class=\"section-tag\">Benefits<\/div>\n            <h2 class=\"section-title\">\u516c\u5f0fLINE\u306e4\u3064\u306e\u30e1\u30ea\u30c3\u30c8<\/h2>\n            <p class=\"section-subtitle\">\u753a\u5185\u4f1a\u516c\u5f0fLINE\u3067\u3001\u5730\u57df\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u3082\u3063\u3068\u4fbf\u5229\u306b\u3001\u3082\u3063\u3068\u8eab\u8fd1\u306b\u306a\u308a\u307e\u3059<\/p>\n        <\/div>\n\n        <div class=\"benefits-grid\">\n            <div class=\"benefit-card\">\n                <div class=\"benefit-icon\">\ud83d\udcb0<\/div>\n                <h3 class=\"benefit-title\">\u5b8c\u5168\u7121\u6599<\/h3>\n                <p class=\"benefit-desc\">\u767b\u9332\u3082\u5229\u7528\u3082\u4e00\u5207\u6599\u91d1\u306f\u304b\u304b\u308a\u307e\u305b\u3093\u3002\u521d\u671f\u8cbb\u7528\u30fb\u6708\u984d\u8cbb\u7528\u306a\u3057\u3067\u3001\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"benefit-card\">\n                <div class=\"benefit-icon\">\ud83d\udcf1<\/div>\n                <h3 class=\"benefit-title\">\u3044\u3064\u3067\u3082\u3069\u3053\u3067\u3082\u60c5\u5831\u78ba\u8a8d<\/h3>\n                <p class=\"benefit-desc\">\u56de\u89a7\u677f\u3092\u5f85\u3064\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u91cd\u8981\u306a\u304a\u77e5\u3089\u305b\u304cLINE\u3067\u3059\u3050\u306b\u5c4a\u304d\u3001\u898b\u9003\u3059\u3053\u3068\u3082\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"benefit-card\">\n                <div class=\"benefit-icon\">\u26a1<\/div>\n                <h3 class=\"benefit-title\">\u7dca\u6025\u6642\u306e\u8fc5\u901f\u306a\u9023\u7d61<\/h3>\n                <p class=\"benefit-desc\">\u707d\u5bb3\u6642\u3084\u6025\u306a\u304a\u77e5\u3089\u305b\u3082\u3001\u30ef\u30f3\u30bf\u30c3\u30c1\u3067\u5168\u54e1\u306b\u77ac\u6642\u306b\u914d\u4fe1\u3002\u5730\u57df\u306e\u5b89\u5168\u3092\u5b88\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"benefit-card\">\n                <div class=\"benefit-icon\">\ud83c\udf31<\/div>\n                <h3 class=\"benefit-title\">\u30da\u30fc\u30d1\u30fc\u30ec\u30b9\u3067\u74b0\u5883\u306b\u512a\u3057\u3044<\/h3>\n                <p class=\"benefit-desc\">\u7d19\u306e\u8cc7\u6599\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3002\u30da\u30fc\u30d1\u30fc\u30ec\u30b9\u3067\u74b0\u5883\u306b\u512a\u3057\u3044\u753a\u5185\u4f1a\u904b\u55b6\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"use-cases\" id=\"use-cases\">\n        <div class=\"section-header\">\n            <div class=\"section-tag\">Use Cases<\/div>\n            <h2 class=\"section-title\">\u753a\u5185\u4f1a\u3067\u306e\u6d3b\u7528\u65b9\u6cd5<\/h2>\n            <p class=\"section-subtitle\">\u516c\u5f0fLINE\u306f\u3001\u753a\u5185\u4f1a\u306e\u69d8\u3005\u306a\u5834\u9762\u3067\u6d3b\u8e8d\u3057\u307e\u3059<\/p>\n        <\/div>\n\n        <div class=\"use-case-grid\">\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83d\udce2<\/div>\n                    <h3 class=\"use-case-title\">\u304a\u77e5\u3089\u305b\u914d\u4fe1<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u5b9a\u671f\u7dcf\u4f1a\u30fb\u5f79\u54e1\u4f1a\u306e\u958b\u50ac\u6848\u5185<\/li>\n                    <li>\u6e05\u6383\u6d3b\u52d5\u30fb\u30a4\u30d9\u30f3\u30c8\u306e\u304a\u77e5\u3089\u305b<\/li>\n                    <li>\u30b4\u30df\u53ce\u96c6\u65e5\u30fb\u8cc7\u6e90\u56de\u53ce\u65e5\u306e\u901a\u77e5<\/li>\n                    <li>\u5de5\u4e8b\u30fb\u65ad\u6c34\u306a\u3069\u306e\u91cd\u8981\u306a\u3054\u9023\u7d61<\/li>\n                    <li>\u5730\u57df\u884c\u4e8b\u306e\u53c2\u52a0\u8005\u52df\u96c6<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83d\udea8<\/div>\n                    <h3 class=\"use-case-title\">\u9632\u707d\u30fb\u9632\u72af<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u5730\u9707\u30fb\u53f0\u98a8\u306a\u3069\u306e\u707d\u5bb3\u60c5\u5831<\/li>\n                    <li>\u907f\u96e3\u6240\u306e\u958b\u8a2d\u60c5\u5831<\/li>\n                    <li>\u4e0d\u5be9\u8005\u60c5\u5831\u306e\u5171\u6709<\/li>\n                    <li>\u5b89\u5426\u78ba\u8a8d\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u9023\u643a<\/li>\n                    <li>\u9632\u707d\u8a13\u7df4\u306e\u5b9f\u65bd\u6848\u5185<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83d\udcc5<\/div>\n                    <h3 class=\"use-case-title\">\u30a4\u30d9\u30f3\u30c8\u7ba1\u7406<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u590f\u796d\u308a\u30fb\u76c6\u8e0a\u308a\u306e\u958b\u50ac\u60c5\u5831<\/li>\n                    <li>\u904b\u52d5\u4f1a\u30fb\u6587\u5316\u796d\u306e\u65e5\u7a0b\u901a\u77e5<\/li>\n                    <li>\u9905\u3064\u304d\u5927\u4f1a\u306a\u3069\u306e\u5b63\u7bc0\u884c\u4e8b<\/li>\n                    <li>\u53c2\u52a0\u7533\u8fbc\u306e\u53d7\u4ed8<\/li>\n                    <li>\u5f53\u65e5\u306e\u5929\u5019\u5224\u65ad\u30fb\u958b\u50ac\u53ef\u5426<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83d\udcac<\/div>\n                    <h3 class=\"use-case-title\">\u53cc\u65b9\u5411\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u753a\u5185\u4f1a\u3078\u306e\u8cea\u554f\u30fb\u76f8\u8ac7<\/li>\n                    <li>\u8981\u671b\u30fb\u63d0\u6848\u306e\u53d7\u4ed8<\/li>\n                    <li>\u30a2\u30f3\u30b1\u30fc\u30c8\u30fb\u610f\u898b\u53ce\u96c6<\/li>\n                    <li>\u56de\u89a7\u677f\u306e\u96fb\u5b50\u5316<\/li>\n                    <li>\u5f79\u54e1\u3068\u306e\u9023\u7d61\u7a93\u53e3<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83d\udcf8<\/div>\n                    <h3 class=\"use-case-title\">\u60c5\u5831\u5171\u6709<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u30a4\u30d9\u30f3\u30c8\u5199\u771f\u306e\u914d\u4fe1<\/li>\n                    <li>\u753a\u5185\u4f1a\u3060\u3088\u308a\u306e\u914d\u5e03<\/li>\n                    <li>\u4f1a\u8a08\u5831\u544a\u30fb\u4e88\u7b97\u8cc7\u6599\u306e\u5171\u6709<\/li>\n                    <li>\u5730\u57df\u306e\u30eb\u30fc\u30eb\u30fb\u30de\u30ca\u30fc\u306e\u5468\u77e5<\/li>\n                    <li>\u304a\u5f79\u7acb\u3061\u60c5\u5831\u306e\u767a\u4fe1<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"use-case-card\">\n                <div class=\"use-case-header\">\n                    <div class=\"use-case-icon\">\ud83e\udd1d<\/div>\n                    <h3 class=\"use-case-title\">\u5730\u57df\u306e\u3064\u306a\u304c\u308a<\/h3>\n                <\/div>\n                <ul class=\"use-case-list\">\n                    <li>\u65b0\u4f4f\u6c11\u3078\u306e\u60c5\u5831\u63d0\u4f9b<\/li>\n                    <li>\u9ad8\u9f62\u8005\u306e\u898b\u5b88\u308a\u30b5\u30dd\u30fc\u30c8<\/li>\n                    <li>\u5b50\u80b2\u3066\u4e16\u4ee3\u3078\u306e\u60c5\u5831\u767a\u4fe1<\/li>\n                    <li>\u5730\u57df\u30dc\u30e9\u30f3\u30c6\u30a3\u30a2\u306e\u52df\u96c6<\/li>\n                    <li>\u52a9\u3051\u5408\u3044\u306e\u8f2a\u3092\u5e83\u3052\u308b<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"features-section\">\n        <div class=\"section-header\">\n            <div class=\"section-tag\">Features<\/div>\n            <h2 class=\"section-title\">\u753a\u5185\u4f1a\u904b\u55b6\u3092\u5909\u3048\u308b\u6a5f\u80fd<\/h2>\n            <p class=\"section-subtitle\">\u516c\u5f0fLINE\u3067\u5b9f\u73fe\u3059\u308b\u3001\u30b9\u30de\u30fc\u30c8\u306a\u753a\u5185\u4f1a\u904b\u55b6<\/p>\n        <\/div>\n\n        <div class=\"feature-timeline\">\n            <div class=\"timeline-item\">\n                <div class=\"timeline-icon\">\u23f0<\/div>\n                <div class=\"timeline-content\">\n                    <h3>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u901a\u77e5<\/h3>\n                    <p>\u7dca\u6025\u6027\u306e\u9ad8\u3044\u60c5\u5831\u3082\u5373\u5ea7\u306b\u5168\u54e1\u3078\u914d\u4fe1\u3002\u56de\u89a7\u677f\u304c\u56de\u308b\u307e\u3067\u5f85\u3064\u5fc5\u8981\u304c\u306a\u304f\u3001\u91cd\u8981\u306a\u304a\u77e5\u3089\u305b\u3092\u898b\u9003\u3057\u307e\u305b\u3093\u3002\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u3067\u78ba\u5b9f\u306b\u5c4a\u304d\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-icon\">\ud83d\udcca<\/div>\n                <div class=\"timeline-content\">\n                    <h3>\u914d\u4fe1\u72b6\u6cc1\u306e\u53ef\u8996\u5316<\/h3>\n                    <p>\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u65e2\u8aad\u7387\u3084\u958b\u5c01\u7387\u3092\u78ba\u8a8d\u3067\u304d\u3001\u60c5\u5831\u304c\u304d\u3061\u3093\u3068\u5c4a\u3044\u3066\u3044\u308b\u304b\u628a\u63e1\u3067\u304d\u307e\u3059\u3002\u672a\u8aad\u306e\u65b9\u3078\u306e\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-icon\">\ud83d\udcc1<\/div>\n                <div class=\"timeline-content\">\n                    <h3>\u8cc7\u6599\u306e\u30c7\u30b8\u30bf\u30eb\u7ba1\u7406<\/h3>\n                    <p>\u904e\u53bb\u306e\u304a\u77e5\u3089\u305b\u3084\u914d\u5e03\u8cc7\u6599\u3092LINE\u4e0a\u3067\u4fdd\u7ba1\u3002\u3044\u3064\u3067\u3082\u632f\u308a\u8fd4\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u7d19\u306e\u8cc7\u6599\u3092\u63a2\u3059\u624b\u9593\u304c\u7701\u3051\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-icon\">\ud83d\udd14<\/div>\n                <div class=\"timeline-content\">\n                    <h3>\u30d7\u30c3\u30b7\u30e5\u901a\u77e5\u6a5f\u80fd<\/h3>\n                    <p>\u30b9\u30de\u30db\u306b\u76f4\u63a5\u901a\u77e5\u304c\u5c4a\u304f\u305f\u3081\u3001\u30e1\u30fc\u30eb\u306e\u3088\u3046\u306b\u57cb\u3082\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u958b\u5c01\u7387\u304c\u9ad8\u304f\u3001\u78ba\u5b9f\u306b\u60c5\u5831\u3092\u5c4a\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-icon\">\ud83d\udc65<\/div>\n                <div class=\"timeline-content\">\n                    <h3>\u4e16\u4ee3\u3092\u8d85\u3048\u305f\u666e\u53ca\u7387<\/h3>\n                    <p>LINE\u306f\u5e45\u5e83\u3044\u5e74\u4ee3\u3067\u4f7f\u308f\u308c\u3066\u304a\u308a\u3001\u9ad8\u9f62\u8005\u304b\u3089\u82e5\u3044\u4e16\u4ee3\u307e\u3067\u3001\u307f\u3093\u306a\u304c\u4f7f\u3044\u6163\u308c\u305f\u30c4\u30fc\u30eb\u3067\u60c5\u5831\u3092\u53d7\u3051\u53d6\u308c\u307e\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"steps-section\" id=\"steps\">\n        <div class=\"section-header\">\n          \n","protected":false},"excerpt":{"rendered":"<p>\u6e4a2\u4e01\u76ee234\u756a\u7d44 \u516c\u5f0fLINE - \u5730\u57df\u3092\u3064\u306a\u3050\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3 \ud83c\udfd8\ufe0f \u6e4a2\u4e01\u76ee234\u756a\u7d44 - \u5730\u57df\u3092\u3064\u306a\u3050\u753a\u5185\u4f1a\u516c\u5f0f\u30b5\u30a4\u30c8 \u6e4a2\u4e01\u76ee234\u756a\u7d44 \u2630 LINE\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8 \u30e1\u30ea\u30c3\u30c8 \u6d3b\u7528\u65b9\u6cd5 \u904b\u55b6\u4f53\u5236 \u707d\u5bb3\u30fb\u5b89\u5426\u78ba [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-217","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/pages\/217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=217"}],"version-history":[{"count":3,"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=\/wp\/v2\/pages\/217\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/bigup.jp\/minato234\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}