{"id":8,"date":"2026-08-07T00:18:29","date_gmt":"2026-08-06T15:18:29","guid":{"rendered":"http:\/\/lab.mark-10-dmcd.com\/?page_id=8"},"modified":"2026-08-07T18:44:10","modified_gmt":"2026-08-07T09:44:10","slug":"lab","status":"publish","type":"page","link":"https:\/\/lab.mark-10-dmcd.com\/","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8"},"content":{"rendered":"\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Zen+Kaku+Gothic+New:wght@700;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');\n\n  \/* ==========================================\n     1. \u5168\u4f53\u30d9\u30fc\u30b9\u30fb\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u6700\u9069\u5316\n     ========================================== *\/\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  .sonomama-style-lp {\n    font-family: 'Hiragino Kaku Gothic ProN', '\u30e1\u30a4\u30ea\u30aa', 'Noto Sans JP', sans-serif;\n    color: #333333;\n    background-color: #ffffff;\n    line-height: 1.8;\n    width: 100%;\n    max-width: 680px;\n    margin: 0 auto;\n    padding-bottom: 120px;\n    font-size: 16px;\n    overflow-x: hidden;\n  }\n\n  \/* ==========================================\n     2. \u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc\uff08FV\uff09\u30d8\u30c3\u30c0\u30fc\n     ========================================== *\/\n  .header-fv-container {\n    position: relative;\n    background: linear-gradient(135deg, #0d9488 0%, #115e59 100%);\n    color: #ffffff;\n    padding: 30px 15px 35px;\n    overflow: hidden;\n    text-align: center;\n    font-family: 'Zen Kaku Gothic New', sans-serif;\n    width: 100%;\n  }\n  .fv-top-tag {\n    display: inline-block;\n    background: #ffffff;\n    color: #0d9488;\n    font-weight: 900;\n    font-size: 14px;\n    padding: 4px 16px;\n    border-radius: 4px;\n    margin-bottom: 12px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n  }\n  .fv-main-copy1 {\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.4;\n    color: #ffffff;\n    margin-bottom: 4px;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n  }\n  \n  .fv-handwrite-copy {\n    font-size: 26px;\n    font-weight: 900;\n    color: #ffffff;\n    line-height: 1.3;\n    margin: 6px 0 16px;\n    text-shadow: 0 2px 6px rgba(0,0,0,0.3);\n  }\n  .fv-handwrite-copy .glow-txt {\n    color: #fef08a; \/* \u9ec4\u8272\u6587\u5b57\u306e\u307f *\/\n  }\n\n  .fv-photo-area {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    margin: 0 auto;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.25);\n  }\n  .fv-photo-area img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  .fv-bottom-badge {\n    position: absolute;\n    bottom: 12px;\n    right: 12px;\n    background: rgba(255, 255, 255, 0.95);\n    color: #0f766e;\n    font-weight: 900;\n    font-size: 12px;\n    padding: 6px 12px;\n    border-radius: 6px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n  }\n\n  \/* ==========================================\n     3. \u5b9f\u7e3e\uff06\u30d0\u30c3\u30b8\uff06\u30d5\u30a1\u30fc\u30b9\u30c8CTA\n     ========================================== *\/\n  .proof-cta-section {\n    background: #f8fafc;\n    padding: 25px 12px;\n    text-align: center;\n    border-bottom: 1px solid #e2e8f0;\n    width: 100%;\n  }\n  .badge-grid {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    width: 100%;\n  }\n  .laurel-badge {\n    flex: 1.2;\n    max-width: 160px;\n    border: 3px double #d97706;\n    background: #fffdf5;\n    border-radius: 50%;\n    padding: 12px 2px;\n    box-shadow: 0 4px 10px rgba(217, 119, 6, 0.15);\n  }\n  .laurel-title {\n    font-size: 10px;\n    font-weight: bold;\n    color: #b45309;\n  }\n  .laurel-num {\n    font-size: 19px;\n    font-weight: 900;\n    color: #b45309;\n    line-height: 1.1;\n    margin: 2px 0;\n  }\n  .laurel-num span { font-size: 11px; }\n  .laurel-sub {\n    font-size: 10px;\n    font-weight: bold;\n    color: #b45309;\n  }\n  .circle-badge {\n    flex: 1;\n    max-width: 110px;\n    aspect-ratio: 1 \/ 1;\n    border: 2px solid #0d9488;\n    background: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 4px;\n    box-shadow: 0 4px 10px rgba(13, 148, 136, 0.1);\n  }\n  .circle-badge-txt1 {\n    font-size: 10px;\n    font-weight: bold;\n    color: #333;\n    line-height: 1.2;\n  }\n  .circle-badge-txt2 {\n    font-size: 11px;\n    font-weight: 900;\n    color: #0d9488;\n    line-height: 1.2;\n    margin-top: 2px;\n  }\n  .proof-note {\n    font-size: 10px;\n    color: #777777;\n    margin-bottom: 18px;\n  }\n  .cta-guide-txt {\n    font-size: 15px;\n    font-weight: 900;\n    color: #333;\n    margin-bottom: 10px;\n  }\n  .cta-guide-txt span {\n    color: #0d9488;\n    font-size: 18px;\n  }\n\n  .orange-shiny-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    background: linear-gradient(180deg, #ff9800 0%, #f57c00 50%, #e65100 100%);\n    color: #ffffff !important;\n    font-size: 16px;\n    font-weight: 900;\n    text-decoration: none !important;\n    padding: 16px 10px;\n    border-radius: 50px;\n    box-shadow: 0 6px 18px rgba(230, 81, 0, 0.4);\n    border: 2px solid #ffe0b2;\n  }\n  .line-icon-badge {\n    background: #00b900;\n    color: #fff;\n    font-size: 10px;\n    font-weight: bold;\n    padding: 2px 6px;\n    border-radius: 4px;\n  }\n\n  \/* ==========================================\n     4. \u8a18\u4e8b\u30e1\u30a4\u30f3\u30ab\u30fc\u30c9 \uff06 \u5bfe\u8a71\u30c1\u30e3\u30c3\u30c8\n     ========================================== *\/\n  .article-card {\n    background: #ffffff;\n    padding: 20px 12px;\n    width: 100%;\n  }\n  .sonomama-banner-box {\n    background: #0d9488;\n    color: #ffffff;\n    border-radius: 16px;\n    padding: 22px 12px;\n    text-align: center;\n    margin-bottom: 22px;\n  }\n  .capsule-tag {\n    display: inline-block;\n    background: #ffffff;\n    color: #0d9488;\n    font-weight: 900;\n    font-size: 13px;\n    padding: 4px 16px;\n    border-radius: 30px;\n    margin-bottom: 10px;\n  }\n  .banner-big-text {\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.5;\n    margin-bottom: 6px;\n  }\n  .banner-brand-logo {\n    font-size: 32px;\n    font-weight: 900;\n    letter-spacing: 0.05em;\n    color: #ffffff;\n    margin: 6px 0;\n  }\n\n  .pain-points-card {\n    background: #f8fafc;\n    border: 2px dashed #0d9488;\n    border-radius: 16px;\n    padding: 18px 14px;\n    margin: 20px 0;\n  }\n  .pain-item {\n    font-size: 14px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    line-height: 1.5;\n  }\n  .pain-item:last-child {\n    margin-bottom: 0;\n  }\n  .pain-icon {\n    color: #e11d48;\n    font-size: 15px;\n    flex-shrink: 0;\n  }\n\n  .center-lead-text {\n    font-size: 14.5px;\n    text-align: center;\n    margin: 20px auto 25px;\n    padding: 0 5px;\n    line-height: 1.7;\n  }\n\n  .chat-row {\n    display: flex;\n    margin: 20px 0;\n    align-items: flex-start;\n    gap: 10px;\n  }\n  .chat-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 900;\n    flex-shrink: 0;\n    box-shadow: 0 3px 8px rgba(0,0,0,0.08);\n  }\n  .chat-icon-student {\n    background: #e2e8f0;\n    color: #475569;\n    border: 2px solid #cbd5e1;\n  }\n  .chat-icon-nakamoto {\n    background: #0d9488;\n    color: #ffffff;\n    border: 2px solid #0f766e;\n  }\n  .chat-balloon-wrapper {\n    position: relative;\n    flex: 1;\n  }\n  .chat-name-tag {\n    font-size: 11px;\n    font-weight: bold;\n    color: #0d9488;\n    margin-bottom: 3px;\n    display: block;\n  }\n  .chat-balloon-student {\n    background: #f1f5f9;\n    border: 1px solid #cbd5e1;\n    color: #1e293b;\n    padding: 12px 14px;\n    border-radius: 4px 14px 14px 14px;\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n  .chat-balloon-nakamoto {\n    background: #f0fdf4;\n    border: 2px solid #0d9488;\n    color: #0f172a;\n    padding: 12px 14px;\n    border-radius: 4px 14px 14px 14px;\n    font-size: 13.5px;\n    line-height: 1.6;\n  }\n\n  \/* \ud83c\udf1f \u60a9\u307f\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u578b LINE\u9001\u4fe1\u30dc\u30c3\u30af\u30b9 *\/\n  .chat-line-cta-box {\n    background: linear-gradient(135deg, #f0fdf4 0%, #e6f4ea 100%);\n    border: 2px solid #06c755;\n    border-radius: 16px;\n    padding: 16px 12px;\n    margin: 22px 0 28px;\n    text-align: center;\n    box-shadow: 0 6px 16px rgba(6, 199, 85, 0.12);\n  }\n  .chat-cta-lead {\n    font-size: 13.5px;\n    font-weight: 900;\n    color: #0f172a;\n    margin-bottom: 10px;\n    line-height: 1.5;\n  }\n  .chat-cta-lead span {\n    color: #06c755;\n  }\n  .chat-input-textarea {\n    width: 100%;\n    height: 80px;\n    padding: 10px 12px;\n    font-size: 13px;\n    line-height: 1.6;\n    border: 1px solid #a3f7bf;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    outline: none;\n    resize: none;\n    font-family: inherit;\n    background: #ffffff;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.03);\n    color: #333333;\n  }\n  .chat-input-textarea::placeholder {\n    color: #94a3b8;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n  .chat-input-textarea:focus {\n    border-color: #06c755;\n  }\n  .chat-green-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    background: linear-gradient(180deg, #06c755 0%, #05b34c 100%);\n    color: #ffffff !important;\n    font-size: 15px;\n    font-weight: 900;\n    text-decoration: none !important;\n    padding: 13px 10px;\n    border-radius: 40px;\n    box-shadow: 0 4px 15px rgba(6, 199, 85, 0.35);\n    border: 1.5px solid #a3f7bf;\n    cursor: pointer;\n    transition: transform 0.2s;\n  }\n  .chat-green-btn:hover {\n    transform: translateY(-2px);\n  }\n  .chat-btn-sub {\n    font-size: 10.5px;\n    color: #64748b;\n    margin-top: 6px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  \/* \u898b\u51fa\u3057\u30d8\u30c3\u30c0\u30fc *\/\n  .number-header-box-clean {\n    background: #0d9488;\n    color: #ffffff;\n    border-radius: 14px 14px 0 0;\n    padding: 16px 14px;\n    margin-top: 30px;\n    text-align: center;\n  }\n  .number-header-title-clean {\n    font-size: 16.5px;\n    font-weight: 900;\n    line-height: 1.4;\n    margin: 0;\n    color: #ffffff;\n    text-align: center;\n  }\n\n  .number-content-body {\n    border: 2px solid #0d9488;\n    border-top: none;\n    border-radius: 0 0 14px 14px;\n    padding: 20px 14px;\n    background: #ffffff;\n    margin-bottom: 25px;\n  }\n  .center-align-text {\n    text-align: center;\n  }\n  .marker-bg {\n    background: linear-gradient(transparent 60%, #fff066 60%);\n    font-weight: bold;\n  }\n  .check-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    text-align: left;\n  }\n  .check-list li {\n    position: relative;\n    padding-left: 24px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    font-size: 13.5px;\n  }\n  .check-list li::before {\n    content: \"\u2714\";\n    position: absolute;\n    left: 0;\n    color: #0d9488;\n    font-size: 16px;\n  }\n  .overlapping-circles {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 20px 0 10px;\n  }\n  .overlap-circle-item {\n    width: 125px;\n    height: 125px;\n    border-radius: 50%;\n    background: #0d9488;\n    color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 8px;\n    font-weight: 900;\n    font-size: 12px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n  }\n  .circle-cross-mark {\n    font-size: 18px;\n    font-weight: bold;\n    color: #0d9488;\n    margin: 0 -8px;\n    z-index: 3;\n  }\n\n  \/* ==========================================\n     5. \u53d7\u8b1b\u751f\u306e\u58f0\u30b9\u30e9\u30a4\u30c0\u30fc\n     ========================================== *\/\n  .student-slider-wrapper {\n    width: 100%;\n    margin: 30px auto 20px;\n    background: #e2ece9;\n    border-radius: 16px;\n    padding: 25px 8px;\n    position: relative;\n    box-sizing: border-box;\n  }\n  .slider-main-title {\n    text-align: center;\n    font-size: 14px;\n    font-weight: 900;\n    color: #111;\n    margin-bottom: 4px;\n  }\n  .slider-sub-title {\n    text-align: center;\n    font-size: 21px;\n    font-weight: 900;\n    color: #0d9488;\n    margin-bottom: 18px;\n  }\n  .slider-sub-title span {\n    background: #fef08a;\n    padding: 2px 8px;\n    border-radius: 4px;\n  }\n  .slider-card-container {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 16px;\n  }\n  .slider-track {\n    display: flex;\n    transition: transform 0.4s ease-in-out;\n    width: 100%;\n  }\n  .student-card {\n    min-width: 100%;\n    box-sizing: border-box;\n    background: #ffffff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 6px 16px rgba(0,0,0,0.08);\n  }\n  .card-header-green {\n    background: #0d9488;\n    color: #ffffff;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n  }\n  .course-tag-badge {\n    background: rgba(255, 255, 255, 0.2);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-size: 10px;\n    font-weight: bold;\n    padding: 4px 8px;\n    border-radius: 4px;\n    text-align: center;\n    line-height: 1.2;\n    margin-right: 10px;\n    flex-shrink: 0;\n  }\n  .card-catch-phrase {\n    font-size: 14.5px;\n    font-weight: 900;\n    color: #ffffff;\n    line-height: 1.3;\n  }\n  .card-student-info {\n    font-size: 12px;\n    font-weight: bold;\n    color: #e0f2fe;\n  }\n  .card-img-wrap {\n    width: 92%;\n    margin: 12px auto;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  .card-img-wrap img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n  .card-mid-title {\n    background: #0d9488;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 900;\n    text-align: center;\n    padding: 6px 10px;\n    margin: 0 12px 10px;\n    border-radius: 4px;\n  }\n  .card-body-text {\n    padding: 0 12px 18px;\n    font-size: 13px;\n    line-height: 1.7;\n    color: #333333;\n  }\n  .highlight-orange {\n    color: #ea580c;\n    font-weight: bold;\n    border-bottom: 2px solid #fdba74;\n  }\n  .slider-arrow-btn {\n    position: absolute;\n    top: 55%;\n    transform: translateY(-50%);\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: #0d9488;\n    color: #ffffff;\n    border: 2px solid #ffffff;\n    font-size: 16px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n  }\n  .arrow-left { left: 2px; }\n  .arrow-right { right: 2px; }\n  .slider-dots {\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n    margin-top: 12px;\n  }\n  .dot-item {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #cbd5e1;\n    cursor: pointer;\n    transition: all 0.3s;\n  }\n  .dot-item.active {\n    background: #0d9488;\n    width: 20px;\n    border-radius: 10px;\n  }\n\n  \/* ==========================================\n     6. \u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3067\u5206\u304b\u308b\u3053\u3068\uff06\u30b9\u30c6\u30c3\u30d7\u89e3\u8aac\n     ========================================== *\/\n  .counseling-flow-wrapper {\n    width: 100%;\n    margin: 30px auto 15px;\n    background: #ffffff;\n    border-radius: 14px;\n    padding: 25px 10px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n  }\n  .flow-main-title {\n    text-align: center;\n    font-size: 20px;\n    font-weight: 900;\n    color: #111111;\n    margin-bottom: 20px;\n  }\n  .flow-main-title span {\n    color: #0d9488;\n  }\n  .solve-box-container {\n    border: 2px solid #0d9488;\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 20px;\n  }\n  .solve-box-header {\n    background: #0d9488;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 900;\n    text-align: center;\n    padding: 10px 8px;\n  }\n  .solve-box-body {\n    padding: 16px 12px;\n    background: #ffffff;\n  }\n  .solve-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  .solve-list li {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #333333;\n    margin-bottom: 14px;\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    line-height: 1.5;\n  }\n  .solve-list li:last-child {\n    margin-bottom: 0;\n  }\n  .check-icon-circle {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: #0d9488;\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  .solve-highlight {\n    color: #ea580c;\n    border-bottom: 2px dotted #ea580c;\n  }\n  .speech-triangle {\n    width: 0;\n    height: 0;\n    border-left: 10px solid transparent;\n    border-right: 10px solid transparent;\n    border-top: 10px solid #0d9488;\n    margin: -2px auto 25px;\n  }\n  .step-flow-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n  .step-flow-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    position: relative;\n    padding-bottom: 20px;\n  }\n  .step-flow-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    left: 30px;\n    top: 65px;\n    bottom: 5px;\n    border-left: 3px dotted #0d9488;\n  }\n  .step-circle-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    border: 3px solid #0d9488;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 2;\n  }\n  .step-label {\n    font-size: 9px;\n    font-weight: 900;\n    color: #0d9488;\n    line-height: 1;\n  }\n  .step-number {\n    font-size: 18px;\n    font-weight: 900;\n    color: #0d9488;\n    line-height: 1;\n  }\n  .step-content {\n    flex: 1;\n  }\n  .step-title-badge {\n    display: inline-block;\n    background: #0d9488;\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 900;\n    padding: 2px 10px;\n    margin-bottom: 4px;\n  }\n  .step-desc {\n    font-size: 12.5px;\n    color: #555555;\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* ==========================================\n     7. 3\u30b9\u30c6\u30c3\u30d7\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\n     ========================================== *\/\n  .step-form-card {\n    width: 100%;\n    margin: 25px auto 10px;\n    background: #ffffff;\n    border: 2px solid #00a896;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n  }\n  .step-form-header {\n    background: #00a896;\n    color: #ffffff;\n    text-align: center;\n    padding: 16px 10px;\n  }\n  .step-form-sub {\n    font-size: 12px;\n    font-weight: bold;\n    margin-bottom: 2px;\n  }\n  .step-form-title {\n    font-size: 20px;\n    font-weight: 900;\n    margin: 0;\n    color: #ffffff;\n  }\n  .step-form-body {\n    padding: 20px 12px 25px;\n  }\n  .step-progress-bar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    max-width: 320px;\n    margin: 0 auto 25px;\n  }\n  .step-progress-bar::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 15%;\n    right: 15%;\n    height: 2px;\n    background: #e2e8f0;\n    z-index: 1;\n    transform: translateY(-50%);\n  }\n  .step-circle {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: #e2e8f0;\n    color: #ffffff;\n    font-weight: 900;\n    font-size: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n  }\n  .step-circle.active {\n    background: #00a896;\n  }\n  .form-step-content {\n    display: none;\n  }\n  .form-step-content.active {\n    display: block;\n  }\n  .step-question-title {\n    font-size: 15.5px;\n    font-weight: 900;\n    color: #222222;\n    border-left: 4px solid #00a896;\n    padding-left: 8px;\n    margin-bottom: 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .required-badge {\n    font-size: 11px;\n    color: #888888;\n  }\n  .form-input-text {\n    width: 100%;\n    padding: 12px 14px;\n    font-size: 14px;\n    border: 1px solid #cccccc;\n    border-radius: 8px;\n    margin-bottom: 12px;\n    outline: none;\n  }\n  .btn-next-step {\n    width: 100%;\n    background: #00a896;\n    color: #ffffff;\n    font-size: 17px;\n    font-weight: 900;\n    border: none;\n    padding: 15px;\n    border-radius: 40px;\n    cursor: pointer;\n    margin-top: 8px;\n    box-shadow: 0 4px 12px rgba(0, 168, 150, 0.3);\n  }\n  .btn-prev-step {\n    background: none;\n    border: none;\n    color: #888888;\n    font-size: 12px;\n    margin-top: 10px;\n    cursor: pointer;\n    text-decoration: underline;\n    width: 100%;\n    text-align: center;\n  }\n\n  \/* ==========================================\n     8. \u753b\u9762\u4e0b\u90e8 \u56fa\u5b9a\u8ffd\u5f93\u30dc\u30bf\u30f3\n     ========================================== *\/\n  @keyframes shake {\n    0%, 100% { transform: translateY(0); }\n    10%, 30%, 50%, 70%, 90% { transform: translateY(-3px); }\n    20%, 40%, 60%, 80% { transform: translateY(3px); }\n  }\n  .sticky-bottom-bar {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(255, 255, 255, 0.98);\n    border-top: 2px solid #16a34a;\n    padding: 8px 12px;\n    z-index: 99999;\n    box-shadow: 0 -4px 15px rgba(0,0,0,0.12);\n    text-align: center;\n  }\n  .sticky-btn-line {\n    display: block;\n    width: 100%;\n    max-width: 480px;\n    margin: 0 auto;\n    background: linear-gradient(180deg, #25d366 0%, #128c7e 100%);\n    color: #ffffff !important;\n    font-size: 16.5px;\n    font-weight: 900;\n    text-decoration: none !important;\n    padding: 14px 8px;\n    border-radius: 40px;\n    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);\n    animation: shake 5s infinite;\n  }\n<\/style>\n\n<div class=\"sonomama-style-lp\">\n\n  <!-- \u30b0\u30e9\u30d5\u30a3\u30ab\u30ebFV\u30d8\u30c3\u30c0\u30fc -->\n  <div class=\"header-fv-container\">\n    <div>\n      <span class=\"fv-top-tag\">\u300c\u30b9\u30ad\u30eb\u300d\u3092\u300c\u6210\u679c\u300d\u306b\u5909\u3048\u308b\u3002<\/span>\n    <\/div>\n    <div class=\"fv-main-copy1\">\n      \u7406\u60f3\u306e\u672a\u6765\u3092\u3064\u304f\u308b\u306e\u306f\n    <\/div>\n    \n    <div class=\"fv-handwrite-copy\">\n      \u201c<span class=\"glow-txt\">\u58f2\u4e0a\u76f4\u7d50<\/span>\u201d\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u601d\u8003\u3060\u3002\n    <\/div>\n    \n    <div class=\"fv-photo-area\">\n      <img decoding=\"async\" src=\"http:\/\/lab.mark-10-dmcd.com\/wp-content\/uploads\/2026\/08\/IMG_7499-scaled.jpg\" alt=\"\u4e2d\u672c\u8aa0\u4e5f\">\n      <div class=\"fv-bottom-badge\">\n        \u672a\u7d4c\u9a13\u30fb\u521d\u5fc3\u8005\u304b\u3089\u53ce\u76ca\u5316\u3067\u304d\u308b<br>\u4f34\u8d70\u578bSNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u5b9f\u7e3e\uff06\u4e38\u30d0\u30c3\u30b8\uff06\u30d5\u30a1\u30fc\u30b9\u30c8CTA -->\n  <div class=\"proof-cta-section\">\n    <div class=\"badge-grid\">\n      <div class=\"laurel-badge\">\n        <div class=\"laurel-title\">EC\u58f2\u4e0a<\/div>\n        <div class=\"laurel-num\">1,200<span>\u4e07\u5186<\/span><\/div>\n        <div class=\"laurel-sub\">\u7a81\u7834 \u203b<\/div>\n      <\/div>\n\n      <div class=\"circle-badge\">\n        <div class=\"circle-badge-txt1\">\u73fe\u5f79\u30d7\u30ec\u30a4\u30e4\u30fc<\/div>\n        <div class=\"circle-badge-txt2\">\u4ee3\u8868\u306e\u4e2d\u672c\u304c<br>\u76f4\u63a5\u6307\u5c0e<\/div>\n      <\/div>\n\n      <div class=\"circle-badge\">\n        <div class=\"circle-badge-txt1\">\u5b8c\u5168\u500b\u5225<\/div>\n        <div class=\"circle-badge-txt2\">\u30de\u30f3\u30c4\u30fc\u30de\u30f3<br>\u4f34\u8d70\u30b5\u30dd\u30fc\u30c8<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"proof-note\">\n      \u203b\u76f4\u8fd1\u306e\u904b\u7528\u30fb\u81ea\u793e\u691c\u8a3c\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u304a\u3051\u308b\u7dcf\u58f2\u4e0a\u5b9f\u7e3e\n    <\/div>\n\n    <div class=\"cta-guide-txt\">\n      \uff3c \u304b\u3093\u305f\u3093<span>1\u5206<\/span>\u3067\u304a\u7533\u8fbc\u307f\u5b8c\u4e86 \uff0f\n    <\/div>\n\n    <a href=\"https:\/\/lin.ee\/Sd0vfgd\/\" class=\"orange-shiny-btn\" target=\"_blank\" rel=\"noopener\">\n      <span class=\"line-icon-badge\">LINE<\/span>\n      <span>\u53cb\u9054\u767b\u9332\u3067\u4e2d\u672c\u306b\u7121\u6599\u76f8\u8ac7\u3059\u308b \uff1e<\/span>\n    <\/a>\n  <\/div>\n\n  <!-- \u8a18\u4e8b\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4 -->\n  <div class=\"article-card\">\n\n    <div class=\"sonomama-banner-box\">\n      <span class=\"capsule-tag\">SNS\u904b\u7528\u3092\u672c\u683c\u7684\u306b\u5b66\u3076\u306a\u3089<\/span>\n      <div class=\"banner-big-text\">\n        \u6210\u679c\u3092\u51fa\u3057\u7d9a\u3051\u308b<br>\u73fe\u5f79\u30de\u30fc\u30b1\u30bf\u30fc\u304c\u76f4\u4f1d\u3059\u308b\n      <\/div>\n      <div class=\"banner-brand-logo\">SNS \u00d7 Marketing<\/div>\n      <div style=\"font-size:13px; opacity:0.9;\">\u3010\u526f\u696d\u30fb\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u30fb\u4f01\u696d\u62c5\u5f53\u8005\u5411\u3051\u3011<\/div>\n    <\/div>\n\n    <p style=\"font-size:16px; font-weight:900; color:#0d9488; text-align:center; margin-bottom:18px; line-height:1.5;\">\n      \u30d0\u30ba\u3089\u305b\u308b\u3060\u3051\u3067\u306f1\u5186\u3082\u7a3c\u3052\u306a\u3044\u3002<br>\u6642\u4ee3\u306f\u300c\u52d5\u753b\u5236\u4f5c\u300d\u304b\u3089\u300c\u58f2\u4e0a\u76f4\u7d50\u300d\u3078\n    <\/p>\n\n    <!-- \u304a\u60a9\u307f\u5171\u611f\u30ab\u30fc\u30c9 -->\n    <div class=\"pain-points-card\">\n      <div class=\"pain-item\">\n        <span class=\"pain-icon\">\u26a0\ufe0f<\/span>\n        <span>\u300c\u30b9\u30af\u30fc\u30eb\u3067\u52d5\u753b\u7de8\u96c6\u3084SNS\u306e\u4f38\u3070\u3057\u65b9\u3092\u5b66\u3093\u3060\u306e\u306b\u6848\u4ef6\u7372\u5f97\u306b\u7e4b\u304c\u3089\u306a\u3044\u2026\u300d<\/span>\n      <\/div>\n      <div class=\"pain-item\">\n        <span class=\"pain-icon\">\u26a0\ufe0f<\/span>\n        <span>\u300c\u518d\u751f\u6570\u306f\u5897\u3048\u305f\u306e\u306b\u3001\u5546\u54c1\u304c\u5168\u7136\u58f2\u308c\u306a\u3044\u30fb\u96c6\u5ba2\u306b\u7e4b\u304c\u3089\u306a\u3044\u2026\u300d<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"center-lead-text\">\n      \u4eca\u3001\u591a\u304f\u306e\u526f\u696d\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u3084\u4f01\u696d\u306eSNS\u62c5\u5f53\u8005\u304c\u3001\u540c\u3058\u3088\u3046\u306a<span class=\"marker-bg\">\u300c\u6210\u679c\u304c\u51fa\u306a\u3044\u60a9\u307f\u300d<\/span>\u3092\u62b1\u3048\u3066\u3044\u307e\u3059\u3002\n    <\/div>\n\n    <!-- \u5bfe\u8a71\u30c1\u30e3\u30c3\u30c8 -->\n    <div class=\"chat-row\">\n      <div class=\"chat-icon chat-icon-student\">A\u3055\u3093<\/div>\n      <div class=\"chat-balloon-wrapper\">\n        <span class=\"chat-name-tag\">\u53d7\u8b1b\u751f\u306e\u58f0<\/span>\n        <div class=\"chat-balloon-student\">\n          \u9811\u5f35\u3063\u3066\u52d5\u753b\u3092\u4f5c\u3063\u3066\u3082\u300c1\u56de\u304d\u308a\u306e\u7d0d\u54c1\u300d\u3067\u7d42\u308f\u3063\u3066\u3057\u307e\u3044\u3001\u7d99\u7d9a\u5951\u7d04\u306b\u306a\u308a\u307e\u305b\u3093\u3002\u6848\u4ef6\u5358\u4fa1\u3082\u4f4e\u304f\u3066\u6b63\u76f4\u75b2\u75b2\u3057\u3066\u3044\u307e\u3059\u2026\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"chat-row\">\n      <div class=\"chat-icon chat-icon-nakamoto\">\u4e2d\u672c<\/div>\n      <div class=\"chat-balloon-wrapper\">\n        <span class=\"chat-name-tag\">\u4e2d\u672c\u8aa0\u4e5f\u304b\u3089\u306e\u56de\u7b54<\/span>\n        <div class=\"chat-balloon-nakamoto\">\n          \u7d99\u7d9a\u3057\u306a\u3044\u7406\u7531\u306f\u660e\u78ba\u3067\u3059\u3002\u305d\u306e\u52d5\u753b\u3092<span>\u8ab0\u306b\u30fb\u4f55\u306e\u76ee\u7684\u3067\u5c4a\u3051\u3066\u30fb\u3069\u3046\u58f2\u4e0a\u306b\u7e4b\u3052\u308b\u304b<\/span>\u3068\u3044\u3046\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u601d\u8003\u304c\u306a\u3044\u307e\u307e\u300c\u4f5c\u696d\u8005\u300d\u3068\u3057\u3066\u53d7\u767a\u6ce8\u3057\u3066\u3044\u308b\u304b\u3089\u3067\u3059\u3002<br><br>\n          \u4f01\u696d\u304c\u672c\u5f53\u306b\u6c42\u3081\u3066\u3044\u308b\u306e\u306f\u7dba\u9e97\u306a\u52d5\u753b\u3092\u4f5c\u308b\u4eba\u3067\u306f\u306a\u304f\u3001\u300c\u81ea\u793e\u306e\u5229\u76ca\u3092\u4f38\u3070\u3057\u3066\u304f\u308c\u308b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30d1\u30fc\u30c8\u30ca\u30fc\u300d\u3067\u3059\u3002\u3053\u3053\u3092\u7406\u89e3\u3059\u308c\u3070\u3001\u52b4\u50cd\u8ca7\u4e4f\u304b\u3089\u4e00\u629c\u3051\u3067\u304d\u307e\u3059\u3002\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \ud83c\udf1f \u60a9\u307f\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u578b LINE\u9001\u4fe1\u30dc\u30c3\u30af\u30b9 -->\n    <div class=\"chat-line-cta-box\">\n      <div class=\"chat-cta-lead\">\n        \uff3c \u3042\u306a\u305f\u306e\u73fe\u72b6\u3084\u60a9\u307f\u3092<span>\u30c1\u30e3\u30c3\u30c8\u3067\u9001\u308b<\/span>\uff01 \uff0f\n      <\/div>\n      <textarea id=\"direct-trouble-text\" class=\"chat-input-textarea\" placeholder=\"\u4f8b\uff1a\u52d5\u753b\u7de8\u96c6\u3092\u5b66\u3093\u3060\u306e\u306b\u6848\u4ef6\u304c\u53d6\u308c\u307e\u305b\u3093\u3002\u3069\u3046\u3059\u308c\u3070\u9ad8\u5358\u4fa1\u6848\u4ef6\u3092\u7372\u5f97\u3067\u304d\u307e\u3059\u304b\uff1f\u306a\u3069\u6c17\u8efd\u306b\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002\"><\/textarea>\n      <button type=\"button\" class=\"chat-green-btn\" onclick=\"sendTroubleToLineClean()\">\n        <span class=\"line-icon-badge\">LINE<\/span>\n        <span>LINE\u3067\u305d\u306e\u307e\u307e\u9001\u4fe1\u3059\u308b \uff1e<\/span>\n      <\/button>\n      <div class=\"chat-btn-sub\">\u203b\u5165\u529b\u5185\u5bb9\u304c\u81ea\u52d5\u30b3\u30d4\u30fc\u3055\u308c\u307e\u3059\u3002LINE\u304c\u958b\u3044\u305f\u3089\u30c8\u30fc\u30af\u6b04\u306b<strong>\u300c\u8cbc\u308a\u4ed8\u3051\uff08\u30da\u30fc\u30b9\u30c8\uff09\u300d<\/strong>\u3057\u3066\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\uff01<\/div>\n    <\/div>\n\n    <!-- \u30d0\u30c3\u30b8\u3092\u6d88\u3057\u3001\u30b9\u30c3\u30ad\u30ea\u5b8c\u5168\u4e2d\u592e\u63c3\u3048\u306e\u898b\u51fa\u3057\u30d8\u30c3\u30c0\u30fc 1 -->\n    <div class=\"number-header-box-clean\">\n      <h2 class=\"number-header-title-clean\">\u306a\u305c\u3001\u3053\u308c\u307e\u3067\u306eSNS\u904b\u7528\u306f\u5931\u6557\u3059\u308b\u306e\u304b\uff1f<\/h2>\n    <\/div>\n    <div class=\"number-content-body\">\n      <ul class=\"check-list\">\n        <li>\u30d0\u30ba\u72d9\u3044\u3060\u3051\u3067\u300c\u8cfc\u8cb7\u610f\u6b32\u306e\u3042\u308b\u5ba2\u300d\u3092\u96c6\u3081\u3066\u3044\u306a\u3044<\/li>\n        <li>\u518d\u751f\u6570\u3070\u304b\u308a\u8ffd\u3063\u3066\u3001\u5546\u54c1\u8cfc\u5165\u307e\u3067\u306e\u5c0e\u7dda\u304c\u629c\u3051\u3066\u3044\u308b<\/li>\n        <li>\u4f01\u696d\u306b\u5bfe\u3057\u3066\u300c\u58f2\u4e0a\u3092\u4f38\u3070\u3059\u63d0\u6848\uff08\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\uff09\u300d\u304c\u3067\u304d\u3066\u3044\u306a\u3044<\/li>\n      <\/ul>\n      <p class=\"center-align-text\" style=\"margin: 12px 0 0 0; font-size: 13.5px; color: #555; background:#f8fafc; padding:10px; border-radius:6px;\">\n        \u5358\u306a\u308b\u300c\u30d0\u30ba\u3089\u305b\u5c4b\u300d\u306e\u6642\u4ee3\u306f\u7d42\u308f\u308a\u307e\u3057\u305f\u3002\u3053\u308c\u304b\u3089\u306e\u6642\u4ee3\u306b\u9078\u3070\u308c\u308b\u306e\u306f\u3001<b>\u4f01\u696d\u306e\u5229\u76ca\u3092\u5275\u308a\u51fa\u305b\u308b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u601d\u8003\u3092\u6301\u3063\u305f\u4eba<\/b>\u3067\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u30d0\u30c3\u30b8\u3092\u6d88\u3057\u3001\u30b9\u30c3\u30ad\u30ea\u5b8c\u5168\u4e2d\u592e\u63c3\u3048\u306e\u898b\u51fa\u3057\u30d8\u30c3\u30c0\u30fc 2 -->\n    <div class=\"number-header-box-clean\">\n      <h2 class=\"number-header-title-clean\">\u89e3\u6c7a\u306e\u9375\u306f\u300c\u58f2\u4e0a\u76f4\u7d50\u578b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u300d<\/h2>\n    <\/div>\n    <div class=\"number-content-body\">\n      <p class=\"center-align-text\" style=\"font-size:14px; margin-bottom:12px;\">\n        \u6700\u524d\u7dda\u3067\u3001\u76f4\u8fd16\u30f6\u6708<b>\u300c\u7dcf\u518d\u751f\u65702,000\u4e07\u56de\u30fbSNS\u00d7EC \u58f2\u4e0a1,200\u4e07\u5186\u7a81\u7834\u300d<\/b>\u5b9f\u7e3e\u3092\u51fa\u3057\u7d9a\u3051\u308bMARK-10 \u4ee3\u8868\u306e\u4e2d\u672c\u304c\u3001\u5358\u306a\u308b\u5236\u4f5c\u3092\u8d85\u3048\u305f<b>\u300c\u6700\u65b0\u306eSNS\u904b\u7528\u30ce\u30a6\u30cf\u30a6\u300d<\/b>\u3068<b>\u300c\u4f01\u696d\u304b\u3089\u9078\u3070\u308c\u308b\u63d0\u6848\u601d\u8003\u300d<\/b>\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"overlapping-circles\">\n        <div class=\"overlap-circle-item\">\n          \u73fe\u5f79\u30d7\u30ec\u30a4\u30e4\u30fc\u306e<br>\n          <span style=\"font-size:14px; color:#fef08a;\">SNS\u904b\u7528<br>\u30ce\u30a6\u30cf\u30a6<\/span>\n        <\/div>\n        <div class=\"circle-cross-mark\">\u2715<\/div>\n        <div class=\"overlap-circle-item\">\n          \u58f2\u4e0a\u3092\u76f4\u7d50\u3055\u305b\u308b<br>\n          <span style=\"font-size:14px; color:#fef08a;\">\u30b3\u30f3\u30c6\u30f3\u30c4<br>\u6226\u7565<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u30d0\u30c3\u30b8\u3092\u6d88\u3057\u3001\u30b9\u30c3\u30ad\u30ea\u5b8c\u5168\u4e2d\u592e\u63c3\u3048\u306e\u898b\u51fa\u3057\u30d8\u30c3\u30c0\u30fc 3 -->\n    <div class=\"number-header-box-clean\">\n      <h2 class=\"number-header-title-clean\">\u5927\u4eba\u6570\u30b9\u30af\u30fc\u30eb\u3067\u306f\u306a\u304f\u300c\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u300d\u306b\u3053\u3060\u308f\u308b\u7406\u7531<\/h2>\n    <\/div>\n    <div class=\"number-content-body\">\n      <p class=\"center-align-text\" style=\"font-size:14px;\">\n        \u300c\u6559\u6750\u52d5\u753b\u3092\u6e21\u3057\u3066\u7d42\u308f\u308a\u300d\u300c\u8cea\u554f\u3057\u3066\u3082\u6c42\u3081\u3066\u3044\u308b\u56de\u7b54\u304c\u8fd4\u3063\u3066\u3053\u306a\u3044\u300d\u3068\u3044\u3046\u5927\u4eba\u6570\u578b\u30b9\u30af\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n      <\/p>\n      <p class=\"center-align-text\" style=\"font-size:14px; font-weight:bold; color:#0d9488;\">\n        \u4ee3\u8868\u306e\u4e2d\u672c\u304c\u4e00\u4eba\u3072\u3068\u308a\u306e\u72b6\u6cc1\u30fb\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u5408\u308f\u305b\u3066\u76f4\u63a5\u6307\u5c0e\u3059\u308b\u300c\u5b8c\u5168\u500b\u5225\u30bb\u30c3\u30b7\u30e7\u30f3\u300d\u3060\u304b\u3089\u3053\u305d\u3001\u521d\u5fc3\u8005\u3067\u3082\u78ba\u5b9f\u306b\u30b9\u30c6\u30c3\u30d7\u30a2\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002\n      <\/p>\n\n      <div style=\"background:#f8fafc; padding:12px; border-radius:8px; margin-top:12px;\">\n        <ul class=\"check-list\">\n          <li><b>\u526f\u696d\u521d\u5fc3\u8005\u3082\u4f01\u696d\u62c5\u5f53\u8005\u3082\u5bfe\u8c61\uff1a<\/b> \u73fe\u72b6\u306e\u60a9\u307f\u306b\u5fdc\u3058\u305f\u500b\u5225\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0<\/li>\n          <li><b>\u5b66\u3093\u3067\u7d42\u308f\u308a\u306b\u3057\u306a\u3044\uff1a<\/b> \u53d7\u8b1b\u5f8c\u3082\u5171\u306b\u8d70\u308b\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30c8\u30ca\u30fc\u3078<\/li>\n          <li><b>\u751f\u304d\u305f\u30ce\u30a6\u30cf\u30a6\u76f4\u4f1d\uff1a<\/b> \u6700\u524d\u7dda\u306e\u691c\u8a3c\u30c7\u30fc\u30bf\u3068\u6210\u679c\u304c\u51fa\u308b\u300c\u88cf\u5074\u300d\u3092\u4f1d\u6388<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- \u53d7\u8b1b\u751f\u306e\u58f0\u30b9\u30e9\u30a4\u30c0\u30fc -->\n    <div class=\"student-slider-wrapper\">\n      <div class=\"slider-main-title\">\u305f\u304f\u3055\u3093\u306e\u53d7\u8b1b\u751f\u304c\u76ee\u6a19\u3092\u53f6\u3048\u3066\u3044\u307e\u3059<\/div>\n      <div class=\"slider-sub-title\">\u201c <span>\u53d7\u8b1b\u5f8c\u306e\u30ea\u30a2\u30eb\u306a\u59ff<\/span> \u201d<\/div>\n\n      <button type=\"button\" class=\"slider-arrow-btn arrow-left\" onclick=\"moveSlide(-1)\">\u276e<\/button>\n      <button type=\"button\" class=\"slider-arrow-btn arrow-right\" onclick=\"moveSlide(1)\">\u276f<\/button>\n\n      <div class=\"slider-card-container\">\n        <div class=\"slider-track\" id=\"sliderTrack\">\n\n          <!-- 1\u540d\u76ee\uff1aS\u3055\u3093\uff08\u4f1a\u793e\u54e1\uff09 -->\n          <div class=\"student-card\">\n            <div class=\"card-header-green\">\n              <div class=\"course-tag-badge\">\u6848\u4ef6\u7372\u5f97<br>\u9054\u6210<\/div>\n              <div class=\"header-catch-wrap\">\n                <div class=\"card-catch-phrase\">\u670830\u4e07\u5186\u306e\u9ad8\u5358\u4fa1\u6848\u4ef6\u3092\u53d7\u6ce8\uff01<\/div>\n                <div class=\"card-student-info\">S\u3055\u3093 \uff5c \u4f1a\u793e\u54e1\uff08\u7537\u6027\uff09<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"card-img-wrap\">\n              <img decoding=\"async\" src=\"http:\/\/lab.mark-10-dmcd.com\/wp-content\/uploads\/2026\/08\/14.png\" alt=\"\u53d7\u8b1b\u751fS\u3055\u3093\uff08\u4f1a\u793e\u54e1\uff09\">\n            <\/div>\n            <div class=\"card-mid-title\">\u305f\u3060\u306e\u300c\u4f5c\u696d\u8005\u300d\u304b\u3089<br>\u300c\u58f2\u308c\u308b\u30de\u30fc\u30b1\u30bf\u30fc\u300d\u3078<\/div>\n            <div class=\"card-body-text\">\n              \u6848\u4ef6\u7372\u5f97\u307e\u3067\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u3067\u4f34\u8d70\u3057\u3066\u304f\u3060\u3055\u308a\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\uff01<br>\n              <span class=\"highlight-orange\">\u63d0\u6848\u65b9\u6cd5\u3084\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u9001\u308a\u65b9\u307e\u3067\u4e8b\u7d30\u304b\u304f\u6307\u5c0e\u3057\u3066\u3044\u305f\u3060\u3044\u305f\u304a\u304b\u3052\u3067\u3001\u670830\u4e07\u5186\u306e\u7d99\u7d9a\u6848\u4ef6\uff08SNS\u904b\u7528\u4ee3\u884c\uff09\u3092\u53d7\u6ce8\u3067\u304d\u307e\u3057\u305f\u3002<\/span>\u5236\u4f5c\u3060\u3051\u3067\u306a\u304f\u300c\u58f2\u4e0a\u3092\u51fa\u305b\u308b\u30de\u30fc\u30b1\u30bf\u30fc\u300d\u3068\u3057\u3066\u81ea\u4fe1\u304c\u3064\u304d\u307e\u3057\u305f\uff01\n            <\/div>\n          <\/div>\n\n          <!-- 2\u540d\u76ee\uff1aK\u3055\u3093\uff08\u4e3b\u5a66\uff09 -->\n          <div class=\"student-card\">\n            <div class=\"card-header-green\">\n              <div class=\"course-tag-badge\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<br>\u53d7\u8b1b<\/div>\n              <div class=\"header-catch-wrap\">\n                <div class=\"card-catch-phrase\">\u300c\u7d76\u5bfe\u306b\u5909\u308f\u308b\u300d\u3068\u899a\u609f\u304c\u56fa\u307e\u3063\u305f\uff01<\/div>\n                <div class=\"card-student-info\">K\u3055\u3093 \uff5c \u4e3b\u5a66<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"card-img-wrap\">\n              <img decoding=\"async\" src=\"http:\/\/lab.mark-10-dmcd.com\/wp-content\/uploads\/2026\/08\/15.png\" alt=\"\u53d7\u8b1b\u751fK\u3055\u3093\uff08\u4e3b\u5a66\uff09\">\n            <\/div>\n            <div class=\"card-mid-title\">\u73fe\u72b6\u3068\u5411\u304d\u5408\u3044<br>\u53ce\u76ca\u5316\u3078\u306e\u6700\u521d\u306e\u4e00\u6b69\u3092\u8e0f\u307f\u51fa\u305b\u305f<\/div>\n            <div class=\"card-body-text\">\n              <span class=\"highlight-orange\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3067\u660e\u78ba\u306a\u9577\u671f\u76ee\u6a19\u3068\u77ed\u671f\u76ee\u6a19\u3092\u7acb\u3066\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002<\/span><br>\n              \u6539\u3081\u3066\u81ea\u5206\u306e\u73fe\u72b6\u3068\u5411\u304d\u5408\u3044\u3001\u300c\u7d76\u5bfe\u306b\u5909\u308f\u308b\u300d\u3068\u3044\u3046\u899a\u609f\u304c\u56fa\u307e\u3063\u305f\u3068\u601d\u3044\u307e\u3059\uff01\u3053\u306e\u6c17\u6301\u3061\u3092\u5fd8\u308c\u305a\u524d\u5411\u304d\u306b\u53d6\u308a\u7d44\u307f\u3001\u53ce\u76ca\u5316\u3078\u7e4b\u3052\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/div>\n          <\/div>\n\n          <!-- 3\u540d\u76ee\uff1aT\u3055\u3093\uff08\u5973\u6027\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\uff09 -->\n          <div class=\"student-card\">\n            <div class=\"card-header-green\">\n              <div class=\"course-tag-badge\">\u81ea\u7531\u306a\u50cd\u304d\u65b9<br>\u5b9f\u73fe<\/div>\n              <div class=\"header-catch-wrap\">\n                <div class=\"card-catch-phrase\">\u30ab\u30d5\u30a7\u3067\u4ed5\u4e8b\u304c\u3067\u304d\u308b\u81ea\u7531\u306a\u50cd\u304d\u65b9\u3092\u5b9f\u73fe\uff01<\/div>\n                <div class=\"card-student-info\">T\u3055\u3093 \uff5c \u5973\u6027\uff08\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\uff09<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"card-img-wrap\">\n              <img decoding=\"async\" src=\"http:\/\/lab.mark-10-dmcd.com\/wp-content\/uploads\/2026\/08\/16.png\" alt=\"\u53d7\u8b1b\u751fT\u3055\u3093\uff08\u5973\u6027\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\uff09\">\n            <\/div>\n            <div class=\"card-mid-title\">\u65f6\u95f4\u3084\u5834\u6240\u306b\u3068\u3089\u308f\u308c\u306a\u3044<br>\u50cd\u304d\u65b9\u3092\u624b\u306b\u5165\u308c\u305f<\/div>\n            <div class=\"card-body-text\">\n              \u53d7\u8b1b\u3092\u901a\u3058\u3066<span class=\"highlight-orange\">\u300c\u53d7\u6ce8\u306b\u7e4b\u304c\u308b\u63d0\u6848\u30ce\u30a6\u30cf\u30a6\u300d<\/span>\u3092\u5b9f\u8df5\u7684\u306b\u5b66\u3079\u305f\u304a\u304b\u3052\u3067\u3001\u6642\u9593\u3084\u5834\u6240\u306b\u7e1b\u3089\u308c\u305a\u30ab\u30d5\u30a7\u3067\u81ea\u7531\u306b\u4ed5\u4e8b\u304c\u3067\u304d\u308b\u7406\u60f3\u306e\u50cd\u304d\u65b9\u3092\u53f6\u3048\u3089\u308c\u307e\u3057\u305f\uff01\u96e3\u3057\u305d\u3046\u306a\u6848\u4ef6\u3082\u8e8a\u8e87\u305b\u305a\u30c1\u30e3\u30ec\u30f3\u30b8\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u4ed5\u4e8b\u304c\u6bce\u65e5\u697d\u3057\u3044\u3067\u3059\uff01\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"slider-dots\">\n        <div class=\"dot-item active\" onclick=\"goToSlide(0)\"><\/div>\n        <div class=\"dot-item\" onclick=\"goToSlide(1)\"><\/div>\n        <div class=\"dot-item\" onclick=\"goToSlide(2)\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3067\u5206\u304b\u308b\u3053\u3068 \uff06 \u30d5\u30ed\u30fc -->\n    <div class=\"counseling-flow-wrapper\">\n      <div class=\"solve-box-container\">\n        <div class=\"solve-box-header\">\n          <span>30\u5206\u306e\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3067\u5206\u304b\u308b\u3053\u3068<br>\u89e3\u6c7a\u3067\u304d\u308b\u3053\u3068<\/span>\n        <\/div>\n        <div class=\"solve-box-body\">\n          <ul class=\"solve-list\">\n            <li>\n              <span class=\"check-icon-circle\">\u2714<\/span>\n              <span>\u6848\u4ef6\u304c\u53d6\u308c\u306a\u3044\u539f\u56e0\u3092\u7279\u5b9a\u3057\u3001<span class=\"solve-highlight\">\u9ad8\u5358\u4fa1\u6848\u4ef6\u3092\u7372\u5f97\u3067\u304d\u308b\u63d0\u6848\u601d\u8003<\/span>\u304c\u5206\u304b\u308a\u307e\u3059<\/span>\n            <\/li>\n            <li>\n              <span class=\"check-icon-circle\">\u2714<\/span>\n              <span>\u305f\u3060\u898b\u3089\u308c\u308b\u3060\u3051\u3067\u306a\u304f\u3001<span class=\"solve-highlight\">\u300e\u6295\u7a3f\u304b\u3089\u76f4\u63a5\u5546\u54c1\u304c\u58f2\u308c\u308b\u300f<\/span>SNS\u904b\u7528\u306e\u88cf\u5074\u304c\u5b66\u3079\u307e\u3059<\/span>\n            <\/li>\n            <li>\n              <span class=\"check-icon-circle\">\u2714<\/span>\n              <span>TikTok\u3084Instagram\u306a\u3069\u3001SNS\u3092\u6d3b\u7528\u3057\u3001<span class=\"solve-highlight\">\u81ea\u793e\u96c6\u5ba2\u30fb\u53ce\u76ca\u5316\u3092\u6700\u901f\u3067\u9054\u6210\u3059\u308b<\/span>\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u304c\u624b\u306b\u5165\u308a\u307e\u3059<\/span>\n            <\/li>\n            <li>\n              <span class=\"check-icon-circle\">\u2714<\/span>\n              <span>\u5c06\u6765\u7684\u306bSNS\u30de\u30fc\u30b1\u30bf\u30fc\u3068\u3057\u3066\u3001<span class=\"solve-highlight\">\u72ec\u7acb\u30fb\u7d99\u7d9a\u5951\u7d04\u3092\u52dd\u3061\u53d6\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u30b9\u30c6\u30c3\u30d7<\/span>\u304c\u898b\u3048\u307e\u3059<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"speech-triangle\"><\/div>\n\n      <h2 class=\"flow-main-title\">\u307e\u305a\u306f<span>\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<\/span><\/h2>\n\n      <div class=\"step-flow-container\">\n        <div class=\"step-flow-item\">\n          <div class=\"step-circle-icon\">\n            <span class=\"step-label\">STEP<\/span>\n            <span class=\"step-number\">1<\/span>\n          <\/div>\n          <div class=\"step-content\">\n            <div class=\"step-title-badge\">LINE\u304a\u53cb\u9054\u767b\u9332<\/div>\n            <p class=\"step-desc\">\n              \u672c\u30da\u30fc\u30b8\u306e\u300c\u7121\u6599\u76f8\u8ac7\u30dc\u30bf\u30f3\u300d\u307e\u305f\u306f\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u3001\u516c\u5f0fLINE\u306e\u304a\u53cb\u9054\u767b\u9332\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"step-flow-item\">\n          <div class=\"step-circle-icon\">\n            <span class=\"step-label\">STEP<\/span>\n            <span class=\"step-number\">2<\/span>\n          <\/div>\n          <div class=\"step-content\">\n            <div class=\"step-title-badge\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u4e88\u7d04<\/div>\n            <p class=\"step-desc\">\n              LINE\u30c8\u30fc\u30af\u753b\u9762\u306b\u5c4a\u304f\u6848\u5185\u304b\u3089\u3001\u3054\u5e0c\u671b\u306e\u65e5\u6642\u3092\u9078\u629e\u3057\u3066\u4e88\u7d04\u3092\u5b8c\u4e86\u3055\u305b\u3066\u304f\u3060\u3055\u3044\u3002\uff08\u304b\u3093\u305f\u30931\u5206\uff09\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"step-flow-item\">\n          <div class=\"step-circle-icon\">\n            <span class=\"step-label\">STEP<\/span>\n            <span class=\"step-number\">3<\/span>\n          <\/div>\n          <div class=\"step-content\">\n            <div class=\"step-title-badge\">\u500b\u5225\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<\/div>\n            <p class=\"step-desc\">\n              Zoom\u306b\u3066\u4e2d\u672c\u306830\u5206\u9593\u306e\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u9762\u8ac7\u3002\u3042\u306a\u305f\u306e\u304a\u60a9\u307f\u89e3\u6c7a\u306b\u5411\u3051\u305f\u5177\u4f53\u7684\u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3\u30b9\u30c6\u30c3\u30d7\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\uff08\u65e5\u7a0b\u9078\u629e\u6a5f\u80fd \uff0b \u30da\u30fc\u30b9\u30c8\u6848\u5185\u3092\u8ffd\u52a0\uff09 -->\n    <div class=\"step-form-card\">\n      <div class=\"step-form-header\">\n        <div class=\"step-form-sub\">\uff3c \u304b\u3093\u305f\u30931\u5206\u3067\u304a\u7533\u8fbc\u307f\u5b8c\u4e86 \uff0f<\/div>\n        <h2 class=\"step-form-title\">\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u4e88\u7d04<\/h2>\n      <\/div>\n\n      <div class=\"step-form-body\">\n        <div class=\"step-progress-bar\">\n          <div class=\"step-circle active\" id=\"circle-1\">1<\/div>\n          <div class=\"step-circle\" id=\"circle-2\">2<\/div>\n          <div class=\"step-circle\" id=\"circle-3\">3<\/div>\n        <\/div>\n\n        <form id=\"multi-step-form\">\n          <!-- STEP 1 -->\n          <div class=\"form-step-content active\" id=\"step-1\">\n            <div class=\"step-question-title\">\n              <span>\u304a\u540d\u524d\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n              <span class=\"required-badge\">\u203b\u5fc5\u9808<\/span>\n            <\/div>\n            <input type=\"text\" class=\"form-input-text\" id=\"input-sei\" placeholder=\"\u59d3\" required=\"\">\n            <input type=\"text\" class=\"form-input-text\" id=\"input-mei\" placeholder=\"\u540d\" required=\"\">\n            <button type=\"button\" class=\"btn-next-step\" onclick=\"nextStep(2)\">\u6b21\u3078\u3059\u3059\u3080 \uff1e<\/button>\n          <\/div>\n\n          <!-- STEP 2\uff1a\u3054\u76f8\u8ac7\u5185\u5bb9 \uff06 \u65e5\u7a0b\u5e0c\u671b\u9078\u629e -->\n          <div class=\"form-step-content\" id=\"step-2\">\n            <div class=\"step-question-title\">\n              <span>\u3054\u76f8\u8ac7\u5185\u5bb9\u3068\u5e0c\u671b\u65e5\u6642\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n              <span class=\"required-badge\">\u203b\u5fc5\u9808<\/span>\n            <\/div>\n            <input type=\"text\" class=\"form-input-text\" id=\"input-media\" placeholder=\"\u73fe\u5728\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\uff08Instagram\/TikTok\u7b49\uff09\">\n            \n            <select class=\"form-input-text\" id=\"input-type\" required=\"\">\n              <option value=\"\">\u4e3b\u306a\u3054\u76f8\u8ac7\u76ee\u7684\u3092\u9078\u629e<\/option>\n              <option value=\"\u6848\u4ef6\u7372\u5f97\u30fb\u526f\u696d\u306b\u3064\u3044\u3066\">\u6848\u4ef6\u7372\u5f97\u30fb\u526f\u696d\u6848\u4ef6\u306b\u3064\u3044\u3066<\/option>\n              <option value=\"\u58f2\u4e0a\u76f4\u7d50\u578bEC\u30fbTikTokShop\">TikTok Shop\u30fbEC\u58f2\u4e0a\u306b\u3064\u3044\u3066<\/option>\n              <option value=\"\u81ea\u793eSNS\u30a2\u30ab\u30a6\u30f3\u30c8\u904b\u7528\">\u81ea\u793eSNS\u30a2\u30ab\u30a6\u30f3\u30c8\u904b\u7528\u306b\u3064\u3044\u3066<\/option>\n            <\/select>\n\n            <!-- \ud83c\udf1f \u8ffd\u52a0\uff1a\u660e\u65e5\u4ee5\u964d\u306e\u5e0c\u671b\u65e5\u6642\u9078\u629e\uff083\u3064\u306e\u5019\u88dc\uff09 -->\n            <div style=\"font-size:13px; font-weight:bold; color:#333; margin: 12px 0 6px;\">\u3010\u7b2c\u4e00\u5e0c\u671b\u3011<\/div>\n            <input type=\"text\" class=\"form-input-text\" id=\"input-date1\" placeholder=\"\u4f8b\uff1a\u660e\u65e5 20:00\u301c \/ 8\u670810\u65e5 14:00\u301c\">\n\n            <div style=\"font-size:13px; font-weight:bold; color:#333; margin: 8px 0 6px;\">\u3010\u7b2c\u4e8c\u5e0c\u671b\uff08\u4efb\u610f\uff09\u3011<\/div>\n            <input type=\"text\" class=\"form-input-text\" id=\"input-date2\" placeholder=\"\u4f8b\uff1a\u660e\u5f8c\u65e5 21:00\u301c\">\n\n            <div style=\"font-size:13px; font-weight:bold; color:#333; margin: 8px 0 6px;\">\u3010\u7b2c\u4e09\u5e0c\u671b\uff08\u4efb\u610f\uff09\u3011<\/div>\n            <input type=\"text\" class=\"form-input-text\" id=\"input-date3\" placeholder=\"\u4f8b\uff1a8\u670812\u65e5 15:00\u301c\">\n\n            <button type=\"button\" class=\"btn-next-step\" onclick=\"nextStep(3)\">\u6b21\u3078\u3059\u3059\u3080 \uff1e<\/button>\n            <button type=\"button\" class=\"btn-prev-step\" onclick=\"prevStep(1)\">\uff1c \u524d\u306e\u9805\u76ee\u306b\u623b\u308b<\/button>\n          <\/div>\n\n          <!-- STEP 3 -->\n          <div class=\"form-step-content\" id=\"step-3\">\n            <div class=\"step-question-title\">\n              <span>\u3054\u9023\u7d61\u5148\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n              <span class=\"required-badge\">\u203b\u5fc5\u9808<\/span>\n            <\/div>\n            <input type=\"email\" class=\"form-input-text\" id=\"input-email\" placeholder=\"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\" required=\"\">\n            <input type=\"tel\" class=\"form-input-text\" id=\"input-phone\" placeholder=\"\u96fb\u8a71\u756a\u53f7\uff08\u4efb\u610f\uff09\">\n\n            <button type=\"button\" class=\"btn-next-step\" style=\"background:#25d366;\" onclick=\"submitFormToLine()\">\n              LINE\u3067\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u7533\u3057\u8fbc\u3080 \uff1e\n            <\/button>\n            <!-- \ud83c\udf1f \u30da\u30fc\u30b9\u30c8\u6848\u5185\u3092\u660e\u8a18 -->\n            <div style=\"font-size:11px; color:#64748b; margin-top:8px; text-align:center; font-weight:500; line-height:1.4;\">\n              \u203b\u5165\u529b\u5185\u5bb9\u304c\u81ea\u52d5\u30b3\u30d4\u30fc\u3055\u308c\u307e\u3059\u3002LINE\u304c\u958b\u3044\u305f\u3089\u30c8\u30fc\u30af\u6b04\u306b<strong>\u300c\u8cbc\u308a\u4ed8\u3051\uff08\u30da\u30fc\u30b9\u30c8\uff09\u300d<\/strong>\u3057\u3066\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\uff01\n            <\/div>\n            <button type=\"button\" class=\"btn-prev-step\" onclick=\"prevStep(2)\">\uff1c \u524d\u306e\u9805\u76ee\u306b\u623b\u308b<\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u753b\u9762\u6700\u4e0b\u90e8\u306b\u56fa\u5b9a\u8ffd\u5f93\u3059\u308b\u7dd1\u306eLINE\u30dc\u30bf\u30f3 -->\n  <div class=\"sticky-bottom-bar\">\n    <a href=\"https:\/\/lin.ee\/Sd0vfgd\/\" class=\"sticky-btn-line\" target=\"_blank\" rel=\"noopener\">\n      \u3010\u7121\u6599\u3011\u4e2d\u672c\u306b\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u3067\u76f8\u8ac7\uff01 \uff1e\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\n  \/* \u30b9\u30e9\u30a4\u30c0\u30fc\u51e6\u7406 *\/\n  let currentSlideIndex = 0;\n  const totalSlides = 3;\n\n  function updateSlider() {\n    const track = document.getElementById('sliderTrack');\n    if(track) {\n      track.style.transform = `translateX(-${currentSlideIndex * 100}%)`;\n    }\n\n    const dots = document.querySelectorAll('.dot-item');\n    dots.forEach((dot, index) => {\n      if(index === currentSlideIndex) {\n        dot.classList.add('active');\n      } else {\n        dot.classList.remove('active');\n      }\n    });\n  }\n\n  function moveSlide(direction) {\n    currentSlideIndex += direction;\n    if (currentSlideIndex < 0) {\n      currentSlideIndex = totalSlides - 1;\n    } else if (currentSlideIndex >= totalSlides) {\n      currentSlideIndex = 0;\n    }\n    updateSlider();\n  }\n\n  function goToSlide(index) {\n    currentSlideIndex = index;\n    updateSlider();\n  }\n\n  \/* \u30d5\u30a9\u30fc\u30e0\u51e6\u7406 *\/\n  function nextStep(stepNumber) {\n    if(stepNumber === 2) {\n      const sei = document.getElementById('input-sei').value;\n      const mei = document.getElementById('input-mei').value;\n      if(!sei || !mei) {\n        alert('\u304a\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n        return;\n      }\n    }\n    if(stepNumber === 3) {\n      const purpose = document.getElementById('input-type').value;\n      const date1 = document.getElementById('input-date1').value;\n      if(!purpose) {\n        alert('\u3054\u76f8\u8ac7\u76ee\u7684\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n        return;\n      }\n      if(!date1) {\n        alert('\u7b2c\u4e00\u5e0c\u671b\u306e\u65e5\u6642\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n        return;\n      }\n    }\n\n    document.querySelectorAll('.form-step-content').forEach(el => el.classList.remove('active'));\n    document.getElementById('step-' + stepNumber).classList.add('active');\n\n    document.querySelectorAll('.step-circle').forEach((circle, idx) => {\n      if(idx + 1 <= stepNumber) {\n        circle.classList.add('active');\n      } else {\n        circle.classList.remove('active');\n      }\n    });\n  }\n\n  function prevStep(stepNumber) {\n    nextStep(stepNumber);\n  }\n\n  \/* \ud83c\udf1f \u304a\u60a9\u307f\u76f8\u8ac7\u30dc\u30c3\u30af\u30b9\u306e\u81ea\u52d5\u30b3\u30d4\u30fc\uff08\u30a2\u30e9\u30fc\u30c8\u306a\u3057\uff09 *\/\n  function sendTroubleToLineClean() {\n    const userText = document.getElementById('direct-trouble-text').value.trim();\n    const lineUrl = 'https:\/\/lin.ee\/Sd0vfgd\/';\n    \n    if (userText !== '') {\n      if (navigator.clipboard) {\n        navigator.clipboard.writeText(`\u3010\u7121\u6599\u76f8\u8ac7\u30e1\u30c3\u30bb\u30fc\u30b8\u3011\\n${userText}`).then(() => {\n          window.open(lineUrl, '_blank');\n        }).catch(() => {\n          window.open(lineUrl, '_blank');\n        });\n      } else {\n        window.open(lineUrl, '_blank');\n      }\n    } else {\n      window.open(lineUrl, '_blank');\n    }\n  }\n\n  \/* \ud83c\udf1f 3\u30b9\u30c6\u30c3\u30d7\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\uff08\u65e5\u7a0b\u30c7\u30fc\u30bf\u3092\u542b\u3081\u3066\u81ea\u52d5\u30b3\u30d4\u30fc\uff09 *\/\n  function submitFormToLine() {\n    const sei = document.getElementById('input-sei').value.trim();\n    const mei = document.getElementById('input-mei').value.trim();\n    const media = document.getElementById('input-media').value.trim();\n    const type = document.getElementById('input-type').value.trim();\n    const date1 = document.getElementById('input-date1').value.trim();\n    const date2 = document.getElementById('input-date2').value.trim();\n    const date3 = document.getElementById('input-date3').value.trim();\n    const email = document.getElementById('input-email').value.trim();\n    const phone = document.getElementById('input-phone').value.trim();\n    \n    if(!email) {\n      alert('\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002');\n      return;\n    }\n\n    const summaryText = `\u3010\u7121\u6599\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7533\u8fbc\u3011\\n\u25a0 \u304a\u540d\u524d: ${sei} ${mei}\\n\u25a0 \u30a2\u30ab\u30a6\u30f3\u30c8: ${media || '\u672a\u8a18\u5165'}\\n\u25a0 \u3054\u76f8\u8ac7\u76ee\u7684: ${type}\\n\u25a0 \u7b2c\u4e00\u5e0c\u671b: ${date1}\\n\u25a0 \u7b2c\u4e8c\u5e0c\u671b: ${date2 || '\u306a\u3057'}\\n\u25a0 \u7b2c\u4e09\u5e0c\u671b: ${date3 || '\u306a\u3057'}\\n\u25a0 \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9: ${email}\\n\u25a0 \u96fb\u8a71\u756a\u53f7: ${phone || '\u672a\u8a18\u5165'}`;\n    const lineUrl = 'https:\/\/lin.ee\/Sd0vfgd\/';\n\n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(summaryText).then(() => {\n        window.open(lineUrl, '_blank');\n      }).catch(() => {\n        window.open(lineUrl, '_blank');\n      });\n    } else {\n      window.open(lineUrl, '_blank');\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u30b9\u30ad\u30eb\u300d\u3092\u300c\u6210\u679c\u300d\u306b\u5909\u3048\u308b\u3002 \u7406\u60f3\u306e\u672a\u6765\u3092\u3064\u304f\u308b\u306e\u306f \u201c\u58f2\u4e0a\u76f4\u7d50\u201d\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u601d\u8003\u3060\u3002 \u672a\u7d4c\u9a13\u30fb\u521d\u5fc3\u8005\u304b\u3089\u53ce\u76ca\u5316\u3067\u304d\u308b\u4f34\u8d70\u578bSNS\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0 EC\u58f2\u4e0a 1,200\u4e07\u5186 \u7a81\u7834 \u203b \u73fe\u5f79\u30d7\u30ec\u30a4\u30e4\u30fc \u4ee3\u8868\u306e\u4e2d\u672c\u304c\u76f4\u63a5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":37,"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/lab.mark-10-dmcd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}