{"id":37,"date":"2025-11-02T01:25:40","date_gmt":"2025-11-01T16:25:40","guid":{"rendered":"https:\/\/nikotto-life.childstar-sp.net\/?page_id=37"},"modified":"2026-02-10T15:25:50","modified_gmt":"2026-02-10T06:25:50","slug":"%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b83-2","status":"publish","type":"page","link":"https:\/\/nikotto-life.childstar-sp.net\/","title":{"rendered":"\u91ce\u83dc\u5b85\u914d\u4fbf\uff5c\u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5 \u2013 \u63a1\u308c\u305f\u3066\u91ce\u83dc\u304c\u81ea\u5b85\u306b\u5c4a\u304f"},"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>\u91ce\u83dc\u5b85\u914d\u4fbf | \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5 &#8211; \u63a1\u308c\u305f\u3066\u91ce\u83dc\u304c\u7384\u95a2\u306b\u5c4a\u304f<\/title>\n    <meta name=\"description\" content=\"\u4e00\u56de2,000\u5186\u3067\u65b0\u9bae\u306a\u6709\u6a5f\u30fb\u4f4e\u8fb2\u85ac\u91ce\u83dc\u304c\u7384\u95a2\u306b\u5c4a\u304f\u5b85\u914d\u4fbf\u3002\u914d\u9001\u5730\u57df\u9650\u5b9a\uff08\u671d\u971e\u30fb\u5fd7\u6728\u30fb\u65b0\u5ea7\u30fb\u5bcc\u58eb\u898b\u30fb\u3075\u3058\u307f\u91ce\uff09\u3002\u7f6e\u304d\u914d\u5bfe\u5fdc\u3067\u53d7\u3051\u53d6\u308a\u4e0d\u8981\u3002\">\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 Kaku Gothic ProN\", Meiryo, sans-serif;\n            line-height: 1.8;\n            color: #4E342E;\n            background-color: #FFFEF7;\n        }\n        \n        \/* \u7d71\u4e00\u3055\u308c\u305f\u4f59\u767d\u8a2d\u5b9a - \u3059\u3079\u306610px *\/\n        p, h1, h2, h3, h4, h5, h6, ul, ol, li {\n            margin: 10px 0;\n        }\n        \n        section {\n            padding: 40px 0;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        \/* Header *\/\n        header {\n            background: linear-gradient(135deg, #90C695 0%, #FFF59D 100%);\n            padding: 10px 0;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        \n        .header-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n        }\n        \n        .logo {\n            font-size: 24px;\n            font-weight: bold;\n            color: #fff;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .logo-sub {\n            font-size: 14px;\n            font-weight: normal;\n            opacity: 0.9;\n        }\n        \n        nav {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n        }\n        \n        nav a {\n            color: #4E342E;\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.3s;\n            padding: 8px 12px;\n        }\n        \n        nav a:hover {\n            color: #fff;\n        }\n        \n        .cta-button {\n            background: #06C755;\n            color: #fff;\n            padding: 10px 25px;\n            border-radius: 30px;\n            text-decoration: none;\n            font-weight: bold;\n            box-shadow: 0 4px 15px rgba(6, 199, 85, 0.4);\n            transition: all 0.3s;\n            display: inline-block;\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(6, 199, 85, 0.6);\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            position: relative;\n            padding: 40px 0;\n            background: linear-gradient(135deg, rgba(144, 198, 149, 0.95) 0%, rgba(255, 245, 157, 0.95) 100%);\n            overflow: hidden;\n        }\n        \n        .hero-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            align-items: center;\n        }\n        \n        .hero-text h1 {\n            font-size: 42px;\n            color: #fff;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n            line-height: 1.3;\n        }\n        \n        .hero-text .subtitle {\n            font-size: 20px;\n            color: #fff;\n            margin-bottom: 20px;\n            opacity: 0.95;\n        }\n        \n        .hero-features {\n            display: grid;\n            gap: 10px;\n            margin-bottom: 20px;\n        }\n        \n        .hero-feature {\n            background: rgba(255, 255, 255, 0.95);\n            padding: 15px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        \n        .hero-feature-icon {\n            font-size: 28px;\n        }\n        \n        .hero-feature-text {\n            flex: 1;\n        }\n        \n        .hero-feature-text strong {\n            color: #90C695;\n            display: block;\n            margin-bottom: 5px;\n        }\n        \n        .hero-image {\n            position: relative;\n        }\n        \n        .hero-image img {\n            width: 100%;\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n        }\n        \n        .hero-badge {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: #FFB74D;\n            color: #fff;\n            padding: 15px;\n            border-radius: 50%;\n            font-weight: bold;\n            text-align: center;\n            box-shadow: 0 4px 20px rgba(255, 183, 77, 0.5);\n            min-width: 100px;\n            min-height: 100px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .hero-badge .price {\n            font-size: 24px;\n        }\n        \n        .hero-badge .period {\n            font-size: 12px;\n        }\n        \n        \/* Problems Section *\/\n        .problems {\n            padding: 40px 0;\n            background: #FFF9E6;\n        }\n        \n        .section-title {\n            text-align: center;\n            font-size: 32px;\n            margin-bottom: 30px;\n            color: #4E342E;\n            position: relative;\n            padding-bottom: 15px;\n        }\n        \n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(90deg, #90C695, #FFB74D);\n            border-radius: 2px;\n        }\n        \n        .problems-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 15px;\n        }\n        \n        .problem-item {\n            background: #fff;\n            padding: 15px;\n            border-radius: 10px;\n            border-left: 4px solid #FFB74D;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .problem-item::before {\n            content: '\u2713';\n            color: #90C695;\n            font-size: 24px;\n            font-weight: bold;\n        }\n        \n        \/* Service Features *\/\n        .features {\n            padding: 40px 0;\n            background: #fff;\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .feature-card {\n            background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);\n            padding: 20px;\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n            transition: transform 0.3s;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-5px);\n        }\n        \n        .feature-icon {\n            font-size: 42px;\n            margin-bottom: 10px;\n        }\n        \n        .feature-card h3 {\n            color: #90C695;\n            margin-bottom: 10px;\n            font-size: 18px;\n        }\n        \n        \/* Seasonal Vegetables Section *\/\n        .seasonal-vegetables {\n            padding: 40px 0;\n            background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);\n        }\n        \n        .season-tabs {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin: 20px 0;\n            flex-wrap: wrap;\n        }\n        \n        .season-tab {\n            padding: 10px 30px;\n            background: #fff;\n            border: 2px solid #90C695;\n            border-radius: 30px;\n            cursor: pointer;\n            transition: all 0.3s;\n            font-weight: bold;\n            color: #4E342E;\n        }\n        \n        .season-tab:hover,\n        .season-tab.active {\n            background: #90C695;\n            color: #fff;\n        }\n        \n        .season-content {\n            display: none;\n        }\n        \n        .season-content.active {\n            display: block;\n        }\n        \n        .season-images {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n        \n        .season-image-card {\n            position: relative;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n        }\n        \n        .season-image-card img {\n            width: 100%;\n            display: block;\n            transition: transform 0.3s;\n        }\n        \n        .season-image-card:hover img {\n            transform: scale(1.05);\n        }\n        \n        .season-image-label {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            color: #fff;\n            padding: 15px;\n            font-weight: bold;\n            font-size: 16px;\n        }\n        \n        \/* Pricing Section *\/\n        .pricing {\n            padding: 40px 0;\n            background: linear-gradient(135deg, #90C695 0%, #FFF59D 100%);\n        }\n        \n        .pricing .section-title {\n            color: #fff;\n        }\n        \n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .pricing-card {\n            background: #fff;\n            padding: 30px;\n            border-radius: 20px;\n            text-align: center;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.15);\n            transition: transform 0.3s;\n            position: relative;\n        }\n        \n        .pricing-card:hover {\n            transform: translateY(-5px);\n        }\n        \n        .pricing-card.featured {\n            background: linear-gradient(135deg, #FFF9E6 0%, #FFFEF7 100%);\n            transform: scale(1.05);\n            border: 3px solid #FFB74D;\n        }\n        \n        .pricing-badge {\n            position: absolute;\n            top: -10px;\n            right: 15px;\n            background: #FFB74D;\n            color: #fff;\n            padding: 6px 15px;\n            border-radius: 20px;\n            font-weight: bold;\n            font-size: 14px;\n        }\n        \n        .pricing-card h3 {\n            font-size: 24px;\n            color: #90C695;\n            margin-bottom: 15px;\n        }\n        \n        .pricing-card .price {\n            font-size: 42px;\n            font-weight: bold;\n            color: #FFB74D;\n            margin: 15px 0;\n        }\n        \n        .pricing-card .price-detail {\n            font-size: 14px;\n            color: #666;\n            margin-bottom: 20px;\n        }\n        \n        .pricing-features {\n            list-style: none;\n            text-align: left;\n            margin: 20px 0;\n        }\n        \n        .pricing-features li {\n            padding: 8px 0 8px 25px;\n            border-bottom: 1px solid #f0f0f0;\n            position: relative;\n        }\n        \n        .pricing-features li::before {\n            content: '\u2713';\n            color: #90C695;\n            font-weight: bold;\n            position: absolute;\n            left: 0;\n            top: 8px;\n        }\n        \n        \/* Comparison Table *\/\n        .comparison {\n            padding: 40px 0;\n            background: #fff;\n        }\n        \n        .comparison-table {\n            max-width: 800px;\n            margin: 30px auto;\n            background: #FFF9E6;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n        }\n        \n        .comparison-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            border-bottom: 1px solid #e0e0e0;\n        }\n        \n        .comparison-row:first-child {\n            background: linear-gradient(135deg, #90C695, #FFB74D);\n            color: #fff;\n            font-weight: bold;\n        }\n        \n        .comparison-cell {\n            padding: 15px;\n            text-align: center;\n        }\n        \n        .comparison-cell.highlight {\n            background: rgba(144, 198, 149, 0.1);\n        }\n        \n        \/* Testimonials *\/\n        .testimonials {\n            padding: 40px 0;\n            background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);\n        }\n        \n        .testimonial-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 30px;\n        }\n        \n        .testimonial {\n            background: #FFF9E6;\n            padding: 20px;\n            border-radius: 15px;\n            border-top: 5px solid #90C695;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n        }\n        \n        .testimonial-header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 15px;\n        }\n        \n        .testimonial-avatar {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, #90C695, #FFB74D);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            color: #fff;\n        }\n        \n        .testimonial-info h4 {\n            color: #4E342E;\n            margin-bottom: 5px;\n        }\n        \n        .testimonial-info p {\n            font-size: 13px;\n            color: #666;\n        }\n        \n        .stars {\n            color: #FFB74D;\n            font-size: 16px;\n            margin-bottom: 10px;\n        }\n        \n        \/* FAQ Section *\/\n        .faq {\n            padding: 40px 0;\n            background: #fff;\n        }\n        \n        .faq-list {\n            max-width: 900px;\n            margin: 30px auto 0;\n        }\n        \n        .faq-item {\n            background: #FFF9E6;\n            margin-bottom: 10px;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        }\n        \n        .faq-question {\n            padding: 18px;\n            font-weight: bold;\n            color: #4E342E;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s;\n        }\n        \n        .faq-question:hover {\n            background: rgba(144, 198, 149, 0.1);\n        }\n        \n        .faq-question::after {\n            content: '+';\n            font-size: 24px;\n            color: #90C695;\n            transition: transform 0.3s;\n        }\n        \n        .faq-question.active::after {\n            transform: rotate(45deg);\n        }\n        \n        .faq-answer {\n            padding: 0 18px 18px;\n            color: #666;\n            display: none;\n        }\n        \n        .faq-answer.active {\n            display: block;\n        }\n        \n        \/* LINE CTA Section *\/\n        .line-cta-section {\n            padding: 60px 0;\n            background: linear-gradient(135deg, #06C755 0%, #00B900 100%);\n            text-align: center;\n            color: #fff;\n        }\n        \n        .line-cta-section h2 {\n            font-size: 38px;\n            margin-bottom: 15px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n        }\n        \n        .line-cta-section p {\n            font-size: 18px;\n            margin-bottom: 30px;\n        }\n        \n        .line-application-box {\n            max-width: 800px;\n            margin: 0 auto;\n            background: rgba(255,255,255,0.98);\n            padding: 40px;\n            border-radius: 25px;\n            box-shadow: 0 15px 50px rgba(0,0,0,0.3);\n        }\n        \n        .line-application-box h3 {\n            color: #06C755;\n            margin-bottom: 25px;\n            font-size: 28px;\n            font-weight: bold;\n        }\n        \n        .course-summary {\n            background: #FFF9E6;\n            padding: 25px;\n            border-radius: 15px;\n            margin-bottom: 30px;\n            text-align: left;\n        }\n        \n        .course-item {\n            background: #fff;\n            padding: 20px;\n            border-radius: 12px;\n            margin-bottom: 15px;\n            border-left: 5px solid #90C695;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        }\n        \n        .course-item:last-child {\n            margin-bottom: 0;\n        }\n        \n        .course-item h4 {\n            color: #90C695;\n            font-size: 20px;\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .course-price {\n            font-size: 28px;\n            font-weight: bold;\n            color: #FFB74D;\n            margin: 10px 0;\n        }\n        \n        .course-details {\n            color: #666;\n            font-size: 15px;\n            line-height: 1.8;\n        }\n        \n        .course-details li {\n            margin-bottom: 5px;\n            padding-left: 20px;\n            position: relative;\n        }\n        \n        .course-details li::before {\n            content: '\u2713';\n            color: #90C695;\n            position: absolute;\n            left: 0;\n            font-weight: bold;\n        }\n        \n        .line-qr-container {\n            background: #fff;\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n            margin-bottom: 25px;\n        }\n        \n        .line-qr-container img {\n            max-width: 300px;\n            width: 100%;\n            height: auto;\n            display: block;\n            margin: 0 auto 20px;\n        }\n        \n        .line-button {\n            display: inline-block;\n            background: #06C755;\n            color: #fff;\n            padding: 18px 50px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-size: 20px;\n            font-weight: bold;\n            box-shadow: 0 6px 25px rgba(6, 199, 85, 0.4);\n            transition: all 0.3s;\n            margin-top: 10px;\n        }\n        \n        .line-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 30px rgba(6, 199, 85, 0.6);\n            background: #00B900;\n        }\n        \n        .line-button::before {\n            content: '\ud83d\udcf1';\n            margin-right: 10px;\n        }\n        \n        .application-steps {\n            background: rgba(6, 199, 85, 0.1);\n            padding: 25px;\n            border-radius: 15px;\n            margin-top: 30px;\n            text-align: left;\n        }\n        \n        .application-steps h4 {\n            color: #06C755;\n            font-size: 20px;\n            margin-bottom: 15px;\n            text-align: center;\n        }\n        \n        .step-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            margin-bottom: 15px;\n            padding: 15px;\n            background: #fff;\n            border-radius: 10px;\n        }\n        \n        .step-number {\n            background: #06C755;\n            color: #fff;\n            width: 35px;\n            height: 35px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            flex-shrink: 0;\n        }\n        \n        .step-text {\n            flex: 1;\n            color: #4E342E;\n        }\n        \n        .contact-info {\n            margin-top: 30px;\n            padding: 25px;\n            background: rgba(255,255,255,0.3);\n            border-radius: 15px;\n        }\n        \n        .contact-info h4 {\n            margin-bottom: 20px;\n            font-size: 18px;\n        }\n        \n        .contact-method {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 15px;\n            text-align: left;\n        }\n        \n        .contact-icon {\n            font-size: 28px;\n        }\n        \n        \/* Footer *\/\n        footer {\n            background: #4E342E;\n            color: #fff;\n            padding: 40px 0 15px;\n        }\n        \n        .footer-content {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 30px;\n            margin-bottom: 30px;\n        }\n        \n        .footer-section h4 {\n            color: #FFF59D;\n            margin-bottom: 15px;\n            font-size: 17px;\n        }\n        \n        .footer-section ul {\n            list-style: none;\n        }\n        \n        .footer-section li {\n            margin-bottom: 8px;\n        }\n        \n        .footer-section a {\n            color: #fff;\n            text-decoration: none;\n            opacity: 0.8;\n            transition: opacity 0.3s;\n        }\n        \n        .footer-section a:hover {\n            opacity: 1;\n        }\n        \n        .footer-bottom {\n            text-align: center;\n            padding-top: 20px;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            opacity: 0.7;\n        }\n        \n        \/* Floating LINE Button *\/\n        .floating-line {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            z-index: 999;\n            background: #06C755;\n            color: #fff;\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            font-weight: bold;\n            box-shadow: 0 6px 25px rgba(6, 199, 85, 0.5);\n            animation: pulse 2s infinite;\n            font-size: 12px;\n            cursor: pointer;\n        }\n        \n        .floating-line::before {\n            content: '\ud83d\udcf1';\n            font-size: 32px;\n            display: block;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.08); }\n        }\n        \n        \/* QR Code Popup Modal *\/\n        .qr-modal {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.8);\n            animation: fadeIn 0.3s ease;\n        }\n        \n        .qr-modal.show {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .qr-modal-content {\n            background: #fff;\n            padding: 40px;\n            border-radius: 25px;\n            text-align: center;\n            max-width: 450px;\n            width: 90%;\n            position: relative;\n            animation: slideIn 0.3s ease;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        }\n        \n        .qr-modal-close {\n            position: absolute;\n            top: 15px;\n            right: 20px;\n            font-size: 35px;\n            font-weight: bold;\n            color: #999;\n            cursor: pointer;\n            transition: color 0.3s;\n            line-height: 1;\n        }\n        \n        .qr-modal-close:hover {\n            color: #333;\n        }\n        \n        .qr-modal h3 {\n            color: #06C755;\n            margin-bottom: 20px;\n            font-size: 24px;\n        }\n        \n        .qr-modal p {\n            color: #666;\n            margin-bottom: 25px;\n            font-size: 16px;\n        }\n        \n        .qr-modal img {\n            max-width: 300px;\n            width: 100%;\n            height: auto;\n            margin: 0 auto;\n            display: block;\n            border: 3px solid #06C755;\n            border-radius: 15px;\n            padding: 15px;\n            background: #fff;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        @keyframes slideIn {\n            from {\n                transform: translateY(-50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .hero-content {\n                grid-template-columns: 1fr;\n            }\n            \n            .hero-text h1 {\n                font-size: 28px;\n            }\n            \n            .hero-text .subtitle {\n                font-size: 16px;\n            }\n            \n            .hero-badge {\n                top: 5px;\n                right: 5px;\n                min-width: 80px;\n                min-height: 80px;\n                padding: 10px;\n            }\n            \n            .hero-badge .price {\n                font-size: 20px;\n            }\n            \n            .section-title {\n                font-size: 24px;\n            }\n            \n            nav {\n                display: none;\n            }\n            \n            .pricing-card.featured {\n                transform: scale(1);\n            }\n            \n            .comparison-row {\n                grid-template-columns: 1fr 1fr 1fr;\n                font-size: 13px;\n            }\n            \n            .comparison-cell {\n                padding: 10px 5px;\n            }\n            \n            .line-application-box {\n                padding: 25px 20px;\n            }\n            \n            .line-application-box h3 {\n                font-size: 22px;\n            }\n            \n            .line-qr-container img {\n                max-width: 250px;\n            }\n            \n            .line-button {\n                padding: 15px 35px;\n                font-size: 18px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- ========================================\n         \u30d8\u30c3\u30c0\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\n         \u30ed\u30b4\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3001\u7533\u3057\u8fbc\u307f\u30dc\u30bf\u30f3\n    ========================================= -->\n    <header>\n        <div class=\"container\">\n            <div class=\"header-content\">\n                <div class=\"logo\">\n                    \ud83c\udf31 \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5\n                    <div class=\"logo-sub\">\u91ce\u83dc\u5b85\u914d\u4fbf<\/div>\n                <\/div>\n                <nav>\n                    <a href=\"#features\">\u30b5\u30fc\u30d3\u30b9\u7279\u5fb4<\/a>\n                    <a href=\"#pricing\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a>\n                    <a href=\"#testimonials\">\u304a\u5ba2\u69d8\u306e\u58f0<\/a>\n                    <a href=\"#faq\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/a>\n                    <a href=\"#contact\" class=\"cta-button\">LINE\u3067\u7533\u3057\u8fbc\u3080<\/a>\n                <\/nav>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- ========================================\n         \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u30bb\u30af\u30b7\u30e7\u30f3\uff08Hero\uff09\n         \u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\u3001\u7279\u5fb43\u3064\u3001\u30e1\u30a4\u30f3\u753b\u50cf\n    ========================================= -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-text\">\n                    <h1>1\u56de2,000\u5186\u3067<br>\u91ce\u83dc\u4e0d\u8db3\u3092<br>\u89e3\u6d88\uff01<\/h1>\n                    <p class=\"subtitle\">\u63a1\u308c\u305f\u3066\u65b0\u9bae\u306a\u6709\u6a5f\u30fb\u4f4e\u8fb2\u85ac\u91ce\u83dc\u304c<br>\u81ea\u5b85\u306b\u5c4a\u304f\u5b85\u914d\u4fbf<\/p>\n                    \n                    <div class=\"hero-features\">\n                        <div class=\"hero-feature\">\n                            <div class=\"hero-feature-icon\">\ud83c\udf31<\/div>\n                            <div class=\"hero-feature-text\">\n                                <strong>\u6709\u6a5f\u30fb\u4f4e\u8fb2\u85ac\u683d\u57f9<\/strong>\n                                \u5b89\u5168\u3067\u7f8e\u5473\u3057\u3044\u91ce\u83dc\u3060\u3051\u3092\u304a\u5c4a\u3051\n                            <\/div>\n                        <\/div>\n                        <div class=\"hero-feature\">\n                            <div class=\"hero-feature-icon\">\ud83d\udeaa<\/div>\n                            <div class=\"hero-feature-text\">\n                                <strong>\u4e0d\u5728\u6642\u306f\u7f6e\u304d\u914d\u3067\u53d7\u3051\u53d6\u308a\u4e0d\u8981<\/strong>\n                                \u5fd9\u3057\u3044\u65b9\u3067\u3082\u5b89\u5fc3\u30fb\u4fbf\u5229\n                            <\/div>\n                        <\/div>\n                        <div class=\"hero-feature\">\n                            <div class=\"hero-feature-icon\">\ud83d\udce6<\/div>\n                            <div class=\"hero-feature-text\">\n                                <strong>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a<\/strong>\n                                \u65ec\u306e\u91ce\u83dc\u3092\u30d0\u30e9\u30a8\u30c6\u30a3\u8c4a\u304b\u306b\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <a href=\"#contact\" class=\"cta-button\" style=\"font-size: 16px; padding: 15px 40px; background: #06C755;\">LINE\u3067\u4eca\u3059\u3050\u7533\u3057\u8fbc\u3080 \u2192<\/a>\n                <\/div>\n                \n                <div class=\"hero-image\">\n                    <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/33501099_m.jpg\" alt=\"\u65b0\u9bae\u306a\u91ce\u83dc\u30bb\u30c3\u30c8\">\n                    <div class=\"hero-badge\">\n                        <div class=\"price\">2,000\u5186<\/div>\n                        <div class=\"period\">1\u56de\u5206<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u304a\u60a9\u307f\u30bb\u30af\u30b7\u30e7\u30f3\n         \u30bf\u30fc\u30b2\u30c3\u30c8\u9867\u5ba2\u306e\u8ab2\u984c\u30926\u3064\u63d0\u793a\n    ========================================= -->\n    <section class=\"problems\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n            <div class=\"problems-grid\">\n                <div class=\"problem-item\">\u30b9\u30fc\u30d1\u30fc\u306e\u91ce\u83dc\u306f\u9ad8\u3044\u3057\u3001\u9bae\u5ea6\u304c\u5fc3\u914d&#8230;<\/div>\n                <div class=\"problem-item\">\u6bce\u65e5\u306e\u8cb7\u3044\u7269\u304c\u9762\u5012<\/div>\n                <div class=\"problem-item\">\u5b50\u4f9b\u306b\u5b89\u5168\u306a\u91ce\u83dc\u3092\u98df\u3079\u3055\u305b\u305f\u3044<\/div>\n                <div class=\"problem-item\">\u91ce\u83dc\u4e0d\u8db3\u3067\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u304c\u6c17\u306b\u306a\u308b<\/div>\n                <div class=\"problem-item\">\u6599\u7406\u306e\u30ec\u30d1\u30fc\u30c8\u30ea\u30fc\u304c\u5897\u3048\u306a\u3044<\/div>\n                <div class=\"problem-item\">\u5b85\u914d\u4fbf\u306e\u53d7\u3051\u53d6\u308a\u304c\u9762\u5012<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u30b5\u30fc\u30d3\u30b9\u7279\u5fb4\u30bb\u30af\u30b7\u30e7\u30f3\n         7\u3064\u306e\u9078\u3070\u308c\u308b\u7406\u7531\u3092\u63d0\u793a\n    ========================================= -->\n    <section class=\"features\" id=\"features\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5\u306e\u91ce\u83dc\u5b85\u914d\u4fbf\u304c\u9078\u3070\u308c\u308b7\u3064\u306e\u7406\u7531<\/h2>\n            \n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udf3f<\/div>\n                    <h3>\u6709\u6a5f\u30fb\u4f4e\u8fb2\u85ac\u683d\u57f9<\/h3>\n                    <p>\u5b89\u5168\u6027\u306b\u3053\u3060\u308f\u308a\u3001\u5927\u4e8b\u306b\u80b2\u3066\u305f\u91ce\u83dc\u3060\u3051\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udf31<\/div>\n                    <h3>\u81ea\u5bb6\u683d\u57f9+\u63d0\u643a\u8fb2\u5712<\/h3>\n                    <p>\u4e09\u679d\u305f\u3051\u3053\u306e\u81ea\u5bb6\u683d\u57f9\u91ce\u83dc\u3068\u3001\u4fe1\u983c\u3067\u304d\u308b\u63d0\u643a\u8fb2\u5712\u306e\u91ce\u83dc<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\u2728<\/div>\n                    <h3>\u63a1\u308c\u305f\u3066\u65b0\u9bae<\/h3>\n                    <p>\u53ce\u7a6b\u5f8c\u3059\u3050\u306b\u304a\u5c4a\u3051\u3059\u308b\u304b\u3089\u3001\u9bae\u5ea6\u629c\u7fa4\u3067\u7f8e\u5473\u3057\u3044<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udeaa<\/div>\n                    <h3>\u7f6e\u304d\u914d\u5bfe\u5fdc<\/h3>\n                    <p>\u4e0d\u5728\u306e\u5834\u5408\u306f\u7f6e\u304d\u914d\u3057\u307e\u3059\u306e\u3067\u3001\u53d7\u53d6\u4e0d\u8981\u3067\u4fbf\u5229<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udf81<\/div>\n                    <h3>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u8ffd\u52a0<\/h3>\n                    <p>\u898f\u683c\u5916\u306e\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093\u3002\u5473\u306f\u540c\u3058\u3067\u304a\u5f97\u5ea6UP<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udccd<\/div>\n                    <h3>\u5730\u57df\u9650\u5b9a\u914d\u9001<\/h3>\n                    <p>\u8fd1\u96a3\u30a8\u30ea\u30a2\u9650\u5b9a\u3060\u304b\u3089\u3001\u65b0\u9bae\u306a\u307e\u307e\u5c4a\u3051\u3089\u308c\u307e\u3059<\/p>\n                <\/div>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udcb0<\/div>\n                    <h3>\u30b3\u30b9\u30d1\u6700\u9ad8<\/h3>\n                    <p>\u6bce\u9031\u3001\u9694\u9031\u30b3\u30fc\u30b9\u306f1\u56de\u52061,800\u5186\u3067200\u5186\u304a\u5f97\uff016\u7a2e\u4ee5\u4e0a\u306e\u91ce\u83dc\u3067\u98df\u8cbb\u7bc0\u7d04<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u56db\u5b63\u306e\u91ce\u83dc\u30bb\u30af\u30b7\u30e7\u30f3\n         \u6625\u590f\u79cb\u51ac\u306e\u91ce\u83dc\u3092\u30bf\u30d6\u3067\u5207\u308a\u66ff\u3048\u8868\u793a\n    ========================================= -->\n    <section class=\"seasonal-vegetables\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u56db\u5b63\u6298\u3005\u306e\u65b0\u9bae\u91ce\u83dc\u3092\u304a\u5c4a\u3051<\/h2>\n            <p style=\"text-align: center; font-size: 16px; color: #666; margin-bottom: 15px;\">\n                \u5b63\u7bc0\u3054\u3068\u306b\u65ec\u306e\u91ce\u83dc\u3092\u30bb\u30ec\u30af\u30c8\u3002\u4e00\u5e74\u4e2d\u3001\u7f8e\u5473\u3057\u3044\u91ce\u83dc\u3092\u304a\u697d\u3057\u307f\u3044\u305f\u3060\u3051\u307e\u3059\n            <\/p>\n            \n            <div class=\"season-tabs\">\n                <div class=\"season-tab active\" data-season=\"spring\">\ud83c\udf38 \u6625\u91ce\u83dc<\/div>\n                <div class=\"season-tab\" data-season=\"summer\">\u2600\ufe0f \u590f\u91ce\u83dc<\/div>\n                <div class=\"season-tab\" data-season=\"autumn\">\ud83c\udf42 \u79cb\u91ce\u83dc<\/div>\n                <div class=\"season-tab\" data-season=\"winter\">\u26c4 \u51ac\u91ce\u83dc<\/div>\n            <\/div>\n            \n            <div class=\"season-content active\" id=\"spring\">\n                <div class=\"season-images\">\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/haru-set-2.png\" alt=\"\u6625\u91ce\u83dc\u30bb\u30c3\u30c81\">\n                        <div class=\"season-image-label\">\u6625\u91ce\u83dc\u306e\u4f8b\uff1a\u30ec\u30bf\u30b9\u30fb\u30a2\u30b9\u30d1\u30e9\u30fb\u7389\u306d\u304e\u306a\u3069<\/div>\n                    <\/div>\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/fuyu-set-1.png\" alt=\"\u6625\u91ce\u83dc\u30bb\u30c3\u30c82\">\n                        <div class=\"season-image-label\">\u6625\u306e\u65b0\u9bae\u91ce\u83dc\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"season-content\" id=\"summer\">\n                <div class=\"season-images\">\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/natsu-set-1.png\" alt=\"\u590f\u91ce\u83dc\u30bb\u30c3\u30c81\">\n                        <div class=\"season-image-label\">\u590f\u91ce\u83dc\u306e\u4f8b\uff1a\u30c8\u30de\u30c8\u30fb\u304d\u3085\u3046\u308a\u30fb\u306a\u3059\u306a\u3069<\/div>\n                    <\/div>\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/natsu-set-2.png\" alt=\"\u590f\u91ce\u83dc\u30bb\u30c3\u30c82\">\n                        <div class=\"season-image-label\">\u590f\u306e\u592a\u967d\u3092\u305f\u3063\u3077\u308a\u6d74\u3073\u305f\u91ce\u83dc<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"season-content\" id=\"autumn\">\n                <div class=\"season-images\">\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/aki-set-1.png\" alt=\"\u79cb\u91ce\u83dc\u30bb\u30c3\u30c81\">\n                        <div class=\"season-image-label\">\u79cb\u91ce\u83dc\u306e\u4f8b\uff1a\u304b\u307c\u3061\u3083\u30fb\u767d\u83dc\u30fb\u3055\u3064\u307e\u3044\u3082\u306a\u3069<\/div>\n                    <\/div>\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/aki-set-2.png\" alt=\"\u79cb\u91ce\u83dc\u30bb\u30c3\u30c82\">\n                        <div class=\"season-image-label\">\u79cb\u306e\u5473\u899a\u3092\u5b58\u5206\u306b\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"season-content\" id=\"winter\">\n                <div class=\"season-images\">\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/fuyu-set-1.png\" alt=\"\u51ac\u91ce\u83dc\u30bb\u30c3\u30c81\">\n                        <div class=\"season-image-label\">\u51ac\u91ce\u83dc\u306e\u4f8b\uff1a\u5927\u6839\u30fb\u767d\u83dc\u30fb\u30d6\u30ed\u30c3\u30b3\u30ea\u30fc\u306a\u3069<\/div>\n                    <\/div>\n                    <div class=\"season-image-card\">\n                        <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2025\/11\/fuyu-set-2.png\" alt=\"\u51ac\u91ce\u83dc\u30bb\u30c3\u30c82\">\n                        <div class=\"season-image-label\">\u51ac\u306e\u6804\u990a\u6e80\u70b9\u91ce\u83dc<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u6599\u91d1\u30d7\u30e9\u30f3\u30bb\u30af\u30b7\u30e7\u30f3\n         \u6bce\u9031\u30b3\u30fc\u30b9\u3068\u9694\u9031\u30b3\u30fc\u30b9\u306e2\u3064\u3092\u63d0\u793a\n    ========================================= -->\n    <section class=\"pricing\" id=\"pricing\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u9078\u3079\u308b2\u3064\u306e\u304a\u5f97\u306a\u30b3\u30fc\u30b9<\/h2>\n            \n            <div class=\"pricing-grid\">\n                <div class=\"pricing-card featured\">\n                    <div class=\"pricing-badge\">\u304a\u3059\u3059\u3081\uff01<\/div>\n                    <h3>\u6bce\u9031\u30b3\u30fc\u30b9<\/h3>\n                    <div class=\"price\">9,000<span style=\"font-size: 20px;\">\u5186<\/span><\/div>\n                    <div class=\"price-detail\">\u51685\u56de\u304a\u5c4a\u3051\uff08\u7a0e\u8fbc\uff09<\/div>\n                    <p style=\"font-weight: bold; color: #4E342E; margin-bottom: 15px; background: rgba(255, 183, 77, 0.15); padding: 10px; border-radius: 8px;\">\n                        \u2192 1\u56de\u3042\u305f\u308a1,800\u5186\uff01<br>\n                        200\u5186\u3082\u304a\u5f97\n                    <\/p>\n                    \n                    <ul class=\"pricing-features\">\n                        <li>\u6bce\u9031\u65b0\u9bae\u91ce\u83dc\u304c\u5c4a\u304f<\/li>\n                        <li>3\uff5e4\u4eba\u4e16\u5e2f\u00d7\u7d045\uff5e7\u65e5\u5206<\/li>\n                        <li>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a<\/li>\n                        <li>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093<\/li>\n                        <li>\u7f6e\u304d\u914d\u5bfe\u5fdc\uff08\u6bb5\u30dc\u30fc\u30eb\u7bb1\uff09<\/li>\n                        <li>\u4fdd\u7ba1\u6cd5\u3068\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u4ed8\u304d<\/li>\n                    <\/ul>\n                    \n                    <button onclick=\"showQRModal()\" class=\"cta-button\" style=\"width: 100%; text-align: center; margin-top: 15px; display: block; background: #06C755; border: none; cursor: pointer;\">LINE\u3067\u7533\u3057\u8fbc\u3080<\/button>\n                <\/div>\n                \n                <div class=\"pricing-card\">\n                    <h3>\u9694\u9031\u30b3\u30fc\u30b9<\/h3>\n                    <div class=\"price\">9,000<span style=\"font-size: 20px;\">\u5186<\/span><\/div>\n                    <div class=\"price-detail\">\u51685\u56de\u304a\u5c4a\u3051\uff08\u7a0e\u8fbc\uff09<\/div>\n                    <p style=\"font-weight: bold; color: #FFB74D; margin-bottom: 15px;\">\n                        \u2192 1\u56de\u3042\u305f\u308a1,800\u5186\uff01<br>\n                        200\u5186\u3082\u304a\u5f97\n                    <\/p>\n                    \n                    <ul class=\"pricing-features\">\n                        <li>2\u9031\u9593\u306b1\u5ea6\u304a\u5c4a\u3051<\/li>\n                        <li>1\uff5e2\u4e16\u5e2f\u00d7\u7d047\uff5e10\u65e5\u5206<\/li>\n                        <li>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a<\/li>\n                        <li>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093<\/li>\n                        <li>\u7f6e\u304d\u914d\u5bfe\u5fdc\uff08\u6bb5\u30dc\u30fc\u30eb\u7bb1\uff09<\/li>\n                        <li>\u4fdd\u7ba1\u6cd5\u3068\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u4ed8\u304d<\/li>\n                    <\/ul>\n                    \n                    <button onclick=\"showQRModal()\" class=\"cta-button\" style=\"width: 100%; text-align: center; margin-top: 15px; display: block; background: #06C755; border: none; cursor: pointer;\">LINE\u3067\u7533\u3057\u8fbc\u3080<\/button>\n                <\/div>\n            <\/div>\n            \n            <div style=\"text-align: center; margin-top: 30px; background: rgba(255,255,255,0.95); padding: 20px; border-radius: 15px; max-width: 600px; margin-left: auto; margin-right: auto;\">\n                <h3 style=\"color: #90C695; margin-bottom: 15px;\">\ud83d\udccd \u914d\u9001\u5bfe\u8c61\u5730\u57df<\/h3>\n                <p style=\"font-size: 17px; font-weight: bold; color: #4E342E;\">\n                    \u671d\u971e\u5e02\u30fb\u5fd7\u6728\u5e02\u30fb\u65b0\u5ea7\u5e02\u30fb\u5bcc\u58eb\u898b\u5e02\u30fb\u3075\u3058\u307f\u91ce\u5e02\n                <\/p>\n                <p style=\"margin-top: 10px; color: #666;\">\n                    \u203b \u5730\u57df\u9650\u5b9a\u3060\u304b\u3089\u3001\u65b0\u9bae\u306a\u307e\u307e\u76f4\u9001\u3067\u304d\u307e\u3059<br>\n                    \u203b \u8a73\u7d30\u306a\u914d\u9001\u53ef\u80fd\u7bc4\u56f2\u306f\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u6bd4\u8f03\u8868\u30bb\u30af\u30b7\u30e7\u30f3\n         \u30b9\u30fc\u30d1\u30fc\u3068\u306e\u6bd4\u8f03\u30925\u9805\u76ee\u3067\u63d0\u793a\n    ========================================= -->\n    <section class=\"comparison\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u30b9\u30fc\u30d1\u30fc\u8cfc\u5165\u3068\u306e\u6bd4\u8f03<\/h2>\n            \n            <div class=\"comparison-table\">\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\"><\/div>\n                    <div class=\"comparison-cell\">\u30b9\u30fc\u30d1\u30fc<\/div>\n                    <div class=\"comparison-cell\">\u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5<\/div>\n                <\/div>\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\">\u4fa1\u683c<\/div>\n                    <div class=\"comparison-cell\">\u9ad8\u3044<\/div>\n                    <div class=\"comparison-cell highlight\">1\u56de1,800\u5186\u301c<\/div>\n                <\/div>\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\">\u9bae\u5ea6<\/div>\n                    <div class=\"comparison-cell\">\u666e\u901a<\/div>\n                    <div class=\"comparison-cell highlight\">\u63a1\u308c\u305f\u3066<\/div>\n                <\/div>\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\">\u5b89\u5168\u6027<\/div>\n                    <div class=\"comparison-cell\">\u4e0d\u660e<\/div>\n                    <div class=\"comparison-cell highlight\">\u6709\u6a5f\u30fb\u4f4e\u8fb2\u85ac<\/div>\n                <\/div>\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\">\u8cb7\u3044\u7269\u306e\u624b\u9593<\/div>\n                    <div class=\"comparison-cell\">\u5fc5\u8981<\/div>\n                    <div class=\"comparison-cell highlight\">\u7384\u95a2\u306b\u5c4a\u304f<\/div>\n                <\/div>\n                <div class=\"comparison-row\">\n                    <div class=\"comparison-cell\">\u54c1\u63c3\u3048<\/div>\n                    <div class=\"comparison-cell\">\u9650\u5b9a\u7684<\/div>\n                    <div class=\"comparison-cell highlight\">\u65ec\u306e6\u7a2e\u4ee5\u4e0a<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u304a\u5ba2\u69d8\u306e\u58f0\u30bb\u30af\u30b7\u30e7\u30f3\n         3\u4ef6\u306e\u53e3\u30b3\u30df\u3068\u8ffd\u52a0\u306e\u5b09\u3057\u3044\u58f04\u3064\n    ========================================= -->\n    <section class=\"testimonials\" id=\"testimonials\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u304a\u5ba2\u69d8\u306e\u58f0<\/h2>\n            \n            <div class=\"testimonial-grid\">\n                <div class=\"testimonial\">\n                    <div class=\"testimonial-header\">\n                        <div class=\"testimonial-avatar\">\ud83d\udc69<\/div>\n                        <div class=\"testimonial-info\">\n                            <h4>\u7530\u4e2d\u69d8\uff08\u5bcc\u58eb\u898b\u5e02\u30fb\u4e3b\u5a66\uff09<\/h4>\n                            <p>\u6bce\u9031\u91ce\u83dc\u5b85\u914d\u4fbf\u5229\u7528\u4e2d<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p>\u30b9\u30fc\u30d1\u30fc\u3088\u308a\u65ad\u7136\u65b0\u9bae\uff01\u5b50\u4f9b\u304c\u30c8\u30de\u30c8\u3092\u30d1\u30af\u30d1\u30af\u98df\u3079\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u7f6e\u304d\u914d\u3060\u304b\u3089\u53d7\u3051\u53d6\u308a\u3082\u697d\u3005\u3067\u3001\u672c\u5f53\u306b\u52a9\u304b\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n                <\/div>\n                \n                <div class=\"testimonial\">\n                    <div class=\"testimonial-header\">\n                        <div class=\"testimonial-avatar\">\ud83d\udc68<\/div>\n                        <div class=\"testimonial-info\">\n                            <h4>\u4f50\u85e4\u69d8\uff08\u65b0\u5ea7\u5e02\u30fb\u4f1a\u793e\u54e1\uff09<\/h4>\n                            <p>\u9694\u9031\u91ce\u83dc\u5b85\u914d\u4fbf\u5229\u7528\u4e2d<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p>\u6bb5\u30dc\u30fc\u30eb\u3067\u7f6e\u304d\u914d\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u4fbf\u5229\u3067\u3059\u3002\u4e00\u4eba\u66ae\u3089\u3057\u3067\u91ce\u83dc\u4e0d\u8db3\u304c\u6c17\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u308c\u3067\u89e3\u6d88\u3067\u304d\u307e\u3057\u305f\u3002\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u7f8e\u5473\u3057\u304f\u3066\u304a\u5f97\uff01<\/p>\n                <\/div>\n                \n                <div class=\"testimonial\">\n                    <div class=\"testimonial-header\">\n                        <div class=\"testimonial-avatar\">\ud83d\udc69<\/div>\n                        <div class=\"testimonial-info\">\n                            <h4>\u9234\u6728\u69d8\uff08\u3075\u3058\u307f\u91ce\u5e02\u30fb\u4e3b\u5a66\uff09<\/h4>\n                            <p>\u6bce\u9031\u91ce\u83dc\u5b85\u914d\u4fbf\u5229\u7528\u4e2d<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p>\u898f\u683c\u5916\u91ce\u83dc\u3082\u7f8e\u5473\u3057\u304f\u3066\u3001\u98df\u8cbb\u304c\u67085,000\u5186\u304f\u3089\u3044\u6e1b\u308a\u307e\u3057\u305f\uff01\u9031\u306b\u4e00\u5ea6\u3001\u65b0\u9bae\u306a\u91ce\u83dc\u304c\u5c4a\u304f\u306e\u304c\u697d\u3057\u307f\u3067\u3059\u3002\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u3082\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                <\/div>\n                \n                <div class=\"testimonial\">\n                    <div class=\"testimonial-header\">\n                        <div class=\"testimonial-avatar\">\ud83d\udc69<\/div>\n                        <div class=\"testimonial-info\">\n                            <h4>\u5c71\u7530\u69d8\uff08\u5fd7\u6728\u5e02\u30fb\u4e3b\u5a66\uff09<\/h4>\n                            <p>\u9694\u9031\u91ce\u83dc\u5b85\u914d\u4fbf\u5229\u7528\u4e2d<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p>\u914d\u9054\u304b\u3089\u53d7\u3051\u53d6\u308a\u3082\u697d\u3005\u3067\u3001\u672c\u5f53\u306b\u52a9\u304b\u3063\u3066\u3044\u307e\u3059\u3002\u91ce\u83dc\u4e0d\u8db3\u304c\u6c17\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u308c\u3067\u89e3\u6d88\u3067\u304d\u307e\u3057\u305f\u3002\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u7f8e\u5473\u3057\u304f\u3066\u304a\u5f97\uff01<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"text-align: center; margin-top: 30px; padding: 25px; background: #FFF9E6; border-radius: 15px;\">\n                <h3 style=\"color: #90C695; margin-bottom: 20px;\">\u305d\u306e\u4ed6\u306e\u5b09\u3057\u3044\u58f0<\/h3>\n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;\">\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\ud83d\ude0a<\/p>\n                        <p>&#8220;\u4e09\u679d\u3055\u3093\u304c\u80b2\u3066\u305f\u91ce\u83dc\u3060\u304b\u3089\u5b89\u5fc3&#8221;<\/p>\n                    <\/div>\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\ud83e\udd57<\/p>\n                        <p>&#8220;\u91ce\u83dc\u5acc\u3044\u306e\u5b50\u4f9b\u304c\u98df\u3079\u305f\uff01&#8221;<\/p>\n                    <\/div>\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\ud83d\udcb0<\/p>\n                        <p>&#8220;\u98df\u8cbb\u304c\u67085,000\u5186\u7bc0\u7d04\u3067\u304d\u305f&#8221;<\/p>\n                    <\/div>\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\u2728<\/p>\n                        <p>&#8220;\u8cb7\u3044\u7269\u306b\u884c\u304f\u624b\u9593\u304c\u7701\u3051\u305f&#8221;<\/p>\n                    <\/div>\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\ud83c\udf45<\/p>\n                        <p>&#8220;\u91ce\u83dc\u306e\u5473\u304c\u6fc3\u304f\u3066\u7f8e\u5473\u3057\u3044&#8221;<\/p>\n                    <\/div>\n                    <div style=\"padding: 15px; background: #fff; border-radius: 10px;\">\n                        <p style=\"font-size: 42px; margin-bottom: 8px;\">\ud83d\udce6<\/p>\n                        <p>&#8220;\u7f6e\u304d\u914d\u3060\u304b\u3089\u6642\u9593\u3092\u6c17\u306b\u305b\u305a\u4fbf\u5229&#8221;<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u3088\u304f\u3042\u308b\u8cea\u554f\u30bb\u30af\u30b7\u30e7\u30f3\n         9\u3064\u306eFAQ\u3092\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u5f62\u5f0f\u3067\u8868\u793a\n    ========================================= -->\n    <section class=\"faq\" id=\"faq\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n            \n            <div class=\"faq-list\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u91ce\u83dc\u306e\u7a2e\u985e\u306f\u9078\u3079\u307e\u3059\u304b\uff1f<\/div>\n                    <div class=\"faq-answer\">\u65ec\u306e\u91ce\u83dc\u304a\u307e\u304b\u305b\u30bb\u30c3\u30c8\u3068\u306a\u308a\u307e\u3059\u304c\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u3084\u82e6\u624b\u306a\u91ce\u83dc\u304c\u3042\u308b\u5834\u5408\u306f\u4e8b\u524d\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\u53ef\u80fd\u306a\u9650\u308a\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u652f\u6255\u3044\u65b9\u6cd5\u306f\uff1f<\/div>\n                    <div class=\"faq-answer\">\u73fe\u91d1\uff08\u96c6\u91d1\uff09\u307e\u305f\u306f\u9280\u884c\u632f\u8fbc\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u8a73\u3057\u304f\u306f\u304a\u7533\u3057\u8fbc\u307f\u6642\u306b\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u914d\u9001\u65e5\u6642\u306f\u6307\u5b9a\u3067\u304d\u307e\u3059\u304b\uff1f<\/div>\n                    <div class=\"faq-answer\">\u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u304a\u7533\u3057\u8fbc\u307f\u6642\u306b\u914d\u9001\u66dc\u65e5\u3092\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\u7f6e\u304d\u914d\u304c\u57fa\u672c\u3067\u3059\u304c\u3001\u624b\u6e21\u3057\u5e0c\u671b\u306e\u5834\u5408\u3082\u304a\u7533\u3057\u51fa\u304f\u3060\u3055\u3044\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u9014\u4e2d\u3067\u89e3\u7d04\u3067\u304d\u307e\u3059\u304b\uff1f<\/div>\n                    <div class=\"faq-answer\">5\u56de\u30b3\u30fc\u30b9\u7d42\u4e86\u5f8c\u3001\u3044\u3064\u3067\u3082\u89e3\u7d04\u53ef\u80fd\u3067\u3059\u3002\u30b3\u30fc\u30b9\u9014\u4e2d\u3067\u306e\u89e3\u7d04\u306f\u3067\u304d\u307e\u305b\u3093\u306e\u3067\u3001\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u4e00\u4eba\u66ae\u3089\u3057\u3067\u3082\u5927\u4e08\u592b\uff1f<\/div>\n                    <div class=\"faq-answer\">\u306f\u3044\u3001\u5927\u4e08\u592b\u3067\u3059\u3002\u91ce\u83dc\u306e\u4fdd\u5b58\u65b9\u6cd5\u3082\u304a\u4fbf\u308a\u3067\u304a\u4f1d\u3048\u3057\u307e\u3059\u306e\u3067\u3001\u4e00\u4eba\u66ae\u3089\u3057\u306e\u65b9\u3067\u3082\u7121\u99c4\u306a\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u8a33\u30a2\u30ea\u91ce\u83dc\u3068\u306f\uff1f<\/div>\n                    <div class=\"faq-answer\">\u5f62\u304c\u4e0d\u63c3\u3044\u3060\u3063\u305f\u308a\u3001\u30b5\u30a4\u30ba\u304c\u898f\u683c\u5916\u3060\u3063\u305f\u308a\u3059\u308b\u91ce\u83dc\u3067\u3059\u3002\u5473\u3084\u6804\u990a\u4fa1\u306f\u901a\u5e38\u306e\u91ce\u83dc\u3068\u5909\u308f\u308a\u307e\u305b\u3093\u3002\u3080\u3057\u308d\u3001\u304a\u5f97\u306b\u305f\u304f\u3055\u3093\u306e\u91ce\u83dc\u3092\u697d\u3057\u3081\u307e\u3059\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u7f6e\u304d\u914d\u306e\u65b9\u6cd5\u306f\uff1f<\/div>\n                    <div class=\"faq-answer\">\u6bb5\u30dc\u30fc\u30eb\u7bb1\u306b\u5165\u308c\u3066\u3001\u7384\u95a2\u524d\u3084\u3054\u6307\u5b9a\u306e\u5834\u6240\u306b\u7f6e\u304d\u914d\u3044\u305f\u3057\u307e\u3059\u3002\u5b85\u914d\u30dc\u30c3\u30af\u30b9\u3001\u30ac\u30ec\u30fc\u30b8\u306a\u3069\u3001\u3054\u5e0c\u671b\u306e\u5834\u6240\u3092\u3054\u6307\u5b9a\u304f\u3060\u3055\u3044\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u304a\u5c4a\u3051\u6642\u306b\u4f55\u304b\u4ed8\u3044\u3066\u304d\u307e\u3059\u304b\uff1f<\/div>\n                    <div class=\"faq-answer\">\u306f\u3044\u3001\u6bce\u56de\u306e\u304a\u5c4a\u3051\u6642\u306b\u3001\u91ce\u83dc\u306e\u4fdd\u7ba1\u65b9\u6cd5\u3068\u304a\u3059\u3059\u3081\u30ec\u30b7\u30d4\u3092\u8a18\u8f09\u3057\u305f\u304a\u4fbf\u308a\u3092\u304a\u4ed8\u3051\u3057\u3066\u3044\u307e\u3059\u3002\u91ce\u83dc\u3092\u7f8e\u5473\u3057\u304f\u3001\u7121\u99c4\u306a\u304f\u697d\u3057\u3093\u3067\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\u914d\u9001\u53ef\u80fd\u30a8\u30ea\u30a2\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/div>\n                    <div class=\"faq-answer\">\u65b0\u5ea7\u5e02\u30fb\u671d\u971e\u5e02\u30fb\u548c\u5149\u5e02\u30fb\u5bcc\u58eb\u898b\u5e02\u30fb\u5fd7\u6728\u5e02\u304c\u5bfe\u8c61\u30a8\u30ea\u30a2\u3067\u3059\u3002\u8a73\u7d30\u306a\u914d\u9001\u53ef\u80fd\u7bc4\u56f2\u306f\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         LINE\u7533\u3057\u8fbc\u307f\u30bb\u30af\u30b7\u30e7\u30f3\n         \u5546\u54c1\u5185\u5bb9\u3068LINE QR\u30b3\u30fc\u30c9\n    ========================================= -->\n    <section class=\"line-cta-section\" id=\"contact\">\n        <div class=\"container\">\n            <h2>\u63a1\u308c\u305f\u3066\u91ce\u83dc\u3092<br>LINE\u3067\u7c21\u5358\u7533\u3057\u8fbc\u307f\uff01<\/h2>\n            <p>\u5730\u57df\u9650\u5b9a\u30fb\u65b0\u9bae\u91ce\u83dc\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059<\/p>\n            \n            <div class=\"line-application-box\">\n                <h3>\ud83c\udf31 \u91ce\u83dc\u5b85\u914d\u4fbf \u5546\u54c1\u4e00\u89a7<\/h3>\n                \n                <div class=\"course-summary\">\n                    <div class=\"course-item\">\n                        <h4>\ud83e\udd6c \u91ce\u83dc\u4fbf\uff081\u56de\u5206\uff09<\/h4>\n                        <div class=\"course-price\">2,000\u5186<span style=\"font-size: 16px;\">\uff08\u7a0e\u8fbc\uff09<\/span><\/div>\n                        <ul class=\"course-details\">\n                            <li>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a\u3092\u304a\u5c4a\u3051<\/li>\n                            <li>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093<\/li>\n                            <li>\u7f6e\u304d\u914d\u5bfe\u5fdc\uff08\u6bb5\u30dc\u30fc\u30eb\u7bb1\uff09<\/li>\n                            <li>\u4fdd\u7ba1\u6cd5\u3068\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u4ed8\u304d<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"course-item\">\n                        <h4>\ud83c\udf3f \u6bce\u9031\u91ce\u83dc\u4fbf\uff08\u51685\u56de\uff09<span style=\"background: #FFB74D; color: #fff; padding: 3px 10px; border-radius: 15px; font-size: 12px; margin-left: 10px;\">\u304a\u3059\u3059\u3081\uff01<\/span><\/h4>\n                        <div class=\"course-price\">9,000\u5186<span style=\"font-size: 16px;\">\uff08\u7a0e\u8fbc\uff09<\/span><\/div>\n                        <p style=\"color: #FFB74D; font-weight: bold; margin: 5px 0;\">\u2192 1\u56de\u3042\u305f\u308a1,800\u5186\u3067200\u5186\u304a\u5f97\uff01<\/p>\n                        <ul class=\"course-details\">\n                            <li>\u6bce\u9031\u65b0\u9bae\u91ce\u83dc\u304c\u5c4a\u304f<\/li>\n                            <li>3\uff5e4\u4eba\u4e16\u5e2f\u00d7\u7d045\uff5e7\u65e5\u5206<\/li>\n                            <li>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a<\/li>\n                            <li>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093<\/li>\n                            <li>\u7f6e\u304d\u914d\u5bfe\u5fdc\uff08\u6bb5\u30dc\u30fc\u30eb\u7bb1\uff09<\/li>\n                            <li>\u4fdd\u7ba1\u6cd5\u3068\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u4ed8\u304d<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"course-item\">\n                        <h4>\ud83e\udd55 \u9694\u9031\u91ce\u83dc\u4fbf\uff08\u51685\u56de\uff09<\/h4>\n                        <div class=\"course-price\">9,000\u5186<span style=\"font-size: 16px;\">\uff08\u7a0e\u8fbc\uff09<\/span><\/div>\n                        <p style=\"color: #FFB74D; font-weight: bold; margin: 5px 0;\">\u2192 1\u56de\u3042\u305f\u308a1,800\u5186\u3067200\u5186\u304a\u5f97\uff01<\/p>\n                        <ul class=\"course-details\">\n                            <li>2\u9031\u9593\u306b1\u5ea6\u304a\u5c4a\u3051<\/li>\n                            <li>1\uff5e2\u4e16\u5e2f\u00d7\u7d047\uff5e10\u65e5\u5206<\/li>\n                            <li>\u91ce\u83dc6\u7a2e\u985e\u4ee5\u4e0a<\/li>\n                            <li>\u8a33\u30a2\u30ea\u91ce\u83dc\u3082\u76db\u308a\u3060\u304f\u3055\u3093<\/li>\n                            <li>\u7f6e\u304d\u914d\u5bfe\u5fdc\uff08\u6bb5\u30dc\u30fc\u30eb\u7bb1\uff09<\/li>\n                            <li>\u4fdd\u7ba1\u6cd5\u3068\u30ec\u30b7\u30d4\u306e\u304a\u4fbf\u308a\u4ed8\u304d<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"line-qr-container\">\n                    <h4 style=\"color: #06C755; margin-bottom: 15px; font-size: 22px;\">\ud83d\udcf1 LINE\u3067\u4eca\u3059\u3050\u7533\u3057\u8fbc\u307f<\/h4>\n                    <p style=\"color: #666; margin-bottom: 20px;\">\u4e0b\u8a18\u306eQR\u30b3\u30fc\u30c9\u3092\u8aad\u307f\u53d6\u308b\u304b\u3001\u30dc\u30bf\u30f3\u3092\u30bf\u30c3\u30d7\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n                    <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2026\/02\/L_gainfriends_2dbarcodes_GW_0.png\" alt=\"LINE\u53cb\u3060\u3061\u8ffd\u52a0QR\u30b3\u30fc\u30c9\">\n                    <button onclick=\"showQRModal()\" class=\"line-button\" style=\"border: none; cursor: pointer;\">LINE\u3067\u53cb\u3060\u3061\u8ffd\u52a0\u3057\u3066\u7533\u3057\u8fbc\u3080<\/button>\n                <\/div>\n                \n                <div class=\"application-steps\">\n                    <h4>\ud83d\udcdd \u304a\u7533\u3057\u8fbc\u307f\u306e\u6d41\u308c<\/h4>\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">1<\/div>\n                        <div class=\"step-text\">\n                            <strong>LINE\u3067\u53cb\u3060\u3061\u8ffd\u52a0<\/strong><br>\n                            \u4e0a\u8a18\u306eQR\u30b3\u30fc\u30c9\u307e\u305f\u306f\u30dc\u30bf\u30f3\u304b\u3089\u53cb\u3060\u3061\u8ffd\u52a0\n                        <\/div>\n                    <\/div>\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">2<\/div>\n                        <div class=\"step-text\">\n                            <strong>\u5e0c\u671b\u30b3\u30fc\u30b9\u3092\u30e1\u30c3\u30bb\u30fc\u30b8<\/strong><br>\n                            \u304a\u540d\u524d\u3001\u3054\u4f4f\u6240\u3001\u5e0c\u671b\u30b3\u30fc\u30b9\u3001\u914d\u9001\u958b\u59cb\u65e5\u306a\u3069\u3092\u304a\u4f1d\u3048\u304f\u3060\u3055\u3044\n                        <\/div>\n                    <\/div>\n                    <div class=\"step-item\">\n                        <div class=\"step-number\">3<\/div>\n                        <div class=\"step-text\">\n                            <strong>\u78ba\u8a8d\u5f8c\u3001\u304a\u5c4a\u3051\u958b\u59cb<\/strong><br>\n                            \u62c5\u5f53\u8005\u3088\u308a\u78ba\u8a8d\u306e\u3054\u9023\u7d61\u5f8c\u3001\u65b0\u9bae\u91ce\u83dc\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-info\">\n                    <h4>\u305d\u306e\u4ed6\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u65b9\u6cd5<\/h4>\n                    <div class=\"contact-method\">\n                        <span class=\"contact-icon\">\u260e\ufe0f<\/span>\n                        <div>\n                            <strong>\u304a\u96fb\u8a71<\/strong><br>\n                            080-3343-4600\uff08\u5e73\u65e510:00-17:00\uff09\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-method\">\n                        <span class=\"contact-icon\">\ud83d\udce7<\/span>\n                        <div>\n                            <strong>\u30e1\u30fc\u30eb<\/strong><br>\n                            nikotto@abelia.ocn.jp\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ========================================\n         \u30d5\u30c3\u30bf\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\n         \u4f1a\u793e\u60c5\u5831\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u3001\u59c9\u59b9\u30b5\u30a4\u30c8\n    ========================================= -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-section\">\n                    <h4>\ud83c\udf31 \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5<\/h4>\n                    <p>\u3012354-0012<br>\u57fc\u7389\u770c\u5bcc\u58eb\u898b\u5e02\u6c34\u8c37\u67712-3-29<\/p>\n                    <p style=\"margin-top: 10px;\">\n                        \u4ee3\u8868\uff1a\u4e09\u679d\u305f\u3051\u3053<br>\n                        TEL: 080-3343-4600<br>\n                        \u55b6\u696d\u6642\u9593: \u5e73\u65e510:00-17:00\u3001\u571f\u65e510:00-15:00<br>\n                        \u5b9a\u4f11\u65e5: \u6c34\u66dc\u65e5\n                    <\/p>\n                <\/div>\n                \n                <div class=\"footer-section\">\n                    <h4>\u30b5\u30fc\u30d3\u30b9<\/h4>\n                    <ul>\n                        <li><a href=\"#\">\u91ce\u83dc\u5b85\u914d\u4fbf<\/a><\/li>\n                        <li><a href=\"#\">\u91ce\u83dc\u683d\u57f9\u6307\u5c0e<\/a><\/li>\n                        <li><a href=\"#\">\u5bb6\u4e8b\u30b9\u30ad\u30eb\u8b1b\u5ea7<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-section\">\n                    <h4>\u304a\u554f\u3044\u5408\u308f\u305b<\/h4>\n                    <ul>\n                        <li><a href=\"tel:080-3343-4600\">\u260e\ufe0f \u96fb\u8a71<\/a><\/li>\n                        <li><a href=\"mailto:nikotto@abelia.ocn.jp\">\ud83d\udce7 \u30e1\u30fc\u30eb<\/a><\/li>\n                        <li><a href=\"#\">\ud83d\udcac LINE<\/a><\/li>\n                        <li><a href=\"https:\/\/www.facebook.com\/profile.php?id=61581712604057\" target=\"_blank\" rel=\"noopener\">\ud83d\udcd8 Facebook<\/a><\/li>\n                        <li><a href=\"https:\/\/www.instagram.com\/nikotto_mariage\/\" target=\"_blank\" rel=\"noopener\">\ud83d\udcf7 Instagram<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-section\">\n                    <h4>\u59c9\u59b9\u30b5\u30a4\u30c8<\/h4>\n                    <p style=\"padding: 12px; background: rgba(255,255,255,0.1); border-radius: 8px;\">\n                        <strong>\u5a5a\u6d3b\u3092\u304a\u8003\u3048\u306e\u65b9\u306f<\/strong><br>\n                        <a href=\"#\" style=\"color: #FFF59D; text-decoration: underline;\">\u2192 \u306b\u3053\u3063\u3068\u30de\u30ea\u30a2\u30fc\u30b8\u30e5<\/a>\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p style=\"margin-bottom: 8px;\">\n                    <a href=\"#\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a> | \n                    <a href=\"#\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5<\/a> | \n                    <a href=\"#\">\u5229\u7528\u898f\u7d04<\/a>\n                <\/p>\n                <p>\u00a9 2025 \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5 All Rights Reserved.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- ========================================\n         QR\u30b3\u30fc\u30c9\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u30e2\u30fc\u30c0\u30eb\n    ========================================= -->\n    <div id=\"qrModal\" class=\"qr-modal\" onclick=\"closeQRModal(event)\">\n        <div class=\"qr-modal-content\" onclick=\"event.stopPropagation()\">\n            <span class=\"qr-modal-close\" onclick=\"closeQRModal()\">&times;<\/span>\n            <h3>\ud83d\udcf1 LINE\u3067\u53cb\u3060\u3061\u8ffd\u52a0<\/h3>\n            <p>\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067QR\u30b3\u30fc\u30c9\u3092\u8aad\u307f\u53d6\u3063\u3066\u304f\u3060\u3055\u3044<\/p>\n            <img decoding=\"async\" src=\"https:\/\/nikotto-life.childstar-sp.net\/wordpress\/wp-content\/uploads\/2026\/02\/L_gainfriends_2dbarcodes_GW_0.png\" alt=\"LINE\u53cb\u3060\u3061\u8ffd\u52a0QR\u30b3\u30fc\u30c9\">\n        <\/div>\n    <\/div>\n\n    <!-- ========================================\n         \u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0LINE\u30dc\u30bf\u30f3\n         \u753b\u9762\u53f3\u4e0b\u306b\u56fa\u5b9a\u8868\u793a\n    ========================================= -->\n    <a href=\"javascript:void(0);\" onclick=\"showQRModal()\" class=\"floating-line\">\n        LINE\n    <\/a>\n\n    <script>\n        \/\/ QR Code Modal Functions\n        function showQRModal() {\n            document.getElementById('qrModal').classList.add('show');\n            document.body.style.overflow = 'hidden'; \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u7121\u52b9\u5316\n        }\n        \n        function closeQRModal(event) {\n            \/\/ \u30e2\u30fc\u30c0\u30eb\u5916\u5074\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\u3001\u307e\u305f\u306fclose\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u5834\u5408\n            if (!event || event.target === document.getElementById('qrModal')) {\n                document.getElementById('qrModal').classList.remove('show');\n                document.body.style.overflow = ''; \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u6709\u52b9\u5316\n            }\n        }\n        \n        \/\/ ESC\u30ad\u30fc\u3067\u30e2\u30fc\u30c0\u30eb\u3092\u9589\u3058\u308b\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                closeQRModal();\n            }\n        });\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        });\n\n        \/\/ Season tabs\n        document.querySelectorAll('.season-tab').forEach(tab => {\n            tab.addEventListener('click', function() {\n                document.querySelectorAll('.season-tab').forEach(t => t.classList.remove('active'));\n                document.querySelectorAll('.season-content').forEach(c => c.classList.remove('active'));\n                \n                this.classList.add('active');\n                const season = this.getAttribute('data-season');\n                document.getElementById(season).classList.add('active');\n            });\n        });\n\n        \/\/ FAQ accordion\n        document.querySelectorAll('.faq-question').forEach(question => {\n            question.addEventListener('click', function() {\n                const answer = this.nextElementSibling;\n                const isOpen = answer.classList.contains('active');\n                \n                document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('active'));\n                document.querySelectorAll('.faq-question').forEach(q => q.classList.remove('active'));\n                \n                if (!isOpen) {\n                    answer.classList.add('active');\n                    this.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Floating button hide on scroll to footer\n        window.addEventListener('scroll', function() {\n            const floatingBtn = document.querySelector('.floating-line');\n            const footer = document.querySelector('footer');\n            const scrollPosition = window.scrollY + window.innerHeight;\n            \n            if (scrollPosition > footer.offsetTop - 100) {\n                floatingBtn.style.opacity = '0';\n                floatingBtn.style.pointerEvents = 'none';\n            } else {\n                floatingBtn.style.opacity = '1';\n                floatingBtn.style.pointerEvents = 'auto';\n            }\n        });\n\n        \/\/ Scroll animations\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.feature-card, .pricing-card, .testimonial, .faq-item').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(20px)';\n            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u91ce\u83dc\u5b85\u914d\u4fbf | \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5 &#8211; \u63a1\u308c\u305f\u3066\u91ce\u83dc\u304c\u7384\u95a2\u306b\u5c4a\u304f \ud83c\udf31 \u306b\u3053\u3063\u3068\u30e9\u30a4\u30d5 \u91ce\u83dc\u5b85\u914d\u4fbf \u30b5\u30fc\u30d3\u30b9\u7279\u5fb4 \u6599\u91d1\u30d7\u30e9\u30f3 \u304a\u5ba2\u69d8\u306e\u58f0 \u3088\u304f\u3042\u308b\u8cea\u554f LINE\u3067\u7533\u3057\u8fbc\u3080 1\u56de2,000\u5186\u3067\u91ce\u83dc\u4e0d\u8db3\u3092\u89e3\u6d88\uff01 \u63a1\u308c\u305f&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-37","page","type-page","status-publish","article"],"_links":{"self":[{"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":39,"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikotto-life.childstar-sp.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}