{"product_id":"資格取得者様-限定-bigキャンペーン-jam公式通信15講座-1年間見放題キャンペーン-コピー","title":"【資格取得者様 限定】BIGキャンペーン♪JAM公式通信15講座 1年間見放題キャンペーン (コピー)","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+JP:wght@600;800\u0026amp;family=Noto+Sans+JP:wght@400;500;700;900\u0026amp;family=Playfair+Display:ital,wght@0,700;1,700\u0026amp;display=swap\"\u003e \u003clink href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* ---------------------------------------------------------------------\n          Shopify用リセット＆キラキラときめく女性向け全体カラー\n          （ラベンダー・チェリーピンク・シャンパンゴールド）\n        --------------------------------------------------------------------- *\/\n        #jam-campaign-lp {\n            font-family: 'Noto Sans JP', sans-serif;\n            color: #4A322C;\n            background: linear-gradient(135deg, #FFFDFB 0%, #FFF3F6 30%, #FBF1FD 70%, #F5ECFD 100%);\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            line-height: 1.7;\n            overflow-x: hidden;\n            letter-spacing: 0.02em;\n        }\n\n        #jam-campaign-lp * {\n            box-sizing: border-box;\n        }\n\n        #jam-campaign-lp h1, \n        #jam-campaign-lp h2, \n        #jam-campaign-lp h3,\n        #jam-campaign-lp h4 {\n            font-family: 'Noto Serif JP', serif;\n            margin: 0;\n            line-height: 1.4;\n        }\n\n        \/* ---------------------------------------------------------------------\n          共通コンポーネント＆レイアウト\n        --------------------------------------------------------------------- *\/\n        .lp-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 70px 24px;\n        }\n\n        .text-center {\n            text-align: center;\n        }\n\n        .text-left {\n            text-align: left;\n        }\n\n        \/* シャンパンゴールドのキラキラ境界線 *\/\n        .gold-divider {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin: 35px auto;\n            width: 100%;\n        }\n\n        .gold-divider::before,\n        .gold-divider::after {\n            content: '';\n            height: 1px;\n            flex-grow: 1;\n            max-width: 150px;\n            background: linear-gradient(90deg, transparent, #D4AF37, transparent);\n        }\n\n        .gold-divider i {\n            color: #D4AF37;\n            font-size: 18px;\n            animation: pulse 2s infinite ease-in-out;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.6; }\n            50% { transform: scale(1.3); opacity: 1; }\n        }\n\n        \/* ---------------------------------------------------------------------\n          1. ヒーローセクション（ファーストビュー ＆ 散りばめ画像コラージュ）\n        --------------------------------------------------------------------- *\/\n        .hero-section {\n            padding: 85px 24px 105px;\n            background: rgba(255, 255, 255, 0.45);\n            border-bottom: 2px dashed rgba(224, 90, 136, 0.2);\n            position: relative;\n            text-align: center;\n            overflow: hidden;\n        }\n\n        \/* ヒーロー背景にときめくゴールドのダブル枠 *\/\n        .hero-section::after {\n            content: '';\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            right: 20px;\n            bottom: 20px;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .hero-badge-container {\n            margin-bottom: 25px;\n            position: relative;\n            z-index: 10;\n        }\n\n        .hero-badge {\n            background: linear-gradient(90deg, #E05A88, #D4AF37);\n            color: #fff;\n            padding: 8px 24px;\n            border-radius: 50px;\n            font-size: 15px;\n            font-weight: 700;\n            letter-spacing: 0.1em;\n            display: inline-block;\n            box-shadow: 0 4px 15px rgba(224, 90, 136, 0.3);\n            border: 2px solid #fff;\n        }\n\n        .hero-title {\n            font-size: 40px;\n            color: #4A322C;\n            margin-bottom: 25px;\n            font-weight: 800;\n            letter-spacing: 0.02em;\n            position: relative;\n            z-index: 10;\n        }\n\n        .hero-title span {\n            color: #E05A88;\n            font-size: 1.15em;\n            display: inline-block;\n            background: linear-gradient(transparent 70%, #FFF0F4 70%, #FFE2EC 100%);\n            padding: 0 5px;\n            font-weight: 900;\n        }\n\n        .hero-subtitle {\n            font-size: 19px;\n            color: #7D6B88;\n            margin-bottom: 55px;\n            font-weight: 500;\n            line-height: 1.7;\n            position: relative;\n            z-index: 10;\n        }\n\n        \/* 📸 中央メイン写真と、散りばめられた教材写真を包む大きなコンテナ *\/\n        .hero-collage-container {\n            position: relative;\n            max-width: 850px;\n            margin: 0 auto;\n            height: 600px; \/* 高さを520pxから600pxへ広げて上下に贅沢なゆとりを持たせました *\/\n        }\n\n        \/* 施術メイン画像（中央） *\/\n        .hero-image-wrapper {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            width: 65%;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 20px 45px rgba(125, 107, 136, 0.2);\n            border: 6px solid #fff;\n            background-color: #fff;\n            z-index: 3;\n            transition: transform 0.5s ease;\n        }\n\n        .hero-image-wrapper:hover {\n            transform: translate(-50%, -52%) scale(1.02);\n        }\n\n        .hero-image-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* 🌸 周りに散りばめる教材用のミニカード（共通スタイル） *\/\n        .scattered-card {\n            position: absolute;\n            background: #fff;\n            border-radius: 12px;\n            padding: 6px;\n            box-shadow: 0 10px 25px rgba(125, 107, 136, 0.15);\n            border: 2.5px solid #FFF0F4;\n            transition: all 0.4s ease;\n            width: 155px; \/* カードの横幅 *\/\n            z-index: 5; \/* メイン画像より手前に置く *\/\n        }\n\n        .scattered-card img {\n            width: 100%;\n            height: auto;\n            border-radius: 8px;\n            display: block;\n        }\n\n        .scattered-card span {\n            display: block;\n            font-size: 11px;\n            font-weight: 800;\n            color: #E05A88;\n            margin-top: 5px;\n            line-height: 1.2;\n            text-align: center;\n        }\n\n        \/* カードごとの個別位置 ＆ ゆらゆら浮遊アニメーション *\/\n        \/* カード1：左上（アロマ心理） *\/\n        .card-top-left {\n            left: -15px;\n            top: -15px; \/* 上のスペースを広々と使うため、さらに上方へスライド *\/\n            transform: rotate(-12deg);\n            animation: float1 4s ease-in-out infinite;\n        }\n        \/* カード2：右上（ドライヘッドスパ） *\/\n        .card-top-right {\n            right: -15px;\n            top: -20px; \/* 上のスペースを広々と使うため、さらに上方へスライド *\/\n            transform: rotate(10deg);\n            animation: float2 4.5s ease-in-out infinite;\n        }\n        \/* カード3：左中央（バリニーズ） *\/\n        .card-mid-left {\n            left: -40px;\n            top: 195px; \/* カード同士の間隔を広げました *\/\n            transform: rotate(6deg);\n            animation: float5 5s ease-in-out infinite;\n        }\n        \/* カード4：右中央（自律神経バランス） *\/\n        .card-mid-right {\n            right: -40px;\n            top: 185px; \/* カード同士の間隔を広げました *\/\n            transform: rotate(-8deg);\n            animation: float6 5.2s ease-in-out infinite;\n        }\n        \/* カード5：左下（漢方経絡リンパ） *\/\n        .card-bottom-left {\n            left: 5px;\n            bottom: -15px; \/* 下の余白スペースを使って、さらに下方へ逃がしました *\/\n            transform: rotate(-8deg);\n            animation: float3 4.2s ease-in-out infinite;\n        }\n        \/* カード6：右下（整体ボディケア） *\/\n        .card-bottom-right {\n            right: 15px;\n            bottom: -20px; \/* 下の余白スペースを使って、さらに下方へ逃がしました *\/\n            transform: rotate(-10deg);\n            animation: float4 4.8s ease-in-out infinite;\n        }\n\n        \/* 🌟 【追加用の新スロット】カード7：左下寄りの追加枠 *\/\n        .card-extra-left {\n            left: -20px;\n            bottom: 90px;\n            transform: rotate(12deg);\n            animation: float3 4.6s ease-in-out infinite;\n            border-color: #FFE2EC; \/* 新しい追加カードはフチを少し濃く *\/\n        }\n        \/* 🌟 【追加用の新スロット】カード8：右下寄りの追加枠 *\/\n        .card-extra-right {\n            right: -25px;\n            bottom: 80px;\n            transform: rotate(-12deg);\n            animation: float4 5.4s ease-in-out infinite;\n            border-color: #FFE2EC;\n        }\n\n        \/* 触れたらもっと浮くエフェクト *\/\n        .scattered-card:hover {\n            z-index: 10;\n            box-shadow: 0 15px 35px rgba(224, 90, 136, 0.3);\n            border-color: #E05A88;\n        }\n        .card-top-left:hover { transform: scale(1.1) rotate(-8deg); }\n        .card-top-right:hover { transform: scale(1.1) rotate(6deg); }\n        .card-mid-left:hover { transform: scale(1.1) rotate(10deg); }\n        .card-mid-right:hover { transform: scale(1.1) rotate(-4deg); }\n        .card-bottom-left:hover { transform: scale(1.1) rotate(-4deg); }\n        .card-bottom-right:hover { transform: scale(1.1) rotate(-6deg); }\n        .card-extra-left:hover { transform: scale(1.1) rotate(6deg); }\n        .card-extra-right:hover { transform: scale(1.1) rotate(-6deg); }\n\n        \/* ゆらゆら浮遊アニメーションの定義 *\/\n        @keyframes float1 {\n            0%, 100% { transform: translateY(0) rotate(-12deg); }\n            50% { transform: translateY(-10px) rotate(-10deg); }\n        }\n        @keyframes float2 {\n            0%, 100% { transform: translateY(0) rotate(10deg); }\n            50% { transform: translateY(-12px) rotate(12deg); }\n        }\n        @keyframes float3 {\n            0%, 100% { transform: translateY(0) rotate(-8deg); }\n            50% { transform: translateY(-8px) rotate(-6deg); }\n        }\n        @keyframes float4 {\n            0%, 100% { transform: translateY(0) rotate(-10deg); }\n            50% { transform: translateY(-10px) rotate(-8deg); }\n        }\n        @keyframes float5 {\n            0%, 100% { transform: translateY(0) rotate(6deg); }\n            50% { transform: translateY(-12px) rotate(4deg); }\n        }\n        @keyframes float6 {\n            0%, 100% { transform: translateY(0) rotate(-8deg); }\n            50% { transform: translateY(-11px) rotate(-10deg); }\n        }\n\n        \/* ---------------------------------------------------------------------\n          2. 導入（共感・心の声吹き出し）\n        --------------------------------------------------------------------- *\/\n        .intro-section {\n            background: rgba(255, 255, 255, 0.85);\n            border-radius: 30px;\n            padding: 60px 50px;\n            margin: 20px auto;\n            box-shadow: 0 15px 35px rgba(125, 107, 136, 0.06);\n            border: 2px solid rgba(224, 90, 136, 0.1);\n            text-align: center;\n        }\n\n        .intro-lead {\n            font-family: 'Noto Serif JP', serif;\n            font-size: 26px;\n            color: #E05A88;\n            font-weight: 800;\n            line-height: 1.5;\n            margin-bottom: 35px;\n        }\n\n        \/* 心の声吹き出し *\/\n        .bubble-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .bubble-item {\n            background: #FFF5F7;\n            border-radius: 20px;\n            padding: 25px 20px;\n            position: relative;\n            box-shadow: inset 0 0 10px rgba(224, 90, 136, 0.05);\n            border: 1px solid rgba(224, 90, 136, 0.15);\n        }\n\n        .bubble-item::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            border-width: 15px 15px 0;\n            border-style: solid;\n            border-color: #FFF5F7 transparent;\n            display: block;\n            width: 0;\n        }\n\n        .bubble-text {\n            font-size: 15px;\n            font-weight: 700;\n            color: #7D6B88;\n            margin: 0;\n            line-height: 1.5;\n        }\n\n        .intro-text-body {\n            font-size: 17px;\n            color: #5C4D49;\n            text-align: left;\n            max-width: 750px;\n            margin: 40px auto 10px;\n            line-height: 1.8;\n        }\n\n        .intro-text-body p {\n            margin-bottom: 20px;\n        }\n\n        .intro-highlight {\n            font-weight: 700;\n            background: linear-gradient(transparent 60%, #FFDFE9 60%, #FFCCD9 100%);\n            color: #E05A88;\n        }\n\n        \/* ---------------------------------------------------------------------\n          3. 3大バリュー（メリット）\n        --------------------------------------------------------------------- *\/\n        .section-title-wrap {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-title {\n            font-size: 34px;\n            color: #4A322C;\n            margin-bottom: 15px;\n            font-weight: 800;\n            position: relative;\n            display: inline-block;\n        }\n\n        .section-title::after {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 3px;\n            background: #E05A88;\n            margin: 15px auto 0;\n            border-radius: 5px;\n        }\n\n        .section-subtitle {\n            font-size: 18px;\n            color: #7D6B88;\n            font-weight: 500;\n        }\n\n        .value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n\n        .value-card {\n            background: rgba(255, 255, 255, 0.9);\n            border: 2px solid rgba(212, 175, 55, 0.25);\n            border-radius: 20px;\n            padding: 40px 25px;\n            text-align: center;\n            box-shadow: 0 12px 30px rgba(125, 107, 136, 0.05);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .value-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 6px;\n            background: linear-gradient(90deg, #E05A88, #D4AF37);\n        }\n\n        .value-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 18px 40px rgba(224, 90, 136, 0.15);\n            border-color: #E05A88;\n        }\n\n        .value-icon {\n            color: #E05A88;\n            font-size: 50px;\n            margin-bottom: 22px;\n            text-shadow: 0 4px 10px rgba(224, 90, 136, 0.15);\n        }\n\n        .value-card h3 {\n            font-size: 20px;\n            color: #4A322C;\n            margin-bottom: 18px;\n            font-weight: 800;\n        }\n\n        .value-card p {\n            font-size: 15px;\n            color: #5C4D49;\n            margin: 0;\n            line-height: 1.7;\n            font-weight: 500;\n        }\n\n        \/* ---------------------------------------------------------------------\n          4. 講座紹介\n        --------------------------------------------------------------------- *\/\n        .courses-section {\n            background: rgba(255, 255, 255, 0.7);\n            border: 1px solid rgba(125, 107, 136, 0.15);\n            border-radius: 30px;\n            padding: 60px 40px;\n            box-shadow: 0 15px 35px rgba(125, 107, 136, 0.04);\n        }\n\n        .course-showcase {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            align-items: stretch;\n            margin: 40px auto 35px;\n        }\n\n        .course-list-box {\n            background: #fff;\n            border: 2px solid #FFF0F4;\n            border-radius: 20px;\n            padding: 35px;\n            box-shadow: 0 10px 25px rgba(224, 90, 136, 0.03);\n            transition: border-color 0.3s ease;\n        }\n\n        .course-list-box:hover {\n            border-color: #E05A88;\n        }\n\n        .course-list-box h3 {\n            font-size: 21px;\n            color: #E05A88;\n            margin-bottom: 22px;\n            border-bottom: 2px solid #FFF0F4;\n            padding-bottom: 12px;\n            font-weight: 800;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .course-list-box ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .course-list-box li {\n            position: relative;\n            padding-left: 28px;\n            margin-bottom: 15px;\n            font-size: 15px;\n            font-weight: 700;\n            color: #5C4D49;\n            transition: color 0.2s ease;\n        }\n\n        .course-list-box li:hover {\n            color: #E05A88;\n        }\n\n        .course-list-box li i {\n            color: #D4AF37;\n            position: absolute;\n            left: 0;\n            top: 3px;\n            font-size: 16px;\n        }\n\n        .course-footer-text {\n            font-size: 18px;\n            font-weight: 800;\n            color: #7D6B88;\n            margin-top: 25px;\n        }\n\n        \/* ---------------------------------------------------------------------\n          5. 驚きの価格比較カード\n        --------------------------------------------------------------------- *\/\n        .price-compare-card {\n            background: #fff;\n            border: 3px solid #E05A88;\n            border-radius: 30px;\n            box-shadow: 0 20px 50px rgba(224, 90, 136, 0.16);\n            overflow: hidden;\n            margin: 60px auto;\n            max-width: 750px;\n            position: relative;\n        }\n\n        \/* リボンバッジ *\/\n        .price-ribbon {\n            position: absolute;\n            top: 15px;\n            left: -40px;\n            background: #D4AF37;\n            color: #fff;\n            padding: 8px 45px;\n            transform: rotate(-45deg);\n            font-size: 13px;\n            font-weight: 800;\n            letter-spacing: 0.1em;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n\n        .price-header {\n            background: linear-gradient(135deg, #7D6B88 0%, #E05A88 100%);\n            color: #fff;\n            padding: 40px 30px;\n            text-align: center;\n        }\n\n        .price-header h3 {\n            font-size: 26px;\n            color: #fff;\n            margin-bottom: 8px;\n            font-weight: 800;\n        }\n\n        .price-header p {\n            margin: 0;\n            opacity: 0.95;\n            font-size: 16px;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n        }\n\n        .price-body {\n            padding: 50px 40px;\n            text-align: center;\n        }\n\n        .original-price {\n            font-size: 18px;\n            text-decoration: line-through;\n            color: #9E918E;\n            margin-bottom: 15px;\n            font-weight: 500;\n        }\n\n        .campaign-price-box {\n            background-color: #FFF2F6;\n            border-radius: 24px;\n            padding: 30px 20px;\n            margin-bottom: 30px;\n            border: 2px dashed #E05A88;\n            position: relative;\n        }\n\n        .campaign-label {\n            font-size: 20px;\n            font-weight: 900;\n            color: #E05A88;\n            margin-bottom: 8px;\n            letter-spacing: 0.05em;\n        }\n\n        .campaign-price {\n            font-family: 'Playfair Display', serif;\n            font-size: 68px;\n            font-weight: 700;\n            color: #E05A88;\n            line-height: 1;\n            margin-bottom: 10px;\n        }\n\n        .campaign-price span {\n            font-size: 24px;\n            font-family: 'Noto Sans JP', sans-serif;\n            font-weight: 900;\n        }\n\n        .discount-badge {\n            background: linear-gradient(90deg, #D4AF37, #E05A88);\n            color: #fff;\n            font-size: 19px;\n            font-weight: 900;\n            padding: 10px 25px;\n            border-radius: 50px;\n            display: inline-block;\n            box-shadow: 0 4px 15px rgba(224, 90, 136, 0.2);\n            border: 2px solid #fff;\n        }\n\n        .price-note {\n            font-size: 16px;\n            color: #7D6B88;\n            font-weight: 700;\n            line-height: 1.8;\n        }\n\n        \/* ---------------------------------------------------------------------\n          6. 警告エリア（緊急性・愛あるあおり）\n        --------------------------------------------------------------------- *\/\n        .warning-box {\n            background: linear-gradient(135deg, #FFF5F7 0%, #FFFDF9 100%);\n            border: 2px solid #E05A88;\n            border-radius: 24px;\n            padding: 40px;\n            margin: 30px auto;\n            max-width: 800px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(224, 90, 136, 0.05);\n            position: relative;\n        }\n\n        .warning-box h4 {\n            color: #E05A88;\n            font-size: 24px;\n            margin: 0 0 15px 0;\n            font-weight: 800;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .warning-box p {\n            margin: 0;\n            font-size: 16px;\n            color: #4A322C;\n            font-weight: 700;\n            line-height: 1.8;\n        }\n\n        \/* ---------------------------------------------------------------------\n          7. 購入ボタン（Shopifyカートリンク・超絶キラキラエフェクト）\n        --------------------------------------------------------------------- *\/\n        .cta-btn-wrapper {\n            margin: 50px auto;\n            text-align: center;\n            position: relative;\n        }\n\n        .cta-button {\n            background: linear-gradient(90deg, #E05A88 0%, #D4AF37 50%, #E05A88 100%);\n            background-size: 200% auto;\n            color: #fff !important;\n            font-size: 26px;\n            font-weight: 900;\n            padding: 24px 60px;\n            border-radius: 100px;\n            text-decoration: none;\n            display: inline-block;\n            box-shadow: 0 12px 35px rgba(224, 90, 136, 0.55);\n            transition: all 0.4s ease;\n            border: 4px solid #fff;\n            cursor: pointer;\n            letter-spacing: 0.05em;\n            line-height: 1.4;\n            animation: gradientMove 3s infinite linear;\n        }\n\n        @keyframes gradientMove {\n            0% { background-position: 0% center; }\n            50% { background-position: 100% center; }\n            100% { background-position: 0% center; }\n        }\n\n        .cta-button:hover {\n            transform: scale(1.04);\n            box-shadow: 0 15px 45px rgba(224, 90, 136, 0.75);\n        }\n\n        .cta-sub-label {\n            display: block;\n            font-size: 15px;\n            font-weight: 700;\n            color: #7D6B88;\n            margin-top: 15px;\n        }\n\n        \/* ---------------------------------------------------------------------\n          スマホレスポンシブ\n        --------------------------------------------------------------------- *\/\n        @media (max-width: 768px) {\n            .hero-section { padding-top: 55px; padding-bottom: 70px; }\n            .hero-title { font-size: 26px; }\n            .hero-subtitle { font-size: 15px; margin-bottom: 35px; }\n            \n            \/* スマホでのコラージュコンテナ調整 *\/\n            .hero-collage-container {\n                height: 480px; \/* スマホ版も400pxから480pxへ広げて上下の窮屈さを一掃！ *\/\n            }\n            .hero-image-wrapper {\n                width: 75%;\n            }\n            .scattered-card {\n                width: 85px; \/* スマホではカードをさらに小さくして重なりを回避 *\/\n                padding: 4px;\n                border-width: 1.5px;\n            }\n            .scattered-card span {\n                font-size: 8px;\n            }\n            \n            \/* スマホでのカード配置調整：中央の資格証に被らないよう、上下・外側に優しく逃がします *\/\n            .card-top-left { left: -10px; top: -5px; }\n            .card-top-right { right: -10px; top: -10px; }\n            .card-mid-left { left: -20px; top: 180px; }\n            .card-mid-right { right: -20px; top: 175px; }\n            .card-bottom-left { left: -5px; bottom: -5px; }\n            .card-bottom-right { right: -5px; bottom: -10px; }\n            .card-extra-left { left: -15px; bottom: 85px; }\n            .card-extra-right { right: -15px; bottom: 90px; }\n\n            .intro-section { padding: 40px 20px; }\n            .intro-lead { font-size: 19px; }\n            .bubble-grid { grid-template-columns: 1fr; gap: 15px; }\n            .bubble-item::after { display: none; }\n            .value-grid { grid-template-columns: 1fr; }\n            .course-showcase { grid-template-columns: 1fr; }\n            .course-list-box { padding: 25px; }\n            .campaign-price { font-size: 48px; }\n            .discount-badge { font-size: 16px; }\n            .warning-box { padding: 25px; }\n            .cta-button { font-size: 17px; padding: 18px 30px; width: 100%; border-radius: 15px; }\n        }\n    \u003c\/style\u003e\n\u003cdiv id=\"jam-campaign-lp\"\u003e\n\u003c!-- 1. ヒーローセクション（ファーストビュー ＆ ゆらゆら浮き立つ教材コラージュ） --\u003e\n\u003cdiv class=\"hero-section text-center\"\u003e\n\u003cdiv class=\"hero-badge-container\"\u003e\u003cspan class=\"hero-badge\"\u003e🎁 IBCA資格取得者様だけの特別限定キャンペーン 🎁\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003e＼これ、凄すぎませんか？／\u003cbr\u003e\u003cspan\u003eJAM通信【15講座】が1年間いつでも見放題で学べます！\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e「もっと学びたい！もっと輝きたい！」が叶う夢の1年間✨\u003cbr\u003e資格をお持ちのあなたのために、日本アロママイスタースクールが過去最高のキャンペーンをご用意しました！\u003c\/p\u003e\n\u003c!-- 🌸 コラージュコンテナ：中央のメイン写真 ＋ 周りに散りばめられた教材写真 --\u003e\n\u003cdiv class=\"hero-collage-container\"\u003e\n\u003c!-- 📸 中央メイン写真：新メインビジュアル（IBCA.webp） --\u003e\n\u003cdiv class=\"hero-image-wrapper\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/5976\/0062\/files\/IBCA.webp?v=1752217130\u0026amp;width=1440\" alt=\"日本アロママイスタースクール 癒しの学び・IBCA特別認定トリートメント\"\u003e\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード1：アロマ心理コース --\u003e\n\u003cdiv class=\"scattered-card card-top-left\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/am-web.webp?v=1768231709\" alt=\"アロマ心理\"\u003e \u003cspan\u003eアロマ心理🧠\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード2：ドライヘッドスパコース --\u003e\n\u003cdiv class=\"scattered-card card-top-right\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/dryhead-web.webp?v=1768231690\" alt=\"ドライヘッドスパ\"\u003e \u003cspan\u003eドライヘッドスパ💆\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード3：バリニーズセラピーコース --\u003e\n\u003cdiv class=\"scattered-card card-mid-left\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/5976\/0062\/files\/bali_000.webp?v=1724913494\" alt=\"バリニーズセラピー\"\u003e \u003cspan\u003eバリニーズ🌺\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード4：自律神経バランスアップコース --\u003e\n\u003cdiv class=\"scattered-card card-mid-right\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/jiritsu-web.webp?v=1768231275\" alt=\"自律神経バランス\"\u003e \u003cspan\u003e自律神経🍀\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード5：漢方経絡リンパコース --\u003e\n\u003cdiv class=\"scattered-card card-bottom-left\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/kanpo-web.webp?v=1768231236\" alt=\"漢方経絡リンパ\"\u003e \u003cspan\u003e漢方経絡リンパ🌸\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 散りばめ画像カード6：整体ボディケア --\u003e\n\u003cdiv class=\"scattered-card card-bottom-right\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/5976\/0062\/files\/001.webp?v=1725935254\" alt=\"整体ボディケア\"\u003e \u003cspan\u003e整体ボディケア💆\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 【NEW追加枠】散りばめ画像カード7：小顔リンパコース（仮画像から本物へ差し替え！） --\u003e\n\u003cdiv class=\"scattered-card card-extra-left\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/kogao-web.webp?v=1768231382\" alt=\"小顔リンパ\"\u003e \u003cspan\u003e小顔リンパ💆♀️\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 🌸 【NEW追加枠】散りばめ画像カード8：台湾式リフレクソロジーコース（最後の1枚も本物へ！） --\u003e\n\u003cdiv class=\"scattered-card card-extra-right\"\u003e\n\u003cimg src=\"https:\/\/jam-store.net\/cdn\/shop\/files\/refle-web.webp?v=1768231352\" alt=\"台湾式リフレクソロジー\"\u003e \u003cspan\u003e台湾式リフレ👣\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. イントロダクション（共感） --\u003e\n\u003cdiv class=\"lp-container\"\u003e\n\u003cdiv class=\"intro-section\"\u003e\n\u003cdiv class=\"intro-lead\"\u003e「もっと人を癒やしたい、新しい技術にも触れてみたい」\u003cbr\u003e期間が1年間ありますので、マイペースでしっかり学べます😊\u003c\/div\u003e\n\u003cdiv class=\"bubble-grid\"\u003e\n\u003cdiv class=\"bubble-item\"\u003e\n\u003cp class=\"bubble-text\"\u003e「学んだあの技術、最近使ってないから不安になってきちゃった…💦」\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bubble-item\"\u003e\n\u003cp class=\"bubble-text\"\u003e「しっかり学んで家族や、周りの方を癒してあげたい！✨」\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bubble-item\"\u003e\n\u003cp class=\"bubble-text\"\u003e「あの時迷ってあきらめちゃった、別のジャンルも本当は学びたい！🌸」\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 📸 イントロに華を添えるアロマ＆ハーブの贅沢な癒やしバナー写真（ST75353.jpg） --\u003e\n\u003cdiv style=\"margin: 35px auto; max-width: 650px; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 35px rgba(125, 107, 136, 0.15); border: 4px solid #fff; background-color: #fff;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0515\/5976\/0062\/files\/ST75353.jpg?v=1756815748\" alt=\"日本アロママイスタースクール 癒しのアロマボトルとハーブ素材\" style=\"width: 100%; height: auto; display: block;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"intro-text-body\"\u003e\n\u003cp\u003e資格を取得された今、「さらにスキルアップしたい！」「もっと新しいことにも挑戦してみたい！」というワクワクするような情熱が、心の中でふくらんでくることはありませんか？✨今お持ちのアロマの知識に、新しく「漢方」の視点を取り入れたり、「小顔リンパ」や「ヘッドスパ」の技術をかけ合わせることで、あなただけの強みができて、アプローチの幅がぐっと広がります。技術や知識が増えれば、ご自身へのセルフケアはもちろん、大切なご家族や周りの方を癒やすアイデアが2倍、3倍と、どんどん広がっていきます♪🥰\n心からの「ありがとう」の笑顔に出会える瞬間も、きっともっと増えていきますよ✨🌱✨\u003c\/p\u003e\n\u003cp\u003eがんばる皆様をずっと応援したい日本アロママイスタースクールから、日頃の感謝を込めて、\u003cspan class=\"intro-highlight\"\u003eIBCA資格取得者様だけの特別な「1年間見放題プログラム」\u003c\/span\u003eをお届けします！\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gold-divider\"\u003e\n\u003ci class=\"fa-solid fa-sparkles\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. 3大バリュー --\u003e\n\u003cdiv class=\"lp-container\"\u003e\n\u003cdiv class=\"section-title-wrap\"\u003e\n\u003ch2 class=\"section-title\"\u003e毎日がキラキラ輝き出す「3つのトキメキ」\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e15講座の学び放題で、あなたのセラピストライフがもっと豊かな、輝く毎日に変わります✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-grid\"\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\n\u003ci class=\"fa-solid fa-wand-magic-sparkles\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3\u003eオリジナルメニュー構築\u003c\/h3\u003e\n\u003cp\u003eアロマ×漢方×リフレなど、異なる手技を贅沢にブレンド！あなただけの特別な「ご褒美ケア」が完成します。おもてなしのクオリティがぐっと上がること間違いなし♪✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\n\u003ci class=\"fa-solid fa-circle-check\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3\u003e圧倒的な「施術の自信」\u003c\/h3\u003e\n\u003cp\u003e「手元の動き、これで合ってる？」そんな不安もスッキリ解消！プロの細かい手元の動きや圧のかけ方を、スマホで1コマずつ動画復習して自信を更にアップ。💪💖\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"value-card\"\u003e\n\u003cdiv class=\"value-icon\"\u003e\n\u003ci class=\"fa-solid fa-heart\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3\u003e学ぶ楽しさをもう一度！\u003c\/h3\u003e\n\u003cp\u003e新しい知識を楽しくインプットする時間って、女性にとって最高の脳の美容液。眠っていた「知的好奇心」が刺激され、毎日が驚くほど輝き始めます♪🌟\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. 講座ラインナップ --\u003e\n\u003cdiv class=\"lp-container\"\u003e\n\u003cdiv class=\"courses-section text-center\"\u003e\n\u003cdiv class=\"section-title-wrap\"\u003e\n\u003ch2 class=\"section-title\"\u003e「どれから見よう…！」楽しすぎる全15講座\u003c\/h2\u003e\n\u003cp class=\"section-subtitle\"\u003e日本アロママイスタースクールの通信カリキュラムが、手のひらの上で丸ごと開放！📱✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"course-showcase\"\u003e\n\u003cdiv class=\"course-list-box text-left\"\u003e\n\u003ch3\u003e🌿 極上のアロマ・リンパ系\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-spa\"\u003e\u003c\/i\u003e アロマリンパセラピスト通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-spa\"\u003e\u003c\/i\u003e 自律神経バランスアップ通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-spa\"\u003e\u003c\/i\u003e バリニーズセラピスト通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-spa\"\u003e\u003c\/i\u003e 介護メディカルアロマ通信講座\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"course-list-box text-left\"\u003e\n\u003ch3\u003e🌸 東洋学・ヘッド・美容系\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-leaf\"\u003e\u003c\/i\u003e 漢方経絡リンパセラピスト通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-star\"\u003e\u003c\/i\u003e ドライヘッドスパ通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-heart\"\u003e\u003c\/i\u003e 台湾式リフレクソロジー通信講座\u003c\/li\u003e\n\u003cli\u003e\n\u003ci class=\"fa-solid fa-face-smile\"\u003e\u003c\/i\u003e 小顔リンパセラピスト通信講座\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"course-footer-text\"\u003eまだまだ他にも！JAM公式ストアのすべての通信講座（全15講座）が、1年間いつでも・どこでも復習＆修得可能です！🌟\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 驚きの価格比較カード --\u003e\n\u003cdiv class=\"lp-container\"\u003e\n\u003cdiv class=\"price-compare-card\"\u003e\n\u003cdiv class=\"price-ribbon\"\u003e限定企画\u003c\/div\u003e\n\u003cdiv class=\"price-header\"\u003e\n\u003ch3\u003eIBCA資格者様 特別限定プラン🎁\u003c\/h3\u003e\n\u003cp\u003e1年間公式全通信講座見放題（購入日より365日間有効）\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"price-body\"\u003e\n\u003cdiv class=\"original-price\"\u003e通常1講座ずつの購入総額：253,700円（税込）\u003c\/div\u003e\n\u003cdiv class=\"campaign-price-box\"\u003e\n\u003cdiv class=\"campaign-label\"\u003e＼ 驚かないでください…！お祝い大特価 ／\u003c\/div\u003e\n\u003cdiv class=\"campaign-price\"\u003e33,000\u003cspan\u003e 円（税込）\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"discount-badge\"\u003e驚きの 87% OFF！22万円以上もおトク😭💖\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"price-note\"\u003e1ヶ月あたりに換算するとなんと\u003cb\u003eわずか2,750円\u003c\/b\u003e。\u003cbr\u003e毎月のお楽しみを少しだけ学ぶ時間に充てるだけで、一生モノの技術と知識がぜんぶ手に入ります！あなた自身の毎日の暮らしや、大切な人を癒やす時間がもっと特別になる、嬉しい未来投資です♪\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 警告メッセージ（突然終了） --\u003e\n\u003cdiv class=\"lp-container\" style=\"padding-top: 0; padding-bottom: 20px;\"\u003e\n\u003cdiv class=\"warning-box\"\u003e\n\u003ch4\u003e\n\u003ci class=\"fa-solid fa-triangle-exclamation\"\u003e\u003c\/i\u003e 大変申し訳ありません…！\u003c\/h4\u003e\n\u003cp\u003e※本キャンペーンは、IBCA資格をお持ちの皆様のためだけに特別に席をご用意した限定企画です。\u003cbr\u003e\u003cb\u003e予告なく突然終了してしまう場合がございます\u003c\/b\u003eので、この機会に是非お早めにご検討ください。💦\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. CTAボタン --\u003e\n\u003cdiv class=\"cta-btn-wrapper\"\u003e\n\u003ca href=\"https:\/\/jam-store.net\/cart\/47602373656766:1\" class=\"cta-button\"\u003e 【総額25万超→3.3万円】\u003cbr\u003e今すぐ15講座見放題で「新しい私」になる！💖 \u003c\/a\u003e \u003cspan class=\"cta-sub-label\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003c\/p\u003e","brand":"日本アロママイスタースクール 公式WEBストア","offers":[{"title":"Default Title","offer_id":47603452379326,"sku":null,"price":33000.0,"currency_code":"JPY","in_stock":true}],"url":"https:\/\/jam-store.net\/products\/%e8%b3%87%e6%a0%bc%e5%8f%96%e5%be%97%e8%80%85%e6%a7%98-%e9%99%90%e5%ae%9a-big%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%9a%e3%83%bc%e3%83%b3-jam%e5%85%ac%e5%bc%8f%e9%80%9a%e4%bf%a115%e8%ac%9b%e5%ba%a7-1%e5%b9%b4%e9%96%93%e8%a6%8b%e6%94%be%e9%a1%8c%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%9a%e3%83%bc%e3%83%b3-%e3%82%b3%e3%83%94%e3%83%bc","provider":"日本アロママイスタースクール 公式WEBストア","version":"1.0","type":"link"}