{"id":26,"date":"2026-04-06T11:29:28","date_gmt":"2026-04-06T02:29:28","guid":{"rendered":"https:\/\/haward-joyman.com\/koumuten\/?page_id=26"},"modified":"2026-04-06T11:59:05","modified_gmt":"2026-04-06T02:59:05","slug":"hpadcustomer","status":"publish","type":"page","link":"https:\/\/haward-joyman.com\/koumuten\/hpadcustomer\/","title":{"rendered":"\u5de5\u52d9\u5e97HP\u96c6\u5ba2\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u5de5\u52d9\u5e97HP\u96c6\u5ba2\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\uff5c\u5897\u76ca\u7e41\u76db\u30af\u30e9\u30d6<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&#038;family=Zen+Kaku+Gothic+New:wght@400;500;700&#038;family=Outfit:wght@300;400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n:root {\n  --navy: #0B1D3A;\n  --navy-mid: #132D54;\n  --blue: #1A5FB4;\n  --blue-light: #3A8FE2;\n  --sky: #E8F1FB;\n  --sky-deep: #D0E3F5;\n  --accent: #E8762B;\n  --accent-glow: #FF9A4D;\n  --warm: #FFF8F2;\n  --cream: #FEFCF9;\n  --green: #1AAB7E;\n  --green-bg: #E6F9F1;\n  --text: #1E2A3A;\n  --text-mid: #4A5B6E;\n  --text-light: #7B8DA0;\n  --border: #D4DDE8;\n  --shadow-sm: 0 2px 8px rgba(11,29,58,0.06);\n  --shadow-md: 0 8px 32px rgba(11,29,58,0.08);\n  --shadow-lg: 0 16px 48px rgba(11,29,58,0.12);\n  --shadow-accent: 0 8px 24px rgba(232,118,43,0.25);\n  --radius: 12px;\n  --radius-lg: 20px;\n  --transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\nhtml { scroll-behavior: smooth; font-size: 16px; }\n\nbody {\n  font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;\n  color: var(--text);\n  background: var(--cream);\n  line-height: 1.8;\n  overflow-x: hidden;\n}\n\n\/* \u2500\u2500 Utility \u2500\u2500 *\/\n.container { max-width: 1080px; margin: 0 auto; padding: 0 40px; }\n.accent { color: var(--accent); }\n.blue { color: var(--blue); }\n\n\/* \u2500\u2500 Animations \u2500\u2500 *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes slideInLeft {\n  from { opacity: 0; transform: translateX(-60px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n@keyframes slideInRight {\n  from { opacity: 0; transform: translateX(60px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n@keyframes pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.03); }\n}\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n@keyframes countUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes gradientShift {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n@keyframes shimmer {\n  0% { background-position: -200% 0; }\n  100% { background-position: 200% 0; }\n}\n\n.reveal {\n  opacity: 1;\n  transform: none;\n}\n\n\/* \u2500\u2500 Hero \u2500\u2500 *\/\n.hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  background: linear-gradient(155deg, var(--navy) 0%, var(--navy-mid) 40%, #1A3F6E 100%);\n  overflow: hidden;\n}\n.hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(26,95,180,0.15) 0%, transparent 70%),\n    radial-gradient(ellipse 50% 40% at 20% 80%, rgba(232,118,43,0.08) 0%, transparent 60%);\n}\n.hero::after {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 800px;\n  height: 800px;\n  border-radius: 50%;\n  border: 1px solid rgba(255,255,255,0.04);\n  pointer-events: none;\n}\n.hero-grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n  background-size: 60px 60px;\n  opacity: 0.6;\n}\n.hero-content {\n  position: relative;\n  z-index: 2;\n  padding: 120px 0 80px 48px;\n  width: 100%;\n}\n.hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(232,118,43,0.15);\n  border: 1px solid rgba(232,118,43,0.3);\n  border-radius: 100px;\n  padding: 8px 20px;\n  font-size: 0.85rem;\n  color: var(--accent-glow);\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  animation: fadeIn 0.8s ease both;\n  margin-bottom: 28px;\n}\n.hero-badge::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: var(--accent);\n  border-radius: 50%;\n  animation: pulse 2s infinite;\n}\n.hero h1 {\n  font-family: 'Outfit', 'Zen Kaku Gothic New', sans-serif;\n  font-size: clamp(2rem, 5vw, 3.2rem);\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.35;\n  animation: fadeUp 0.9s ease both 0.2s;\n  margin-bottom: 8px;\n}\n.hero h1 .line-accent {\n  display: block;\n  background: linear-gradient(90deg, var(--accent), var(--accent-glow));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.hero-sub {\n  font-size: clamp(1rem, 2.2vw, 1.3rem);\n  color: rgba(255,255,255,0.7);\n  font-weight: 300;\n  line-height: 1.7;\n  max-width: 620px;\n  animation: fadeUp 0.9s ease both 0.4s;\n  margin-bottom: 40px;\n}\n.hero-stats {\n  display: flex;\n  gap: 40px;\n  animation: fadeUp 0.9s ease both 0.6s;\n  margin-bottom: 48px;\n}\n.hero-stat {\n  text-align: left;\n}\n.hero-stat-num {\n  font-family: 'Outfit', sans-serif;\n  font-size: 2.4rem;\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.1;\n}\n.hero-stat-num span {\n  font-size: 1rem;\n  color: rgba(255,255,255,0.5);\n  font-weight: 400;\n}\n.hero-stat-label {\n  font-size: 0.8rem;\n  color: rgba(255,255,255,0.45);\n  margin-top: 4px;\n}\n.hero-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-glow));\n  color: #fff;\n  font-size: 1.1rem;\n  font-weight: 700;\n  padding: 18px 40px;\n  border-radius: 100px;\n  text-decoration: none;\n  box-shadow: var(--shadow-accent);\n  transition: var(--transition);\n  animation: fadeUp 0.9s ease both 0.8s;\n}\n.hero-cta:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 36px rgba(232,118,43,0.35);\n}\n.hero-cta svg { width: 20px; height: 20px; transition: transform 0.3s ease; }\n.hero-cta:hover svg { transform: translateX(4px); }\n\n.pdf-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.95rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: var(--transition);\n  padding: 12px 24px;\n  border-radius: 100px;\n  border: 1.5px solid rgba(255,255,255,0.25);\n  color: rgba(255,255,255,0.8);\n  background: rgba(255,255,255,0.06);\n  backdrop-filter: blur(4px);\n}\n.pdf-link:hover {\n  border-color: rgba(255,255,255,0.5);\n  color: #fff;\n  background: rgba(255,255,255,0.1);\n  transform: translateY(-2px);\n}\n.pdf-link svg { width: 18px; height: 18px; flex-shrink: 0; }\n.pdf-link--light {\n  border-color: var(--border);\n  color: var(--blue);\n  background: #fff;\n}\n.pdf-link--light:hover {\n  border-color: var(--blue);\n  background: var(--sky);\n  color: var(--navy);\n}\n\n.hero-visual {\n  position: absolute;\n  right: -60px;\n  bottom: -40px;\n  width: 500px;\n  height: 500px;\n  opacity: 0.08;\n  pointer-events: none;\n}\n.hero-visual svg { width: 100%; height: 100%; }\n\n\/* \u2500\u2500 Problem Section \u2500\u2500 *\/\n.problem {\n  padding: 100px 0;\n  background: var(--warm);\n  position: relative;\n}\n.problem::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--accent), var(--blue), var(--green));\n}\n.section-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--blue);\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  margin-bottom: 16px;\n}\n.section-label::before {\n  content: '';\n  width: 24px;\n  height: 2px;\n  background: var(--blue);\n}\n.section-title {\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n  font-weight: 900;\n  line-height: 1.4;\n  margin-bottom: 20px;\n  color: var(--navy);\n}\n.section-desc {\n  font-size: 1.05rem;\n  color: var(--text-mid);\n  max-width: 680px;\n  margin-bottom: 48px;\n}\n\n.pain-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n.pain-card {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 32px 28px;\n  border: 1px solid var(--border);\n  border-left: 4px solid var(--accent);\n  transition: var(--transition);\n  position: relative;\n  overflow: hidden;\n}\n.pain-card::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 80px;\n  height: 80px;\n  background: radial-gradient(circle at top right, rgba(232,118,43,0.04), transparent 70%);\n}\n.pain-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.pain-icon {\n  width: 48px;\n  height: 48px;\n  background: rgba(232,118,43,0.08);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.4rem;\n  margin-bottom: 16px;\n}\n.pain-card h3 {\n  font-size: 1.05rem !important;\n  font-weight: 700;\n  margin-bottom: 8px !important;\n  margin-top: 0 !important;\n  color: var(--navy) !important;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.pain-card p {\n  font-size: 0.92rem;\n  color: var(--text-mid);\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 Service Section \u2500\u2500 *\/\n.services {\n  padding: 100px 0;\n  background: #fff;\n  position: relative;\n}\n.services::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60%;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, var(--border), transparent);\n}\n.service-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 24px;\n  margin-top: 48px;\n}\n.service-card {\n  background: var(--cream);\n  border-radius: var(--radius-lg);\n  padding: 36px 28px;\n  border: 1px solid transparent;\n  transition: var(--transition);\n  position: relative;\n  overflow: hidden;\n}\n.service-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: var(--blue);\n  transform: scaleX(0);\n  transition: transform 0.5s ease;\n  transform-origin: left;\n}\n.service-card:hover::before {\n  transform: scaleX(1);\n}\n.service-card:hover {\n  border-color: var(--border);\n  box-shadow: var(--shadow-md);\n  transform: translateY(-4px);\n}\n.service-num {\n  font-family: 'Outfit', sans-serif;\n  font-size: 2.5rem;\n  font-weight: 800;\n  color: var(--sky-deep);\n  line-height: 1;\n  margin-bottom: 16px;\n}\n.service-card h3 {\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: var(--navy);\n  margin-bottom: 12px;\n}\n.service-card p {\n  font-size: 0.92rem;\n  color: var(--text-mid);\n  line-height: 1.75;\n}\n.service-tag {\n  display: inline-block;\n  margin-top: 16px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  color: var(--blue);\n  background: var(--sky);\n  padding: 4px 12px;\n  border-radius: 100px;\n}\n.service-dual {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px dashed var(--border);\n}\n.service-dual-item {\n  padding: 12px 14px;\n  border-radius: 10px;\n  font-size: 0.82rem;\n  line-height: 1.6;\n}\n.service-dual-item.new-start {\n  background: var(--sky);\n  color: var(--blue);\n}\n.service-dual-item.brush-up {\n  background: var(--green-bg);\n  color: #0E8A62;\n}\n.service-dual-label {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 700;\n  font-size: 0.75rem;\n  margin-bottom: 4px;\n  letter-spacing: 0.04em;\n}\n.service-dual-label .dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  display: inline-block;\n}\n.new-start .dot { background: var(--blue); }\n.brush-up .dot { background: var(--green); }\n\n\/* \u2500\u2500 Brush-up Banner \u2500\u2500 *\/\n.brushup-banner {\n  padding: 80px 0;\n  background: linear-gradient(135deg, #0D2137, #132D54);\n  position: relative;\n  overflow: hidden;\n}\n.brushup-banner::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(26,171,126,0.06), transparent 70%);\n}\n.brushup-inner {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 40px;\n  align-items: center;\n}\n.brushup-icon-area {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n.brushup-icon-circle {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: rgba(26,171,126,0.12);\n  border: 2px solid rgba(26,171,126,0.3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n}\n.brushup-content h2 {\n  font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n  font-weight: 900 !important;\n  color: #fff !important;\n  line-height: 1.5 !important;\n  margin-bottom: 16px;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n.brushup-content h2 em {\n  font-style: normal;\n  color: var(--green);\n}\n.brushup-content p {\n  font-size: 1rem;\n  color: rgba(255,255,255,0.6);\n  line-height: 1.8;\n  max-width: 640px;\n}\n.brushup-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 20px;\n}\n.brushup-tag {\n  font-size: 0.78rem;\n  font-weight: 600;\n  padding: 6px 14px;\n  border-radius: 100px;\n  border: 1px solid rgba(26,171,126,0.3);\n  color: var(--green);\n  background: rgba(26,171,126,0.08);\n}\n@media (max-width: 640px) {\n  .brushup-inner { grid-template-columns: 1fr; text-align: center; }\n  .brushup-icon-area { flex-direction: row; justify-content: center; }\n  .brushup-tags { justify-content: center; }\n  .service-dual { grid-template-columns: 1fr; }\n}\n\n\/* \u2500\u2500 Flow Section \u2500\u2500 *\/\n.flow {\n  padding: 100px 0;\n  background: linear-gradient(180deg, var(--sky) 0%, #fff 100%);\n}\n.flow-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  margin-top: 48px;\n  position: relative;\n}\n.flow-steps::before {\n  content: '';\n  position: absolute;\n  left: 32px;\n  top: 32px;\n  bottom: 32px;\n  width: 2px;\n  background: linear-gradient(180deg, var(--blue), var(--green));\n}\n.flow-step {\n  display: flex;\n  gap: 28px;\n  align-items: flex-start;\n  padding: 24px 0;\n  position: relative;\n}\n.flow-dot {\n  width: 64px;\n  height: 64px;\n  min-width: 64px;\n  border-radius: 50%;\n  background: #fff;\n  border: 3px solid var(--blue);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Outfit', sans-serif;\n  font-weight: 700;\n  font-size: 1.3rem;\n  color: var(--blue);\n  z-index: 2;\n  transition: var(--transition);\n  box-shadow: 0 4px 16px rgba(26,95,180,0.1);\n}\n.flow-step:hover .flow-dot {\n  background: var(--blue);\n  color: #fff;\n  transform: scale(1.1);\n}\n.flow-body {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  flex: 1;\n  box-shadow: var(--shadow-sm);\n  border: 1px solid var(--border);\n  transition: var(--transition);\n}\n.flow-step:hover .flow-body {\n  box-shadow: var(--shadow-md);\n  border-color: var(--blue-light);\n}\n.flow-body h3 {\n  font-size: 1.05rem !important;\n  font-weight: 700;\n  color: var(--navy) !important;\n  margin-bottom: 6px !important;\n  margin-top: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.flow-body p {\n  font-size: 0.9rem;\n  color: var(--text-mid);\n}\n.flow-body .tool-tag {\n  display: inline-block;\n  margin-top: 8px;\n  font-size: 0.75rem;\n  background: var(--sky);\n  color: var(--blue);\n  padding: 3px 10px;\n  border-radius: 100px;\n  font-weight: 500;\n}\n\n\/* \u2500\u2500 Support Section \u2500\u2500 *\/\n.support {\n  padding: 100px 0;\n  background: #fff;\n}\n.support-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n.support-card {\n  background: var(--cream);\n  border-radius: var(--radius-lg);\n  padding: 36px 32px;\n  position: relative;\n  border: 1px solid var(--border);\n  transition: var(--transition);\n  overflow: hidden;\n}\n.support-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.support-card::before {\n  content: attr(data-num);\n  position: absolute;\n  top: -10px;\n  right: 16px;\n  font-family: 'Outfit', sans-serif;\n  font-size: 6rem;\n  font-weight: 800;\n  color: var(--sky-deep);\n  opacity: 0.4;\n  line-height: 1;\n  pointer-events: none;\n}\n.support-card h3 {\n  font-size: 1.15rem !important;\n  font-weight: 700;\n  color: var(--navy) !important;\n  margin-bottom: 12px;\n  position: relative;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n.support-card p {\n  font-size: 0.92rem;\n  color: var(--text-mid);\n  line-height: 1.75;\n  position: relative;\n}\n.support-highlight {\n  margin-top: 16px;\n  padding: 12px 16px;\n  background: var(--sky);\n  border-radius: 8px;\n  font-size: 0.85rem;\n  color: var(--blue);\n  font-weight: 500;\n  position: relative;\n}\n\n\/* \u2500\u2500 Schedule Section \u2500\u2500 *\/\n.schedule {\n  padding: 100px 0;\n  background: var(--navy);\n  color: #fff !important;\n  position: relative;\n  overflow: hidden;\n}\n.schedule::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: -200px;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  border: 1px solid rgba(255,255,255,0.03);\n}\n.schedule .section-label { color: var(--accent-glow) !important; }\n.schedule .section-label::before { background: var(--accent-glow) !important; }\n.schedule .section-title { color: #fff !important; }\n.schedule .section-desc { color: rgba(255,255,255,0.6) !important; }\n\n.timeline {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 48px;\n}\n.timeline-card {\n  background: rgba(255,255,255,0.05);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: var(--radius-lg);\n  padding: 32px 24px;\n  transition: var(--transition);\n  position: relative;\n  overflow: hidden;\n}\n.timeline-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--blue-light), var(--accent-glow));\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n.timeline-card:hover::before { opacity: 1; }\n.timeline-card:hover {\n  background: rgba(255,255,255,0.08);\n  transform: translateY(-4px);\n}\n.timeline-month {\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--accent-glow) !important;\n  letter-spacing: 0.08em;\n  margin-bottom: 8px;\n}\n.timeline-card h3 {\n  font-size: 1.1rem !important;\n  font-weight: 700;\n  margin-bottom: 12px !important;\n  margin-top: 0 !important;\n  color: #fff !important;\n  background: transparent !important;\n  padding: 0 !important;\n  line-height: 1.4 !important;\n}\n.timeline-card p {\n  font-size: 0.88rem;\n  color: rgba(255,255,255,0.6) !important;\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 ROI Section \u2500\u2500 *\/\n.roi {\n  padding: 100px 0;\n  background: var(--warm);\n  position: relative;\n}\n.roi-box {\n  background: #fff;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n  margin-top: 48px;\n}\n.roi-header {\n  background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n  padding: 40px;\n  color: #fff !important;\n  text-align: center;\n}\n.roi-header h3 {\n  font-size: 1.3rem !important;\n  font-weight: 700;\n  margin-bottom: 8px !important;\n  margin-top: 0 !important;\n  color: #fff !important;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.roi-header p { color: rgba(255,255,255,0.6) !important; font-size: 0.95rem; }\n.roi-body {\n  padding: 48px 40px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n.roi-item {\n  text-align: center;\n  padding: 20px 12px;\n  border-radius: var(--radius);\n  transition: var(--transition);\n}\n.roi-item:hover {\n  background: var(--sky);\n}\n.roi-item .num {\n  font-family: 'Outfit', sans-serif;\n  font-size: 2rem;\n  font-weight: 800;\n  line-height: 1.1;\n  margin-bottom: 8px;\n}\n.roi-item:nth-child(1) .num { color: var(--text-mid); }\n.roi-item:nth-child(2) .num { color: var(--blue); }\n.roi-item:nth-child(3) .num { color: var(--green); }\n.roi-item:nth-child(4) .num { color: var(--accent); }\n.roi-item .label {\n  font-size: 0.82rem;\n  color: var(--text-light);\n  font-weight: 500;\n}\n.roi-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--border);\n  font-size: 1.4rem;\n}\n.roi-footer {\n  background: linear-gradient(135deg, var(--accent), var(--accent-glow));\n  padding: 24px 40px;\n  text-align: center;\n  color: #fff !important;\n  font-size: 1.15rem;\n  font-weight: 700;\n}\n\n\/* \u2500\u2500 KPI Section \u2500\u2500 *\/\n.kpi {\n  padding: 100px 0;\n  background: #fff;\n}\n.kpi-table {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  margin-top: 48px;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-md);\n}\n.kpi-table thead th {\n  background: var(--navy);\n  color: #fff;\n  padding: 18px 20px;\n  font-size: 0.88rem;\n  font-weight: 600;\n  text-align: center;\n  letter-spacing: 0.04em;\n}\n.kpi-table tbody td {\n  padding: 16px 20px;\n  font-size: 0.92rem;\n  text-align: center;\n  border-bottom: 1px solid var(--border);\n}\n.kpi-table tbody tr:nth-child(even) { background: var(--sky); }\n.kpi-table tbody tr:hover { background: var(--sky-deep); }\n.kpi-table tbody td:first-child {\n  font-weight: 600;\n  color: var(--navy);\n  text-align: left;\n}\n\n\/* \u2500\u2500 Price Section \u2500\u2500 *\/\n.price {\n  padding: 100px 0;\n  background: linear-gradient(180deg, var(--sky) 0%, var(--cream) 100%);\n}\n.price-card {\n  max-width: 640px;\n  margin: 48px auto 0;\n  background: #fff;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n  border: 2px solid var(--accent);\n  position: relative;\n}\n.price-card::before {\n  content: '\u5148\u77405\u793e\u9650\u5b9a';\n  position: absolute;\n  top: 20px;\n  right: -32px;\n  background: var(--accent);\n  color: #fff;\n  font-size: 0.78rem;\n  font-weight: 700;\n  padding: 6px 40px;\n  transform: rotate(45deg);\n  z-index: 2;\n}\n.price-top {\n  background: linear-gradient(135deg, var(--navy), #1A3F6E);\n  padding: 48px 40px;\n  text-align: center;\n  color: #fff;\n}\n.price-label {\n  font-size: 0.9rem;\n  color: rgba(255,255,255,0.6);\n  margin-bottom: 12px;\n}\n.price-amount {\n  font-family: 'Outfit', sans-serif;\n  font-size: 3.5rem;\n  font-weight: 800;\n  line-height: 1;\n  margin-bottom: 8px;\n}\n.price-amount span {\n  font-size: 1.2rem;\n  font-weight: 400;\n  opacity: 0.7;\n}\n.price-tax {\n  font-size: 0.85rem;\n  color: rgba(255,255,255,0.5);\n}\n.price-body {\n  padding: 36px 40px;\n}\n.price-includes {\n  list-style: none;\n}\n.price-includes li {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--border);\n  font-size: 0.95rem;\n  color: var(--text);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.price-includes li:last-child { border-bottom: none; }\n.price-check {\n  width: 22px;\n  height: 22px;\n  min-width: 22px;\n  background: var(--green-bg);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--green);\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n.price-note {\n  margin-top: 20px;\n  padding: 16px;\n  background: rgba(232,118,43,0.06);\n  border-radius: 8px;\n  font-size: 0.85rem;\n  color: var(--accent);\n  text-align: center;\n}\n.price-cta {\n  display: block;\n  width: 100%;\n  padding: 20px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-glow));\n  color: #fff;\n  text-align: center;\n  font-size: 1.15rem;\n  font-weight: 700;\n  text-decoration: none;\n  transition: var(--transition);\n  border: none;\n  cursor: pointer;\n}\n.price-cta:hover {\n  filter: brightness(1.1);\n}\n\n\/* \u2500\u2500 Requirements \u2500\u2500 *\/\n.requirements {\n  padding: 100px 0;\n  background: #fff;\n}\n.req-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 48px;\n}\n.req-card {\n  background: var(--cream);\n  border-radius: var(--radius);\n  padding: 28px 24px;\n  text-align: center;\n  border: 1px solid var(--border);\n  transition: var(--transition);\n}\n.req-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.req-card .label {\n  font-size: 0.8rem;\n  color: var(--text-light);\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.req-card .value {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: var(--navy);\n}\n\n\/* \u2500\u2500 Step Mail Section \u2500\u2500 *\/\n.stepmail {\n  padding: 100px 0;\n  background: var(--cream);\n}\n.mail-timeline {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 16px;\n  margin-top: 48px;\n}\n.mail-item {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 24px 20px;\n  border: 1px solid var(--border);\n  text-align: center;\n  transition: var(--transition);\n  position: relative;\n}\n.mail-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.mail-day {\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--accent);\n  letter-spacing: 0.08em;\n  margin-bottom: 8px;\n}\n.mail-item h4 {\n  font-size: 0.92rem;\n  font-weight: 700;\n  color: var(--navy);\n  margin-bottom: 6px;\n}\n.mail-item p {\n  font-size: 0.8rem;\n  color: var(--text-mid);\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 CTA Final \u2500\u2500 *\/\n.cta-final {\n  padding: 100px 0;\n  background: linear-gradient(155deg, var(--navy), var(--navy-mid));\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.cta-final::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(232,118,43,0.06), transparent 70%);\n}\n.cta-final .section-title { color: #fff !important; background: transparent !important; font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important; padding: 0 !important; margin-top: 0 !important; }\n.cta-final-desc {\n  font-size: 1.1rem;\n  color: rgba(255,255,255,0.65);\n  max-width: 600px;\n  margin: 0 auto 40px;\n  position: relative;\n}\n.cta-final-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-glow));\n  color: #fff;\n  font-size: 1.2rem;\n  font-weight: 700;\n  padding: 22px 56px;\n  border-radius: 100px;\n  text-decoration: none;\n  box-shadow: var(--shadow-accent);\n  transition: var(--transition);\n  position: relative;\n  animation: pulse 3s infinite;\n}\n.cta-final-btn:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 16px 48px rgba(232,118,43,0.4);\n}\n.cta-limit {\n  margin-top: 20px;\n  font-size: 0.9rem;\n  color: rgba(255,255,255,0.4);\n  position: relative;\n}\n\n\/* \u2500\u2500 Footer \u2500\u2500 *\/\nfooter {\n  padding: 40px 0;\n  background: #060E1A;\n  text-align: center;\n  color: rgba(255,255,255,0.3);\n  font-size: 0.82rem;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .timeline { grid-template-columns: repeat(2, 1fr); }\n  .support-grid { grid-template-columns: 1fr; }\n  .roi-body { grid-template-columns: repeat(2, 1fr); }\n  .req-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n  .hero-stats { flex-direction: column; gap: 20px; }\n  .timeline { grid-template-columns: 1fr; }\n  .roi-body { grid-template-columns: 1fr; }\n  .req-grid { grid-template-columns: 1fr; }\n  .flow-steps::before { left: 20px; }\n  .flow-dot { width: 40px; height: 40px; min-width: 40px; font-size: 0.9rem; }\n  .flow-step { gap: 16px; }\n  .mail-timeline { grid-template-columns: repeat(2, 1fr); }\n  .price-top, .price-body { padding-left: 24px; padding-right: 24px; }\n  .hero-content { padding-left: 20px; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AFFINGER \u30c6\u30fc\u30de\u7af6\u5408\u5bfe\u7b56 \u2500\u2500 \u5f37\u5236\u4e0a\u66f8\u304d\u30d6\u30ed\u30c3\u30af\n   h2\/h3 \u306b\u30c6\u30fc\u30de\u304c\u4ed8\u52a0\u3059\u308b color\u30fbbackground\u30fb\n   font-size\u30fbmargin\u30fbpadding \u3092\u7121\u52b9\u5316\u3059\u308b\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 \u6697\u80cc\u666f\u30bb\u30af\u30b7\u30e7\u30f3\u306e h2 \u2500\u2500 *\/\n.brushup-content h2 {\n  color: #fff !important;\n  font-size: clamp(1.3rem, 3vw, 1.8rem) !important;\n  line-height: 1.5 !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n\n.cta-final h2,\n.cta-final .section-title {\n  color: #fff !important;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;\n  line-height: 1.4 !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n\n.schedule h2,\n.schedule .section-title {\n  color: #fff !important;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* \u2500\u2500 \u660e\u80cc\u666f\u30bb\u30af\u30b7\u30e7\u30f3\u306e h2 \u2500\u2500 *\/\n.problem .section-title,\n.services .section-title,\n.flow .section-title,\n.stepmail .section-title,\n.support .section-title,\n.roi .section-title,\n.kpi .section-title,\n.price .section-title,\n.requirements .section-title {\n  color: var(--navy) !important;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* \u2500\u2500 \u5168\u30bb\u30af\u30b7\u30e7\u30f3 h3 AFFINGER \u30ea\u30bb\u30c3\u30c8 \u2500\u2500 *\/\n.pain-card h3,\n.service-card h3,\n.flow-body h3,\n.timeline-card h3,\n.roi-header h3,\n.support-card h3 {\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* \u2500\u2500 \u6697\u80cc\u666f\u30bb\u30af\u30b7\u30e7\u30f3\u306e h3 \u2500\u2500 *\/\n.timeline-card h3 {\n  color: #fff !important;\n  font-size: 1.1rem !important;\n  line-height: 1.4 !important;\n  margin-bottom: 12px !important;\n}\n\n.roi-header h3 {\n  color: #fff !important;\n  font-size: 1.3rem !important;\n  margin-bottom: 8px !important;\n}\n\n\/* \u2500\u2500 \u660e\u80cc\u666f\u30bb\u30af\u30b7\u30e7\u30f3\u306e h3 \u2500\u2500 *\/\n.pain-card h3,\n.service-card h3,\n.flow-body h3,\n.support-card h3 {\n  color: var(--navy) !important;\n}\n\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-grid\"><\/div>\n  <div class=\"container hero-content\">\n    <div class=\"hero-badge\">\u5148\u77405\u793e\u9650\u5b9a\u3067\u52df\u96c6\u4e2d<\/div>\n    <h1>\n      \u30dd\u30fc\u30bf\u30eb\u4f9d\u5b58\u304b\u3089\u8131\u5374\u3002<br>\n      <span class=\"line-accent\">\u81ea\u793eHP\u3067\u5b89\u5b9a\u7684\u306b\u554f\u3044\u5408\u308f\u305b\u3092\u7372\u5f97\u3059\u308b\u3002<\/span>\n    <\/h1>\n    <p class=\"hero-sub\">\n      SUUMO\u30fb\u30db\u30fc\u30e0\u30d7\u30ed\u983c\u307f\u306e\u96c6\u5ba2\u304b\u3089\u629c\u3051\u51fa\u3057\u3001<br>\n      \u81ea\u793e\u30b5\u30a4\u30c8\u3092\u300c\u96c6\u5ba2\u306e\u67f1\u300d\u3068\u3057\u3066\u6a5f\u80fd\u3055\u305b\u308b<br>\n      \u5de5\u52d9\u5e97\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u4f1a\u793e\u5c02\u9580\u306e\u7dcf\u5408\u652f\u63f4\u30d7\u30ed\u30b0\u30e9\u30e0\u3002<br>\n      <strong style=\"color:rgba(255,255,255,0.9);\">\u30bc\u30ed\u304b\u3089\u306e\u69cb\u7bc9\u3082\u3001\u65e2\u5b58\u65bd\u7b56\u306e\u30d6\u30e9\u30c3\u30b7\u30e5\u30a2\u30c3\u30d7\u3082\u5bfe\u5fdc\u3002<\/strong>\n    <\/p>\n    <div class=\"hero-stats\">\n      <div class=\"hero-stat\">\n        <div class=\"hero-stat-num\">6<span>\u500d<\/span><\/div>\n        <div class=\"hero-stat-label\">\u6295\u8cc7\u5bfe\u52b9\u679c\uff08ROI\uff09<\/div>\n      <\/div>\n      <div class=\"hero-stat\">\n        <div class=\"hero-stat-num\">+5<span>\u4ef6\/\u6708<\/span><\/div>\n        <div class=\"hero-stat-label\">HP\u7d4c\u7531\u306e\u554f\u3044\u5408\u308f\u305b\u76ee\u6a19<\/div>\n      <\/div>\n      <div class=\"hero-stat\">\n        <div class=\"hero-stat-num\">6<span>\u30f6\u6708<\/span><\/div>\n        <div class=\"hero-stat-label\">\u96c6\u4e2d\u30d7\u30ed\u30b0\u30e9\u30e0<\/div>\n      <\/div>\n    <\/div>\n    <a href=\"#price\" class=\"hero-cta\">\n      \u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\u3092\u898b\u308b\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n    <\/a>\n    <div style=\"margin-top:20px;animation:fadeUp 0.9s ease both 1s;\">\n      <a href=\"https:\/\/haward-joyman.com\/serviceguide\/koumuten2026hp.pdf\" target=\"_blank\" class=\"pdf-link\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/><polyline points=\"9 15 12 18 15 15\"\/><\/svg>\n        \u30b5\u30fc\u30d3\u30b9\u3054\u6848\u5185\u8cc7\u6599\uff08PDF\uff09\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROBLEM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"problem\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Problem<\/div>\n    <h2 class=\"section-title reveal\">\u3053\u3093\u306a\u304a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n    <p class=\"section-desc reveal\">\u300c\u307e\u3060\u4f55\u3082\u3067\u304d\u3066\u3044\u306a\u3044\u300d\u65b9\u3082\u3001\u300c\u3084\u3063\u3066\u3044\u308b\u306e\u306b\u6210\u679c\u304c\u51fa\u306a\u3044\u300d\u65b9\u3082\u3002\u5de5\u52d9\u5e97\u304c\u76f4\u9762\u3059\u308b\u96c6\u5ba2\u306e\u30ea\u30a2\u30eb\u306a\u8ab2\u984c\u3002<\/p>\n    <div class=\"pain-cards\">\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83d\udd0d<\/div>\n        <h3>HP\u304c\u3042\u308b\u306e\u306b\u554f\u3044\u5408\u308f\u305b\u304c\u6765\u306a\u3044<\/h3>\n        <p>\u30b5\u30a4\u30c8\u306f\u3042\u308b\u304c\u691c\u7d22\u3067\u898b\u3064\u304b\u3089\u305a\u3001\u6708\u9593\u30a2\u30af\u30bb\u30b9\u306f\u6570\u5341\u4ef6\u3002\u300c\u5730\u57df\u540d\uff0b\u5de5\u52d9\u5e97\u300d\u3067\u691c\u7d22\u3057\u3066\u3082\u4e0a\u4f4d\u306b\u51fa\u306a\u3044\u3002<\/p>\n      <\/div>\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83d\udcb0<\/div>\n        <h3>\u30dd\u30fc\u30bf\u30eb\u30b5\u30a4\u30c8\u306e\u63b2\u8f09\u8cbb\u304c\u91cd\u3044<\/h3>\n        <p>SUUMO\u30fb\u30db\u30fc\u30e0\u30d7\u30ed\u7b49\u306b\u6bce\u6708\u6570\u5341\u4e07\u5186\u3002\u8cbb\u7528\u5bfe\u52b9\u679c\u304c\u898b\u3048\u306a\u3044\u307e\u307e\u300c\u3084\u3081\u308b\u3068\u4e0d\u5b89\u300d\u3067\u7d9a\u3051\u3066\u3044\u308b\u3002<\/p>\n      <\/div>\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83d\udcdd<\/div>\n        <h3>SEO\u3084\u5e83\u544a\u3092\u3084\u3063\u305f\u304c\u52b9\u679c\u304c\u306a\u3044<\/h3>\n        <p>\u30d6\u30ed\u30b0\u3092\u66f8\u3044\u305f\u308a\u5e83\u544a\u3092\u51fa\u3057\u305f\u304c\u3001\u554f\u3044\u5408\u308f\u305b\u306b\u3064\u306a\u304c\u3089\u306a\u3044\u3002\u4f55\u304c\u60aa\u3044\u306e\u304b\u308f\u304b\u3089\u305a\u30e2\u30e4\u30e2\u30e4\u3057\u3066\u3044\u308b\u3002<\/p>\n      <\/div>\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83c\udfd7\ufe0f<\/div>\n        <h3>\u793e\u9577\u304c\u5168\u90e8\u3084\u3063\u3066\u3044\u308b<\/h3>\n        <p>\u73fe\u5834\u30fb\u55b6\u696d\u30fb\u7d4c\u55b6\u3092\u517c\u52d9\u3057\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u624b\u304c\u56de\u3089\u306a\u3044\u3002\u5c02\u4efb\u3092\u96c7\u3046\u4f59\u88d5\u3082\u307e\u3060\u306a\u3044\u3002<\/p>\n      <\/div>\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83e\udd1d<\/div>\n        <h3>\u7d39\u4ecb\u983c\u307f\u306b\u9650\u754c\u3092\u611f\u3058\u3066\u3044\u308b<\/h3>\n        <p>OB\u65bd\u4e3b\u306e\u7d39\u4ecb\u3068\u53e3\u30b3\u30df\u3060\u3051\u3067\u306a\u3093\u3068\u304b\u56de\u3057\u3066\u304d\u305f\u304c\u3001\u68df\u6570\u3092\u5897\u3084\u3059\u306b\u306f\u4e0d\u5341\u5206\u3002<\/p>\n      <\/div>\n      <div class=\"pain-card reveal\">\n        <div class=\"pain-icon\">\ud83d\udd17<\/div>\n        <h3>\u65bd\u7b56\u304c\u30d0\u30e9\u30d0\u30e9\u3067\u300c\u4ed5\u7d44\u307f\u300d\u306b\u306a\u3063\u3066\u3044\u306a\u3044<\/h3>\n        <p>HP\u30fb\u30d6\u30ed\u30b0\u30fb\u5e83\u544a\u30fbSNS\u3092\u305d\u308c\u305e\u308c\u3084\u3063\u3066\u3044\u308b\u304c\u3001\u9023\u52d5\u3057\u3066\u304a\u3089\u305a\u554f\u3044\u5408\u308f\u305b\u307e\u3067\u306e\u5c0e\u7dda\u304c\u3064\u306a\u304c\u3063\u3066\u3044\u306a\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BRUSH-UP BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"brushup-banner\">\n  <div class=\"container\">\n    <div class=\"brushup-inner reveal\">\n      <div class=\"brushup-icon-area\">\n        <div class=\"brushup-icon-circle\">\ud83d\udd04<\/div>\n      <\/div>\n      <div class=\"brushup-content\">\n        <h2>\n          \u3059\u3067\u306bHP\u3084SEO\u3001\u5e83\u544a\u306b<br>\n          \u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u3051\u3069<em>\u6210\u679c\u304c\u51fa\u3066\u3044\u306a\u3044\u65b9<\/em>\u3078\n        <\/h2>\n        <p>\n          \u300c\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306f\u4f5c\u3063\u305f\u300d\u300cSEO\u3082\u3084\u3063\u3066\u307f\u305f\u300d\u300c\u5e83\u544a\u3082\u51fa\u3057\u305f\u300d\u2500\u2500<br>\n          \u3067\u3082\u554f\u3044\u5408\u308f\u305b\u304c\u5897\u3048\u306a\u3044\u3002\u305d\u308c\u306f\u53d6\u308a\u7d44\u307f\u81ea\u4f53\u304c\u9593\u9055\u3063\u3066\u3044\u308b\u306e\u3067\u306f\u306a\u304f\u3001<br>\n          <strong style=\"color:#fff;\">\u300c\u96c6\u5ba2\u306e\u4ed5\u7d44\u307f\u300d\u3068\u3057\u3066\u6a5f\u80fd\u3057\u3066\u3044\u306a\u3044<\/strong>\u3060\u3051\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<br>\n          \u672c\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u30bc\u30ed\u304b\u3089\u306e\u69cb\u7bc9\u306f\u3082\u3061\u308d\u3093\u3001<strong style=\"color:var(--green);\">\u65e2\u5b58\u306e\u53d6\u308a\u7d44\u307f\u306e\u30d6\u30e9\u30c3\u30b7\u30e5\u30a2\u30c3\u30d7\uff06\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb<\/strong>\u306b\u3082\u5bfe\u5fdc\u3002<br>\n          \u4eca\u3042\u308b\u8cc7\u7523\u3092\u6d3b\u304b\u3057\u306a\u304c\u3089\u3001\u3055\u3089\u306a\u308b\u9ad8\u307f\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\n        <\/p>\n        <div class=\"brushup-tags\">\n          <span class=\"brushup-tag\">HP\u6539\u5584 \uff06 \u30ea\u30cb\u30e5\u30fc\u30a2\u30eb<\/span>\n          <span class=\"brushup-tag\">SEO\u518d\u8a2d\u8a08<\/span>\n          <span class=\"brushup-tag\">\u5e83\u544a\u904b\u7528\u306e\u898b\u76f4\u3057<\/span>\n          <span class=\"brushup-tag\">\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u6700\u9069\u5316<\/span>\n          <span class=\"brushup-tag\">\u5c0f\u518a\u5b50\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services\" id=\"service\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Service<\/div>\n    <h2 class=\"section-title reveal\">5\u3064\u306e\u65bd\u7b56\u3067\u96c6\u5ba2\u306e\u4ed5\u7d44\u307f\u3092\u69cb\u7bc9\uff06\u30d6\u30e9\u30c3\u30b7\u30e5\u30a2\u30c3\u30d7<\/h2>\n    <p class=\"section-desc reveal\">\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9\u306b\u3082\u3001\u3059\u3067\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u304c\u6210\u679c\u304c\u51fa\u3066\u3044\u306a\u3044\u65b9\u306b\u3082\u3002<br>\u73fe\u72b6\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u300c\u554f\u3044\u5408\u308f\u305b\u304c\u5165\u308b\u300d\u4ed5\u7d44\u307f\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n    <div class=\"service-grid\">\n      <div class=\"service-card reveal\">\n        <div class=\"service-num\">01<\/div>\n        <h3>WordPress\u81ea\u793e\u30b5\u30a4\u30c8\u69cb\u7bc9<\/h3>\n        <p>\u65bd\u5de5\u4e8b\u4f8b\u30fb\u304a\u5ba2\u69d8\u306e\u58f0\u30fb\u8cc7\u6599\u8acb\u6c42\u5c0e\u7dda\u3092\u5099\u3048\u305f\u3001\u5de5\u52d9\u5e97\u5c02\u7528\u306e\u96c6\u5ba2\u7279\u5316\u578b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3092WordPress\u3067\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u652f\u63f4\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n        <div class=\"service-dual\">\n          <div class=\"service-dual-item new-start\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9<\/div>\n            \u96c6\u5ba2\u7279\u5316\u578bHP\u3092\u30bc\u30ed\u304b\u3089\u69cb\u7bc9\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306bHP\u304c\u3042\u308b\u65b9<\/div>\n            \u5c0e\u7dda\u30fb\u69cb\u6210\u306e\u898b\u76f4\u3057\u3067\u554f\u3044\u5408\u308f\u305b\u7387\u3092\u6539\u5584\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"service-card reveal\">\n        <div class=\"service-num\">02<\/div>\n        <h3>SEO\u5bfe\u7b56<\/h3>\n        <p>\u300c\u5730\u57df\u540d\uff0b\u5de5\u52d9\u5e97\u300d\u300c\u5730\u57df\u540d\uff0b\u6ce8\u6587\u4f4f\u5b85\u300d\u7b49\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u691c\u7d22\u4e0a\u4f4d\u3092\u7372\u5f97\u3002\u67084\u301c8\u672c\u306e\u30d6\u30ed\u30b0\u8a18\u4e8b\u4f5c\u6210\u3082\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"service-dual\">\n          <div class=\"service-dual-item new-start\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9<\/div>\n            KW\u8a2d\u8a08\u304b\u3089\u8a18\u4e8b\u4f5c\u6210\u307e\u3067\u4e00\u62ec\u652f\u63f4\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306bSEO\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u65b9<\/div>\n            \u9806\u4f4d\u304c\u4e0a\u304c\u3089\u306a\u3044\u539f\u56e0\u3092\u7279\u5b9a\u3057\u518d\u8a2d\u8a08\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"service-card reveal\">\n        <div class=\"service-num\">03<\/div>\n        <h3>Google\u5e83\u544a<\/h3>\n        <p>\u898b\u5b66\u4f1a\u30fb\u76f8\u8ac7\u4f1a\u3078\u306e\u4e88\u7d04\u3092\u76f4\u63a5\u7372\u5f97\u3059\u308b\u691c\u7d22\u5e83\u544a\u3092\u904b\u7528\u652f\u63f4\u3002\u8cbb\u7528\u5bfe\u52b9\u679c\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"service-dual\">\n          <div class=\"service-dual-item new-start\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9<\/div>\n            \u30a2\u30ab\u30a6\u30f3\u30c8\u958b\u8a2d\u304b\u3089\u521d\u671f\u8a2d\u5b9a\u307e\u3067\u5b8c\u5168\u30b5\u30dd\u30fc\u30c8\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306b\u5e83\u544a\u3092\u51fa\u3057\u3066\u3044\u308b\u65b9<\/div>\n            CPA\u6539\u5584\u30fb\u7121\u99c4\u306a\u51fa\u7a3f\u306e\u524a\u6e1b\u3067\u8cbb\u7528\u5bfe\u52b9\u679c\u3092\u5411\u4e0a\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"service-card reveal\">\n        <div class=\"service-num\">04<\/div>\n        <h3>\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb<\/h3>\n        <p>\u8cc7\u6599\u8acb\u6c42\u5f8c\u306e\u898b\u8fbc\u307f\u5ba2\u306b\u5bfe\u3057\u3066\u3001\u51687\u901a\u306e\u81ea\u52d5\u30e1\u30fc\u30eb\u3067\u4fe1\u983c\u69cb\u7bc9\u3002\u898b\u5b66\u4f1a\u30fb\u500b\u5225\u76f8\u8ac7\u3078\u306e\u6765\u5834\u3092\u4fc3\u9032\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"service-dual\">\n          <div class=\"service-dual-item new-start\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9<\/div>\n            \u30b7\u30ca\u30ea\u30aa\u8a2d\u8a08\u304b\u3089\u6587\u9762\u4f5c\u6210\u30fb\u8a2d\u5b9a\u307e\u3067\u652f\u63f4\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306b\u30e1\u30fc\u30eb\u3092\u9001\u3063\u3066\u3044\u308b\u65b9<\/div>\n            \u958b\u5c01\u7387\u30fb\u6765\u5834\u7387\u3092\u5206\u6790\u3057\u6587\u9762\u3068\u30bf\u30a4\u30df\u30f3\u30b0\u3092\u6539\u5584\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"service-card reveal\">\n        <div class=\"service-num\">05<\/div>\n        <h3>\u5c0f\u518a\u5b50\uff08\u30ea\u30fc\u30c9\u30de\u30b0\u30cd\u30c3\u30c8\uff09<\/h3>\n        <p>\u300c\u5bb6\u3065\u304f\u308a\u30ac\u30a4\u30c9\u300d\u7b49\u306e\u7121\u6599\u518a\u5b50\u3067\u8cc7\u6599\u8acb\u6c42\u306e\u30cf\u30fc\u30c9\u30eb\u3092\u4e0b\u3052\u3001\u9023\u7d61\u5148\u3092\u7372\u5f97\u3002\u539f\u7a3f\u4f5c\u6210\u307e\u3067\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"service-dual\">\n          <div class=\"service-dual-item new-start\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u3053\u308c\u304b\u3089\u59cb\u3081\u308b\u65b9<\/div>\n            4\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304b\u3089\u9078\u3093\u3067\u539f\u7a3f\u4f5c\u6210\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306b\u5c0f\u518a\u5b50\u304c\u3042\u308b\u65b9<\/div>\n            \u5185\u5bb9\u30fb\u30c7\u30b6\u30a4\u30f3\u306e\u30ea\u30cb\u30e5\u30fc\u30a2\u30eb\u3067\u8acb\u6c42\u7387UP\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FLOW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"flow\" id=\"flow\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Flow<\/div>\n    <h2 class=\"section-title reveal\">\u96c6\u5ba2\u306e\u5168\u4f53\u30d5\u30ed\u30fc<\/h2>\n    <p class=\"section-desc reveal\">\u300c\u8a8d\u77e5\u2192\u8cc7\u6599\u8acb\u6c42\u2192\u80b2\u6210\u2192\u6765\u5834\u2192\u5546\u8ac7\u2192\u5951\u7d04\u300d\u306e\u6d41\u308c\u3092\u4ed5\u7d44\u307f\u5316\u3057\u307e\u3059\u3002<\/p>\n    <div class=\"flow-steps\">\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">1<\/div>\n        <div class=\"flow-body\">\n          <h3>\u8a8d\u77e5<\/h3>\n          <p>Google\u691c\u7d22\u30fb\u5e83\u544a\u3067\u5de5\u52d9\u5e97\u306e\u5b58\u5728\u3092\u77e5\u3063\u3066\u3082\u3089\u3046<\/p>\n          <span class=\"tool-tag\">SEO\u8a18\u4e8b<\/span>\n          <span class=\"tool-tag\">Google\u5e83\u544a<\/span>\n          <span class=\"tool-tag\">MEO<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">2<\/div>\n        <div class=\"flow-body\">\n          <h3>\u8208\u5473<\/h3>\n          <p>\u65bd\u5de5\u4e8b\u4f8b\u30fb\u304a\u5ba2\u69d8\u306e\u58f0\u3092\u898b\u3066\u300c\u3053\u3053\u306b\u76f8\u8ac7\u3057\u305f\u3044\u300d\u3068\u601d\u308f\u305b\u308b<\/p>\n          <span class=\"tool-tag\">\u65bd\u5de5\u4e8b\u4f8b\u30da\u30fc\u30b8<\/span>\n          <span class=\"tool-tag\">\u304a\u5ba2\u69d8\u306e\u58f0<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">3<\/div>\n        <div class=\"flow-body\">\n          <h3>\u8cc7\u6599\u8acb\u6c42<\/h3>\n          <p>\u5c0f\u518a\u5b50\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3001\u9023\u7d61\u5148\u3092\u53d6\u5f97<\/p>\n          <span class=\"tool-tag\">\u5c0f\u518a\u5b50<\/span>\n          <span class=\"tool-tag\">\u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">4<\/div>\n        <div class=\"flow-body\">\n          <h3>\u80b2\u6210<\/h3>\n          <p>\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb7\u901a\u3067\u4fe1\u983c\u69cb\u7bc9\u3057\u3001\u898b\u5b66\u4f1a\u3078\u8a98\u5c0e<\/p>\n          <span class=\"tool-tag\">\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u51687\u901a<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">5<\/div>\n        <div class=\"flow-body\">\n          <h3>\u6765\u5834<\/h3>\n          <p>\u898b\u5b66\u4f1a\u30fb\u76f8\u8ac7\u4f1a\u306b\u6765\u5834\u3057\u3001\u5bfe\u9762\u3067\u4fe1\u983c\u3092\u6df1\u3081\u308b<\/p>\n          <span class=\"tool-tag\">\u898b\u5b66\u4f1a<\/span>\n          <span class=\"tool-tag\">\u76f8\u8ac7\u4f1a<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"flow-step reveal\">\n        <div class=\"flow-dot\">6<\/div>\n        <div class=\"flow-body\">\n          <h3>\u5546\u8ac7\u30fb\u5951\u7d04<\/h3>\n          <p>\u30d2\u30a2\u30ea\u30f3\u30b0\u30fb\u30d7\u30e9\u30f3\u63d0\u6848\u30fb\u898b\u7a4d\u308a\u3092\u7d4c\u3066\u6210\u7d04\u3078<\/p>\n          <span class=\"tool-tag\">\u5de5\u52d9\u5e97\u306e\u55b6\u696d\u529b<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 STEP MAIL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"stepmail\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Step Mail<\/div>\n    <h2 class=\"section-title reveal\">\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u51687\u901a\u306e\u69cb\u6210<\/h2>\n    <p class=\"section-desc reveal\">\u8cc7\u6599\u8acb\u6c42\u304b\u308935\u65e5\u9593\u3001\u81ea\u52d5\u3067\u4fe1\u983c\u69cb\u7bc9\u3068\u6765\u5834\u4fc3\u9032\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n    <div class=\"mail-timeline\">\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">\u5373\u65e5<\/div>\n        <h4>\u304a\u793c\u30e1\u30fc\u30eb<\/h4>\n        <p>\u8cc7\u6599DL\u306e\u304a\u793c\u3068<br>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9URL<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">3\u65e5\u5f8c<\/div>\n        <h4>\u5bb6\u3065\u304f\u308a\u306e\u7b2c\u4e00\u6b69<\/h4>\n        <p>\u6d41\u308c\u3068\u5927\u4e8b\u306a<br>\u30dd\u30a4\u30f3\u30c8\u3092\u89e3\u8aac<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">7\u65e5\u5f8c<\/div>\n        <h4>\u65bd\u5de5\u4e8b\u4f8b\u7d39\u4ecb<\/h4>\n        <p>\u4ee3\u8868\u7684\u306a\u4e8b\u4f8b\u3092<br>2\u301c3\u4ef6\u7d39\u4ecb<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">14\u65e5\u5f8c<\/div>\n        <h4>\u304a\u5ba2\u69d8\u306e\u58f0<\/h4>\n        <p>\u65bd\u4e3b\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u3067<br>\u5b89\u5fc3\u611f\u3092\u69cb\u7bc9<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">21\u65e5\u5f8c<\/div>\n        <h4>\u8cc7\u91d1\u8a08\u753b\u306e\u30b3\u30c4<\/h4>\n        <p>\u4f4f\u5b85\u30ed\u30fc\u30f3\u30fb<br>\u88dc\u52a9\u91d1\u60c5\u5831<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">28\u65e5\u5f8c<\/div>\n        <h4>\u898b\u5b66\u4f1a\u3054\u6848\u5185<\/h4>\n        <p>\u76f4\u8fd1\u306e\u898b\u5b66\u4f1a\u30fb<br>\u76f8\u8ac7\u4f1a\u60c5\u5831<\/p>\n      <\/div>\n      <div class=\"mail-item reveal\">\n        <div class=\"mail-day\">35\u65e5\u5f8c<\/div>\n        <h4>\u500b\u5225\u76f8\u8ac7\u306e\u3054\u6848\u5185<\/h4>\n        <p>\u7121\u6599\u500b\u5225\u76f8\u8ac7\u306e<br>\u3054\u63d0\u6848<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUPPORT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"support\" id=\"support\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Support<\/div>\n    <h2 class=\"section-title reveal\">4\u3064\u306e\u30b5\u30dd\u30fc\u30c8\u4f53\u5236<\/h2>\n    <p class=\"section-desc reveal\">\u3064\u307e\u305a\u304f\u3053\u3068\u306a\u304f\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u3001\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n    <div class=\"support-grid\">\n      <div class=\"support-card reveal\" data-num=\"01\">\n        <h3>24\u6642\u9593\u30e1\u30fc\u30eb\u30b5\u30dd\u30fc\u30c8<\/h3>\n        <p>HP\u306e\u4fee\u6b63\u76f8\u8ac7\u3001SEO\u8a18\u4e8b\u306e\u6dfb\u524a\u3001\u5e83\u544a\u8a2d\u5b9a\u306e\u8cea\u554f\u306a\u3069\u300124\u6642\u9593\u4ee5\u5185\u306b\u8fd4\u4fe1\u3002\u56de\u6570\u7121\u5236\u9650\u3067\u4f55\u5ea6\u3067\u3082\u76f8\u8ac7OK\u3002<\/p>\n        <div class=\"support-highlight\">\u571f\u65e5\u795d\u542b\u3080 \uff0f \u56de\u6570\u7121\u5236\u9650<\/div>\n      <\/div>\n      <div class=\"support-card reveal\" data-num=\"02\">\n        <h3>\u67082\u56de \u5168\u4f53ZOOM\u30df\u30fc\u30c6\u30a3\u30f3\u30b0<\/h3>\n        <p>\u53c2\u52a0\u30e1\u30f3\u30d0\u30fc\u5168\u54e1\u3067\u306e\u30b0\u30eb\u30fc\u30d7ZOOM\u3002\u9032\u6357\u5171\u6709\u30fb\u8cea\u554f\u5fdc\u7b54\u30fb\u6210\u529f\u4e8b\u4f8b\u306e\u5171\u6709\u3092\u884c\u3044\u307e\u3059\u3002\u53c2\u52a0\u3067\u304d\u306a\u3044\u5834\u5408\u306f\u9332\u753b\u3092\u5171\u6709\u3002<\/p>\n        <div class=\"support-highlight\">\u67082\u56de \u540460\u5206 \uff0f \u9332\u753b\u5171\u6709\u3042\u308a<\/div>\n        <p style=\"font-size:0.8rem;color:var(--text-light);margin-top:10px;line-height:1.6;\">\u203b \u53c2\u52a0\u4eba\u6570\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u3001\u98f2\u98df\u5e97\u30fb\u7f8e\u5bb9\u5ba4\u306e\u65b9\u3082\u540c\u5e2d\u3059\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002\u3042\u3089\u304b\u3058\u3081\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n      <div class=\"support-card reveal\" data-num=\"03\">\n        <h3>\u5e83\u544a\u5b9f\u88c5\u652f\u63f4<\/h3>\n        <p>Google\u30a2\u30ab\u30a6\u30f3\u30c8\u958b\u8a2d\u304b\u3089\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u8a2d\u5b9a\u3001\u5e83\u544a\u6587\u4f5c\u6210\u3001\u904b\u7528\u8abf\u6574\u307e\u3067\u3002\u5e83\u544a\u306e\u8cbb\u7528\u5bfe\u52b9\u679c\u3092\u6700\u5927\u5316\u3059\u308b\u305f\u3081\u306e\u30a2\u30c9\u30d0\u30a4\u30b9\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n        <div class=\"support-highlight\">\u76ee\u6a19CPA\uff1a\u8cc7\u6599\u8acb\u6c425,000\u5186\u4ee5\u4e0b<\/div>\n      <\/div>\n      <div class=\"support-card reveal\" data-num=\"04\">\n        <h3>SEO\u5bfe\u7b56\u8a18\u4e8b\u4f5c\u6210\u652f\u63f4<\/h3>\n        <p>\u30c6\u30fc\u30de\u9078\u5b9a\u304b\u3089\u69cb\u6210\u6848\u4f5c\u6210\u3001AI\u6d3b\u7528\u306b\u3088\u308b\u539f\u7a3f\u4f5c\u6210\u3001\u6dfb\u524a\u307e\u3067\u3002\u67084\u301c8\u672c\u306e\u8a18\u4e8b\u4f5c\u6210\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"support-highlight\">AI\u6d3b\u7528\u3067\u52b9\u7387\u7684\u306b\u9ad8\u54c1\u8cea\u306a\u8a18\u4e8b\u3092\u91cf\u7523<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCHEDULE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"schedule\" id=\"schedule\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Schedule<\/div>\n    <h2 class=\"section-title reveal\">6\u30f6\u6708\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u6d41\u308c<\/h2>\n    <p class=\"section-desc reveal\">\u5404\u6708\u306e\u91cd\u70b9\u30c6\u30fc\u30de\u3092\u660e\u78ba\u306b\u3057\u3001\u6bb5\u968e\u7684\u306b\u4ed5\u7d44\u307f\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n    <div class=\"timeline\">\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 01<\/div>\n        <h3>\u571f\u53f0\u69cb\u7bc9<\/h3>\n        <p>WordPress\u30b5\u30a4\u30c8\u69cb\u7bc9\u652f\u63f4\u30fb\u65bd\u5de5\u4e8b\u4f8b\u30da\u30fc\u30b8\u4f5c\u6210\u652f\u63f4\u30fb\u5c0f\u518a\u5b50\u539f\u7a3f\u4f5c\u6210\u652f\u63f4\u30fb\u8cc7\u6599\u8acb\u6c42\u30da\u30fc\u30b8\u8a2d\u7f6e<\/p>\n      <\/div>\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 02<\/div>\n        <h3>\u96c6\u5ba2\u958b\u59cb<\/h3>\n        <p>Google\u5e83\u544a\u958b\u59cb\u30fbSEO\u8a18\u4e8b\u4f5c\u6210\u958b\u59cb\uff08\u67084\u672c\uff09\u30fb\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u8a2d\u5b9a\u30fbMEO\u5bfe\u7b56\u958b\u59cb<\/p>\n      <\/div>\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 03<\/div>\n        <h3>\u6539\u5584\u30fb\u6700\u9069\u5316<\/h3>\n        <p>\u5e83\u544a\u306e\u904b\u7528\u8abf\u6574\u30fbSEO\u8a18\u4e8b\u7d99\u7d9a\uff08\u67086\u672c\uff09\u30fb\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\u306e\u6539\u5584\u30fb\u53e3\u30b3\u30df\u7372\u5f97\u65bd\u7b56\u958b\u59cb<\/p>\n      <\/div>\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 04<\/div>\n        <h3>\u6210\u679c\u62e1\u5927<\/h3>\n        <p>\u5e83\u544a\u4e88\u7b97\u306e\u6700\u9069\u5316\u30fb\u65bd\u5de5\u4e8b\u4f8b\u30da\u30fc\u30b8\u8ffd\u52a0\u30fb\u304a\u5ba2\u69d8\u306e\u58f0\u30da\u30fc\u30b8\u5145\u5b9f\u30fbSEO\u8a18\u4e8b\u7d99\u7d9a\uff08\u67088\u672c\uff09<\/p>\n      <\/div>\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 05<\/div>\n        <h3>\u81ea\u8d70\u5316<\/h3>\n        <p>SEO\u304b\u3089\u306e\u81ea\u7136\u6d41\u5165\u304c\u5897\u52a0\u958b\u59cb\u30fb\u5e83\u544a\u4f9d\u5b58\u5ea6\u306e\u6bb5\u968e\u7684\u4f4e\u4e0b\u30fb\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u306e\u6539\u5584<\/p>\n      <\/div>\n      <div class=\"timeline-card reveal\">\n        <div class=\"timeline-month\">MONTH 06<\/div>\n        <h3>\u5b9a\u7740\u30fb\u8a55\u4fa1<\/h3>\n        <p>\u6210\u679c\u6e2c\u5b9a\u3068\u4eca\u5f8c\u306e\u65b9\u91dd\u7b56\u5b9a\u30fb\u81ea\u8d70\u904b\u7528\u4f53\u5236\u306e\u69cb\u7bc9\u30fb\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8\u306e\u5224\u65ad<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ROI \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"roi\" id=\"roi\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">ROI<\/div>\n    <h2 class=\"section-title reveal\">\u6295\u8cc7\u5bfe\u52b9\u679c<\/h2>\n    <p class=\"section-desc reveal\">\u5e74\u95931\u68df\u5897\u3048\u308b\u3060\u3051\u3067\u3001\u30b3\u30f3\u30b5\u30eb\u8cbb\u7528\u306e\u7d046\u500d\u306e\u7c97\u5229\u3092\u56de\u53ce\u3067\u304d\u307e\u3059\u3002<\/p>\n    <div class=\"roi-box reveal\">\n      <div class=\"roi-header\">\n        <h3>\u5e74\u95931\u68df\u306e\u4e0a\u7a4d\u307f\u3067\u5f97\u3089\u308c\u308b\u30ea\u30bf\u30fc\u30f3<\/h3>\n        <p>\u5e73\u5747\u53d7\u6ce8\u5358\u4fa1 2,000\u4e07\u5186 \uff0f \u7c97\u5229\u7387 25%\u60f3\u5b9a<\/p>\n      <\/div>\n      <div class=\"roi-body\">\n        <div class=\"roi-item\">\n          <div class=\"num\">80<span style=\"font-size:0.6em\">\u4e07\u5186<\/span><\/div>\n          <div class=\"label\">\u5e74\u9593\u30b3\u30f3\u30b5\u30eb\u8cbb\u7528<br>\uff0866,000\u5186\u00d712\u30f6\u6708\uff09<\/div>\n        <\/div>\n        <div class=\"roi-item\">\n          <div class=\"num\">+2,000<span style=\"font-size:0.6em\">\u4e07\u5186<\/span><\/div>\n          <div class=\"label\">\u5e74\u95931\u68df\u5897\u306e<br>\u58f2\u4e0a\u5897<\/div>\n        <\/div>\n        <div class=\"roi-item\">\n          <div class=\"num\">+500<span style=\"font-size:0.6em\">\u4e07\u5186<\/span><\/div>\n          <div class=\"label\">\u7c97\u5229\u5897<br>\uff08\u7c97\u5229\u738725%\u60f3\u5b9a\uff09<\/div>\n        <\/div>\n        <div class=\"roi-item\">\n          <div class=\"num\">6<span style=\"font-size:0.6em\">\u500d<\/span><\/div>\n          <div class=\"label\">\u30b3\u30f3\u30b5\u30eb\u8cbb\u7528\u306b\u5bfe\u3059\u308b<br>\u7c97\u5229\u56de\u53ce\u7387<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"roi-footer\">\n        \u670866,000\u5186\u3092\u6255\u308f\u306a\u3044\u3053\u3068\u3067\u3001\u5e74\u9593500\u4e07\u5186\u306e\u7c97\u5229\u3092\u9003\u3057\u3066\u3044\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 KPI \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"kpi\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">KPI<\/div>\n    <h2 class=\"section-title reveal\">\u6210\u679c\u6307\u6a19<\/h2>\n    <p class=\"section-desc reveal\">\u6708\u6b21\u3067\u6e2c\u5b9a\u30fb\u5831\u544a\u3057\u3001\u6539\u5584\u30b5\u30a4\u30af\u30eb\u3092\u56de\u3057\u307e\u3059\u3002<\/p>\n    <table class=\"kpi-table reveal\">\n      <thead>\n        <tr>\n          <th>KPI\u9805\u76ee<\/th>\n          <th>3\u30f6\u6708\u76ee\u6a19<\/th>\n          <th>6\u30f6\u6708\u76ee\u6a19<\/th>\n          <th>\u6e2c\u5b9a\u65b9\u6cd5<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr><td>HP\u30a2\u30af\u30bb\u30b9\u6570<\/td><td>\u6708500\u4ee5\u4e0a<\/td><td>\u67081,000\u4ee5\u4e0a<\/td><td>Google Analytics<\/td><\/tr>\n        <tr><td>\u8cc7\u6599\u8acb\u6c42\u6570<\/td><td>\u67083\u4ef6\u4ee5\u4e0a<\/td><td>\u67085\u4ef6\u4ee5\u4e0a<\/td><td>\u30d5\u30a9\u30fc\u30e0\u8a08\u6e2c<\/td><\/tr>\n        <tr><td>\u898b\u5b66\u4f1a\u4e88\u7d04\u6570<\/td><td>\u67082\u7d44\u4ee5\u4e0a<\/td><td>\u67083\u7d44\u4ee5\u4e0a<\/td><td>\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0<\/td><\/tr>\n        <tr><td>\u691c\u7d22\u9806\u4f4d<\/td><td>\u4e3b\u8981KW\u306720\u4f4d\u4ee5\u5185<\/td><td>\u4e3b\u8981KW\u306710\u4f4d\u4ee5\u5185<\/td><td>Search Console<\/td><\/tr>\n        <tr><td>Google\u53e3\u30b3\u30df<\/td><td>20\u4ef6\u4ee5\u4e0a<\/td><td>30\u4ef6\u4ee5\u4e0a<\/td><td>Google\u30de\u30c3\u30d7<\/td><\/tr>\n        <tr><td>\u5e83\u544aCPA<\/td><td>\u8cc7\u6599\u8acb\u6c42 5,000\u5186\u4ee5\u4e0b<\/td><td>\u8cc7\u6599\u8acb\u6c42 3,000\u5186\u4ee5\u4e0b<\/td><td>Google\u5e83\u544a\u7ba1\u7406\u753b\u9762<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"price\" id=\"price\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\" style=\"text-align:center;display:flex;justify-content:center;\">Price<\/div>\n    <h2 class=\"section-title reveal\" style=\"text-align:center;\">\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n    <div class=\"price-card reveal\">\n      <div class=\"price-top\">\n        <div class=\"price-label\">\u5de5\u52d9\u5e97HP\u96c6\u5ba2\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9<\/div>\n        <div class=\"price-amount\"><span>\u6708\u984d <\/span>66,000<span>\u5186<\/span><\/div>\n        <div class=\"price-tax\">\uff08\u7a0e\u8fbc\uff09<\/div>\n      <\/div>\n      <div class=\"price-body\">\n        <ul class=\"price-includes\">\n          <li><span class=\"price-check\">\u2713<\/span>WordPress\u81ea\u793e\u30b5\u30a4\u30c8\u69cb\u7bc9\u652f\u63f4<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>SEO\u5bfe\u7b56\uff08\u30ad\u30fc\u30ef\u30fc\u30c9\u8a2d\u8a08\u30fb\u8a18\u4e8b\u4f5c\u6210\u652f\u63f4\uff09<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>Google\u5e83\u544a\u306e\u8a2d\u5b9a\u30fb\u904b\u7528\u652f\u63f4<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u8a2d\u5b9a\u652f\u63f4\uff08\u51687\u901a\uff09<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>\u5c0f\u518a\u5b50\u306e\u539f\u7a3f\u4f5c\u6210\u652f\u63f4<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>24\u6642\u9593\u30e1\u30fc\u30eb\u30b5\u30dd\u30fc\u30c8\uff08\u56de\u6570\u7121\u5236\u9650\uff09<\/li>\n          <li><span class=\"price-check\">\u2713<\/span>\u67082\u56de\u306e\u5168\u4f53ZOOM\u30df\u30fc\u30c6\u30a3\u30f3\u30b0<\/li>\n        <\/ul>\n        <div class=\"price-note\">\n          \u203b Google\u5e83\u544a\u8cbb\uff08\u67083\u301c5\u4e07\u5186\u76ee\u5b89\uff09\u30fb\u30b5\u30fc\u30d0\u30fc\u30fb\u30c9\u30e1\u30a4\u30f3\u8cbb\u30fb\u5c0f\u518a\u5b50\u5370\u5237\u8cbb\u306f\u5b9f\u8cbb\u8ca0\u62c5\u3068\u306a\u308a\u307e\u3059\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/j.syukyaku.net\/offers\/7f986400-774c-42f7-a5e7-c3deed52c515\" target=\"_blank\" class=\"price-cta\">\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u3067\u7533\u3057\u8fbc\u3080 \u2192<\/a>\n      <div style=\"text-align:center;padding:4px 24px 0;\">\n        <span style=\"display:inline-block;font-size:0.75rem;color:var(--text-light);\">\u203b \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u6c7a\u6e08\u5c02\u7528<\/span>\n      <\/div>\n      <!-- \u9280\u884c\u53e3\u5ea7\u632f\u66ff -->\n      <div style=\"margin:20px 24px 0;padding:20px;background:var(--sky);border-radius:12px;text-align:center;\">\n        <div style=\"font-size:0.82rem;font-weight:700;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--blue);\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n          \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u4ee5\u5916\u3067\u306e\u304a\u652f\u6255\u3044\u3092\u3054\u5e0c\u671b\u306e\u65b9\n        <\/div>\n        <p style=\"font-size:0.78rem;color:var(--text-mid);line-height:1.7;margin-bottom:12px;\">\u9280\u884c\u53e3\u5ea7\u632f\u66ff\u306b\u3088\u308b\u304a\u7533\u3057\u8fbc\u307f\u3082\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n        <a href=\"https:\/\/24auto.biz\/mc0320\/regires\/thread449.htm\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:700;color:var(--blue);text-decoration:none;padding:10px 24px;border:1.5px solid var(--blue);border-radius:100px;transition:all 0.3s ease;background:#fff;\">\n          \u9280\u884c\u53e3\u5ea7\u632f\u66ff\u3067\u306e\u304a\u7533\u3057\u8fbc\u307f\u306f\u3053\u3061\u3089\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <p style=\"font-size:0.72rem;color:var(--text-light);line-height:1.6;margin-top:10px;\">\u203b \u9280\u884c\u53e3\u5ea7\u632f\u66ff\u306e\u5834\u5408\u306f\u3001\u53e3\u5ea7\u632f\u66ff\u624b\u7d9a\u304d\u306b\u304a\u6642\u9593\u3092\u8981\u3059\u308b\u305f\u3081<br>\u6700\u521d\u306e2\u30f6\u6708\u5206\u3092\u304a\u632f\u8fbc\u307f\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n      <\/div>\n      <!-- ZOOM\u9762\u8ac7 -->\n      <div style=\"margin:16px 24px 0;padding:20px;background:var(--green-bg);border-radius:12px;text-align:center;\">\n        <div style=\"font-size:0.82rem;font-weight:700;color:var(--navy);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color:var(--green);\"><path d=\"M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          \u307e\u305a\u306f\u8a71\u3092\u805e\u3044\u3066\u307f\u305f\u3044\u65b9\n        <\/div>\n        <p style=\"font-size:0.78rem;color:var(--text-mid);line-height:1.7;margin-bottom:12px;\">\u304a\u7533\u3057\u8fbc\u307f\u524d\u306b\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u805e\u304d\u305f\u3044\u65b9\u306f\u3001ZOOM\u9762\u8ac7\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n        <a href=\"https:\/\/24auto.biz\/mc0320\/regires\/thread450.htm\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:700;color:var(--green);text-decoration:none;padding:10px 24px;border:1.5px solid var(--green);border-radius:100px;transition:all 0.3s ease;background:#fff;\">\n          ZOOM\u9762\u8ac7\u306b\u7533\u3057\u8fbc\u3080\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <!-- PDF -->\n      <div style=\"text-align:center;padding:20px 24px 24px;\">\n        <a href=\"https:\/\/haward-joyman.com\/serviceguide\/koumuten2026hp.pdf\" target=\"_blank\" class=\"pdf-link pdf-link--light\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/><polyline points=\"9 15 12 18 15 15\"\/><\/svg>\n          \u30b5\u30fc\u30d3\u30b9\u3054\u6848\u5185\u8cc7\u6599\uff08PDF\uff09\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REQUIREMENTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"requirements\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Requirements<\/div>\n    <h2 class=\"section-title reveal\">\u52df\u96c6\u8981\u9805<\/h2>\n    <div class=\"req-grid\">\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u52df\u96c6\u4eba\u6570<\/div>\n        <div class=\"value\" style=\"color:var(--accent);\">\u5148\u77405\u793e\u9650\u5b9a<\/div>\n      <\/div>\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u5bfe\u8c61<\/div>\n        <div class=\"value\">\u5e74\u55465,000\u4e07\u5186\u4ee5\u4e0a<\/div>\n      <\/div>\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u5951\u7d04\u671f\u9593<\/div>\n        <div class=\"value\">6\u30f6\u6708<\/div>\n      <\/div>\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u6708\u984d<\/div>\n        <div class=\"value\">66,000\u5186\uff08\u7a0e\u8fbc\uff09<\/div>\n      <\/div>\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u958b\u59cb\u6642\u671f<\/div>\n        <div class=\"value\">\u6700\u77ed2\u9031\u9593<\/div>\n      <\/div>\n      <div class=\"req-card reveal\">\n        <div class=\"label\">\u53c2\u52a0\u6761\u4ef6<\/div>\n        <div class=\"value\" style=\"font-size:1rem;\">\u67082\u56deZOOM\u53c2\u52a0\u53ef\u80fd<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta-final\">\n  <div class=\"container\">\n    <h2 class=\"section-title reveal\">\n      \u300c\u5efa\u3066\u3066\u7d42\u308f\u308a\u300d\u306e\u5de5\u52d9\u5e97\u304b\u3089<br>\n      \u300c\u5efa\u3066\u3066\u304b\u3089\u304c\u59cb\u307e\u308a\u300d\u306e\u5de5\u52d9\u5e97\u3078\u3002\n    <\/h2>\n    <p class=\"cta-final-desc reveal\">\n      \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fb\u9280\u884c\u53e3\u5ea7\u632f\u66ff\u3067\u306e\u304a\u7533\u3057\u8fbc\u307f\u3001<br>\n      \u307e\u305a\u306fZOOM\u9762\u8ac7\u3067\u8a71\u3092\u805e\u3044\u3066\u307f\u305f\u3044\u65b9\u3082\u3001\u3053\u3061\u3089\u304b\u3089\u3069\u3046\u305e\u3002\n    <\/p>\n    <a href=\"https:\/\/j.syukyaku.net\/offers\/7f986400-774c-42f7-a5e7-c3deed52c515\" target=\"_blank\" class=\"cta-final-btn reveal\">\n      \u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u3067\u7533\u3057\u8fbc\u3080\n    <\/a>\n    <p class=\"cta-limit reveal\">\u5148\u77405\u793e\u9650\u5b9a \uff0f \u304a\u7533\u3057\u8fbc\u307f\u5f8c\u3001\u6700\u77ed2\u9031\u9593\u3067\u30b9\u30bf\u30fc\u30c8<\/p>\n    <div style=\"margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;\" class=\"reveal\">\n      <a href=\"https:\/\/24auto.biz\/mc0320\/regires\/thread449.htm\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.8);text-decoration:none;padding:10px 22px;border:1.5px solid rgba(255,255,255,0.25);border-radius:100px;background:rgba(255,255,255,0.06);transition:all 0.3s ease;\">\n        \u9280\u884c\u53e3\u5ea7\u632f\u66ff\u3067\u7533\u3057\u8fbc\u3080\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/24auto.biz\/mc0320\/regires\/thread450.htm\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.8);text-decoration:none;padding:10px 22px;border:1.5px solid rgba(255,255,255,0.25);border-radius:100px;background:rgba(255,255,255,0.06);transition:all 0.3s ease;\">\n        ZOOM\u9762\u8ac7\u306b\u7533\u3057\u8fbc\u3080\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n    <div style=\"margin-top:16px;\" class=\"reveal\">\n      <a href=\"https:\/\/haward-joyman.com\/serviceguide\/koumuten2026hp.pdf\" target=\"_blank\" class=\"pdf-link\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/><polyline points=\"9 15 12 18 15 15\"\/><\/svg>\n        \u30b5\u30fc\u30d3\u30b9\u3054\u6848\u5185\u8cc7\u6599\uff08PDF\uff09\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer>\n  <div class=\"container\">\n    <p>\u00a9 \u5897\u76ca\u7e41\u76db\u30af\u30e9\u30d6\uff5c\u5de5\u52d9\u5e97HP\u96c6\u5ba2\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9<\/p>\n  <\/div>\n<\/footer>\n\n<script>\n\/\/ \u2500\u2500 Scroll Reveal \u2500\u2500\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry, index) => {\n    if (entry.isIntersecting) {\n      entry.target.style.transitionDelay = `${index * 0.05}s`;\n      entry.target.classList.add('visible');\n      observer.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n\/\/ \u2500\u2500 Smooth scroll for anchor links \u2500\u2500\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function(e) {\n    e.preventDefault();\n    const target = document.querySelector(this.getAttribute('href'));\n    if (target) {\n      target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  });\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t\t\t\n\t<div class=\"blogbox \">\n\t\t<p><span class=\"kdate\">\n\t\t\t\t\t\t\t\t<i class=\"st-fa st-svg-clock-o\"><\/i><time class=\"updated\" datetime=\"2026-04-06T11:29:28+0900\">2026\u5e744\u67086\u65e5<\/time>\n\t\t\t\t\t\t<\/span><\/p>\n\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!--\u30eb\u30fc\u30d7\u7d42\u4e86 -->\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!--\/post-->\n\t\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t\t\t<!-- \/#contentInner -->\n\t\t\t<\/div>\n\t\t\t<!--\/#content -->\n\t\t\t<footer id=\"footer\" style=\"margin:0;padding:0;\">\n\t\t\t<\/footer>\n\t\t<\/div>\n\t<!-- \/#wrapper -->\n\t<script type=\"speculationrules\">\n{\"prefetch\":[{\"source\":\"document\",\"where\":{\"and\":[{\"href_matches\":\"\/koumuten\/*\"},{\"not\":{\"href_matches\":[\"\/koumuten\/wp-*.php\",\"\/koumuten\/wp-admin\/*\",\"\/koumuten\/wp-content\/uploads\/*\",\"\/koumuten\/wp-content\/*\",\"\/koumuten\/wp-content\/plugins\/*\",\"\/koumuten\/wp-content\/themes\/affinger-child\/*\",\"\/koumuten\/wp-content\/themes\/affinger\/*\",\"\/koumuten\/*\\\\?(.+)\"]}},{\"not\":{\"selector_matches\":\"a[rel~=\\\"nofollow\\\"]\"}},{\"not\":{\"selector_matches\":\".no-prefetch, .no-prefetch a\"}}]},\"eagerness\":\"conservative\"}]}\n<\/script>\n<script>\n\n<\/script><script type=\"text\/javascript\" src=\"https:\/\/haward-joyman.com\/koumuten\/wp-content\/themes\/affinger\/vendor\/slick\/slick.js?ver=1.5.9\" id=\"slick-js\"><\/script>\n<script type=\"text\/javascript\" id=\"base-js-extra\">\n\/* <![CDATA[ *\/\nvar ST = {\"ajax_url\":\"https:\/\/haward-joyman.com\/koumuten\/wp-admin\/admin-ajax.php\",\"expand_accordion_menu\":\"\",\"sidemenu_accordion\":\"\",\"is_mobile\":\"\"};\n\/\/# sourceURL=base-js-extra\n\/* ]]> *\/\n<\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/haward-joyman.com\/koumuten\/wp-content\/themes\/affinger\/js\/base.js?ver=6.9.4\" id=\"base-js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/haward-joyman.com\/koumuten\/wp-content\/themes\/affinger\/js\/scroll.js?ver=6.9.4\" id=\"scroll-js\"><\/script>\n<script type=\"text\/javascript\" src=\"https:\/\/haward-joyman.com\/koumuten\/wp-content\/themes\/affinger\/js\/st-copy-text.js?ver=6.9.4\" id=\"st-copy-text-js\"><\/script>\n<script id=\"wp-emoji-settings\" type=\"application\/json\">\n{\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/haward-joyman.com\/koumuten\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.9.4\"}}\n<\/script>\n<script type=\"module\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\nconst a=JSON.parse(document.getElementById(\"wp-emoji-settings\").textContent),o=(window._wpemojiSettings=a,\"wpEmojiSettingsSupports\"),s=[\"flag\",\"emoji\"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case\"flag\":return n(e,\"\\ud83c\\udff3\\ufe0f\\u200d\\u26a7\\ufe0f\",\"\\ud83c\\udff3\\ufe0f\\u200b\\u26a7\\ufe0f\")?!1:!n(e,\"\\ud83c\\udde8\\ud83c\\uddf6\",\"\\ud83c\\udde8\\u200b\\ud83c\\uddf6\")&#038;&#038;!n(e,\"\\ud83c\\udff4\\udb40\\udc67\\udb40\\udc62\\udb40\\udc65\\udb40\\udc6e\\udb40\\udc67\\udb40\\udc7f\",\"\\ud83c\\udff4\\u200b\\udb40\\udc67\\u200b\\udb40\\udc62\\u200b\\udb40\\udc65\\u200b\\udb40\\udc6e\\u200b\\udb40\\udc67\\u200b\\udb40\\udc7f\");case\"emoji\":return!a(e,\"\\ud83e\\u1fac8\")}return!1}function f(e,t,n,a){let r;const o=(r=\"undefined\"!=typeof WorkerGlobalScope&#038;&#038;self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement(\"canvas\")).getContext(\"2d\",{willReadFrequently:!0}),s=(o.textBaseline=\"top\",o.font=\"600 32px Arial\",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement(\"script\");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if(\"object\"==typeof e&&\"number\"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&#038;&#038;\"object\"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if(\"undefined\"!=typeof Worker&#038;&#038;\"undefined\"!=typeof OffscreenCanvas&#038;&#038;\"undefined\"!=typeof URL&#038;&#038;URL.createObjectURL&#038;&#038;\"undefined\"!=typeof Blob)try{var e=\"postMessage(\"+f.toString()+\"(\"+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(\",\")+\"));\",a=new Blob([e],{type:\"text\/javascript\"});const r=new Worker(URL.createObjectURL(a),{name:\"wpTestEmojiSupports\"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],\"flag\"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n\/\/# sourceURL=https:\/\/haward-joyman.com\/koumuten\/wp-includes\/js\/wp-emoji-loader.min.js\n\/* ]]> *\/\n<\/script>\n\t<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5de5\u52d9\u5e97HP\u96c6\u5ba2\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\uff5c\u5897\u76ca\u7e41\u76db\u30af\u30e9\u30d6 \u5148\u77405\u793e\u9650\u5b9a\u3067\u52df\u96c6\u4e2d \u30dd\u30fc\u30bf\u30eb\u4f9d\u5b58\u304b\u3089\u8131\u5374\u3002 \u81ea\u793eHP\u3067\u5b89\u5b9a\u7684\u306b\u554f\u3044\u5408\u308f\u305b\u3092\u7372\u5f97\u3059\u308b\u3002 SUUMO\u30fb\u30db\u30fc\u30e0\u30d7\u30ed\u983c\u307f\u306e\u96c6\u5ba2\u304b\u3089\u629c\u3051\u51fa\u3057\u3001 \u81ea\u793e\u30b5\u30a4\u30c8\u3092\u300c\u96c6 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page07.php","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":3,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages\/26\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}