{"id":14,"date":"2026-02-28T08:18:40","date_gmt":"2026-02-27T23:18:40","guid":{"rendered":"https:\/\/bnanablog.com\/?page_id=14"},"modified":"2026-02-28T09:11:59","modified_gmt":"2026-02-28T00:11:59","slug":"demo4","status":"publish","type":"page","link":"https:\/\/bnanablog.com\/?page_id=14","title":{"rendered":"\u30c7\u30e2\u30d7\u30ea\u30bb\u30c3\u30c8\u8a18\u4e8b #4"},"content":{"rendered":"\n<!-- ===== Banana.M \u30e1\u30a4\u30f3LP ===== -->\n<!-- WordPress\u306e\u56fa\u5b9a\u30da\u30fc\u30b8\u300cHTML\u3068\u3057\u3066\u7de8\u96c6\u300d\u30e2\u30fc\u30c9\u306b\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=Noto+Sans+JP:wght@300;400;500&display=swap');\n\n:root {\n  --yellow:   #FFD600;\n  --yellow-d: #F5C400;\n  --yellow-l: #FFF9D6;\n  --black:    #0D0D0D;\n  --gray:     #1A1A1A;\n  --gray-m:   #444444;\n  --gray-l:   #F0F0F0;\n  --white:    #FFFFFF;\n}\n\n.bm * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.bm {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-weight: 300;\n  color: var(--black);\n  background: var(--white);\n  overflow-x: hidden;\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.bm .hero {\n  min-height: 100vh;\n  background: var(--black);\n  display: flex; align-items: center;\n  padding: 80px 60px;\n  position: relative; overflow: hidden;\n}\n\n.bm .hero-bg {\n  position: absolute; inset: 0; pointer-events: none;\n}\n\n.bm .hero-circle {\n  position: absolute;\n  border-radius: 50%;\n  background: var(--yellow);\n  opacity: 0.08;\n}\n\n.bm .hero-circle.c1 { width: 600px; height: 600px; top: -200px; right: -100px; }\n.bm .hero-circle.c2 { width: 300px; height: 300px; bottom: -100px; left: 200px; opacity: 0.05; }\n\n.bm .hero-tag {\n  display: inline-block;\n  background: var(--yellow);\n  color: var(--black);\n  font-family: 'Syne', sans-serif;\n  font-size: 0.7rem; font-weight: 700;\n  letter-spacing: 0.25em; text-transform: uppercase;\n  padding: 6px 16px; margin-bottom: 32px;\n}\n\n.bm .hero-title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(3rem, 7vw, 6rem);\n  font-weight: 800; line-height: 1.05;\n  color: var(--white);\n  margin-bottom: 8px;\n  letter-spacing: -0.02em;\n}\n\n.bm .hero-title .accent { color: var(--yellow); }\n\n.bm .hero-title-jp {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: clamp(1rem, 2vw, 1.4rem);\n  font-weight: 300; color: rgba(255,255,255,0.5);\n  margin-bottom: 40px; letter-spacing: 0.1em;\n}\n\n.bm .hero-desc {\n  font-size: 0.92rem; color: rgba(255,255,255,0.65);\n  line-height: 2.2; max-width: 480px; margin-bottom: 48px;\n}\n\n.bm .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n\n.bm .btn-yellow {\n  display: inline-block; padding: 16px 40px;\n  background: var(--yellow); color: var(--black);\n  font-family: 'Syne', sans-serif;\n  font-size: 0.82rem; font-weight: 700; letter-spacing: 0.15em;\n  text-decoration: none; border: none; cursor: pointer;\n  transition: background 0.2s, transform 0.2s;\n}\n.bm .btn-yellow:hover { background: var(--yellow-d); transform: translateY(-2px); }\n\n.bm .btn-outline-w {\n  display: inline-block; padding: 16px 40px;\n  border: 1px solid rgba(255,255,255,0.3); color: var(--white);\n  font-family: 'Syne', sans-serif;\n  font-size: 0.82rem; font-weight: 600; letter-spacing: 0.15em;\n  text-decoration: none; background: transparent; cursor: pointer;\n  transition: all 0.2s;\n}\n.bm .btn-outline-w:hover { border-color: var(--yellow); color: var(--yellow); }\n\n.bm .hero-number-block {\n  position: absolute; right: 60px; top: 50%; transform: translateY(-50%);\n  display: flex; flex-direction: column; gap: 32px; text-align: right;\n}\n\n.bm .hero-stat { color: var(--white); }\n.bm .hero-stat .num {\n  font-family: 'Syne', sans-serif;\n  font-size: 2.8rem; font-weight: 800; color: var(--yellow);\n  line-height: 1;\n}\n.bm .hero-stat .label {\n  font-size: 0.72rem; opacity: 0.5; letter-spacing: 0.15em; margin-top: 4px;\n}\n\n\/* \u2500\u2500 MARQUEE \u2500\u2500 *\/\n.bm .marquee-wrap {\n  background: var(--yellow);\n  padding: 14px 0; overflow: hidden; white-space: nowrap;\n}\n\n.bm .marquee-track {\n  display: inline-block;\n  animation: marquee 18s linear infinite;\n}\n\n.bm .marquee-track span {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.8rem; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--black); margin: 0 40px;\n}\n\n@keyframes marquee {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n\/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n.bm .about-sec {\n  padding: 100px 60px;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n  max-width: 1200px; margin: 0 auto;\n}\n\n.bm .about-label {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase;\n  color: var(--yellow-d); margin-bottom: 20px;\n  display: flex; align-items: center; gap: 12px;\n}\n.bm .about-label::before {\n  content: ''; display: block; width: 32px; height: 2px; background: var(--yellow);\n}\n\n.bm .about-title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800;\n  line-height: 1.2; color: var(--black); margin-bottom: 24px;\n  letter-spacing: -0.01em;\n}\n\n.bm .about-body {\n  font-size: 0.9rem; line-height: 2.3; color: var(--gray-m); margin-bottom: 32px;\n}\n\n.bm .about-img {\n  width: 100%; height: 440px;\n  background: var(--yellow-l);\n  display: flex; align-items: center; justify-content: center;\n  position: relative; overflow: hidden;\n}\n\n.bm .about-img::before {\n  content: '';\n  position: absolute; bottom: 0; right: 0;\n  width: 200px; height: 200px;\n  background: var(--yellow); opacity: 0.3;\n  border-radius: 50% 0 0 0;\n}\n\n.bm .about-img img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }\n\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n.bm .services-sec {\n  padding: 100px 60px;\n  background: var(--black);\n}\n\n.bm .services-header {\n  max-width: 1200px; margin: 0 auto 64px;\n  display: flex; align-items: flex-end; justify-content: space-between;\n}\n\n.bm .services-title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800;\n  color: var(--white); letter-spacing: -0.01em;\n}\n\n.bm .services-title .accent { color: var(--yellow); }\n\n.bm .services-grid {\n  max-width: 1200px; margin: 0 auto;\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;\n}\n\n.bm .service-card {\n  background: var(--gray);\n  padding: 40px 32px;\n  transition: background 0.25s;\n  cursor: default;\n  position: relative; overflow: hidden;\n}\n\n.bm .service-card::before {\n  content: '';\n  position: absolute; bottom: 0; left: 0;\n  width: 0; height: 3px; background: var(--yellow);\n  transition: width 0.3s;\n}\n\n.bm .service-card:hover { background: #222; }\n.bm .service-card:hover::before { width: 100%; }\n\n.bm .service-num {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.7rem; font-weight: 700; color: var(--yellow);\n  letter-spacing: 0.2em; margin-bottom: 24px;\n}\n\n.bm .service-icon { font-size: 2rem; margin-bottom: 16px; }\n\n.bm .service-name {\n  font-family: 'Syne', sans-serif;\n  font-size: 1.1rem; font-weight: 700; color: var(--white);\n  margin-bottom: 12px; letter-spacing: 0.02em;\n}\n\n.bm .service-desc {\n  font-size: 0.8rem; color: rgba(255,255,255,0.5); line-height: 2;\n}\n\n\/* \u2500\u2500 FLOW \u2500\u2500 *\/\n.bm .flow-sec {\n  padding: 100px 60px; background: var(--yellow-l);\n}\n\n.bm .flow-header {\n  text-align: center; margin-bottom: 64px;\n}\n\n.bm .flow-label {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase;\n  color: var(--gray-m); margin-bottom: 16px;\n}\n\n.bm .flow-title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 800;\n  color: var(--black); letter-spacing: -0.01em;\n}\n\n.bm .flow-steps {\n  max-width: 1000px; margin: 0 auto;\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;\n  position: relative;\n}\n\n.bm .flow-steps::before {\n  content: '';\n  position: absolute; top: 28px; left: 12%; right: 12%;\n  height: 2px; background: var(--yellow);\n}\n\n.bm .flow-step { text-align: center; padding: 0 16px; }\n\n.bm .flow-num {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: var(--yellow); color: var(--black);\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  font-family: 'Syne', sans-serif; font-size: 1rem; font-weight: 800;\n  position: relative; z-index: 1;\n}\n\n.bm .flow-step-title {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.88rem; font-weight: 700; color: var(--black); margin-bottom: 8px;\n}\n\n.bm .flow-step-desc { font-size: 0.76rem; color: var(--gray-m); line-height: 1.9; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.bm .cta-sec {\n  padding: 100px 60px;\n  background: var(--yellow);\n  text-align: center;\n}\n\n.bm .cta-title {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800;\n  color: var(--black); margin-bottom: 20px; letter-spacing: -0.02em;\n}\n\n.bm .cta-desc {\n  font-size: 0.92rem; color: var(--gray); opacity: 0.75;\n  margin-bottom: 48px; line-height: 2.1;\n}\n\n.bm .cta-box {\n  background: var(--black);\n  max-width: 560px; margin: 0 auto; padding: 48px 40px;\n}\n\n.bm .cta-plan {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.25em;\n  color: var(--yellow); margin-bottom: 12px;\n}\n\n.bm .cta-price {\n  font-family: 'Syne', sans-serif;\n  font-size: 2.8rem; font-weight: 800; color: var(--white);\n  margin-bottom: 6px;\n}\n\n.bm .cta-price-note {\n  font-size: 0.76rem; color: rgba(255,255,255,0.45); margin-bottom: 32px;\n}\n\n.bm .btn-cta {\n  display: inline-block; width: 100%; padding: 18px;\n  background: var(--yellow); color: var(--black);\n  font-family: 'Syne', sans-serif;\n  font-size: 0.88rem; font-weight: 800; letter-spacing: 0.15em;\n  border: none; cursor: pointer; text-decoration: none;\n  transition: background 0.2s, transform 0.2s;\n}\n.bm .btn-cta:hover { background: var(--yellow-d); transform: translateY(-2px); }\n\n.bm .secure-note {\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n  font-size: 0.72rem; color: rgba(255,255,255,0.35); margin-top: 20px;\n}\n\n\/* \u2500\u2500 INFO \u2500\u2500 *\/\n.bm .info-sec {\n  padding: 80px 60px; background: var(--gray-l);\n}\n\n.bm .info-grid {\n  max-width: 1100px; margin: 0 auto;\n  display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;\n}\n\n.bm .info-block {\n  background: var(--white); padding: 32px;\n}\n\n.bm .info-block h3 {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.88rem; font-weight: 700; color: var(--black);\n  margin-bottom: 16px; letter-spacing: 0.05em;\n  padding-bottom: 10px; border-bottom: 2px solid var(--yellow);\n}\n\n.bm .info-block li {\n  font-size: 0.8rem; color: var(--gray-m); line-height: 2.2; list-style: none;\n}\n\n\/* \u2500\u2500 \u7279\u5b9a\u5546\u53d6\u5f15\u6cd5 \u2500\u2500 *\/\n.bm .toku-sec {\n  padding: 80px 60px; background: var(--white);\n  max-width: 900px; margin: 0 auto;\n}\n\n.bm .toku-sec h2 {\n  font-family: 'Syne', sans-serif;\n  font-size: 1.4rem; font-weight: 800; color: var(--black);\n  margin-bottom: 40px; text-align: center; letter-spacing: 0.02em;\n}\n\n.bm .toku-table {\n  width: 100%; border-collapse: collapse; font-size: 0.84rem;\n}\n\n.bm .toku-table tr { border-bottom: 1px solid var(--gray-l); }\n.bm .toku-table tr:first-child { border-top: 1px solid var(--gray-l); }\n\n.bm .toku-table th {\n  width: 30%; text-align: left; vertical-align: top;\n  padding: 18px 16px;\n  background: var(--yellow-l);\n  color: var(--black); font-weight: 500; font-size: 0.8rem;\n}\n\n.bm .toku-table td {\n  padding: 18px 16px; color: var(--gray-m); vertical-align: top; line-height: 1.9;\n}\n\n\/* \u2500\u2500 POLICY LINKS \u2500\u2500 *\/\n.bm .policy-links {\n  padding: 40px 60px;\n  background: var(--black);\n  display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;\n}\n\n.bm .policy-links a {\n  font-family: 'Syne', sans-serif;\n  font-size: 0.74rem; letter-spacing: 0.15em; color: rgba(255,255,255,0.5);\n  text-decoration: none; transition: color 0.2s;\n}\n.bm .policy-links a:hover { color: var(--yellow); }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.bm .hero-text { animation: fadeUp 0.8s ease both; }\n\n.bm .fade-in {\n  opacity: 0; transform: translateY(24px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.bm .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 960px) {\n  .bm .hero { padding: 80px 24px; }\n  .bm .hero-number-block { display: none; }\n  .bm .about-sec { grid-template-columns: 1fr; padding: 60px 24px; gap: 40px; }\n  .bm .services-grid { grid-template-columns: 1fr; gap: 2px; }\n  .bm .services-sec,\n  .bm .flow-sec,\n  .bm .cta-sec,\n  .bm .info-sec { padding: 60px 24px; }\n  .bm .services-header { flex-direction: column; align-items: flex-start; gap: 16px; }\n  .bm .flow-steps { grid-template-columns: repeat(2, 1fr); }\n  .bm .flow-steps::before { display: none; }\n  .bm .info-grid { grid-template-columns: 1fr; }\n  .bm .toku-sec { padding: 60px 24px; }\n  .bm .policy-links { padding: 32px 24px; gap: 24px; }\n}\n\n@media (max-width: 600px) {\n  .bm .hero-title { font-size: 2.6rem; }\n  .bm .hero-btns { flex-direction: column; }\n  .bm .btn-yellow, .bm .btn-outline-w { text-align: center; }\n  .bm .toku-table th { width: 38%; font-size: 0.74rem; }\n}\n<\/style>\n\n<div class=\"bm\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-bg\">\n      <div class=\"hero-circle c1\"><\/div>\n      <div class=\"hero-circle c2\"><\/div>\n    <\/div>\n    <div class=\"hero-text\">\n      <div class=\"hero-tag\">Direct Marketing Agency<\/div>\n      <h1 class=\"hero-title\">\n        REACH THE<br>\n        <span class=\"accent\">RIGHT<\/span><br>\n        PEOPLE.\n      <\/h1>\n      <p class=\"hero-title-jp\">\u5c4a\u3051\u308b\u3079\u304d\u4eba\u306b\u3001\u78ba\u5b9f\u306b\u5c4a\u3051\u308b\u3002<\/p>\n      <p class=\"hero-desc\">\n        Banana.M\u306f\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u5c02\u9580\u4f1a\u793e\u3067\u3059\u3002<br>\n        SNS\u5e83\u544a\u30fbDM\u30fb\u30e1\u30fc\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u305f<br>\n        \u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u306a\u624b\u6cd5\u3067\u3001\u898b\u8fbc\u307f\u5ba2\u7372\u5f97\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002\n      <\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#services\" class=\"btn-yellow\">\u30b5\u30fc\u30d3\u30b9\u3092\u898b\u308b<\/a>\n        <a href=\"#contact\" class=\"btn-outline-w\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-number-block\">\n      <div class=\"hero-stat\">\n        <div class=\"num\">98<span style=\"font-size:1.4rem;\">%<\/span><\/div>\n        <div class=\"label\">CLIENT SATISFACTION<\/div>\n      <\/div>\n      <div class=\"hero-stat\">\n        <div class=\"num\">3.2<span style=\"font-size:1.4rem;\">x<\/span><\/div>\n        <div class=\"label\">AVG. ROI IMPROVEMENT<\/div>\n      <\/div>\n      <div class=\"hero-stat\">\n        <div class=\"num\">200<span style=\"font-size:1.4rem;\">+<\/span><\/div>\n        <div class=\"label\">CAMPAIGNS DELIVERED<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE -->\n  <div class=\"marquee-wrap\">\n    <div class=\"marquee-track\">\n      <span>Direct Mail<\/span>\n      <span>SNS Advertising<\/span>\n      <span>Email Marketing<\/span>\n      <span>Lead Generation<\/span>\n      <span>CRM Strategy<\/span>\n      <span>Data Analysis<\/span>\n      <span>Direct Mail<\/span>\n      <span>SNS Advertising<\/span>\n      <span>Email Marketing<\/span>\n      <span>Lead Generation<\/span>\n      <span>CRM Strategy<\/span>\n      <span>Data Analysis<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ABOUT -->\n  <div class=\"about-sec\">\n    <div class=\"about-img fade-in\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/bananam-about.jpg\" alt=\"Banana.M \u306b\u3064\u3044\u3066\">\n    <\/div>\n    <div class=\"fade-in\">\n      <div class=\"about-label\">About Us<\/div>\n      <h2 class=\"about-title\">\u6570\u5b57\u3067\u8a9e\u308b\u3001<br>\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3092\u3002<\/h2>\n      <p class=\"about-body\">\n        Banana.M\uff08\u30d0\u30ca\u30ca\u30a8\u30e0\uff09\u306f\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u7279\u5316\u3057\u305f\u5c02\u9580\u4f1a\u793e\u3067\u3059\u3002<br><br>\n        \u611f\u899a\u3067\u306f\u306a\u304f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3001\u304a\u5ba2\u69d8\u306e\u898b\u8fbc\u307f\u5ba2\u30ea\u30b9\u30c8\u306e\u69cb\u7bc9\u304b\u3089\n        \u6210\u7d04\u307e\u3067\u306e\u5c0e\u7dda\u8a2d\u8a08\u3092\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<br><br>\n        SNS\u5e83\u544a\u30fbDM\u30fb\u30e1\u30fc\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u8907\u5408\u65bd\u7b56\u3067\u3001\n        \u8cbb\u7528\u5bfe\u52b9\u679c\u306e\u9ad8\u3044\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n      <\/p>\n      <a href=\"#services\" class=\"btn-yellow\">\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SERVICES -->\n  <section id=\"services\" class=\"services-sec\">\n    <div class=\"services-header fade-in\">\n      <h2 class=\"services-title\">Our <span class=\"accent\">Services<\/span><\/h2>\n    <\/div>\n    <div class=\"services-grid\">\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">01<\/div>\n        <div class=\"service-icon\">\ud83d\udcf1<\/div>\n        <h3 class=\"service-name\">SNS\u5e83\u544a\u904b\u7528<\/h3>\n        <p class=\"service-desc\">Meta\u30fbInstagram\u30fbX\u30fbTikTok\u306a\u3069\u5404\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u5e83\u544a\u3092\u6226\u7565\u7684\u306b\u904b\u7528\u3002\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0\u7cbe\u5ea6\u3092\u9ad8\u3081\u3001\u7372\u5f97\u5358\u4fa1\u3092\u6700\u9069\u5316\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">02<\/div>\n        <div class=\"service-icon\">\u2709\ufe0f<\/div>\n        <h3 class=\"service-name\">\u30c0\u30a4\u30ec\u30af\u30c8\u30e1\u30fc\u30eb<\/h3>\n        <p class=\"service-desc\">\u30ea\u30b9\u30c8\u8a2d\u8a08\u304b\u3089\u539f\u7a3f\u5236\u4f5c\u30fb\u767a\u9001\u307e\u3067\u4e00\u8cab\u5bfe\u5fdc\u3002\u30c7\u30b8\u30bf\u30eb\u3068\u30a2\u30ca\u30ed\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u9ad8\u53cd\u5fdc\u7387\u306eDM\u65bd\u7b56\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">03<\/div>\n        <div class=\"service-icon\">\ud83d\udce7<\/div>\n        <h3 class=\"service-name\">\u30e1\u30fc\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0<\/h3>\n        <p class=\"service-desc\">\u914d\u4fe1\u8a2d\u8a08\u30fb\u30b9\u30c6\u30c3\u30d7\u30e1\u30fc\u30eb\u69cb\u7bc9\u30fbA\/B\u30c6\u30b9\u30c8\u307e\u3067\u5bfe\u5fdc\u3002\u958b\u5c01\u7387\u30fb\u30af\u30ea\u30c3\u30af\u7387\u30fb\u8ee2\u63db\u7387\u3092\u7d99\u7d9a\u7684\u306b\u6539\u5584\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">04<\/div>\n        <div class=\"service-icon\">\ud83c\udfaf<\/div>\n        <h3 class=\"service-name\">\u30ea\u30fc\u30c9\u7372\u5f97\u652f\u63f4<\/h3>\n        <p class=\"service-desc\">LP\u5236\u4f5c\u30fb\u30d5\u30a9\u30fc\u30e0\u6700\u9069\u5316\u30fb\u30ea\u30bf\u30fc\u30b2\u30c6\u30a3\u30f3\u30b0\u5e83\u544a\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u8cea\u306e\u9ad8\u3044\u30ea\u30fc\u30c9\u3092\u7d99\u7d9a\u7684\u306b\u7372\u5f97\u3059\u308b\u4ed5\u7d44\u307f\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">05<\/div>\n        <div class=\"service-icon\">\ud83d\udcca<\/div>\n        <h3 class=\"service-name\">\u30c7\u30fc\u30bf\u5206\u6790\u30fb\u30ec\u30dd\u30fc\u30c8<\/h3>\n        <p class=\"service-desc\">\u65bd\u7b56\u3054\u3068\u306eKPI\u8a2d\u5b9a\u30fb\u52b9\u679c\u6e2c\u5b9a\u30fb\u6539\u5584\u63d0\u6848\u3092\u30ec\u30dd\u30fc\u30c8\u3067\u5b9a\u671f\u63d0\u4f9b\u3002\u6570\u5b57\u306b\u57fa\u3065\u3044\u305fPDCA\u30b5\u30a4\u30af\u30eb\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"service-card fade-in\">\n        <div class=\"service-num\">06<\/div>\n        <div class=\"service-icon\">\ud83d\udd04<\/div>\n        <h3 class=\"service-name\">CRM\u30fb\u9867\u5ba2\u80b2\u6210<\/h3>\n        <p class=\"service-desc\">\u65e2\u5b58\u9867\u5ba2\u306e\u30ea\u30c6\u30f3\u30b7\u30e7\u30f3\u5411\u4e0a\u30fbLTV\u6700\u5927\u5316\u3092\u76ee\u7684\u3068\u3057\u305fCRM\u6226\u7565\u306e\u8a2d\u8a08\u30fb\u5b9f\u884c\u652f\u63f4\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FLOW -->\n  <section class=\"flow-sec\">\n    <div class=\"flow-header fade-in\">\n      <p class=\"flow-label\">How It Works<\/p>\n      <h2 class=\"flow-title\">\u3054\u4f9d\u983c\u306e\u6d41\u308c<\/h2>\n    <\/div>\n    <div class=\"flow-steps\">\n      <div class=\"flow-step fade-in\">\n        <div class=\"flow-num\">01<\/div>\n        <p class=\"flow-step-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/p>\n        <p class=\"flow-step-desc\">\u30d5\u30a9\u30fc\u30e0\u307e\u305f\u306f\u30e1\u30fc\u30eb\u3088\u308a\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n      <div class=\"flow-step fade-in\">\n        <div class=\"flow-num\">02<\/div>\n        <p class=\"flow-step-title\">\u30d2\u30a2\u30ea\u30f3\u30b0<\/p>\n        <p class=\"flow-step-desc\">\u73fe\u72b6\u306e\u8ab2\u984c\u30fb\u76ee\u6a19\u30fb\u4e88\u7b97\u3092\u304a\u805e\u304d\u3057\u3001\u6700\u9069\u306a\u65bd\u7b56\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"flow-step fade-in\">\n        <div class=\"flow-num\">03<\/div>\n        <p class=\"flow-step-title\">\u30d7\u30e9\u30f3\u78ba\u5b9a\u30fb\u5951\u7d04<\/p>\n        <p class=\"flow-step-desc\">\u3054\u63d0\u6848\u5185\u5bb9\u306b\u3054\u7d0d\u5f97\u3044\u305f\u3060\u3044\u305f\u3046\u3048\u3067\u5951\u7d04\u30fb\u304a\u652f\u6255\u3044\u3078\u9032\u307f\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"flow-step fade-in\">\n        <div class=\"flow-num\">04<\/div>\n        <p class=\"flow-step-title\">\u65bd\u7b56\u5b9f\u884c\u30fb\u6539\u5584<\/p>\n        <p class=\"flow-step-desc\">\u65bd\u7b56\u3092\u5b9f\u884c\u3057\u306a\u304c\u3089\u5b9a\u671f\u30ec\u30dd\u30fc\u30c8\u3067\u52b9\u679c\u6e2c\u5b9a\u30fb\u6539\u5584\u3092\u7d99\u7d9a\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section id=\"contact\" class=\"cta-sec\">\n    <h2 class=\"cta-title\">\u307e\u305a\u3001\u8a71\u3057\u307e\u3057\u3087\u3046\u3002<\/h2>\n    <p class=\"cta-desc\">\n      \u521d\u56de\u76f8\u8ac7\u306f\u7121\u6599\u3067\u3059\u3002\u73fe\u72b6\u306e\u8ab2\u984c\u3092\u304a\u805e\u304d\u3057\u3001<br>\n      \u6700\u9069\u306a\u30c0\u30a4\u30ec\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u6226\u7565\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n    <\/p>\n    <div class=\"cta-box\">\n      <p class=\"cta-plan\">STARTER PLAN<\/p>\n      <p class=\"cta-price\">\u00a550,000<span style=\"font-size:1rem; font-weight:400;\">\u301c<\/span><\/p>\n      <p class=\"cta-price-note\">\u6708\u984d \/ \u65bd\u7b56\u5185\u5bb9\u30fb\u898f\u6a21\u306b\u3088\u308a\u5909\u52d5<\/p>\n      <!-- Stripe\u306ePayment Link\u3092\u3053\u3053\u306ehref\u306b\u5165\u308c\u3066\u304f\u3060\u3055\u3044 -->\n      <a href=\"#\" class=\"btn-cta\">\u7121\u6599\u76f8\u8ac7\u3092\u7533\u3057\u8fbc\u3080<\/a>\n      <div class=\"secure-note\">\ud83d\udd12 Stripe \u306b\u3088\u308b\u5b89\u5168\u306a\u6c7a\u6e08<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INFO -->\n  <section class=\"info-sec\">\n    <div class=\"info-grid\">\n      <div class=\"info-block fade-in\">\n        <h3>\u5bfe\u5fdc\u30a8\u30ea\u30a2\u30fb\u65b9\u6cd5<\/h3>\n        <ul>\n          <li>\u5168\u56fd\u5bfe\u5fdc\uff08\u30aa\u30f3\u30e9\u30a4\u30f3\u30df\u30fc\u30c6\u30a3\u30f3\u30b0\uff09<\/li>\n          <li>Zoom \/ Google Meet \/ \u96fb\u8a71<\/li>\n          <li>\u5bfe\u9762\u3054\u5e0c\u671b\u306e\u5834\u5408\u306f\u5225\u9014\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"info-block fade-in\">\n        <h3>\u304a\u652f\u6255\u3044\u65b9\u6cd5<\/h3>\n        <ul>\n          <li>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\uff08VISA \/ Mastercard \/ AMEX\uff09<\/li>\n          <li>\u9280\u884c\u632f\u8fbc<\/li>\n          <li>\u304a\u652f\u6255\u3044\u671f\u9650\uff1a\u8acb\u6c42\u66f8\u767a\u884c\u5f8c14\u65e5\u4ee5\u5185<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"info-block fade-in\">\n        <h3>\u5951\u7d04\u30fb\u89e3\u7d04\u306b\u3064\u3044\u3066<\/h3>\n        <ul>\n          <li>\u6700\u4f4e\u5951\u7d04\u671f\u9593\uff1a1\u30f6\u6708\u301c<\/li>\n          <li>\u89e3\u7d04\uff1a\u7fcc\u6708\u672b\u307e\u3067\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044<\/li>\n          <li>\u8fd4\u91d1\uff1a\u30b5\u30fc\u30d3\u30b9\u672a\u63d0\u4f9b\u5206\u306f\u65e5\u5272\u308a\u8a08\u7b97\u3067\u8fd4\u91d1<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"info-block fade-in\">\n        <h3>\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>\n        <ul>\n          <li>\u30e1\u30fc\u30eb\uff1akunnta5555@gmail.com<\/li>\n          <li>\u53d7\u4ed8\u6642\u9593\uff1a\u5e73\u65e5 10:00\u301c18:00<\/li>\n          <li>\u8fd4\u4fe1\u76ee\u5b89\uff1a1\u301c2\u55b6\u696d\u65e5\u4ee5\u5185<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u7279\u5b9a\u5546\u53d6\u5f15\u6cd5 -->\n  <div style=\"background: var(--white); padding: 80px 60px;\">\n    <div class=\"toku-sec\" style=\"padding: 0;\">\n      <h2>\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/h2>\n      <table class=\"toku-table\">\n        <tr><th>\u8ca9\u58f2\u4e8b\u696d\u8005\u540d<\/th><td>\u4e2d\u91cc\u5c06\u9053<\/td><\/tr>\n        <tr><th>\u4ee3\u8868\u8005\u540d<\/th><td>\u4e2d\u91cc\u5c06\u9053<\/td><\/tr>\n        <tr><th>\u6240\u5728\u5730<\/th><td>\u3012064-0805 \u5317\u6d77\u9053\u672d\u5e4c\u5e02\u4e2d\u592e\u533a\u53575\u6761\u897f12\u4e01\u76ee1297-22 \u30b0\u30e9\u30f3\u30c9\u30b5\u30af\u30bb\u30b9512 405\u53f7\u5ba4<\/td><\/tr>\n        <tr><th>\u96fb\u8a71\u756a\u53f7<\/th><td>080-5312-6122\uff08\u5e73\u65e510:00\u301c18:00\uff09<\/td><\/tr>\n        <tr><th>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/th><td>kunnta5555@gmail.com<\/td><\/tr>\n        <tr><th>\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9<\/th><td>\u30c0\u30a4\u30ec\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4\uff08SNS\u5e83\u544a\u904b\u7528\u30fbDM\u30fb\u30e1\u30fc\u30eb\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30fb\u30ea\u30fc\u30c9\u7372\u5f97\u652f\u63f4\uff09<\/td><\/tr>\n        <tr><th>\u8ca9\u58f2\u4fa1\u683c<\/th><td>\u00a550,000\u301c\uff08\u6708\u984d\u30fb\u65bd\u7b56\u5185\u5bb9\u306b\u3088\u308a\u5909\u52d5\u3002\u8a73\u7d30\u306f\u304a\u898b\u7a4d\u3082\u308a\u306b\u3066\u63d0\u793a\uff09<\/td><\/tr>\n        <tr><th>\u30b5\u30fc\u30d3\u30b9\u4ee5\u5916\u306e<br>\u5fc5\u8981\u6599\u91d1<\/th><td>\u5e83\u544a\u5a92\u4f53\u8cbb\u7528\uff08\u5b9f\u8cbb\uff09\u30fb\u5236\u4f5c\u7269\u306e\u5916\u6ce8\u8cbb\u7528\u304c\u5225\u9014\u767a\u751f\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059<\/td><\/tr>\n        <tr><th>\u304a\u652f\u6255\u3044\u65b9\u6cd5<\/th><td>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\u30fb\u9280\u884c\u632f\u8fbc<\/td><\/tr>\n        <tr><th>\u304a\u652f\u6255\u3044\u6642\u671f<\/th><td>\u30af\u30ec\u30b8\u30c3\u30c8\u30ab\u30fc\u30c9\uff1a\u5951\u7d04\u78ba\u5b9a\u6642\u3000\u9280\u884c\u632f\u8fbc\uff1a\u8acb\u6c42\u66f8\u767a\u884c\u5f8c14\u65e5\u4ee5\u5185<\/td><\/tr>\n        <tr><th>\u30b5\u30fc\u30d3\u30b9\u63d0\u4f9b\u6642\u671f<\/th><td>\u5951\u7d04\u30fb\u5165\u91d1\u78ba\u8a8d\u5f8c\u30017\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u958b\u59cb<\/td><\/tr>\n        <tr><th>\u8fd4\u91d1\u30fb\u30ad\u30e3\u30f3\u30bb\u30eb<\/th><td>\u30b5\u30fc\u30d3\u30b9\u958b\u59cb\u524d\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u5168\u984d\u8fd4\u91d1\u3002\u958b\u59cb\u5f8c\u306f\u672a\u63d0\u4f9b\u5206\u3092\u65e5\u5272\u308a\u8a08\u7b97\u3067\u8fd4\u91d1\u3044\u305f\u3057\u307e\u3059\u3002<\/td><\/tr>\n      <\/table>\n    <\/div>\n  <\/div>\n\n  <!-- POLICY LINKS -->\n  <div class=\"policy-links\">\n    <a href=\"https:\/\/bnanablog.com\/?page_id=9\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/a>\n    <a href=\"https:\/\/bnanablog.com\/?page_id=11\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n    <a href=\"https:\/\/bnanablog.com\/?page_id=32\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n  <\/div>\n\n<\/div><!-- \/.bm -->\n\n<script>\n(function(){\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e, i){\n      if(e.isIntersecting){\n        setTimeout(function(){ e.target.classList.add('visible'); }, i * 80);\n      }\n    });\n  }, { threshold: 0.08 });\n  document.querySelectorAll('.bm .fade-in').forEach(function(el){ obs.observe(el); });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Direct Marketing Agency REACH THE RIGHT PEOPLE. \u5c4a\u3051\u308b\u3079\u304d\u4eba\u306b\u3001\u78ba\u5b9f\u306b\u5c4a\u3051\u308b\u3002 Banana.M\u306f\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u5c02\u9580\u4f1a\u793e\u3067\u3059\u3002 SNS\u5e83\u544a\u30fbDM\u30fb\u30e1\u30fc\u30eb\u30de\u30fc\u30b1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":false,"_jinr_ads_display":false,"_jinr_thumbnail_display":false,"_jinr_profile_display":false,"_jinr_representations_display":false,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":false,"_jinr_seotitle_display":"","_jinr_description_display":"","_jinr_keyword_display":"","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":true,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bnanablog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":3,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/bnanablog.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/bnanablog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}