{"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-07-31T17:29:55","modified_gmt":"2026-07-31T08:29:55","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<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&amp;family=Zen+Kaku+Gothic+New:wght@400;500;700&amp;family=Shippori+Mincho+B1:wght@500;600;700;800&amp;family=Outfit:wght@300;400;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<style>\n.koumuten-lp *, .koumuten-lp *::before, .koumuten-lp *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n.koumuten-lp {\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  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.koumuten-lp .container { max-width: 1080px; margin: 0 auto; padding: 0 40px; }\n.koumuten-lp .accent { color: var(--accent); }\n.koumuten-lp .blue { color: var(--blue); }\n\n\/* \u2500\u2500 Animations \u2500\u2500 *\/\n@keyframes km-fadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes km-fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes km-pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.03); }\n}\n\n.koumuten-lp .reveal {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.koumuten-lp .reveal.visible {\n  opacity: 1;\n  transform: none;\n}\n\n\/* \u2500\u2500 Hero \u2500\u2500 *\/\n.koumuten-lp .hero {\n  position: relative;\n  min-height: 96vh;\n  display: flex;\n  align-items: center;\n  background: linear-gradient(155deg, #FFD21F 0%, #FDC500 55%, #F5B800 100%);\n  overflow: hidden;\n}\n.koumuten-lp .hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(11,29,58,0.06) 0%, transparent 70%),\n    radial-gradient(ellipse 50% 40% at 20% 80%, rgba(11,29,58,0.05) 0%, transparent 60%);\n}\n.koumuten-lp .hero-grid {\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(11,29,58,0.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(11,29,58,0.05) 1px, transparent 1px);\n  background-size: 60px 60px;\n  opacity: 0.7;\n}\n.koumuten-lp .hero-content {\n  position: relative;\n  z-index: 2;\n  padding: 120px 0 80px 48px;\n  width: 100%;\n}\n.koumuten-lp .hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #0B1D3A;\n  border: 1px solid #0B1D3A;\n  border-radius: 100px;\n  padding: 8px 20px;\n  font-size: 0.85rem;\n  color: #fff;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  animation: km-fadeIn 0.8s ease both;\n  margin-bottom: 28px;\n}\n.koumuten-lp .hero-badge::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: #FFD21F;\n  border-radius: 50%;\n  animation: km-pulse 2s infinite;\n}\n.koumuten-lp .hero h1 {\n  font-family: 'Shippori Mincho B1', 'Zen Kaku Gothic New', serif;\n  font-size: clamp(1.8rem, 4.4vw, 2.9rem);\n  font-weight: 700;\n  color: #1A1400 !important;\n  line-height: 1.6;\n  animation: km-fadeUp 0.9s ease both 0.2s;\n  margin-bottom: 24px;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.koumuten-lp .hero h1 .line-accent {\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.koumuten-lp .hero-sub {\n  font-size: clamp(1rem, 2.2vw, 1.25rem);\n  color: #3A3220;\n  font-weight: 400;\n  line-height: 1.85;\n  max-width: 640px;\n  animation: km-fadeUp 0.9s ease both 0.4s;\n  margin-bottom: 44px;\n}\n.koumuten-lp .hero-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #0B1D3A, #16345f);\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: 0 8px 24px rgba(11,29,58,0.28);\n  transition: var(--transition);\n  animation: km-fadeUp 0.9s ease both 0.7s;\n}\n.koumuten-lp .hero-cta:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 36px rgba(11,29,58,0.4);\n}\n.koumuten-lp .hero-cta svg { width: 20px; height: 20px; transition: transform 0.3s ease; }\n.koumuten-lp .hero-cta:hover svg { transform: translateX(4px); }\n\n.koumuten-lp .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}\n.koumuten-lp .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.koumuten-lp .pdf-link svg { width: 18px; height: 18px; flex-shrink: 0; }\n.koumuten-lp .pdf-link--light {\n  border-color: var(--border);\n  color: var(--blue);\n  background: #fff;\n}\n.koumuten-lp .pdf-link--light:hover {\n  border-color: var(--blue);\n  background: var(--sky);\n  color: var(--navy);\n}\n\/* \u30d2\u30fc\u30ed\u30fc\u304c\u9ec4\u8272\u80cc\u666f\u306b\u306a\u3063\u305f\u305f\u3081\u3001\u30d2\u30fc\u30ed\u30fc\u5185\u306ePDF\u30ea\u30f3\u30af\u3060\u3051\u6fc3\u8272\u306b *\/\n.koumuten-lp .hero .pdf-link {\n  border: 1.5px solid rgba(11,29,58,0.35);\n  color: #0B1D3A;\n  background: rgba(11,29,58,0.06);\n}\n.koumuten-lp .hero .pdf-link:hover {\n  border-color: #0B1D3A;\n  color: #0B1D3A;\n  background: rgba(11,29,58,0.12);\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Letter \/ Story Section \u2500\u2500 *\/\n.koumuten-lp .letter {\n  padding: 100px 0;\n  background: var(--cream);\n  position: relative;\n}\n.koumuten-lp .letter::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.koumuten-lp .letter-inner {\n  max-width: 760px;\n  margin: 0 auto;\n}\n.koumuten-lp .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.koumuten-lp .section-label::before {\n  content: '';\n  width: 24px;\n  height: 2px;\n  background: var(--blue);\n}\n.koumuten-lp .letter-lead {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: clamp(1.4rem, 3vw, 1.9rem);\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--navy);\n  margin-bottom: 36px;\n}\n.koumuten-lp .letter-lead .mark {\n  background: linear-gradient(transparent 62%, rgba(232,118,43,0.22) 62%);\n}\n.koumuten-lp .letter p {\n  font-size: 1.02rem;\n  color: var(--text-mid);\n  line-height: 2;\n  margin-bottom: 24px;\n}\n.koumuten-lp .letter p strong { color: var(--navy); font-weight: 700; }\n\n.koumuten-lp .quote-block {\n  margin: 40px 0;\n  padding: 32px 36px;\n  background: #fff;\n  border-radius: var(--radius);\n  border-left: 5px solid var(--accent);\n  box-shadow: var(--shadow-sm);\n  position: relative;\n}\n.koumuten-lp .quote-block::before {\n  content: '\u201c';\n  position: absolute;\n  top: 4px;\n  left: 20px;\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: 4rem;\n  color: rgba(232,118,43,0.18);\n  line-height: 1;\n}\n.koumuten-lp .quote-block p {\n  font-size: 1.02rem;\n  color: var(--text);\n  line-height: 1.95;\n  margin: 0;\n  position: relative;\n  padding-left: 20px;\n}\n.koumuten-lp .quote-from {\n  display: block;\n  margin-top: 16px;\n  font-size: 0.88rem;\n  color: var(--text-light);\n  font-weight: 500;\n  text-align: right;\n}\n\n.koumuten-lp .letter-turn {\n  margin: 44px 0;\n  padding: 28px 32px;\n  background: linear-gradient(135deg, var(--sky), #fff);\n  border-radius: var(--radius);\n  border: 1px solid var(--sky-deep);\n}\n.koumuten-lp .letter-turn p:last-child { margin-bottom: 0; }\n.koumuten-lp .letter-turn .turn-em {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: var(--blue);\n}\n\n.koumuten-lp .sign {\n  margin-top: 40px;\n  text-align: right;\n  font-size: 0.95rem;\n  color: var(--text-mid);\n}\n.koumuten-lp .sign strong {\n  display: inline-block;\n  margin-top: 4px;\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: 1.2rem;\n  color: var(--navy);\n}\n\n\/* \u2500\u2500 Two Pillars Section \u2500\u2500 *\/\n.koumuten-lp .pillars {\n  padding: 100px 0;\n  background: linear-gradient(180deg, #0D2137, #132D54);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.koumuten-lp .pillars::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(26,95,180,0.12), transparent 70%);\n}\n.koumuten-lp .pillars .inner { position: relative; z-index: 2; }\n.koumuten-lp .pillars .section-label { color: var(--accent-glow); }\n.koumuten-lp .pillars .section-label::before { background: var(--accent-glow); }\n.koumuten-lp .pillars h2 {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;\n  font-weight: 700 !important;\n  line-height: 1.5 !important;\n  color: #fff !important;\n  margin-bottom: 18px;\n  background: transparent !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n}\n.koumuten-lp .pillars .lede {\n  font-size: 1.05rem;\n  color: rgba(255,255,255,0.65);\n  max-width: 720px;\n  margin-bottom: 56px;\n  line-height: 1.9;\n}\n.koumuten-lp .pillar-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n.koumuten-lp .pillar-card {\n  background: rgba(255,255,255,0.05);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: var(--radius-lg);\n  padding: 40px 36px;\n  transition: var(--transition);\n  position: relative;\n  overflow: hidden;\n}\n.koumuten-lp .pillar-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--blue-light), var(--accent-glow));\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.5s ease;\n}\n.koumuten-lp .pillar-card:hover::before { transform: scaleX(1); }\n.koumuten-lp .pillar-card:hover {\n  background: rgba(255,255,255,0.08);\n  transform: translateY(-4px);\n}\n.koumuten-lp .pillar-num {\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  color: var(--accent-glow);\n  margin-bottom: 12px;\n}\n.koumuten-lp .pillar-card h3 {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: 1.3rem !important;\n  font-weight: 700;\n  color: #fff !important;\n  line-height: 1.5 !important;\n  margin-bottom: 14px !important;\n  margin-top: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.koumuten-lp .pillar-card p {\n  font-size: 0.95rem;\n  color: rgba(255,255,255,0.66);\n  line-height: 1.85;\n}\n.koumuten-lp .pillar-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 20px;\n}\n.koumuten-lp .pillar-tag {\n  font-size: 0.75rem;\n  font-weight: 600;\n  padding: 5px 12px;\n  border-radius: 100px;\n  border: 1px solid rgba(255,255,255,0.18);\n  color: rgba(255,255,255,0.8);\n  background: rgba(255,255,255,0.05);\n}\n\n\/* \u2500\u2500 Gap \/ Problem Section \u2500\u2500 *\/\n.koumuten-lp .gap {\n  padding: 100px 0;\n  background: var(--warm);\n}\n.koumuten-lp .section-title {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n  font-weight: 700;\n  line-height: 1.5;\n  margin-bottom: 20px;\n  color: var(--navy);\n}\n.koumuten-lp .section-desc {\n  font-size: 1.05rem;\n  color: var(--text-mid);\n  max-width: 700px;\n  margin-bottom: 48px;\n}\n.koumuten-lp .gap-highlight {\n  font-family: 'Shippori Mincho B1', serif;\n  font-size: clamp(1.3rem, 3vw, 1.7rem);\n  font-weight: 700;\n  color: var(--navy);\n  line-height: 1.6;\n  margin-bottom: 12px;\n}\n.koumuten-lp .gap-highlight em {\n  font-style: normal;\n  color: var(--accent);\n}\n.koumuten-lp .pain-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n.koumuten-lp .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.koumuten-lp .pain-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.koumuten-lp .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.koumuten-lp .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.koumuten-lp .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.koumuten-lp .services {\n  padding: 100px 0;\n  background: #fff;\n  position: relative;\n}\n.koumuten-lp .service-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 24px;\n  margin-top: 48px;\n}\n.koumuten-lp .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.koumuten-lp .service-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; 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.koumuten-lp .service-card:hover::before { transform: scaleX(1); }\n.koumuten-lp .service-card:hover {\n  border-color: var(--border);\n  box-shadow: var(--shadow-md);\n  transform: translateY(-4px);\n}\n.koumuten-lp .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.koumuten-lp .service-card h3 {\n  font-size: 1.15rem !important;\n  font-weight: 700;\n  color: var(--navy) !important;\n  margin-bottom: 12px !important;\n  margin-top: 0 !important;\n  background: transparent !important;\n  padding: 0 !important;\n}\n.koumuten-lp .service-card p {\n  font-size: 0.92rem;\n  color: var(--text-mid);\n  line-height: 1.75;\n}\n.koumuten-lp .service-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 14px;\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  padding: 4px 12px;\n  border-radius: 100px;\n}\n.koumuten-lp .service-badge.online { background: var(--sky); color: var(--blue); }\n.koumuten-lp .service-badge.repeat { background: var(--green-bg); color: #0E8A62; }\n.koumuten-lp .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.koumuten-lp .service-dual-item {\n  padding: 12px 14px;\n  border-radius: 10px;\n  font-size: 0.82rem;\n  line-height: 1.6;\n}\n.koumuten-lp .service-dual-item.new-start { background: var(--sky); color: var(--blue); }\n.koumuten-lp .service-dual-item.brush-up { background: var(--green-bg); color: #0E8A62; }\n.koumuten-lp .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.koumuten-lp .service-dual-label .dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }\n.koumuten-lp .new-start .dot { background: var(--blue); }\n.koumuten-lp .brush-up .dot { background: var(--green); }\n\n\/* \u2500\u2500 Repeat (\u5b9a\u671f\u70b9\u691c\u2192\u30ea\u30d5\u30a9\u30fc\u30e0) Flow \u2500\u2500 *\/\n.koumuten-lp .repeat-flow {\n  padding: 100px 0;\n  background: linear-gradient(180deg, var(--green-bg) 0%, #fff 100%);\n}\n.koumuten-lp .repeat-steps {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n  margin-top: 48px;\n  position: relative;\n}\n.koumuten-lp .repeat-step {\n  background: #fff;\n  border-radius: var(--radius);\n  padding: 28px 22px;\n  border: 1px solid var(--border);\n  border-top: 4px solid var(--green);\n  text-align: center;\n  transition: var(--transition);\n  position: relative;\n}\n.koumuten-lp .repeat-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.koumuten-lp .repeat-step .rnum {\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  color: var(--green);\n  margin-bottom: 12px;\n}\n.koumuten-lp .repeat-step .ricon {\n  width: 52px;\n  height: 52px;\n  margin: 0 auto 14px;\n  border-radius: 14px;\n  background: var(--green-bg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n}\n.koumuten-lp .repeat-step h4 {\n  font-size: 0.98rem;\n  font-weight: 700;\n  color: var(--navy);\n  margin-bottom: 8px;\n}\n.koumuten-lp .repeat-step p {\n  font-size: 0.82rem;\n  color: var(--text-mid);\n  line-height: 1.7;\n}\n.koumuten-lp .repeat-note {\n  margin-top: 32px;\n  padding: 24px 28px;\n  background: #fff;\n  border-radius: var(--radius);\n  border-left: 4px solid var(--green);\n  box-shadow: var(--shadow-sm);\n  font-size: 0.95rem;\n  color: var(--text-mid);\n  line-height: 1.9;\n}\n.koumuten-lp .repeat-note strong { color: #0E8A62; }\n\n\/* \u2500\u2500 Flow Section \u2500\u2500 *\/\n.koumuten-lp .flow {\n  padding: 100px 0;\n  background: linear-gradient(180deg, var(--sky) 0%, #fff 100%);\n}\n.koumuten-lp .flow-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  margin-top: 48px;\n  position: relative;\n}\n.koumuten-lp .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.koumuten-lp .flow-step {\n  display: flex;\n  gap: 28px;\n  align-items: flex-start;\n  padding: 24px 0;\n  position: relative;\n}\n.koumuten-lp .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.koumuten-lp .flow-step:hover .flow-dot {\n  background: var(--blue);\n  color: #fff;\n  transform: scale(1.1);\n}\n.koumuten-lp .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.koumuten-lp .flow-step:hover .flow-body {\n  box-shadow: var(--shadow-md);\n  border-color: var(--blue-light);\n}\n.koumuten-lp .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.koumuten-lp .flow-body p { font-size: 0.9rem; color: var(--text-mid); }\n.koumuten-lp .flow-body .tool-tag {\n  display: inline-block;\n  margin-top: 8px;\n  margin-right: 6px;\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.koumuten-lp .support {\n  padding: 100px 0;\n  background: #fff;\n}\n.koumuten-lp .support-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n.koumuten-lp .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.koumuten-lp .support-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-md);\n}\n.koumuten-lp .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.koumuten-lp .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.koumuten-lp .support-card p {\n  font-size: 0.92rem;\n  color: var(--text-mid);\n  line-height: 1.75;\n  position: relative;\n}\n.koumuten-lp .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.koumuten-lp .schedule {\n  padding: 100px 0;\n  background: var(--navy);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.koumuten-lp .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.koumuten-lp .schedule .section-label { color: var(--accent-glow); }\n.koumuten-lp .schedule .section-label::before { background: var(--accent-glow); }\n.koumuten-lp .schedule .section-title { color: #fff !important; }\n.koumuten-lp .schedule .section-desc { color: rgba(255,255,255,0.6); }\n.koumuten-lp .timeline {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 48px;\n}\n.koumuten-lp .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.koumuten-lp .timeline-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; 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.koumuten-lp .timeline-card:hover::before { opacity: 1; }\n.koumuten-lp .timeline-card:hover {\n  background: rgba(255,255,255,0.08);\n  transform: translateY(-4px);\n}\n.koumuten-lp .timeline-month {\n  font-family: 'Outfit', sans-serif;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--accent-glow);\n  letter-spacing: 0.08em;\n  margin-bottom: 8px;\n}\n.koumuten-lp .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.koumuten-lp .timeline-card p {\n  font-size: 0.88rem;\n  color: rgba(255,255,255,0.6);\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 ROI Section \u2500\u2500 *\/\n.koumuten-lp .roi {\n  padding: 100px 0;\n  background: var(--warm);\n  position: relative;\n}\n.koumuten-lp .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.koumuten-lp .roi-header {\n  background: linear-gradient(135deg, var(--navy), var(--navy-mid));\n  padding: 40px;\n  color: #fff;\n  text-align: center;\n}\n.koumuten-lp .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.koumuten-lp .roi-header p { color: rgba(255,255,255,0.6); font-size: 0.95rem; }\n.koumuten-lp .roi-body {\n  padding: 48px 40px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n.koumuten-lp .roi-item {\n  text-align: center;\n  padding: 20px 12px;\n  border-radius: var(--radius);\n  transition: var(--transition);\n}\n.koumuten-lp .roi-item:hover { background: var(--sky); }\n.koumuten-lp .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.koumuten-lp .roi-item:nth-child(1) .num { color: var(--text-mid); }\n.koumuten-lp .roi-item:nth-child(2) .num { color: var(--blue); }\n.koumuten-lp .roi-item:nth-child(3) .num { color: var(--green); }\n.koumuten-lp .roi-item:nth-child(4) .num { color: var(--accent); }\n.koumuten-lp .roi-item .label {\n  font-size: 0.82rem;\n  color: var(--text-light);\n  font-weight: 500;\n}\n.koumuten-lp .roi-footer {\n  background: linear-gradient(135deg, var(--accent), var(--accent-glow));\n  padding: 24px 40px;\n  text-align: center;\n  color: #fff;\n  font-size: 1.15rem;\n  font-weight: 700;\n}\n\n\/* \u2500\u2500 KPI Section \u2500\u2500 *\/\n.koumuten-lp .kpi { padding: 100px 0; background: #fff; }\n.koumuten-lp .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.koumuten-lp .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.koumuten-lp .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.koumuten-lp .kpi-table tbody tr:nth-child(even) { background: var(--sky); }\n.koumuten-lp .kpi-table tbody tr:hover { background: var(--sky-deep); }\n.koumuten-lp .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.koumuten-lp .price {\n  padding: 100px 0;\n  background: linear-gradient(180deg, var(--sky) 0%, var(--cream) 100%);\n}\n.koumuten-lp .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.koumuten-lp .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.koumuten-lp .price-top {\n  background: linear-gradient(135deg, var(--navy), #1A3F6E);\n  padding: 48px 40px;\n  text-align: center;\n  color: #fff;\n}\n.koumuten-lp .price-label { font-size: 0.9rem; color: rgba(255,255,255,0.6); margin-bottom: 12px; }\n.koumuten-lp .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.koumuten-lp .price-amount span { font-size: 1.2rem; font-weight: 400; opacity: 0.7; }\n.koumuten-lp .price-tax { font-size: 0.85rem; color: rgba(255,255,255,0.5); }\n.koumuten-lp .price-body { padding: 36px 40px; }\n.koumuten-lp .price-includes { list-style: none; }\n.koumuten-lp .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.koumuten-lp .price-includes li:last-child { border-bottom: none; }\n.koumuten-lp .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.koumuten-lp .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.koumuten-lp .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.koumuten-lp .price-cta:hover { filter: brightness(1.1); }\n\n\/* \u2500\u2500 Requirements \u2500\u2500 *\/\n.koumuten-lp .requirements { padding: 100px 0; background: #fff; }\n.koumuten-lp .req-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-top: 48px;\n}\n.koumuten-lp .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.koumuten-lp .req-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }\n.koumuten-lp .req-card .label {\n  font-size: 0.8rem;\n  color: var(--text-light);\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.koumuten-lp .req-card .value {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: var(--navy);\n}\n\n\/* \u2500\u2500 CTA Final \u2500\u2500 *\/\n.koumuten-lp .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.koumuten-lp .cta-final::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(232,118,43,0.06), transparent 70%);\n}\n.koumuten-lp .cta-final .section-title {\n  font-family: 'Shippori Mincho B1', serif;\n  color: #fff !important;\n  background: transparent !important;\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;\n  padding: 0 !important;\n  margin-top: 0 !important;\n  line-height: 1.6 !important;\n}\n.koumuten-lp .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.koumuten-lp .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: km-pulse 3s infinite;\n}\n.koumuten-lp .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.koumuten-lp .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 *\/\n.koumuten-lp footer.km-footer {\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  .koumuten-lp .timeline { grid-template-columns: repeat(2, 1fr); }\n  .koumuten-lp .support-grid { grid-template-columns: 1fr; }\n  .koumuten-lp .roi-body { grid-template-columns: repeat(2, 1fr); }\n  .koumuten-lp .req-grid { grid-template-columns: repeat(2, 1fr); }\n  .koumuten-lp .pillar-grid { grid-template-columns: 1fr; }\n  .koumuten-lp .repeat-steps { grid-template-columns: repeat(2, 1fr); }\n}\n\/* \u898b\u51fa\u3057\u306e\u6539\u884c\u5236\u5fa1\uff1aPC\u3067\u306fbr-pc\u3001\u30b9\u30de\u30db\u3067\u306fbr-sp\u3092\u4f7f\u3046 *\/\n.koumuten-lp .hero h1 .br-sp { display: none; }\n.koumuten-lp .hero h1 .br-pc { display: inline; }\n\n@media (max-width: 640px) {\n  .koumuten-lp .timeline { grid-template-columns: 1fr; }\n  .koumuten-lp .roi-body { grid-template-columns: 1fr; }\n  .koumuten-lp .req-grid { grid-template-columns: 1fr; }\n  .koumuten-lp .repeat-steps { grid-template-columns: 1fr; }\n  .koumuten-lp .flow-steps::before { left: 20px; }\n  .koumuten-lp .flow-dot { width: 40px; height: 40px; min-width: 40px; font-size: 0.9rem; }\n  .koumuten-lp .flow-step { gap: 16px; }\n  .koumuten-lp .service-dual { grid-template-columns: 1fr; }\n  .koumuten-lp .price-top, .koumuten-lp .price-body { padding-left: 24px; padding-right: 24px; }\n  .koumuten-lp .hero-content { padding-left: 20px; }\n  .koumuten-lp .letter-turn { padding: 22px 20px; }\n  .koumuten-lp .quote-block { padding: 28px 24px; }\n  \/* \u30b9\u30de\u30db\u3067\u306f\u610f\u5473\u306e\u5207\u308c\u76ee\u3067\u6539\u884c\u3057\u3001\u5358\u8a9e\u306e\u9014\u4e2d\u3067\u6298\u308c\u306a\u3044\u3088\u3046\u306b *\/\n  .koumuten-lp .hero h1 { font-size: 1.6rem; line-height: 1.7; }\n  .koumuten-lp .hero h1 .br-sp { display: inline; }\n  .koumuten-lp .hero h1 .br-pc { display: none; }\n}\n<\/style>\n\n<div class=\"koumuten-lp\">\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\">\u5de5\u52d9\u5e97\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u4f1a\u793e\u306e\u7d4c\u55b6\u8005\u3078\uff5c\u5148\u77405\u793e\u9650\u5b9a<\/div>\n    <h1>\n      \u3042\u306a\u305f\u306e\u7d4c\u55b6\u3059\u308b\u5de5\u52d9\u5e97\u3067\u306f\u3001<br class=\"br-pc\">\n      \u6bce\u6708\u4f55\u540d\u306e<br class=\"br-sp\"><span style=\"color:#C7361B;\">\u65b0\u898f\u554f\u5408\u308f\u305b<\/span>\u3068\u3001<br class=\"br-pc\">\n      <span style=\"color:#C7361B;\">\u65e2\u5b58\u5ba2\u304b\u3089\u306e<br class=\"br-sp\">\u30ea\u30d5\u30a9\u30fc\u30e0\u4f9d\u983c<\/span>\u3092<br class=\"br-pc\">\n      \u7372\u5f97\u3067\u304d\u3066\u3044\u307e\u3059\u304b\uff1f\n    <\/h1>\n    <p class=\"hero-sub\">\n      \u65b0\u898f\u306f\u30cd\u30c3\u30c8\u304b\u3089\u5b89\u5b9a\u7684\u306b\u96c6\u3081\u3001<br>\n      \u5efa\u3066\u3066\u7d42\u308f\u308a\u3060\u3063\u305fOB\u65bd\u4e3b\u3092\u3001\u5b9a\u671f\u70b9\u691c\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u3078\u3064\u306a\u3052\u308b\u3002<br>\n      \u98f2\u98df\u5e97\u30fb\u7f8e\u5bb9\u5ba4\u306e\u96c6\u5ba2\u652f\u63f4\u3067\u57f9\u3063\u305f\u30ce\u30a6\u30cf\u30a6\u3092\u3001<br>\n      <strong style=\"color:#0B1D3A;\">\u5de5\u52d9\u5e97\u306e\u73fe\u5834\u306b\u5408\u308f\u305b\u3066\u4ed5\u7d44\u307f\u5316\u30fb\u81ea\u52d5\u5316\u3057\u307e\u3059\u3002<\/strong>\n    <\/p>\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\"><\/path><\/svg>\n    <\/a>\n    <div style=\"margin-top:20px;animation:km-fadeUp 0.9s ease both 0.9s;\">\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\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"><\/line><polyline points=\"9 15 12 18 15 15\"><\/polyline><\/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 LETTER \/ STORY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"letter\">\n  <div class=\"container\">\n    <div class=\"letter-inner\">\n      <div class=\"section-label reveal\">A Letter<\/div>\n      <p class=\"letter-lead reveal\">\n        \u300c\u30cf\u30ef\u30fc\u30c9\u30b8\u30e7\u30a4\u30de\u30f3\u3055\u3093\u306e\u3084\u308a\u65b9\u306f\u3001<span class=\"mark\">\u5de5\u52d9\u5e97\u3067\u3082\u540c\u3058\u3060\u3068\u601d\u3046\u3093\u3067\u3059\u3002<\/span>\u300d<br>\n        \u4e00\u901a\u306e\u30e1\u30fc\u30eb\u304b\u3089\u3001\u3053\u306e\u53d6\u308a\u7d44\u307f\u306f\u59cb\u307e\u308a\u307e\u3057\u305f\u3002\n      <\/p>\n\n      <p class=\"reveal\">\n        \u79c1\u306f\u3053\u308c\u307e\u3067\u3001\u98f2\u98df\u5e97\u3084\u7f8e\u5bb9\u5ba4\u3068\u3044\u3063\u305f\u5e97\u8217\u30d3\u30b8\u30cd\u30b9\u306e\u96c6\u5ba2\u3092\u5c02\u9580\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304d\u307e\u3057\u305f\u3002\u3042\u308b\u65e5\u3001\u79c1\u306e\u30e1\u30fc\u30eb\u30de\u30ac\u30b8\u30f3\u3092\u8aad\u3093\u3067\u304f\u3060\u3055\u3063\u3066\u3044\u308b\u5de5\u52d9\u5e97\u306e\u7d4c\u55b6\u8005\u306e\u65b9\u304b\u3089\u3001\u3053\u3093\u306a\u3054\u9023\u7d61\u3092\u3044\u305f\u3060\u3044\u305f\u306e\u3067\u3059\u3002\n      <\/p>\n\n      <div class=\"quote-block reveal\">\n        <p>\n          \u30cf\u30ef\u30fc\u30c9\u30b8\u30e7\u30a4\u30de\u30f3\u3055\u3093\u3001\u79c1\u306f\u30e1\u30fc\u30eb\u30de\u30ac\u30b8\u30f3\u306e\u8aad\u8005\u3067\u3059\u3002\u5de5\u52d9\u5e97\u3092\u7d4c\u55b6\u3057\u3066\u3044\u3066\u3001\u666e\u6bb5\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u98f2\u98df\u5e97\u3084\u7f8e\u5bb9\u5ba4\u3068\u306f\u696d\u7a2e\u304c\u9055\u3044\u307e\u3059\u304c\u3001\u30cf\u30ef\u30fc\u30c9\u30b8\u30e7\u30a4\u30de\u30f3\u3055\u3093\u304c\u8a71\u3057\u3066\u3044\u308b\u3053\u3068\u306f\u3001\u5de5\u52d9\u5e97\u3067\u3082\u540c\u3058\u3060\u3068\u601d\u3046\u3093\u3067\u3059\u3002<strong>\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3082\u3089\u3048\u307e\u305b\u3093\u304b\uff1f<\/strong>\n        <\/p>\n        <span class=\"quote-from\">\u2500\u2500 \u30e1\u30eb\u30de\u30ac\u8aad\u8005\u30fb\u5de5\u52d9\u5e97\u7d4c\u55b6\u8005\u306e\u65b9\u3088\u308a<\/span>\n      <\/div>\n\n      <p class=\"reveal\">\n        \u6b63\u76f4\u306b\u8a00\u3046\u3068\u3001\u79c1\u306f\u305d\u308c\u307e\u3067\u300c\u5de5\u52d9\u5e97\u306e\u65b9\u306f\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u304c\u5f97\u610f\u3060\u300d\u3068\u601d\u3044\u8fbc\u3093\u3067\u3044\u307e\u3057\u305f\u3002\u79c1\u304c\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u3068\u3057\u3066\u72ec\u7acb\u3059\u308b\u3068\u304d\u306b\u5b66\u3093\u3060\u5148\u751f\u81ea\u8eab\u304c\u5de5\u52d9\u5e97\u3092\u7d4c\u55b6\u3055\u308c\u3066\u3044\u305f\u3053\u3068\u3082\u3042\u308a\u3001<strong>\u5de5\u52d9\u5e97\uff1d\u96c6\u5ba2\u3082\u3046\u307e\u3044<\/strong>\u3001\u3068\u3044\u3046\u52dd\u624b\u306a\u30a4\u30e1\u30fc\u30b8\u3092\u6301\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u3002\n      <\/p>\n\n      <p class=\"reveal\">\n        \u3068\u3053\u308d\u304c\u3001\u5b9f\u969b\u306b\u3054\u76f8\u8ac7\u3092\u53d7\u3051\u3066\u73fe\u5834\u306e\u53d6\u308a\u7d44\u307f\u3092\u898b\u305b\u3066\u3044\u305f\u3060\u304f\u3068\u3001\u5370\u8c61\u306f\u307e\u3063\u305f\u304f\u5909\u308f\u308a\u307e\u3057\u305f\u3002\n      <\/p>\n\n      <div class=\"letter-turn reveal\">\n        <p>\n          <span class=\"turn-em\">\u8155\u306f\u4e00\u6d41\u3002\u5b9f\u7e3e\u3082\u5341\u5206\u3002\u305d\u308c\u306a\u306e\u306b\u2500\u2500\u96c6\u5ba2\u306e\u300c\u4ed5\u7d44\u307f\u5316\u300d\u3082\u300c\u81ea\u52d5\u5316\u300d\u3082\u3067\u304d\u3066\u3044\u306a\u3044\u5de5\u52d9\u5e97\u304c\u3001\u9a5a\u304f\u307b\u3069\u591a\u304b\u3063\u305f\u306e\u3067\u3059\u3002<\/span>\n        <\/p>\n        <p style=\"margin-top:16px;\">\n          \u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306f\u3042\u308b\u306e\u306b\u4f55\u5e74\u3082\u66f4\u65b0\u3055\u308c\u3066\u3044\u306a\u3044\u3002SEO\u3082\u5e83\u544a\u3082\u300c\u3084\u3063\u3066\u306f\u307f\u305f\u300d\u3051\u308c\u3069\u6210\u679c\u306b\u3064\u306a\u304c\u3063\u3066\u3044\u306a\u3044\u3002OB\u65bd\u4e3b\u3068\u306e\u3064\u306a\u304c\u308a\u306f\u7d39\u4ecb\u983c\u307f\u3067\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u518d\u53d7\u6ce8\u304c\u4ed5\u7d44\u307f\u306b\u306a\u3063\u3066\u3044\u306a\u3044\u3002\u2500\u2500\u826f\u3044\u3082\u306e\u3092\u6301\u3063\u3066\u3044\u308b\u306e\u306b\u3001\u305d\u308c\u304c\u58f2\u4e0a\u306b\u5909\u308f\u308b\u5c0e\u7dda\u304c\u306a\u3044\u306e\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <p class=\"reveal\">\n        \u305d\u3053\u3067\u79c1\u306f\u3001\u98f2\u98df\u5e97\u3084\u7f8e\u5bb9\u5ba4\u3067\u57f9\u3063\u305f\u96c6\u5ba2\u306e\u578b\u3092\u5de5\u52d9\u5e97\u5411\u3051\u306b\u7d44\u307f\u76f4\u3057\u3001\u30b5\u30dd\u30fc\u30c8\u3092\u59cb\u3081\u307e\u3057\u305f\u3002<strong>\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u306e\u6574\u5099\u3001SEO\u5bfe\u7b56\u3001Google\u5e83\u544a\u306e\u6539\u5584<\/strong>\u3067\u30cd\u30c3\u30c8\u304b\u3089\u306e\u96c6\u5ba2\u4f53\u5236\u3092\u69cb\u7bc9\u3059\u308b\u3002\u305d\u3057\u3066\u540c\u6642\u306b\u3001<strong>\u65e2\u5b58\u5ba2\uff08OB\u65bd\u4e3b\uff09\u3092\u5b9a\u671f\u70b9\u691c\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u3078\u3064\u306a\u3052\u308b\u4ed5\u7d44\u307f<\/strong>\u3092\u3064\u304f\u308b\u3002\n      <\/p>\n\n      <p class=\"reveal\">\n        \u3053\u306e2\u3064\u3092\u56de\u3059\u3053\u3068\u3067\u3001\u65b0\u898f\u306e\u554f\u3044\u5408\u308f\u305b\u3092\u5897\u3084\u3057\u306a\u304c\u3089\u3001\u65e2\u5b58\u5ba2\u304b\u3089\u306e\u518d\u53d7\u6ce8\u3067\u53ce\u76ca\u6027\u3092\u5e95\u4e0a\u3052\u3059\u308b\u3002\u305d\u308c\u304c\u3001\u3053\u308c\u304b\u3089\u306e\u5de5\u52d9\u5e97\u306b\u5fc5\u8981\u306a\u96c6\u5ba2\u306e\u5f62\u3060\u3068\u78ba\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"sign reveal\">\n        \u5897\u76ca\u7e41\u76db\u30af\u30e9\u30d6<br>\n        <strong>\u30cf\u30ef\u30fc\u30c9\u30b8\u30e7\u30a4\u30de\u30f3<\/strong>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TWO PILLARS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"pillars\">\n  <div class=\"container inner\">\n    <div class=\"section-label reveal\">Strategy<\/div>\n    <h2 class=\"reveal\">\u3053\u308c\u304b\u3089\u306e\u5de5\u52d9\u5e97\u304c\u3084\u308b\u3079\u304d\u3053\u3068\u306f\u3001\u305f\u3063\u305f2\u3064\u3002<\/h2>\n    <p class=\"lede reveal\">\n      \u65b0\u8a2d\u4f4f\u5b85\u306f\u6e1b\u308a\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u30b9\u30c8\u30c3\u30af\u6d3b\u7528\u3078\u5e02\u5834\u306f\u30b7\u30d5\u30c8\u3002AI\u691c\u7d22\u30fb\u30bc\u30ed\u30af\u30ea\u30c3\u30af\u304c\u9032\u307f\u3001Web\u306b\u60c5\u5831\u306e\u306a\u3044\u5de5\u52d9\u5e97\u306f\u300c\u898b\u3064\u3051\u3066\u3082\u3089\u3048\u306a\u3044\u300d\u6642\u4ee3\u3078\u3002\u3053\u306e\u5909\u5316\u306e\u306a\u304b\u3067\u6210\u679c\u3092\u51fa\u3059\u5de5\u52d9\u5e97\u306f\u3001\u6b21\u306e2\u672c\u67f1\u3092\u300c\u4ed5\u7d44\u307f\u300d\u3068\u3057\u3066\u56de\u3057\u3066\u3044\u307e\u3059\u3002\n    <\/p>\n    <div class=\"pillar-grid\">\n      <div class=\"pillar-card reveal\">\n        <div class=\"pillar-num\">PILLAR 01<\/div>\n        <h3>\u30cd\u30c3\u30c8\u3067\u65b0\u898f\u3092\u96c6\u3081\u308b\u4ed5\u7d44\u307f<\/h3>\n        <p>\n          \u300c\u5730\u57df\u540d\uff0b\u5de5\u52d9\u5e97\u300d\u300c\u5730\u57df\u540d\uff0b\u6ce8\u6587\u4f4f\u5b85\u300d\u3067\u898b\u3064\u3051\u3066\u3082\u3089\u3044\u3001\u81ea\u793e\u30b5\u30a4\u30c8\u3092\u96c6\u5ba2\u306e\u67f1\u306b\u3059\u308b\u3002SUUMO\u30fb\u30db\u30fc\u30e0\u30d7\u30ed\u306a\u3069\u30dd\u30fc\u30bf\u30eb\u4f9d\u5b58\u304b\u3089\u629c\u3051\u51fa\u3057\u3001\u63b2\u8f09\u3092\u6b62\u3081\u3066\u3082\u9732\u51fa\u304c\u6d88\u3048\u306a\u3044\u300c\u81ea\u793e\u306e\u8cc7\u7523\u300d\u3092\u7a4d\u307f\u4e0a\u3052\u307e\u3059\u3002\n        <\/p>\n        <div class=\"pillar-tags\">\n          <span class=\"pillar-tag\">\u81ea\u793eHP\u69cb\u7bc9<\/span>\n          <span class=\"pillar-tag\">SEO\u5bfe\u7b56<\/span>\n          <span class=\"pillar-tag\">Google\u5e83\u544a<\/span>\n          <span class=\"pillar-tag\">MEO<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"pillar-card reveal\">\n        <div class=\"pillar-num\">PILLAR 02<\/div>\n        <h3>\u65e2\u5b58\u5ba2\u306b\u518d\u5229\u7528\u3057\u3066\u3082\u3089\u3046\u4ed5\u7d44\u307f<\/h3>\n        <p>\n          \u300c\u5efa\u3066\u3066\u7d42\u308f\u308a\u300d\u3067\u7720\u3063\u3066\u3044\u308bOB\u65bd\u4e3b\u3053\u305d\u3001\u6700\u3082\u6210\u7d04\u306b\u8fd1\u3044\u898b\u8fbc\u307f\u5ba2\u3002\u5b9a\u671f\u70b9\u691c\u3092\u5165\u53e3\u306b\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u63d0\u6848\u3092\u4ed5\u7d44\u307f\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u65b0\u898f\u7372\u5f97\u3088\u308a\u306f\u308b\u304b\u306b\u4f4e\u30b3\u30b9\u30c8\u3067\u53d7\u6ce8\u3092\u7a4d\u307f\u5897\u3057\u307e\u3059\u3002\n        <\/p>\n        <div class=\"pillar-tags\">\n          <span class=\"pillar-tag\">\u5b9a\u671f\u70b9\u691c\u306e\u4ed5\u7d44\u307f\u5316<\/span>\n          <span class=\"pillar-tag\">\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848<\/span>\n          <span class=\"pillar-tag\">OB\u65bd\u4e3b\u30d5\u30a9\u30ed\u30fc<\/span>\n          <span class=\"pillar-tag\">\u518d\u53d7\u6ce8<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GAP \/ PROBLEM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"gap\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Problem<\/div>\n    <p class=\"gap-highlight reveal\">\n      \u3084\u308b\u3079\u304d\u3053\u3068\u306f\u3001\u5b9f\u306f\u30b7\u30f3\u30d7\u30eb\u3002<br>\n      \u306a\u306e\u306b<em>\u591a\u304f\u306e\u5de5\u52d9\u5e97\u304c\u3001\u305d\u306e\u4ed5\u7d44\u307f\u3092\u3064\u304f\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/em>\n    <\/p>\n    <p class=\"section-desc reveal\">\n      \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\u3092\u6319\u3052\u3066\u307f\u307e\u3059\u3002\u3042\u306a\u305f\u306e\u4f1a\u793e\u306b\u5f53\u3066\u306f\u307e\u308b\u3082\u306e\u306f\u3042\u308a\u307e\u305b\u3093\u304b\u3002\n    <\/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\">\ud83c\udfe0<\/div>\n        <h3>OB\u65bd\u4e3b\u3092\u6d3b\u304b\u305b\u3066\u3044\u306a\u3044<\/h3>\n        <p>\u904e\u53bb\u306b\u5efa\u3066\u305f\u304a\u5ba2\u69d8\u3068\u306e\u63a5\u70b9\u304c\u9014\u5207\u308c\u304c\u3061\u3002\u70b9\u691c\u3084\u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u518d\u63d0\u6848\u304c\u4ed5\u7d44\u307f\u306b\u306a\u3063\u3066\u304a\u3089\u305a\u3001\u6a5f\u4f1a\u3092\u9003\u3057\u3066\u3044\u308b\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\u65b0\u898f\u306e\u7d4c\u8def\u304c\u4e0d\u5b89\u5b9a\u3002<\/p>\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\">\u65b0\u898f\u96c6\u5ba2\u3068\u65e2\u5b58\u5ba2\u306e\u518d\u6d3b\u7528\u3092\u3001\u307e\u3068\u3081\u3066\u4ed5\u7d44\u307f\u306b\u3059\u308b\u3002<\/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\u308a\u7d9a\u3051\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        <span class=\"service-badge online\">\u25cf \u30cd\u30c3\u30c8\u96c6\u5ba2<\/span>\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        <span class=\"service-badge online\">\u25cf \u30cd\u30c3\u30c8\u96c6\u5ba2<\/span>\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        <span class=\"service-badge online\">\u25cf \u30cd\u30c3\u30c8\u96c6\u5ba2<\/span>\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\u7121\u99c4\u306a\u51fa\u7a3f\u3092\u6291\u3048\u3001\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        <span class=\"service-badge repeat\">\u25cf \u65e2\u5b58\u5ba2\u306e\u518d\u6d3b\u7528<\/span>\n        <div class=\"service-num\">04<\/div>\n        <h3>\u5b9a\u671f\u70b9\u691c\u2192\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848\u306e\u4ed5\u7d44\u307f\u5316<\/h3>\n        <p>\u300c\u5efa\u3066\u3066\u7d42\u308f\u308a\u300d\u3060\u3063\u305fOB\u65bd\u4e3b\u3078\u306e\u5b9a\u671f\u70b9\u691c\u3092\u5165\u53e3\u306b\u3001\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u306e\u518d\u63d0\u6848\u3092\u4ed5\u7d44\u307f\u5316\u3002\u6700\u3082\u6210\u7d04\u306b\u8fd1\u3044\u65e2\u5b58\u5ba2\u304b\u3089\u3001\u5b89\u5b9a\u3057\u305f\u518d\u53d7\u6ce8\u3092\u751f\u307f\u51fa\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            \u70b9\u691c\u6848\u5185\u301c\u63d0\u6848\u307e\u3067\u306e\u6d41\u308c\u3092\u30bc\u30ed\u304b\u3089\u8a2d\u8a08\n          <\/div>\n          <div class=\"service-dual-item brush-up\">\n            <div class=\"service-dual-label\"><span class=\"dot\"><\/span>\u65e2\u306b\u70b9\u691c\u3092\u3057\u3066\u3044\u308b\u65b9<\/div>\n            \u63d0\u6848\u30fb\u30d5\u30a9\u30ed\u30fc\u3092\u898b\u76f4\u3057\u518d\u53d7\u6ce8\u7387\u3092\u6539\u5584\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 REPEAT FLOW (\u5b9a\u671f\u70b9\u691c\u2192\u30ea\u30d5\u30a9\u30fc\u30e0) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"repeat-flow\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\" style=\"color:var(--green);\">Existing Customers<\/div>\n    <h2 class=\"section-title reveal\">\u7720\u3063\u3066\u3044\u308bOB\u65bd\u4e3b\u3092\u3001\u518d\u53d7\u6ce8\u306b\u3064\u306a\u3052\u308b\u3002<\/h2>\n    <p class=\"section-desc reveal\">\n      \u65b0\u898f\u5ba2\u306e\u7372\u5f97\u30b3\u30b9\u30c8\u306f\u3001\u65e2\u5b58\u5ba2\u3078\u306e\u518d\u63d0\u6848\u306e\u6570\u500d\u3068\u3082\u8a00\u308f\u308c\u307e\u3059\u3002\u3059\u3067\u306b\u4fe1\u983c\u95a2\u4fc2\u306e\u3042\u308bOB\u65bd\u4e3b\u3053\u305d\u3001\u6700\u3082\u6210\u7d04\u306b\u8fd1\u3044\u898b\u8fbc\u307f\u5ba2\u3002\u305d\u306e\u95a2\u4fc2\u3092\u300c\u70b9\u691c\u300d\u3092\u5165\u53e3\u306b\u4ed5\u7d44\u307f\u3078\u3068\u5909\u3048\u307e\u3059\u3002\n    <\/p>\n    <div class=\"repeat-steps\">\n      <div class=\"repeat-step reveal\">\n        <div class=\"rnum\">STEP 01<\/div>\n        <div class=\"ricon\">\ud83d\udcc7<\/div>\n        <h4>OB\u65bd\u4e3b\u30ea\u30b9\u30c8\u6574\u5099<\/h4>\n        <p>\u904e\u53bb\u306e\u65bd\u4e3b\u60c5\u5831\u3092\u6574\u7406\u3057\u3001\u70b9\u691c\u6642\u671f\u30fb\u7bc9\u5e74\u6570\u3067\u518d\u30a2\u30d7\u30ed\u30fc\u30c1\u306e\u512a\u5148\u9806\u4f4d\u3092\u3064\u3051\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"repeat-step reveal\">\n        <div class=\"rnum\">STEP 02<\/div>\n        <div class=\"ricon\">\ud83d\udd27<\/div>\n        <h4>\u5b9a\u671f\u70b9\u691c\u306e\u3054\u6848\u5185<\/h4>\n        <p>\u7bc9\u5e74\u6570\u306b\u5fdc\u3058\u305f\u70b9\u691c\u6848\u5185\u3092\u5b9a\u671f\u7684\u306b\u9001\u4ed8\u3002\u300c\u6c17\u306b\u304b\u3051\u3066\u304f\u308c\u308b\u5de5\u52d9\u5e97\u300d\u3068\u3057\u3066\u63a5\u70b9\u3092\u7dad\u6301\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"repeat-step reveal\">\n        <div class=\"rnum\">STEP 03<\/div>\n        <div class=\"ricon\">\ud83c\udfe0<\/div>\n        <h4>\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848<\/h4>\n        <p>\u70b9\u691c\u3067\u898b\u3064\u304b\u3063\u305f\u52a3\u5316\u3084\u4f4f\u307e\u3044\u306e\u60a9\u307f\u306b\u5408\u308f\u305b\u3001\u7121\u7406\u306e\u306a\u3044\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"repeat-step reveal\">\n        <div class=\"rnum\">STEP 04<\/div>\n        <div class=\"ricon\">\ud83d\udd01<\/div>\n        <h4>\u518d\u53d7\u6ce8\u30fb\u7d39\u4ecb\u3078<\/h4>\n        <p>\u6e80\u8db3\u5ea6\u306e\u9ad8\u3044\u518d\u5de5\u4e8b\u306f\u3001\u6b21\u306e\u7d39\u4ecb\u3082\u751f\u3080\u3002OB\u65bd\u4e3b\u304c\u300c\u55b6\u696d\u3057\u3066\u304f\u308c\u308b\u300d\u597d\u5faa\u74b0\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"repeat-note reveal\">\n      \u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u5e73\u5747\u5358\u4fa1\u306f<strong>100\u301c500\u4e07\u5186<\/strong>\u3002\u5e74\u306b\u6570\u4ef6\u306e\u518d\u53d7\u6ce8\u304c\u7a4d\u307f\u4e0a\u304c\u308b\u3060\u3051\u3067\u3001\u53ce\u76ca\u6027\u306f\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002\u3057\u304b\u3082\u65e2\u5b58\u5ba2\u3078\u306e\u63d0\u6848\u306f\u3001\u65b0\u898f\u7372\u5f97\u306e\u3088\u3046\u306a\u5e83\u544a\u8cbb\u3092\u304b\u3051\u305a\u306b\u59cb\u3081\u3089\u308c\u308b\u306e\u304c\u5f37\u307f\u3067\u3059\u3002<strong>\u65b0\u898f\u96c6\u5ba2\uff08\u653b\u3081\uff09\u3068\u65e2\u5b58\u5ba2\u306e\u518d\u6d3b\u7528\uff08\u5b88\u308a\uff09\u3092\u4e21\u8f2a\u3067\u56de\u3059<\/strong>\u3053\u3068\u304c\u3001\u666f\u6c17\u306b\u5de6\u53f3\u3055\u308c\u306b\u304f\u3044\u5de5\u52d9\u5e97\u7d4c\u55b6\u306e\u571f\u53f0\u306b\u306a\u308a\u307e\u3059\u3002\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\">\u65b0\u898f\u96c6\u5ba2\u306e\u5168\u4f53\u30d5\u30ed\u30fc<\/h2>\n    <p class=\"section-desc reveal\">\u300c\u8a8d\u77e5\u2192\u8208\u5473\u2192\u8cc7\u6599\u8acb\u6c42\u2192\u6765\u5834\u2192\u5546\u8ac7\u2192\u5951\u7d04\u300d\u306e\u6d41\u308c\u3092\u3001\u9014\u5207\u308c\u3055\u305b\u305a\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\u30fb\u554f\u3044\u5408\u308f\u305b<\/h3>\n          <p>\u8cc7\u6599\u8acb\u6c42\u30fb\u898b\u5b66\u4f1a\u4e88\u7d04\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u9023\u7d61\u5148\u3092\u53d6\u5f97<\/p>\n          <span class=\"tool-tag\">\u8cc7\u6599\u8acb\u6c42\u30d5\u30a9\u30fc\u30e0<\/span>\n          <span class=\"tool-tag\">\u4e88\u7d04\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>\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\">5<\/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 class=\"flow-step reveal\">\n        <div class=\"flow-dot\">6<\/div>\n        <div class=\"flow-body\">\n          <h3>\u5f15\u304d\u6e21\u3057\u5f8c\u3082\u3064\u306a\u304c\u308b<\/h3>\n          <p>\u5b9a\u671f\u70b9\u691c\u3092\u901a\u3058\u3066OB\u65bd\u4e3b\u3068\u306a\u308a\u3001\u6b21\u306e\u30ea\u30d5\u30a9\u30fc\u30e0\u30fb\u7d39\u4ecb\u3078\u5faa\u74b0<\/p>\n          <span class=\"tool-tag\">\u5b9a\u671f\u70b9\u691c<\/span>\n          <span class=\"tool-tag\">\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848<\/span>\n        <\/div>\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\u3001\u70b9\u691c\u6848\u5185\u6587\u306e\u76f8\u8ac7\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\u300c\u65b0\u898f\u96c6\u5ba2\u300d\u3068\u300c\u65e2\u5b58\u5ba2\u306e\u518d\u6d3b\u7528\u300d\u306e\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\u8cc7\u6599\u8acb\u6c42\u30da\u30fc\u30b8\u8a2d\u7f6e\u30fbOB\u65bd\u4e3b\u30ea\u30b9\u30c8\u306e\u6574\u7406\u7740\u624b<\/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\u30fbMEO\u5bfe\u7b56\u958b\u59cb\u30fb\u5b9a\u671f\u70b9\u691c\u6848\u5185\u306e\u8a2d\u8a08<\/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\u30fbLP\u6539\u5584\u30fbOB\u65bd\u4e3b\u3078\u306e\u70b9\u691c\u6848\u5185\u30b9\u30bf\u30fc\u30c8<\/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\u5145\u5b9f\u30fbSEO\u8a18\u4e8b\u7d99\u7d9a\uff08\u67088\u672c\uff09\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848\u958b\u59cb<\/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\u70b9\u691c\u2192\u30ea\u30d5\u30a9\u30fc\u30e0\u306e\u518d\u53d7\u6ce8\u304c\u767a\u751f<\/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\u65b0\u898f\u3068\u65e2\u5b58\u306e\u4e21\u8f2a\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\u30ea\u30d5\u30a9\u30fc\u30e0\u518d\u53d7\u6ce8\u304c\u52a0\u308f\u308c\u3070\u3001\u56de\u53ce\u306f\u3055\u3089\u306b\u65e9\u307e\u308a\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>\u5b9a\u671f\u70b9\u691c\u2192\u30ea\u30d5\u30a9\u30fc\u30e0\u63d0\u6848\u306e\u4ed5\u7d44\u307f\u5316\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\u306f\u5b9f\u8cbb\u8ca0\u62c5\u3068\u306a\u308a\u307e\u3059\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/hanjyouten-portal.vercel.app\/checkout?plan=koumuten\" target=\"_blank\" class=\"price-cta\">\u4eca\u3059\u3050\u7533\u3057\u8fbc\u3080 \u2192<\/a>\n      <div style=\"text-align:center;padding:8px 24px 0;\">\n        <span style=\"display:inline-block;font-size:0.78rem;color:var(--text-mid);line-height:1.7;\">\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fb\u9280\u884c\u53e3\u5ea7\u632f\u66ff\u306e\u3069\u3061\u3089\u3067\u3082\u304a\u7533\u3057\u8fbc\u307f\u3044\u305f\u3060\u3051\u307e\u3059<\/span>\n      <\/div>\n      <div style=\"margin:16px 24px 0;padding:14px 18px;background:var(--sky);border-radius:10px;text-align:center;\">\n        <p style=\"font-size:0.72rem;color:var(--text-light);line-height:1.7;margin:0;\">\u203b \u9280\u884c\u53e3\u5ea7\u632f\u66ff\u3092\u3054\u5e0c\u671b\u306e\u5834\u5408\u306f\u3001\u304a\u7533\u3057\u8fbc\u307f\u753b\u9762\u3067\u304a\u652f\u6255\u3044\u65b9\u6cd5\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\u53e3\u5ea7\u632f\u66ff\u624b\u7d9a\u304d\u306b\u304a\u6642\u9593\u3092\u8981\u3059\u308b\u305f\u3081\u3001\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\"><\/path><\/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:\/\/calendar.app.google\/nLb9jm7JF47hYgcL7\" 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\"><\/path><\/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\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"><\/line><polyline points=\"9 15 12 18 15 15\"><\/polyline><\/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\u3001<br>\n      \u300c\u5efa\u3066\u3066\u304b\u3089\u3082\u3001\u3064\u306a\u304c\u308a\u7d9a\u3051\u308b\u300d\u5de5\u52d9\u5e97\u3078\u3002\n    <\/h2>\n    <p class=\"cta-final-desc reveal\">\n      \u65b0\u898f\u306f\u30cd\u30c3\u30c8\u304b\u3089\u3002\u65e2\u5b58\u5ba2\u306f\u70b9\u691c\u304b\u3089\u30ea\u30d5\u30a9\u30fc\u30e0\u3078\u3002<br>\n      \u304a\u7533\u3057\u8fbc\u307f\u306f\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fb\u9280\u884c\u53e3\u5ea7\u632f\u66ff\u3069\u3061\u3089\u3082\u5bfe\u5fdc\u3002<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:\/\/hanjyouten-portal.vercel.app\/checkout?plan=koumuten\" target=\"_blank\" class=\"cta-final-btn reveal\">\n      \u4eca\u3059\u3050\u7533\u3057\u8fbc\u3080\n    <\/a>\n    <p class=\"cta-limit reveal\">\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fb\u9280\u884c\u53e3\u5ea7\u632f\u66ff\u5bfe\u5fdc \uff0f \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:\/\/calendar.app.google\/nLb9jm7JF47hYgcL7\" 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        \u307e\u305a\u306fZOOM\u9762\u8ac7\u3067\u76f8\u8ac7\u3059\u308b\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\"><\/path><\/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\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"><\/line><polyline points=\"9 15 12 18 15 15\"><\/polyline><\/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 class=\"km-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<\/div>\n\n<script>\n(function(){\n  var root = document.querySelector('.koumuten-lp');\n  if(!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry, index){\n        if(entry.isIntersecting){\n          entry.target.style.transitionDelay = (index * 0.04) + 's';\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n    els.forEach(function(el){ observer.observe(el); });\n  } else {\n    els.forEach(function(el){ el.classList.add('visible'); });\n  }\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor){\n    anchor.addEventListener('click', function(e){\n      var target = document.querySelector(this.getAttribute('href'));\n      if(target){ e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n    });\n  });\n})();\n<\/script>\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 \u5de5\u52d9\u5e97\u30fb\u30ea\u30d5\u30a9\u30fc\u30e0\u4f1a\u793e\u306e\u7d4c\u55b6\u8005\u3078\uff5c\u5148\u77405\u793e\u9650\u5b9a \u3042\u306a\u305f\u306e\u7d4c\u55b6\u3059\u308b\u5de5\u52d9\u5e97\u3067\u306f\u3001 \u6bce\u6708\u4f55\u540d\u306e\u65b0\u898f\u554f\u5408\u308f\u305b\u3068\u3001 \u65e2\u5b58\u5ba2\u304b\u3089\u306e\u30ea\u30d5\u30a9\u30fc\u30e0\u4f9d\u983c\u3092 \u7372\u5f97\u3067\u304d\u3066\u3044\u307e\u3059 &#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":8,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1804,"href":"https:\/\/haward-joyman.com\/koumuten\/wp-json\/wp\/v2\/pages\/26\/revisions\/1804"}],"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}]}}