{"id":2945,"date":"2025-01-16T23:21:37","date_gmt":"2025-01-16T14:21:37","guid":{"rendered":"https:\/\/j-wire.info\/?page_id=2945"},"modified":"2026-04-21T16:45:44","modified_gmt":"2026-04-21T07:45:44","slug":"amazon-dsp","status":"publish","type":"page","link":"https:\/\/j-wire.info\/?page_id=2945","title":{"rendered":"AMAZON DSP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2945\" class=\"elementor elementor-2945\">\n\t\t\t\t<div class=\"elementor-element elementor-element-666da6a e-flex e-con-boxed e-con e-parent\" data-id=\"666da6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3995e9 elementor-widget elementor-widget-html\" data-id=\"d3995e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n  J-wire DSP \u00d7 AMC \u2014 WordPress Embed Version\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n  HOW TO USE:\n  1. Copy this ENTIRE file content (from <link> to <\/script>)\n  2. In WordPress:\n     - Gutenberg: Add a \"Custom HTML\" block and paste\n     - Elementor: Drop an \"HTML\" widget and paste\n     - Classic editor: Switch to \"Text\" mode and paste\n  3. Upload these folders to your WP media library (or server):\n       - images\/  (all case*, misunderstand*, nayami*, DSP_TOP.png)\n       - frames\/  (frame_0001.jpg \u2026 frame_0071.jpg)\n  4. Set JW_ASSET_BASE below to the base URL where you uploaded them.\n     Example: 'https:\/\/yoursite.com\/wp-content\/uploads\/jwire-dsp\/'\n     (must end with a trailing slash)\n  5. All styles are scoped to .jw-dsp so they won't collide with your theme.\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Manrope:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2501\u2501\u2501 ROOT WRAPPER (scoped) \u2501\u2501\u2501 *\/\n.jw-dsp {\n  --bg:       #E7E6F0;\n  --bg2:      #EDEDF4;\n  --bg3:      #F5F5F9;\n  --dark:     #171717;\n  --dark2:    #2D2F36;\n  --gray:     #8C92A6;\n  --gray2:    #C7C7CE;\n  --gold:     #CEA154;\n  --purple:   #5E5AFF;\n  --white:    #ffffff;\n  --black:    #000000;\n  --ease:     cubic-bezier(.23,1,.32,1);\n  --serif:    'Cormorant Garamond', Georgia, serif;\n  --sans:     'Manrope', system-ui, sans-serif;\n  --display:  'Space Grotesk', sans-serif;\n\n  background: var(--bg);\n  color: var(--dark);\n  font-family: var(--sans);\n  -webkit-font-smoothing: antialiased;\n  line-height: 1.6;\n  font-size: 16px;\n\n  \/* Full-bleed: break out of constrained WP content column.\n     Remove these 5 lines if you prefer the LP to stay inside your content column. *\/\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  \/* IMPORTANT: overflow-x: clip (not hidden) \u2014 `hidden` breaks position:sticky\n     in descendants, causing the hero frame animation to not pin while scrolling. *\/\n  overflow-x: clip;\n}\n.jw-dsp, .jw-dsp *, .jw-dsp *::before, .jw-dsp *::after {\n  box-sizing: border-box;\n}\n.jw-dsp *, .jw-dsp *::before, .jw-dsp *::after {\n  margin: 0; padding: 0;\n}\n.jw-dsp a { text-decoration: none; color: inherit; }\n.jw-dsp ::selection { background: var(--gold); color: var(--white); }\n.jw-dsp img { max-width: 100%; height: auto; display: block; }\n.jw-dsp h1, .jw-dsp h2, .jw-dsp h3, .jw-dsp h4 { font-weight: inherit; }\n.jw-dsp ul { list-style: none; }\n\n\/* \u2501\u2501\u2501 HERO \u2501\u2501\u2501 *\/\n.jw-dsp .hero-wrapper {\n  position: relative;\n}\n.jw-dsp .hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex; flex-direction: column;\n  justify-content: center; align-items: flex-start;\n  padding: 120px 48px 80px;\n  overflow: hidden;\n}\n.jw-dsp .hero-canvas {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90%;\n  height: auto;\n  object-fit: contain;\n  z-index: 0;\n  pointer-events: none;\n}\n.jw-dsp .hero > *:not(.hero-canvas) { position: relative; z-index: 1; }\n.jw-dsp .hero-label {\n  display: flex; align-items: center; gap: 10px;\n  font-size: 0.78rem; font-weight: 600;\n  letter-spacing: 0.25em; text-transform: uppercase;\n  color: var(--gray); margin-bottom: 40px;\n  background: rgba(231, 230, 240, 0.85); padding: 6px 14px; border-radius: 6px;\n  opacity: 0; transform: translateY(16px);\n  animation: jwFadeUp 0.7s var(--ease) 0.2s forwards;\n}\n.jw-dsp .hero-label .dot {\n  width: 6px; height: 6px; border-radius: 50%;\n  background: var(--gold);\n}\n.jw-dsp .hero-title {\n  font-family: var(--sans);\n  font-size: clamp(30px, 3.5vw, 44px);\n  font-weight: 700; line-height: 1.5;\n  letter-spacing: 0.04em;\n  color: var(--dark);\n  max-width: 900px;\n  background: rgba(231, 230, 240, 0.92); padding: 16px 24px; border-radius: 10px;\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n  box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n  opacity: 0; transform: translateY(50px);\n  animation: jwFadeUp 1.1s var(--ease) 0.35s forwards;\n}\n.jw-dsp .hero-title em {\n  font-style: normal; font-weight: 700;\n  color: var(--gold);\n}\n.jw-dsp .hero-accent {\n  font-family: var(--serif);\n  font-size: clamp(42px, 5.5vw, 74px);\n  font-weight: 600; line-height: 1.15;\n  letter-spacing: -0.02em;\n  margin-top: 8px;\n  opacity: 0; transform: translateY(30px);\n  animation: jwFadeUp 1s var(--ease) 0.5s forwards;\n  padding: 12px 20px; border-radius: 10px;\n  color: var(--dark);\n  position: relative;\n  display: inline-block;\n}\n.jw-dsp .hero-accent::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: rgba(231, 230, 240, 0.92);\n  border-radius: 10px;\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n  box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n  z-index: -1;\n}\n.jw-dsp .hero-sub {\n  font-size: clamp(17px, 1.5vw, 21px);\n  line-height: 2; color: var(--gray);\n  max-width: 520px; margin-top: 36px;\n  background: rgba(231, 230, 240, 0.85); padding: 14px 20px; border-radius: 10px;\n  opacity: 0; transform: translateY(24px);\n  animation: jwFadeUp 0.9s var(--ease) 0.6s forwards;\n}\n.jw-dsp .hero-sub strong { color: var(--dark); font-weight: 600; }\n.jw-dsp .hero-scroll {\n  position: absolute; bottom: 48px; left: 48px;\n  display: flex; align-items: center; gap: 14px;\n  font-size: 0.7rem; font-weight: 600;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--gray);\n  opacity: 0; animation: jwFadeUp 0.8s var(--ease) 1.2s forwards;\n}\n.jw-dsp .scroll-dot {\n  width: 32px; height: 32px; border-radius: 50%;\n  border: 1.5px solid var(--gray2);\n  display: flex; align-items: center; justify-content: center;\n  animation: jwPulse 2.5s ease-in-out infinite;\n}\n.jw-dsp .scroll-dot::after {\n  content: ''; width: 4px; height: 4px;\n  border-radius: 50%; background: var(--gold);\n}\n@keyframes jwPulse {\n  0%,100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.15); opacity: 1; }\n}\n\n\/* \u2501\u2501\u2501 COMPARE CARDS \u2501\u2501\u2501 *\/\n.jw-dsp .compare-row {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 20px; margin-top: 40px; max-width: 600px;\n  opacity: 0; transform: translateY(24px);\n  animation: jwFadeUp 0.9s var(--ease) 0.75s forwards;\n}\n.jw-dsp .compare-card {\n  padding: 28px 24px;\n  border-radius: 16px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.6) inset, 0 8px 20px rgba(0,0,0,0.04);\n}\n.jw-dsp .compare-card--sp { background: var(--bg2); }\n.jw-dsp .compare-card--dsp { background: var(--white); border: 1px solid rgba(206,161,84,0.25); }\n.jw-dsp .compare-tag {\n  font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  margin-bottom: 10px;\n}\n.jw-dsp .compare-card--sp .compare-tag { color: var(--gray); }\n.jw-dsp .compare-card--dsp .compare-tag { color: var(--gold); }\n.jw-dsp .compare-val {\n  font-family: var(--serif);\n  font-size: 1.1rem; font-weight: 600; line-height: 1.6;\n}\n.jw-dsp .compare-card--sp .compare-val { color: var(--gray); }\n.jw-dsp .compare-card--dsp .compare-val { color: var(--dark); }\n.jw-dsp .hero-bridge {\n  font-size: 1.02rem; line-height: 2;\n  color: var(--gray); margin-top: 32px; max-width: 520px;\n  opacity: 0; transform: translateY(20px);\n  animation: jwFadeUp 0.9s var(--ease) 0.9s forwards;\n}\n.jw-dsp .hero-bridge strong { color: var(--dark); font-weight: 600; }\n\n\/* \u2501\u2501\u2501 FULL-SCREEN SECTIONS \u2501\u2501\u2501 *\/\n.jw-dsp .fs {\n  min-height: 100vh;\n  display: flex; flex-direction: column;\n  justify-content: center; align-items: center;\n  text-align: center;\n  padding: 120px 48px;\n  position: relative;\n}\n.jw-dsp .fs-label {\n  display: flex; align-items: center; gap: 10px;\n  font-size: 0.76rem; font-weight: 600;\n  letter-spacing: 0.3em; text-transform: uppercase;\n  color: var(--gray); margin-bottom: 32px;\n}\n.jw-dsp .fs-label .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }\n.jw-dsp .fs-title {\n  font-family: var(--serif);\n  font-size: clamp(28px, 4.5vw, 60px);\n  font-weight: 300; line-height: 1.2;\n  letter-spacing: -0.01em;\n  max-width: 800px;\n}\n.jw-dsp .fs-title em { font-style: italic; color: var(--gold); }\n.jw-dsp .fs-title strong { font-weight: 600; }\n.jw-dsp .fs-body {\n  font-size: 1.08rem; line-height: 2;\n  color: var(--gray);\n  max-width: 540px; margin-top: 32px;\n}\n.jw-dsp .fs-body strong { color: var(--dark); font-weight: 600; }\n.jw-dsp .fs--with-images {\n  flex-direction: row;\n  align-items: center;\n  gap: 40px;\n}\n.jw-dsp .fs-center {\n  display: flex; flex-direction: column;\n  align-items: center; text-align: center;\n  flex: 1; min-width: 0;\n}\n.jw-dsp .fs-img {\n  width: clamp(160px, 18vw, 280px);\n  height: auto;\n  object-fit: contain;\n  flex-shrink: 0;\n  border-radius: 16px;\n}\n\n\/* \u2501\u2501\u2501 CONTENT SECTIONS \u2501\u2501\u2501 *\/\n.jw-dsp .sec {\n  padding: 140px 48px;\n  max-width: 780px;\n  margin: 0 auto;\n}\n.jw-dsp .sec-wide { max-width: 1000px; }\n.jw-dsp .sec-label {\n  display: flex; align-items: center; gap: 10px;\n  font-size: 0.76rem; font-weight: 600;\n  letter-spacing: 0.28em; text-transform: uppercase;\n  color: var(--gold); margin-bottom: 28px;\n}\n.jw-dsp .sec-label .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); }\n.jw-dsp .sec-title {\n  font-family: var(--serif);\n  font-size: clamp(24px, 3.2vw, 44px);\n  font-weight: 300; line-height: 1.25;\n  margin-bottom: 24px;\n}\n.jw-dsp .sec-title em { font-style: italic; color: var(--gold); }\n.jw-dsp .sec-title strong { font-weight: 600; }\n.jw-dsp .sec-lead {\n  font-size: 1.08rem; line-height: 2.1;\n  color: var(--gray); margin-bottom: 56px;\n}\n.jw-dsp .sec-lead strong { color: var(--dark); font-weight: 600; }\n\n\/* \u2500\u2500 Myth cards \u2500\u2500 *\/\n.jw-dsp .myth-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 20px; margin-bottom: 48px;\n}\n.jw-dsp .myth-card {\n  padding: 32px 28px;\n  background: var(--white);\n  border-radius: 16px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 8px 24px rgba(0,0,0,0.04);\n}\n.jw-dsp .myth-card-num {\n  font-family: var(--display);\n  font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 0.15em; color: var(--gold);\n  margin-bottom: 14px;\n}\n.jw-dsp .myth-card-q {\n  font-family: var(--serif);\n  font-size: 1.1rem; font-weight: 600;\n  margin-bottom: 14px; color: var(--dark);\n}\n.jw-dsp .myth-card-wrong {\n  font-size: 0.88rem; color: #d45; font-weight: 500;\n  margin-bottom: 6px;\n}\n.jw-dsp .myth-card-right {\n  font-size: 0.92rem; color: var(--gold); font-weight: 600;\n  line-height: 1.7;\n}\n.jw-dsp .myth-card-img {\n  width: 100%; height: auto;\n  object-fit: contain;\n  border-radius: 10px;\n  margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 Pain list \u2500\u2500 *\/\n.jw-dsp .pain-list { list-style: none; margin-bottom: 48px; }\n.jw-dsp .pain-list li {\n  font-size: 1.05rem; line-height: 2.4;\n  color: var(--gray);\n  padding-left: 28px; position: relative;\n}\n.jw-dsp .pain-list li::before {\n  content: '\u00d7'; position: absolute; left: 0;\n  color: var(--gold); font-weight: 700;\n  font-family: var(--display);\n}\n.jw-dsp .pain-box {\n  padding: 36px 40px;\n  background: var(--white);\n  border-radius: 16px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 8px 24px rgba(0,0,0,0.04);\n  margin-bottom: 32px;\n}\n.jw-dsp .pain-box p {\n  font-size: 1.05rem; line-height: 2; color: var(--gray);\n}\n.jw-dsp .pain-box strong { color: var(--dark); }\n\n\/* \u2500\u2500 Power box (\u305d\u3057\u3066\u5b9f\u306f\u2500\u2500...\u30d1\u30ef\u30d5\u30eb) \u2500\u2500 *\/\n.jw-dsp .power-box {\n  margin-top: 32px;\n  padding: 32px;\n  background: linear-gradient(135deg, #ffffff 0%, #fbf7ef 100%);\n  border-radius: 20px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 12px 32px rgba(0,0,0,0.05);\n  text-align: center;\n}\n.jw-dsp .power-box-img {\n  display: block;\n  width: 100%;\n  max-width: 820px;\n  height: auto;\n  margin: 0 auto;\n  border-radius: 12px;\n}\n@media (max-width: 768px) {\n  .jw-dsp .power-box { padding: 20px; }\n}\n\n.jw-dsp .callout {\n  font-family: var(--serif);\n  font-size: 1.2rem; font-weight: 600;\n  color: var(--gold); margin-top: 16px;\n}\n\n\/* \u2500\u2500 Case study grid \u2500\u2500 *\/\n.jw-dsp .case-grid {\n  display: grid; grid-template-columns: 1fr;\n  gap: 20px; margin-top: 48px;\n}\n.jw-dsp .case-card {\n  padding: 32px 28px;\n  background: var(--white);\n  border-radius: 16px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 8px 24px rgba(0,0,0,0.04);\n}\n.jw-dsp .case-tag {\n  font-family: var(--display);\n  font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 0.15em; color: var(--gold);\n  margin-bottom: 8px;\n}\n.jw-dsp .case-name {\n  font-family: var(--serif);\n  font-size: 1.15rem; font-weight: 600;\n  margin-bottom: 10px; color: var(--dark);\n}\n.jw-dsp .case-desc {\n  font-size: 0.92rem; line-height: 1.8; color: var(--gray);\n}\n.jw-dsp .case-detail {\n  font-size: 0.85rem; line-height: 1.9; color: var(--gray);\n  margin-top: 14px; padding-top: 14px;\n  border-top: 1px solid rgba(0,0,0,0.05);\n}\n.jw-dsp .case-metrics {\n  display: flex; flex-wrap: wrap; gap: 8px;\n  margin-top: 14px;\n}\n.jw-dsp .case-metric {\n  padding: 6px 14px;\n  background: var(--bg2);\n  border-radius: 100px;\n  font-family: var(--display);\n  font-size: 0.76rem; font-weight: 600;\n  color: var(--gold);\n}\n.jw-dsp .case-title-img {\n  display: block;\n  width: 100%;\n  max-width: 560px;\n  height: auto;\n  margin: 6px 0 18px;\n}\n.jw-dsp .case-gallery {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  margin-top: 22px;\n}\n.jw-dsp .case-gallery img {\n  width: 100%;\n  height: auto;\n  border-radius: 12px;\n  display: block;\n  background: var(--bg2);\n  box-shadow: 0 6px 18px rgba(0,0,0,0.06);\n}\n.jw-dsp .case-gallery .case-gallery-wide {\n  grid-column: 1 \/ -1;\n}\n\n\/* \u2500\u2500 Insight items \u2500\u2500 *\/\n.jw-dsp .insight-list { counter-reset: ins; }\n.jw-dsp .ins-item {\n  padding: 40px 0;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n  display: grid; grid-template-columns: 48px 1fr 300px;\n  gap: 32px; align-items: center;\n}\n.jw-dsp .ins-item:first-child { border-top: 1px solid rgba(0,0,0,0.06); }\n.jw-dsp .ins-num {\n  font-family: var(--display);\n  font-size: 0.76rem; font-weight: 700;\n  letter-spacing: 0.15em; color: var(--gold);\n  padding-top: 5px;\n  align-self: start;\n}\n.jw-dsp .ins-title {\n  font-family: var(--serif);\n  font-size: 1.3rem; font-weight: 600;\n  margin-bottom: 8px;\n}\n.jw-dsp .ins-desc {\n  font-size: 1.02rem; line-height: 2;\n  color: var(--gray); margin-bottom: 10px;\n}\n.jw-dsp .ins-action {\n  font-size: 0.88rem; font-weight: 600;\n  color: var(--gold);\n}\n.jw-dsp .ins-highlight {\n  font-family: var(--serif);\n  font-size: 1.05rem; font-weight: 600;\n  color: var(--gold); margin-top: 8px;\n}\n.jw-dsp .ins-visual {\n  display: flex; align-items: center; justify-content: center;\n  padding: 20px;\n  background: linear-gradient(135deg, #ffffff 0%, #fbf7ef 100%);\n  border-radius: 16px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.04);\n}\n.jw-dsp .ins-visual img {\n  width: 100%; max-width: 260px;\n  height: auto; display: block;\n}\n\n\/* \u2500\u2500 Analysis chips \u2500\u2500 *\/\n.jw-dsp .analysis-row {\n  display: flex; flex-wrap: wrap; gap: 14px;\n  margin: 32px 0;\n}\n.jw-dsp .analysis-chip {\n  display: flex; align-items: center; gap: 8px;\n  padding: 14px 22px;\n  background: var(--white);\n  border-radius: 12px;\n  font-size: 0.92rem; font-weight: 500;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 6px 16px rgba(0,0,0,0.04);\n  color: var(--dark);\n}\n\n\/* \u2500\u2500 Data Showcase (dashboard visualization) \u2500\u2500 *\/\n.jw-dsp .data-showcase {\n  position: relative;\n  margin: 56px 0 24px;\n  padding: 40px 20px 80px;\n  perspective: 1400px;\n}\n.jw-dsp .data-showcase::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse at 30% 40%, rgba(206,161,84,0.06), transparent 60%),\n    radial-gradient(ellipse at 70% 60%, rgba(94,90,255,0.04), transparent 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n.jw-dsp .data-stage {\n  position: relative;\n  display: flex; justify-content: center;\n  min-height: 360px;\n  z-index: 1;\n}\n.jw-dsp .data-card {\n  background: var(--white);\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow:\n    0 24px 60px rgba(0,0,0,0.14),\n    0 8px 20px rgba(0,0,0,0.06),\n    0 0 0 1px rgba(0,0,0,0.03);\n  transition: transform 0.9s var(--ease), box-shadow 0.6s var(--ease);\n  will-change: transform;\n}\n.jw-dsp .data-card-bar {\n  display: flex; align-items: center; gap: 6px;\n  padding: 10px 14px;\n  background: linear-gradient(180deg, #fafafc, #eeeef3);\n  border-bottom: 1px solid rgba(0,0,0,0.04);\n}\n.jw-dsp .data-card-bar span {\n  width: 10px; height: 10px; border-radius: 50%;\n  background: #dcdce4;\n}\n.jw-dsp .data-card-bar span:nth-child(1) { background: #ff6a63; }\n.jw-dsp .data-card-bar span:nth-child(2) { background: #ffbe2e; }\n.jw-dsp .data-card-bar span:nth-child(3) { background: #2fc95d; }\n.jw-dsp .data-card-bar::after {\n  content: 'J-wire Analytics';\n  margin-left: 14px;\n  font-family: var(--display);\n  font-size: 0.7rem; font-weight: 600;\n  letter-spacing: 0.16em;\n  color: var(--gray);\n}\n.jw-dsp .data-card img {\n  display: block; width: 100%; height: auto;\n}\n.jw-dsp .data-card--back {\n  position: absolute;\n  top: 0; left: 50%;\n  width: 62%; max-width: 640px;\n  transform: translateX(-72%) rotate(-5deg);\n  opacity: 0.92;\n  animation: jwDataFloatBack 7s ease-in-out infinite;\n  z-index: 1;\n}\n.jw-dsp .data-card--front {\n  position: relative;\n  width: 68%; max-width: 720px;\n  margin-top: 80px;\n  transform: rotate(3deg);\n  animation: jwDataFloatFront 7s ease-in-out infinite;\n  z-index: 2;\n}\n@keyframes jwDataFloatBack {\n  0%, 100% { transform: translateX(-72%) rotate(-5deg) translateY(0); }\n  50%      { transform: translateX(-72%) rotate(-5deg) translateY(-14px); }\n}\n@keyframes jwDataFloatFront {\n  0%, 100% { transform: rotate(3deg) translateY(0); }\n  50%      { transform: rotate(3deg) translateY(10px); }\n}\n.jw-dsp .data-showcase:hover .data-card--back {\n  transform: translateX(-82%) rotate(-7deg) translateY(-20px);\n  animation-play-state: paused;\n}\n.jw-dsp .data-showcase:hover .data-card--front {\n  transform: rotate(5deg) translate(30px, 10px);\n  animation-play-state: paused;\n  box-shadow:\n    0 36px 80px rgba(0,0,0,0.18),\n    0 12px 28px rgba(0,0,0,0.08),\n    0 0 0 1px rgba(0,0,0,0.03);\n}\n.jw-dsp .data-card-tag {\n  position: absolute;\n  font-family: var(--display);\n  font-size: 0.7rem; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--gold);\n  background: rgba(255,255,255,0.92);\n  padding: 6px 12px; border-radius: 4px;\n  box-shadow: 0 4px 14px rgba(0,0,0,0.06);\n  z-index: 3;\n}\n.jw-dsp .data-card-tag--left {\n  top: 30px; left: 8%;\n  animation: jwDataFloatBack 7s ease-in-out infinite;\n}\n.jw-dsp .data-card-tag--right {\n  bottom: 60px; right: 8%;\n  animation: jwDataFloatFront 7s ease-in-out infinite;\n}\n\n\/* Narrative *\/\n.jw-dsp .data-narrative {\n  max-width: 720px;\n  margin: 56px auto 24px;\n  text-align: center;\n  position: relative;\n}\n.jw-dsp .data-narrative-lead {\n  font-family: var(--display);\n  font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 0.28em; text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 20px;\n}\n.jw-dsp .data-narrative-lead::before,\n.jw-dsp .data-narrative-lead::after {\n  content: ''; display: inline-block;\n  width: 28px; height: 1px;\n  background: var(--gold);\n  vertical-align: middle;\n  margin: 0 14px;\n  opacity: 0.6;\n}\n.jw-dsp .data-narrative p {\n  font-family: var(--serif);\n  font-size: 1.22rem;\n  line-height: 2;\n  color: var(--dark);\n  font-weight: 500;\n}\n.jw-dsp .data-narrative p + p {\n  margin-top: 14px;\n  font-size: 1.05rem;\n  color: var(--gray);\n  line-height: 2;\n}\n.jw-dsp .data-narrative em {\n  font-style: normal;\n  color: var(--gold);\n  font-weight: 600;\n  position: relative;\n  display: inline-block;\n}\n.jw-dsp .data-narrative em::after {\n  content: '';\n  position: absolute;\n  left: 0; right: 0; bottom: -2px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  opacity: 0.7;\n}\n\n\/* \u2500\u2500 Note box \u2500\u2500 *\/\n.jw-dsp .note-box {\n  margin-top: 48px; padding: 28px 32px;\n  background: var(--white);\n  border-left: 3px solid var(--gold);\n  border-radius: 0 12px 12px 0;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.03);\n}\n.jw-dsp .note-box p {\n  font-family: var(--serif);\n  font-size: 1.05rem; font-weight: 600;\n  color: var(--gold);\n}\n.jw-dsp .note-box-img {\n  display: block;\n  width: 100%;\n  max-width: 520px;\n  height: auto;\n  margin: 20px auto 0;\n  border-radius: 12px;\n}\n\n\/* \u2500\u2500 Summary \u2500\u2500 *\/\n.jw-dsp .sum-box {\n  position: relative;\n  padding: 56px 52px;\n  background: linear-gradient(135deg, #ffffff 0%, #fdfaf3 100%);\n  border-radius: 24px;\n  box-shadow:\n    0 0 0.4rem rgba(255,255,255,0.8) inset,\n    0 20px 48px rgba(0,0,0,0.05),\n    0 4px 12px rgba(0,0,0,0.02);\n  margin-top: 48px;\n  overflow: hidden;\n}\n.jw-dsp .sum-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);\n  opacity: 0.8;\n}\n.jw-dsp .sum-box::after {\n  content: '';\n  position: absolute;\n  top: -60%; right: -20%;\n  width: 400px; height: 400px;\n  background: radial-gradient(circle, rgba(206,161,84,0.08), transparent 60%);\n  pointer-events: none;\n}\n.jw-dsp .sum-header {\n  position: relative;\n  text-align: center;\n  margin-bottom: 40px;\n}\n.jw-dsp .sum-tag {\n  display: inline-block;\n  font-family: var(--display);\n  font-size: 0.7rem; font-weight: 700;\n  letter-spacing: 0.32em; text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 12px;\n}\n.jw-dsp .sum-tag::before,\n.jw-dsp .sum-tag::after {\n  content: ''; display: inline-block;\n  width: 28px; height: 1px;\n  background: var(--gold);\n  vertical-align: middle;\n  margin: 0 12px;\n  opacity: 0.6;\n}\n.jw-dsp .sum-title {\n  font-family: var(--serif);\n  font-size: 2rem; font-weight: 600;\n  color: var(--dark);\n  letter-spacing: 0.02em;\n}\n.jw-dsp .sum-subtitle {\n  font-size: 0.92rem; color: var(--gray);\n  margin-top: 8px; line-height: 1.8;\n}\n.jw-dsp .sum-wins {\n  list-style: none;\n  margin: 32px auto 0;\n  position: relative;\n  counter-reset: jwWinCount;\n  max-width: 640px;\n}\n.jw-dsp .sum-wins li {\n  position: relative;\n  display: grid;\n  grid-template-columns: 72px 1fr;\n  gap: 24px;\n  align-items: baseline;\n  padding: 26px 8px;\n  border-bottom: 1px solid rgba(206,161,84,0.18);\n  counter-increment: jwWinCount;\n  transition: padding 0.5s var(--ease);\n}\n.jw-dsp .sum-wins li:first-child {\n  border-top: 1px solid rgba(206,161,84,0.18);\n}\n.jw-dsp .sum-wins li::before {\n  content: counter(jwWinCount, upper-roman) \".\";\n  font-family: var(--serif);\n  font-size: 2.2rem;\n  font-style: italic;\n  font-weight: 500;\n  color: var(--gold);\n  line-height: 1;\n  letter-spacing: 0.02em;\n  transition: transform 0.5s var(--ease), color 0.5s var(--ease);\n  transform-origin: left center;\n}\n.jw-dsp .sum-win-title {\n  font-family: var(--serif);\n  font-size: 1.3rem;\n  font-weight: 600;\n  color: var(--dark);\n  line-height: 1.5;\n  letter-spacing: 0.01em;\n  position: relative;\n  display: inline-block;\n}\n.jw-dsp .sum-win-title::after {\n  content: '';\n  position: absolute;\n  left: 0; bottom: -4px;\n  width: 0; height: 1px;\n  background: var(--gold);\n  transition: width 0.6s var(--ease);\n}\n.jw-dsp .sum-win-desc {\n  font-size: 0.92rem;\n  line-height: 1.85;\n  color: var(--gray);\n  margin-top: 8px;\n  font-weight: 400;\n}\n.jw-dsp .sum-wins li:hover {\n  padding-left: 16px;\n}\n.jw-dsp .sum-wins li:hover::before {\n  transform: scale(1.08);\n  color: #b8873d;\n}\n.jw-dsp .sum-wins li:hover .sum-win-title::after {\n  width: 100%;\n}\n\n\/* \u2500\u2500 Strength grid \u2500\u2500 *\/\n.jw-dsp .strength-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 20px; margin-top: 40px;\n}\n.jw-dsp .strength-card {\n  padding: 28px 24px;\n  background: var(--white);\n  border-radius: 16px;\n  box-shadow: 0 0 0.4rem rgba(255,255,255,0.8) inset, 0 8px 24px rgba(0,0,0,0.04);\n}\n.jw-dsp .strength-card p {\n  font-size: 0.95rem; line-height: 1.8; color: var(--gray);\n}\n.jw-dsp .strength-card strong { color: var(--dark); }\n\n\/* \u2500\u2500 Strength showcase (image-based) \u2500\u2500 *\/\n.jw-dsp .strength-showcase {\n  position: relative;\n  margin: 48px auto 0;\n  width: 100%;\n  padding: 56px 52px;\n  background: linear-gradient(135deg, #ffffff 0%, #fdfaf3 100%);\n  border-radius: 24px;\n  box-shadow:\n    0 0 0.4rem rgba(255,255,255,0.8) inset,\n    0 20px 48px rgba(0,0,0,0.05),\n    0 4px 12px rgba(0,0,0,0.02);\n  display: flex; flex-direction: column; align-items: center;\n  overflow: hidden;\n}\n.jw-dsp .strength-showcase::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);\n  opacity: 0.8;\n}\n.jw-dsp .strength-showcase::after {\n  content: '';\n  position: absolute;\n  bottom: -40%; left: -15%;\n  width: 420px; height: 420px;\n  background: radial-gradient(circle, rgba(206,161,84,0.08), transparent 60%);\n  pointer-events: none;\n}\n.jw-dsp .strength-image-wrap {\n  position: relative;\n  display: inline-block;\n  padding: 20px;\n  transform-origin: center bottom;\n  animation: jwStrengthFloat 5.5s ease-in-out infinite;\n  transition: transform 0.8s var(--ease);\n  z-index: 1;\n}\n.jw-dsp .strength-image-wrap::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 50% 40%,\n    rgba(206,161,84,0.22),\n    transparent 60%);\n  z-index: -1;\n  opacity: 0;\n  transform: scale(0.9);\n  transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);\n}\n@keyframes jwStrengthFloat {\n  0%, 100% { transform: translateY(0) rotate(0deg); }\n  25%      { transform: translateY(-8px) rotate(-0.4deg); }\n  75%      { transform: translateY(-4px) rotate(0.4deg); }\n}\n.jw-dsp .strength-showcase:hover .strength-image-wrap {\n  transform: translateY(-18px) scale(1.03);\n  animation-play-state: paused;\n}\n.jw-dsp .strength-showcase:hover .strength-image-wrap::before {\n  opacity: 1;\n  transform: scale(1.15);\n}\n.jw-dsp .strength-image {\n  display: block;\n  width: 100%;\n  max-width: 560px;\n  height: auto;\n  filter: drop-shadow(0 28px 56px rgba(0,0,0,0.12)) drop-shadow(0 8px 18px rgba(0,0,0,0.05));\n  transition: filter 0.8s var(--ease);\n}\n.jw-dsp .strength-showcase:hover .strength-image {\n  filter: drop-shadow(0 48px 80px rgba(0,0,0,0.18)) drop-shadow(0 14px 28px rgba(0,0,0,0.08)) drop-shadow(0 0 24px rgba(206,161,84,0.25));\n}\n.jw-dsp .strength-caption {\n  margin-top: 24px;\n  font-family: var(--display);\n  font-size: 0.72rem; font-weight: 700;\n  letter-spacing: 0.32em; text-transform: uppercase;\n  color: var(--gold);\n  position: relative;\n  z-index: 1;\n}\n.jw-dsp .strength-caption::before,\n.jw-dsp .strength-caption::after {\n  content: ''; display: inline-block;\n  width: 28px; height: 1px;\n  background: var(--gold);\n  vertical-align: middle;\n  margin: 0 14px;\n  opacity: 0.5;\n}\n\n\/* \u2501\u2501\u2501 DIVIDER \u2501\u2501\u2501 *\/\n.jw-dsp .divider {\n  width: 100%; padding: 0 48px;\n}\n.jw-dsp .divider-line {\n  height: 1px;\n  background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.06) 20%, rgba(0,0,0,0.06) 80%, transparent 100%);\n}\n\n\/* \u2501\u2501\u2501 CTA \u2501\u2501\u2501 *\/\n.jw-dsp .sec-cta {\n  background: var(--black);\n  color: var(--white);\n  text-align: center;\n  padding: 160px 48px;\n}\n.jw-dsp .cta-title {\n  font-family: var(--serif);\n  font-size: clamp(28px, 4.2vw, 54px);\n  font-weight: 300; line-height: 1.25;\n}\n.jw-dsp .cta-title em { font-style: italic; color: var(--gold); }\n.jw-dsp .cta-body {\n  font-size: 1.08rem; line-height: 2;\n  color: rgba(255,255,255,0.45);\n  max-width: 480px; margin: 32px auto 0;\n}\n.jw-dsp .cta-body strong { color: rgba(255,255,255,0.7); font-weight: 600; }\n.jw-dsp .cta-items {\n  display: flex; justify-content: center; gap: 28px;\n  margin-top: 40px; flex-wrap: wrap;\n}\n.jw-dsp .cta-item {\n  display: flex; align-items: center; gap: 8px;\n  font-size: 0.88rem; color: rgba(255,255,255,0.45);\n}\n.jw-dsp .cta-item::before {\n  content: '\u2713'; color: var(--gold); font-weight: 700;\n}\n.jw-dsp .cta-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  margin-top: 52px; padding: 16px 40px;\n  background: var(--white); color: var(--dark);\n  font-family: var(--display);\n  font-size: 0.92rem; font-weight: 600; letter-spacing: 0.03em;\n  border-radius: 8px;\n  transition: transform 0.25s var(--ease), box-shadow 0.25s;\n}\n.jw-dsp .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(255,255,255,0.12); }\n.jw-dsp .cta-sub {\n  margin-top: 20px; font-size: 0.82rem;\n  color: rgba(255,255,255,0.25);\n}\n\n\/* \u2501\u2501\u2501 FOOTER \u2501\u2501\u2501 *\/\n.jw-dsp .jw-footer {\n  background: var(--black); color: var(--white);\n  padding: 48px 48px 40px;\n  display: flex; justify-content: space-between; align-items: center;\n  border-top: 1px solid rgba(255,255,255,0.06);\n}\n.jw-dsp .foot-brand {\n  font-family: var(--display);\n  font-size: 0.82rem; font-weight: 600;\n  color: rgba(255,255,255,0.4);\n}\n.jw-dsp .foot-brand em { color: var(--gold); font-style: normal; }\n.jw-dsp .foot-copy { font-size: 0.7rem; color: rgba(255,255,255,0.2); }\n.jw-dsp .foot-copy a { color: var(--gold); opacity: 0.5; }\n.jw-dsp .foot-copy a:hover { opacity: 1; }\n\n\/* \u2501\u2501\u2501 KEYFRAMES \u2501\u2501\u2501 *\/\n@keyframes jwFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n.jw-dsp .reveal {\n  opacity: 0; transform: translateY(32px);\n  transition: opacity 1s var(--ease), transform 1s var(--ease);\n}\n.jw-dsp .reveal.vis { opacity: 1; transform: translateY(0); }\n.jw-dsp .rd1 { transition-delay: 0.08s; }\n.jw-dsp .rd2 { transition-delay: 0.16s; }\n.jw-dsp .rd3 { transition-delay: 0.24s; }\n\n\/* \u2501\u2501\u2501 RESPONSIVE \u2501\u2501\u2501 *\/\n@media (max-width: 768px) {\n  .jw-dsp .hero {\n    padding: 70px 16px 40px;\n    align-items: center;\n    text-align: center;\n    justify-content: flex-start;\n  }\n  .jw-dsp .hero-canvas {\n    width: 100%; max-width: 100%;\n    top: auto; bottom: 30%;\n    transform: translate(-50%, 0);\n    opacity: 1;\n  }\n  .jw-dsp .hero-label {\n    font-size: 0.6rem; letter-spacing: 0.18em;\n    margin-bottom: 14px; padding: 4px 10px;\n  }\n  .jw-dsp .hero-title {\n    font-size: 20px; line-height: 1.5; font-weight: 700;\n    padding: 10px 14px; max-width: 100%;\n    white-space: nowrap;\n  }\n  .jw-dsp .hero-accent {\n    font-size: 20px; line-height: 1.3;\n    padding: 8px 14px; margin-top: 8px;\n    white-space: nowrap;\n  }\n  .jw-dsp .hero-sub {\n    font-size: 13px; line-height: 1.85;\n    padding: 10px 14px; margin-top: 18px;\n  }\n  .jw-dsp .hero-bridge {\n    font-size: 0.82rem; line-height: 1.8;\n    margin-top: 16px; text-align: center;\n  }\n  .jw-dsp .compare-row {\n    grid-template-columns: 1fr 1fr;\n    gap: 8px; width: 100%;\n    \/* auto margin-top pushes compare-row + everything after to the bottom of hero *\/\n    margin-top: auto;\n  }\n  .jw-dsp .compare-card { padding: 14px 12px; }\n  .jw-dsp .compare-tag { font-size: 0.6rem; margin-bottom: 6px; }\n  .jw-dsp .compare-val { font-size: 0.82rem; line-height: 1.4; }\n  .jw-dsp .hero-scroll { display: none; }\n\n  .jw-dsp .fs { padding: 48px 20px; }\n  .jw-dsp .sec { padding: 80px 20px; }\n  .jw-dsp .sec-cta { padding: 100px 20px; }\n  .jw-dsp .jw-footer { padding: 32px 20px; flex-direction: column; gap: 12px; }\n  .jw-dsp .myth-grid { grid-template-columns: 1fr; }\n  .jw-dsp .fs--with-images { flex-direction: column; gap: 12px; min-height: auto; }\n  .jw-dsp .fs-img { width: clamp(120px, 40vw, 200px); }\n  .jw-dsp .strength-grid { grid-template-columns: 1fr; }\n  .jw-dsp .ins-item { grid-template-columns: 1fr; gap: 16px; }\n  .jw-dsp .ins-visual { order: -1; padding: 16px; }\n  .jw-dsp .ins-visual img { max-width: 220px; }\n  .jw-dsp .cta-items { flex-direction: column; align-items: center; gap: 12px; }\n\n  .jw-dsp .sum-box { padding: 36px 24px; }\n  .jw-dsp .sum-title { font-size: 1.5rem; }\n  .jw-dsp .sum-wins { max-width: 100%; }\n  .jw-dsp .sum-wins li {\n    grid-template-columns: 48px 1fr;\n    gap: 14px;\n    padding: 20px 4px;\n  }\n  .jw-dsp .sum-wins li::before { font-size: 1.6rem; }\n  .jw-dsp .sum-win-title { font-size: 1.08rem; }\n  .jw-dsp .sum-win-desc { font-size: 0.86rem; }\n  .jw-dsp .sum-wins li:hover { padding-left: 8px; }\n\n  .jw-dsp .strength-showcase { margin: 32px auto 0; padding: 36px 20px; }\n  .jw-dsp .strength-image-wrap { padding: 12px; }\n  .jw-dsp .strength-image { max-width: 100%; }\n\n  .jw-dsp .data-showcase { padding: 20px 0 40px; margin: 32px 0 16px; }\n  .jw-dsp .data-stage { min-height: 0; flex-direction: column; gap: 20px; }\n  .jw-dsp .data-card--back,\n  .jw-dsp .data-card--front {\n    position: relative;\n    top: auto; left: auto;\n    width: 100%; max-width: 100%;\n    transform: none !important;\n    margin-top: 0;\n    animation: none;\n    opacity: 1;\n  }\n  .jw-dsp .data-card-tag--left,\n  .jw-dsp .data-card-tag--right {\n    position: static;\n    display: inline-block;\n    animation: none;\n    margin: 0 auto 8px;\n  }\n  .jw-dsp .data-narrative { margin: 32px auto 16px; }\n  .jw-dsp .data-narrative p { font-size: 1.05rem; line-height: 1.9; }\n  .jw-dsp .data-narrative p + p { font-size: 0.95rem; }\n}\n@media (max-width: 640px) {\n  .jw-dsp .case-gallery { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"jw-dsp\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hero-wrapper\">\n    <section class=\"hero\">\n      <img decoding=\"async\" class=\"hero-canvas\" src=\"frames\/frame_0071.jpg?v=5\" alt=\"\">\n      <div class=\"hero-label reveal\">\n        <span class=\"dot\"><\/span> DSP \u00d7 AMC for Amazon Sellers\n      <\/div>\n      <h1 class=\"hero-title\">\n        DSP\u306f<em>\"\u8a8d\u77e5\u5e83\u544a\"<\/em>\u3067\u306f\u306a\u3044\u3002\n      <\/h1>\n      <p class=\"hero-accent\">\n        \u300c\u58f2\u308c\u308b\u8a2d\u8a08\u304c\u3067\u304d\u308b\u5e83\u544a\u300d\u3060\u3002\n      <\/p>\n\n      <div class=\"compare-row\">\n        <div class=\"compare-card compare-card--sp\">\n          <div class=\"compare-tag\">SP<\/div>\n          <div class=\"compare-val\">\u300c\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u300d<\/div>\n        <\/div>\n        <div class=\"compare-card compare-card--dsp\">\n          <div class=\"compare-tag\">DSP<\/div>\n          <div class=\"compare-val\">\u300c\u30b6\u30a4\u30aa\u30f3\u52b9\u679c\u300d<br><span style=\"font-size:0.82rem;color:#8C92A6;font-family:Manrope,system-ui,sans-serif;\">\u63a5\u89e6\u3067\u58f2\u308c\u308b<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <p class=\"hero-bridge\">\n        \u2500\u2500\u5f79\u5272\u306f\u9055\u3046\u3002<br>\n        \u305d\u3057\u3066\u3001\u3053\u306e<strong>2\u3064\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u3068\u304d\u3001\u58f2\u4e0a\u306f\u6700\u5927\u5316\u3059\u308b\u3002<\/strong>\n      <\/p>\n\n      <div class=\"hero-scroll\">\n        <div class=\"scroll-dot\"><\/div>\n        scroll to begin\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FULL \u2014 \u306a\u305c\u8aa4\u89e3\u3055\u308c\u3066\u3044\u308b\u304b \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"fs fs--with-images\">\n    <img decoding=\"async\" src=\"images\/nayami-1.png\" alt=\"\" class=\"fs-img fs-img--left reveal\">\n    <div class=\"fs-center\">\n      <div class=\"fs-label reveal\"><span class=\"dot\"><\/span> Why Misunderstood<\/div>\n      <h2 class=\"fs-title reveal rd1\">\n        \u306a\u305cDSP\u306f<br><em>\u8aa4\u89e3<\/em>\u3055\u308c\u3066\u3044\u308b\u306e\u304b\uff1f\n      <\/h2>\n      <p class=\"fs-body reveal rd2\">\n        \u591a\u304f\u306e\u4f01\u696d\u304c\u3001DSP\u3092\u6b63\u3057\u304f\u4f7f\u3048\u3066\u3044\u307e\u305b\u3093\u3002\n      <\/p>\n    <\/div>\n    <img decoding=\"async\" src=\"images\/nayami-2.png\" alt=\"\" class=\"fs-img fs-img--right reveal rd1\">\n  <\/section>\n\n  <div class=\"divider\"><div class=\"divider-line\"><\/div><\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 4\u3064\u306e\u52d8\u9055\u3044 \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec sec-wide\">\n    <div class=\"sec-label reveal\"><span class=\"dot\"><\/span> 4 Myths<\/div>\n    <h3 class=\"sec-title reveal rd1\">\u3088\u304f\u3042\u308b<em>4\u3064\u306e\u52d8\u9055\u3044<\/em><\/h3>\n\n    <div class=\"myth-grid\">\n      <div class=\"myth-card reveal\">\n        <img decoding=\"async\" src=\"images\/misunderstand-1.png\" alt=\"\" class=\"myth-card-img\">\n        <div class=\"myth-card-num\">01<\/div>\n        <div class=\"myth-card-q\">\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3064\u306a\u304c\u3089\u306a\u3044\uff1f<\/div>\n        <div class=\"myth-card-wrong\">\u274c \u9593\u9055\u3044<\/div>\n        <div class=\"myth-card-right\">\u2705\u300c\u8cfc\u5165\u76f4\u524d\u30e6\u30fc\u30b6\u30fc\u300d\u306b\u914d\u4fe1\u3067\u304d\u308b<\/div>\n      <\/div>\n      <div class=\"myth-card reveal rd1\">\n        <img decoding=\"async\" src=\"images\/misunderstand-2.png\" alt=\"\" class=\"myth-card-img\">\n        <div class=\"myth-card-num\">02<\/div>\n        <div class=\"myth-card-q\">\u8a8d\u77e5\u5e83\u544a\u3067\u3057\u3087\uff1f<\/div>\n        <div class=\"myth-card-wrong\">\u274c \u9593\u9055\u3044<\/div>\n        <div class=\"myth-card-right\">\u2705 \u8a8d\u77e5\u301c\u8cfc\u5165\u307e\u3067 \u30d5\u30eb\u30d5\u30a1\u30cd\u30eb\u3067\u8a2d\u8a08\u53ef\u80fd<\/div>\n      <\/div>\n      <div class=\"myth-card reveal rd2\">\n        <img decoding=\"async\" src=\"images\/misunderstand-3.png\" alt=\"\" class=\"myth-card-img\">\n        <div class=\"myth-card-num\">03<\/div>\n        <div class=\"myth-card-q\">\u4e88\u7b97\u304c\u9ad8\u3044\uff1f<\/div>\n        <div class=\"myth-card-wrong\">\u274c \u9593\u9055\u3044<\/div>\n        <div class=\"myth-card-right\">\u2705 \u5c11\u984d\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u53ef\u80fd<\/div>\n      <\/div>\n      <div class=\"myth-card reveal rd3\">\n        <img decoding=\"async\" src=\"images\/misunderstand-4.png\" alt=\"\" class=\"myth-card-img\">\n        <div class=\"myth-card-num\">04<\/div>\n        <div class=\"myth-card-q\">\u6210\u679c\u304c\u51fa\u308b\u307e\u3067\u9045\u3044\uff1f<\/div>\n        <div class=\"myth-card-wrong\">\u274c \u534a\u5206\u6b63\u89e3<\/div>\n        <div class=\"myth-card-right\">\u2705 \u305f\u3060\u3057\u300c\u8a2d\u8a08\u3059\u308c\u3070SP\u4e26\u307f\u306b\u6210\u679c\u304c\u51fa\u308b\u300d<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"note-box reveal\">\n      <p>DSP\u306f\"\u6700\u3082\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u8fd1\u3044\u5e83\u544a\u3082\u4f5c\u308c\u308b\"<\/p>\n      <img decoding=\"async\" src=\"images\/close_CV.png\" alt=\"\u6700\u3082\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u8fd1\u3044\u5e83\u544a\" class=\"note-box-img\">\n    <\/div>\n\n    <div class=\"power-box reveal rd1\">\n      <img decoding=\"async\" src=\"images\/powerful.png\" alt=\"\u305d\u3057\u3066\u5b9f\u306f\u2500\u2500\u30b9\u30dd\u30f3\u30b5\u30fc\u5e83\u544a\u3068\u540c\u7b49\u3001\u3082\u3057\u304f\u306f\u305d\u308c\u4ee5\u4e0a\u306b\u30d1\u30ef\u30d5\u30eb\u3002\" class=\"power-box-img\">\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FULL \u2014 \u306a\u305cDSP\u00d7AMC\u304c\u6700\u5f37\u304b \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"fs\">\n    <div class=\"fs-label reveal\"><span class=\"dot\"><\/span> Why DSP \u00d7 AMC<\/div>\n    <h2 class=\"fs-title reveal rd1\">\n      \u306a\u305c <em>DSP \u00d7 AMC<\/em> \u304c<br><strong>\u6700\u5f37<\/strong>\u306a\u306e\u304b\uff1f\n    <\/h2>\n    <p class=\"fs-body reveal rd2\">\n      \u79c1\u305f\u3061\u306f2015\u5e74\u304b\u3089<br>\n      <strong>300\u793e\u4ee5\u4e0a<\/strong>\u306eAmazon\u904b\u7528\u3092\u652f\u63f4<br><br>\n      \u305d\u306e\u4e2d\u3067\u65ad\u8a00\u3067\u304d\u307e\u3059\u3002\n    <\/p>\n  <\/section>\n\n  <div class=\"divider\"><div class=\"divider-line\"><\/div><\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u5b9f\u7e3e \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec sec-wide\">\n    <div class=\"sec-label reveal\"><span class=\"dot\"><\/span> Results<\/div>\n    <h3 class=\"sec-title reveal rd1\">\u5b9f\u7e3e\u304b\u3089\u898b\u3048\u305f<em>\u300c\u52dd\u3066\u308b\u8a2d\u8a08\u300d<\/em><\/h3>\n\n    <div class=\"case-grid\">\n      <div class=\"case-card reveal\">\n        <div class=\"case-tag\">CASE A<\/div>\n        <img decoding=\"async\" src=\"images\/caseA-1.png\" alt=\"\u63a5\u89e6\u69cb\u9020\u306e\u518d\u8a2d\u8a08\u3067\u58f2\u4e0a\u6700\u5927\u5316\" class=\"case-title-img\">\n        <div class=\"case-desc\">\u30d5\u30a1\u30cd\u30eb\u8a2d\u8a08\u3067\u58f2\u4e0a\u6700\u5927\u5316<\/div>\n        <div class=\"case-detail\">\n          \u5e83\u544a\u63a5\u89e6\u304c\u5206\u65ad\u3055\u308c\u3001DSP\u304c\u58f2\u4e0a\u306b\u7e4b\u304c\u3089\u306a\u3044\u3068\u3044\u3046\u8ab2\u984c\u3092\u62b1\u3048\u3066\u3044\u305f\u3002\u691c\u7d22\u30c7\u30fc\u30bf\u3092\u8d77\u70b9\u306b\u9867\u5ba2\u306e\u63a5\u89e6\u69cb\u9020\u3092\u518d\u8a2d\u8a08\u3002AMC\u3067\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u30d1\u30b9\u3068\u6700\u9069\u63a5\u89e6\u56de\u6570\u3092\u53ef\u8996\u5316\u3057\u3001\u4e00\u8cab\u3057\u305f\u8cfc\u8cb7\u30b8\u30e3\u30fc\u30cb\u30fc\u3092\u69cb\u7bc9\u3002DSP\u3092\u58f2\u4e0a\u30c9\u30e9\u30a4\u30d0\u30fc\u3078\u8ee2\u63db\u3057\u305f\u4e8b\u4f8b\u3002\n        <\/div>\n        <div class=\"case-metrics\">\n          <span class=\"case-metric\">\u58f2\u4e0a 5\u9031\u9593\u30671.5\u500d<\/span>\n          <span class=\"case-metric\">ROAS 1,996% \u2192 3,299%<\/span>\n        <\/div>\n        <div class=\"case-gallery\">\n          <img decoding=\"async\" src=\"images\/caseA-2.png\" alt=\"Case A \u8a73\u7d30 2\">\n          <img decoding=\"async\" src=\"images\/caseA-3.png\" alt=\"Case A \u8a73\u7d30 3\">\n          <img decoding=\"async\" src=\"images\/caseA-4.png\" alt=\"Case A \u8a73\u7d30 4\">\n          <img decoding=\"async\" src=\"images\/caseA-5.png\" alt=\"Case A \u8a73\u7d30 5\" class=\"case-gallery-wide\">\n        <\/div>\n      <\/div>\n      <div class=\"case-card reveal rd1\">\n        <div class=\"case-tag\">CASE B<\/div>\n        <img decoding=\"async\" src=\"images\/caseB-1.jpg\" alt=\"\u30ab\u30fc\u30c8\u7387\u3092\u8ef8\u306bROAS\u6539\u5584\" class=\"case-title-img\">\n        <div class=\"case-desc\">\u30b6\u30a4\u30aa\u30f3\u52b9\u679c\u3067CV\u6539\u5584<\/div>\n        <div class=\"case-detail\">\n          ROAS\u6700\u9069\u5316\u306b\u3088\u308a\u65b0\u898f\u7372\u5f97\u304c\u505c\u6ede\u3057\u3001\u5e83\u544a\u6295\u8cc7\u304c\u975e\u52b9\u7387\u5316\u3057\u3066\u3044\u305f\u3002\u30ab\u30fc\u30c8\u7387\u3092\u4e2d\u6838KPI\u3068\u3057\u3066\u518d\u8a2d\u8a08\u3002AMC\u306b\u3088\u308a\u8cfc\u8cb7\u524d\u884c\u52d5\u3092\u5206\u6790\u3057\u3001\u9ad8\u7cbe\u5ea6\u306a\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u3068\u63a5\u89e6\u8a2d\u8a08\u3092\u69cb\u7bc9\u3002\u5e83\u544a\u6700\u9069\u5316\u306e\u6307\u6a19\u3092\u518d\u5b9a\u7fa9\u3057\u305f\u4e8b\u4f8b\u3002\n        <\/div>\n        <div class=\"case-metrics\">\n          <span class=\"case-metric\">ROAS 150% \u2192 500%<\/span>\n          <span class=\"case-metric\">LTV\u8a31\u5bb9ROAS100%\u8d85<\/span>\n        <\/div>\n        <div class=\"case-gallery\">\n          <img decoding=\"async\" src=\"images\/caseB-2.jpg\" alt=\"Case B \u8a73\u7d30 2\">\n          <img decoding=\"async\" src=\"images\/caseB-3.jpg\" alt=\"Case B \u8a73\u7d30 3\">\n          <img decoding=\"async\" src=\"images\/caseB-4.jpg\" alt=\"Case B \u8a73\u7d30 4\">\n          <img decoding=\"async\" src=\"images\/caseB-5.jpg\" alt=\"Case B \u8a73\u7d30 5\" class=\"case-gallery-wide\">\n        <\/div>\n      <\/div>\n      <div class=\"case-card reveal rd2\">\n        <div class=\"case-tag\">CASE C<\/div>\n        <img decoding=\"async\" src=\"images\/caseC-1.jpg\" alt=\"\u5206\u65ad\u65bd\u7b56\u3092\u7d71\u5408\u3057\u305f\u8cfc\u8cb7\u5c0e\u7dda\" class=\"case-title-img\">\n        <div class=\"case-desc\">\u30ab\u30fc\u30c8\u7387\u306e\u6700\u9069\u5316<\/div>\n        <div class=\"case-detail\">\n          \u30d5\u30a1\u30cd\u30eb\u3054\u3068\u306e\u65bd\u7b56\u304c\u5206\u65ad\u3055\u308c\u3001\u9867\u5ba2\u306e\u6d41\u308c\u304c\u8a2d\u8a08\u3055\u308c\u3066\u3044\u306a\u3044\u72b6\u614b\u3060\u3063\u305f\u3002LTV\u3092\u57fa\u306b\u8a31\u5bb9CPA\u3092\u8a2d\u5b9a\u3001\u30ab\u30fc\u30c8\u7387\u3092\u8ef8\u306b\u30d5\u30a1\u30cd\u30eb\u3092\u63a5\u7d9a\u3002AMC\u306b\u3088\u308a\u9867\u5ba2\u884c\u52d5\u3092\u5206\u6790\u3057\u3001SP\u3068DSP\u3092\u7d71\u5408\u3057\u305f\u8cfc\u8cb7\u5c0e\u7dda\u3092\u69cb\u7bc9\u3002\u5206\u65ad\u3055\u308c\u305f\u65bd\u7b56\u3092\u4e00\u3064\u306e\u6d41\u308c\u306b\u5909\u3048\u305f\u4e8b\u4f8b\u3002\n        <\/div>\n        <div class=\"case-metrics\">\n          <span class=\"case-metric\">\u58f2\u4e0a \u7d99\u7d9a\u6210\u9577<\/span>\n          <span class=\"case-metric\">ROAS 300\u301c800%\u5b89\u5b9a<\/span>\n        <\/div>\n        <div class=\"case-gallery\">\n          <img decoding=\"async\" src=\"images\/caseC-2.jpg\" alt=\"Case C \u8a73\u7d30 2\">\n          <img decoding=\"async\" src=\"images\/caseC-3.jpg\" alt=\"Case C \u8a73\u7d30 3\">\n          <img decoding=\"async\" src=\"images\/caseC-4.jpg\" alt=\"Case C \u8a73\u7d30 4\">\n          <img decoding=\"async\" src=\"images\/caseC-5.jpg\" alt=\"Case C \u8a73\u7d30 5\" class=\"case-gallery-wide\">\n        <\/div>\n      <\/div>\n      <div class=\"case-card reveal rd3\">\n        <div class=\"case-tag\">CASE D<\/div>\n        <img decoding=\"async\" src=\"images\/caseD-1.jpg\" alt=\"\u6700\u9069\u5316\u3055\u308c\u305f\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3067\u7d50\u679c\u304c\u5909\u308f\u308b\" class=\"case-title-img\">\n        <div class=\"case-desc\">\u6700\u9069\u5316\u3055\u308c\u305f\u753b\u50cf \u00d7 \u753b\u50cf\u30b5\u30a4\u30ba\u304c\u30b3\u30c4<\/div>\n        <div class=\"case-detail\">\n          DSP\u3067\u306f\"\u30c7\u30b6\u30a4\u30f3\u306e\u826f\u3057\u60aa\u3057\"\u3088\u308a\u3082\u3001<strong>\u914d\u4fe1\u9762\u306b\u30d5\u30a3\u30c3\u30c8\u3057\u305f\u6700\u9069\u5316\u753b\u50cf<\/strong>\u3068<strong>\u30b5\u30a4\u30ba\u30d0\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u306e\u7db2\u7f85<\/strong>\u304c\u6210\u679c\u3092\u5927\u304d\u304f\u5de6\u53f3\u3059\u308b\u3002\u30e2\u30d0\u30a4\u30eb\u6700\u9069\u30b5\u30a4\u30ba\u3092\u4e2d\u5fc3\u306b\u8907\u6570\u30b5\u30a4\u30ba\u3092\u7528\u610f\u3059\u308b\u3053\u3068\u3067\u914d\u4fe1\u9762\u304c\u62e1\u5f35\u3055\u308c\u3001\u8868\u793a\u6a5f\u4f1a\uff1d\u58f2\u4e0a\u6a5f\u4f1a\u304c\u6700\u5927\u5316\u3002\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u8a2d\u8a08\u306e\u30b3\u30c4\u3092\u30b5\u30a4\u30ba\u6226\u7565\u306b\u843d\u3068\u3057\u8fbc\u3093\u3060\u4e8b\u4f8b\u3002\n        <\/div>\n        <div class=\"case-metrics\">\n          <span class=\"case-metric\">\u914d\u4fe1\u9762 \u62e1\u5f35<\/span>\n          <span class=\"case-metric\">\u8868\u793a\u6a5f\u4f1a \u6700\u5927\u5316<\/span>\n        <\/div>\n        <div class=\"case-gallery\">\n          <img decoding=\"async\" src=\"images\/caseD-2.jpg\" alt=\"Case D \u8a73\u7d30 2\">\n          <img decoding=\"async\" src=\"images\/caseD-3.jpg\" alt=\"Case D \u8a73\u7d30 3\">\n          <img decoding=\"async\" src=\"images\/caseD-4.jpg\" alt=\"Case D \u8a73\u7d30 4\">\n          <img decoding=\"async\" src=\"images\/caseD-5.jpg\" alt=\"Case D \u8a73\u7d30 5\" class=\"case-gallery-wide\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"divider\"><div class=\"divider-line\"><\/div><\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 DSP\u304c\u5225\u6b21\u5143\u3067\u3042\u308b\u7406\u7531 \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec sec-wide\">\n    <div class=\"sec-label reveal\"><span class=\"dot\"><\/span> DSP Power<\/div>\n    <h3 class=\"sec-title reveal rd1\">DSP\u304c<em>\"\u5225\u6b21\u5143\"<\/em>\u3067\u3042\u308b\u7406\u7531<\/h3>\n\n    <div class=\"insight-list\">\n      <div class=\"ins-item reveal\">\n        <div class=\"ins-num\">01<\/div>\n        <div>\n          <h4 class=\"ins-title\">\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u3092\u300c\u4f5c\u308c\u308b\u30fb\u5916\u305b\u308b\u300d<\/h4>\n          <p class=\"ins-desc\">\n            \u8cfc\u5165\u6e08\u307f\u30e6\u30fc\u30b6\u30fc \u2192 \u9664\u5916<br>\n            \u672a\u8cfc\u5165\u30e6\u30fc\u30b6\u30fc \u2192 \u72d9\u3044\u6483\u3061<br>\n            \u985e\u4f3c\u5546\u54c1\u8cfc\u5165\u8005 \u2192 \u9664\u5916\u53ef\u80fd\n          <\/p>\n          <div class=\"ins-action\">\u2192 \u7121\u99c4\u6253\u3061\u30bc\u30ed\u306e\u5e83\u544a\u8a2d\u8a08<\/div>\n          <div class=\"ins-highlight\">\u3053\u308c\u3001\u30ef\u30af\u30ef\u30af\u3057\u307e\u305b\u3093\u304b\uff1f<\/div>\n        <\/div>\n        <div class=\"ins-visual\">\n          <img decoding=\"async\" src=\"images\/powerful_1.png\" alt=\"\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u4f5c\u6210\u30fb\u9664\u5916\u306e\u30a4\u30e1\u30fc\u30b8\">\n        <\/div>\n      <\/div>\n      <div class=\"ins-item reveal rd1\">\n        <div class=\"ins-num\">02<\/div>\n        <div>\n          <h4 class=\"ins-title\">\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306f\u300c\u30b5\u30a4\u30ba\u300d\u3067\u52dd\u3064<\/h4>\n          <p class=\"ins-desc\">\n            \u5b9f\u306f\u91cd\u8981\u306a\u306e\u306f\"\u30c7\u30b6\u30a4\u30f3\"\u3088\u308a\"\u30b5\u30a4\u30ba\"<br>\n            \u30b5\u30a4\u30ba\u3092\u5897\u3084\u3059\u307b\u3069\u914d\u4fe1\u9762\u304c\u5897\u3048\u308b<br>\n            \u6700\u3082CV\u3059\u308b\u306e\u306f\u30e2\u30d0\u30a4\u30eb\u6700\u9069\u30b5\u30a4\u30ba\n          <\/p>\n          <div class=\"ins-action\">\u2192 \u8868\u793a\u6a5f\u4f1a \uff1d \u58f2\u4e0a\u6a5f\u4f1a<\/div>\n        <\/div>\n        <div class=\"ins-visual\">\n          <img decoding=\"async\" src=\"images\/powerful_2.png\" alt=\"\u914d\u4fe1\u30b5\u30a4\u30ba\u3068\u914d\u4fe1\u9762\u306e\u30a4\u30e1\u30fc\u30b8\">\n        <\/div>\n      <\/div>\n      <div class=\"ins-item reveal rd2\">\n        <div class=\"ins-num\">03<\/div>\n        <div>\n          <h4 class=\"ins-title\">Amazon\u5916\u306b\u3082\u914d\u4fe1\u3067\u304d\u308b<\/h4>\n          <p class=\"ins-desc\">\n            \u3053\u3053\u304c\u6700\u5927\u306e\u9055\u3044\u3067\u3059\u3002<br><br>\n            \u5916\u90e8\u3067\u63a5\u89e6 \u2192 Amazon\u3067\u8cfc\u5165<br>\n            \u8907\u6570\u56de\u63a5\u89e6 \u2192 CV\u7387\u30a2\u30c3\u30d7<br>\n            \u30ea\u30de\u30b1\u3067\u300c\u5fd8\u308c\u3055\u305b\u306a\u3044\u300d\n          <\/p>\n          <div class=\"ins-action\">\u2192 SP\u3060\u3051\u3067\u306f\"\u63a5\u89e6\u56de\u6570\u304c\u8db3\u308a\u306a\u3044\"<\/div>\n        <\/div>\n        <div class=\"ins-visual\">\n          <img decoding=\"async\" src=\"images\/powerful_3.png\" alt=\"Amazon\u5916\u914d\u4fe1\u3068\u30ea\u30de\u30b1\u306e\u30a4\u30e1\u30fc\u30b8\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FULL \u2014 \u898b\u3048\u308b\u5316 \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"fs\">\n    <div class=\"fs-label reveal\"><span class=\"dot\"><\/span> Visibility<\/div>\n    <h2 class=\"fs-title reveal rd1\">\n      \u305d\u3057\u3066\u2500\u2500<br>\u3059\u3079\u3066<em>\u300c\u898b\u3048\u308b\u5316\u300d<\/em>\u3067\u304d\u308b\n    <\/h2>\n    <p class=\"fs-body reveal rd2\">\n      <strong>DSP \u00d7 AMC = \u5b8c\u5168\u5206\u6790\u57fa\u76e4<\/strong>\n    <\/p>\n  <\/section>\n\n  <div class=\"divider\"><div class=\"divider-line\"><\/div><\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u5206\u6790\u57fa\u76e4 \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec sec-wide\">\n    <div class=\"sec-label reveal\"><span class=\"dot\"><\/span> Analytics<\/div>\n    <h3 class=\"sec-title reveal rd1\">\u30c7\u30fc\u30bf\u3067<em>\u52dd\u3064<\/em><\/h3>\n\n    <div class=\"analysis-row reveal rd1\">\n      <div class=\"analysis-chip\">\ud83d\udcca \u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u307e\u3067\u306e\u56de\u6570<\/div>\n      <div class=\"analysis-chip\">\ud83d\udd04 \u6700\u9069\u306a\u63a5\u89e6\u983b\u5ea6<\/div>\n      <div class=\"analysis-chip\">\ud83c\udfc6 \u52dd\u3061\u30d1\u30bf\u30fc\u30f3\u306e\u7279\u5b9a<\/div>\n    <\/div>\n\n    <div class=\"data-showcase reveal rd2\">\n      <div class=\"data-card-tag data-card-tag--left\">Mar \u2014 2026<\/div>\n      <div class=\"data-card-tag data-card-tag--right\">Apr \u2014 2026<\/div>\n      <div class=\"data-stage\">\n        <div class=\"data-card data-card--back\">\n          <div class=\"data-card-bar\"><span><\/span><span><\/span><span><\/span><\/div>\n          <img decoding=\"async\" src=\"images\/data-mieru2.png\" alt=\"\u9031\u5225\u30c8\u30ec\u30f3\u30c9\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 Mar-2026\">\n        <\/div>\n        <div class=\"data-card data-card--front\">\n          <div class=\"data-card-bar\"><span><\/span><span><\/span><span><\/span><\/div>\n          <img decoding=\"async\" src=\"images\/data-mieru1.png\" alt=\"\u9031\u5225\u30c8\u30ec\u30f3\u30c9\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 Apr-2026\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"data-narrative reveal rd2\">\n      <div class=\"data-narrative-lead\">Our Edge<\/div>\n      <p>\u3053\u306e\u3088\u3046\u306b\u3001<em>\u8996\u899a\u7684\u306b\u30c7\u30fc\u30bf\u304c\u898b\u3048\u308b<\/em>\u72b6\u614b\u306b\u3057\u3066\u3044\u308b\u3002<\/p>\n      <p>\u52dd\u3061\u30d1\u30bf\u30fc\u30f3\u3092\u81ea\u3089\u8a2d\u8a08\u3057\u3001<em>\u898b\u3048\u308b\u5316\u3057\u305f\u30b7\u30b9\u30c6\u30e0<\/em>\u3092<em>\u81ea\u793e\u3067\u958b\u767a<\/em>\u3057\u3066\u3044\u308b\u2015\u2015\u305d\u308c\u304c\u3001\u79c1\u305f\u3061\u306e\u5f37\u307f\u3067\u3059\u3002<\/p>\n    <\/div>\n\n    <div class=\"note-box reveal rd2\">\n      <p>\u611f\u899a\u3067\u306f\u306a\u304f\u300c\u30c7\u30fc\u30bf\u3067\u52dd\u3064\u300d<\/p>\n    <\/div>\n  <\/section>\n\n  <div class=\"divider\"><div class=\"divider-line\"><\/div><\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u7d50\u8ad6 \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec sec-wide\">\n    <div class=\"sec-label reveal\"><span class=\"dot\"><\/span> Conclusion<\/div>\n    <h3 class=\"sec-title reveal rd1\">DSP\u306f\u5e83\u544a\u3067\u306f\u306a\u3044<\/h3>\n    <p class=\"sec-lead reveal rd2\" style=\"font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:600; color:#CEA154;\">\n      \"\u58f2\u308c\u308b\u4ed5\u7d44\u307f\u3092\u8a2d\u8a08\u3059\u308b\u30c4\u30fc\u30eb\"\n    <\/p>\n\n    <div class=\"sum-box reveal\">\n      <div class=\"sum-header\">\n        <div class=\"sum-tag\">Capabilities<\/div>\n        <h4 class=\"sum-title\">\u3067\u304d\u308b\u3053\u3068<\/h4>\n        <p class=\"sum-subtitle\">DSP \u00d7 AMC \u3067\u5b9f\u73fe\u3059\u308b\u30013\u3064\u306e\u78ba\u304b\u306a\u4fa1\u5024<\/p>\n      <\/div>\n      <ol class=\"sum-wins\">\n        <li>\n          <div class=\"sum-win-body\">\n            <h5 class=\"sum-win-title\">\u8cfc\u5165\u76f4\u524d\u30e6\u30fc\u30b6\u30fc\u3078\u914d\u4fe1<\/h5>\n            <p class=\"sum-win-desc\">\u300c\u8cb7\u3046\u76f4\u524d\u300d\u306e\u30e6\u30fc\u30b6\u30fc\u3092\u9003\u3055\u305a\u6349\u3048\u308b\u3001\u7cbe\u7dfb\u306a\u914d\u4fe1\u8a2d\u8a08\u3002<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"sum-win-body\">\n            <h5 class=\"sum-win-title\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u6539\u5584<\/h5>\n            <p class=\"sum-win-desc\">\u611f\u899a\u3067\u306f\u306a\u304f\u3001AMC\u306e\u6570\u5024\u3092\u8d77\u70b9\u306b\u610f\u601d\u6c7a\u5b9a\u3059\u308b\u904b\u7528\u3078\u3002<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <div class=\"sum-win-body\">\n            <h5 class=\"sum-win-title\">\u518d\u73fe\u6027\u306e\u3042\u308b\u52dd\u3061\u30d1\u30bf\u30fc\u30f3\u69cb\u7bc9<\/h5>\n            <p class=\"sum-win-desc\">\u4e00\u5ea6\u52dd\u3063\u305f\u8a2d\u8a08\u3092\u3001\u6b21\u3082\u3001\u305d\u306e\u6b21\u3082\u52dd\u305f\u305b\u308b\u4ed5\u7d44\u307f\u306b\u3002<\/p>\n          <\/div>\n        <\/li>\n      <\/ol>\n    <\/div>\n\n    <div class=\"strength-showcase reveal rd1\">\n      <div class=\"strength-image-wrap\">\n        <img decoding=\"async\" src=\"images\/strongpoint.png\" alt=\"\u79c1\u305f\u3061\u306e\u5f37\u307f: Amazon\u904b\u752810\u5e74\u4ee5\u4e0a\u3001300\u793e\u4ee5\u4e0a\u306e\u652f\u63f4\u5b9f\u7e3e\u3001\u52dd\u3061\u30d1\u30bf\u30fc\u30f3\u3092\u4f53\u7cfb\u5316\u3001\u72ec\u81ea\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u958b\u767a\u6e08\u307f\" class=\"strength-image\">\n      <\/div>\n      <div class=\"strength-caption\">Our Four Strengths<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sec-cta\">\n    <h2 class=\"cta-title reveal\">\n      DSP\u3092\u300c\u306a\u3093\u3068\u306a\u304f\u4f7f\u3046\u300d\u304b<br><em>\u300c\u58f2\u308c\u308b\u8a2d\u8a08\u300d<\/em>\u306b\u5909\u3048\u308b\u304b\n    <\/h2>\n    <p class=\"cta-body reveal rd1\">\n      \u305d\u306e\u5dee\u306f\u3001<strong>\u58f2\u4e0a\u306b\u76f4\u7d50\u3057\u307e\u3059\u3002<\/strong>\n    <\/p>\n    <div class=\"cta-items reveal rd2\">\n      <div class=\"cta-item\">DSP\u904b\u7528\u8a2d\u8a08<\/div>\n      <div class=\"cta-item\">AMC\u5206\u6790\u57fa\u76e4\u69cb\u7bc9<\/div>\n      <div class=\"cta-item\">\u52dd\u3061\u30d1\u30bf\u30fc\u30f3\u69cb\u7bc9<\/div>\n    <\/div>\n    <a href=\"mailto:info@j-wire.info\" class=\"cta-btn reveal rd3\">\n      \u7121\u6599\u76f8\u8ac7\u3092\u4e88\u7d04\u3059\u308b \u2192\n    <\/a>\n    <p class=\"cta-sub reveal rd3\">\u3059\u3079\u3066\u30b5\u30dd\u30fc\u30c8\u53ef\u80fd\u3067\u3059<\/p>\n  <\/section>\n\n  <!-- Footer -->\n  <div class=\"jw-footer\">\n    <div class=\"foot-brand\">J<em>-<\/em>wire Co., Ltd.<\/div>\n    <div class=\"foot-copy\">\n      \u00a9 2025 \u00b7 <a href=\"mailto:info@j-wire.info\">info@j-wire.info<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n<!-- \/.jw-dsp -->\n\n<script>\n(function() {\n  \/* \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n     CONFIG: Set this to your WordPress media URL\n     Example: 'https:\/\/yoursite.com\/wp-content\/uploads\/jwire-dsp\/'\n     Leave empty if images\/ and frames\/ folders are in the same directory as this page.\n     MUST END WITH A TRAILING SLASH.\n  \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501 *\/\n  var JW_ASSET_BASE = 'https:\/\/j-wire.info\/wp-content\/uploads\/jwire-dsp\/';\n\n  var root = document.querySelector('.jw-dsp');\n  if (!root) return;\n\n  \/* \u2500\u2500 Apply base URL to all <img> tags inside .jw-dsp \u2500\u2500 *\/\n  if (JW_ASSET_BASE) {\n    root.querySelectorAll('img').forEach(function(img) {\n      var src = img.getAttribute('src');\n      if (src && !\/^https?:\\\/\\\/\/i.test(src) && !\/^\\\/\/.test(src)) {\n        img.src = JW_ASSET_BASE + src;\n      }\n    });\n  }\n\n  \/* \u2500\u2500 Reveal on scroll \u2500\u2500 *\/\n  var io = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('vis');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.08 });\n  root.querySelectorAll('.reveal').forEach(function(el) { io.observe(el); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"DSP \u00d7 AMC for Amazon Sellers DSP\u306f&#8220;\u8a8d\u77e5\u5e83\u544a&#8221;\u3067\u306f\u306a\u3044\u3002 \u300c\u58f2\u308c\u308b\u8a2d\u8a08\u304c\u3067\u304d\u308b\u5e83\u544a\u300d\u3060\u3002 SP \u300c\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u300d DSP \u300c\u30b6\u30a4\u30aa\u30f3\u52b9\u679c\u300d\u63a5\u89e6\u3067\u58f2\u308c\u308b \u2500\u2500\u5f79\u5272\u306f [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/pages\/2945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/j-wire.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2945"}],"version-history":[{"count":340,"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/pages\/2945\/revisions"}],"predecessor-version":[{"id":5401,"href":"https:\/\/j-wire.info\/index.php?rest_route=\/wp\/v2\/pages\/2945\/revisions\/5401"}],"wp:attachment":[{"href":"https:\/\/j-wire.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}