{"id":13,"date":"2025-11-06T06:28:10","date_gmt":"2025-11-06T06:28:10","guid":{"rendered":"https:\/\/duobulll.com\/?page_id=13"},"modified":"2026-01-19T13:09:45","modified_gmt":"2026-01-19T13:09:45","slug":"elementor-13","status":"publish","type":"page","link":"https:\/\/duobulll.com\/","title":{"rendered":"TOP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb8b17 e-con-full hero e-flex e-con e-parent\" data-id=\"6eb8b17\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-639e6b9 elementor-widget elementor-widget-html\" data-id=\"639e6b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================\r\n   HERO (clean)\r\n========================= *\/\r\n#home-hero{\r\n  position:relative;\r\n  min-height:100svh;\r\n  background:#0D1C2E;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* \u30ec\u30a4\u30e4 *\/\r\n#home-hero .hero-layer{\r\n  position:relative;\r\n  min-height:100svh;\r\n  width:100%;\r\n  display:grid;\r\n  place-items:center;\r\n}\r\n\r\n\/* video *\/\r\n#home-hero .hero-video{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  object-fit:cover;\r\n  z-index:10;\r\n  pointer-events:none;\r\n}\r\n#home-hero .hero-bg{\r\n  position:absolute; inset:0; z-index:15;\r\n  background:\r\n    radial-gradient(1200px 600px at 60% 30%, rgba(255,255,255,.06), transparent 60%),\r\n    linear-gradient(180deg, rgba(8,18,29,.55) 0%, rgba(6,14,24,.75) 100%);\r\n}\r\n\r\n\/* fog *\/\r\n#home-hero #fog-overlay{\r\n  position:absolute; inset:0; z-index:20;\r\n  pointer-events:none;\r\n  opacity:1;\r\n  transition:opacity 1.6s linear;\r\n}\r\n#home-hero #fog-overlay.fog-off{ opacity:0; }\r\n\r\n\/* text block *\/\r\n#home-hero{\r\n  --scrollSafe: clamp(120px, 18vh, 180px);\r\n}\r\n#home-hero .after-fog{\r\n  position:relative;\r\n  z-index:40;\r\n  color:#EAF2FF;\r\n  width:min(92vw,1100px);\r\n  margin-inline:auto;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  text-align:center;\r\n  gap:12px;\r\n\r\n  \/* \u3053\u3053\u304c\u809d\uff1a\u30d8\u30c3\u30c0\u30fc\u5206\u3060\u3051\u4e2d\u8eab\u3092\u4e0b\u3052\u308b\uff08\u80cc\u666f\u306b\u201c\u9699\u9593\u201d\u306f\u4f5c\u3089\u306a\u3044\uff09 *\/\r\n  padding-top: calc(var(--dbHeaderH) + clamp(18px, 4vh, 42px));\r\n  padding-bottom: var(--scrollSafe);\r\n\r\n  opacity:0;\r\n  transform:translateY(8px);\r\n  transition:opacity .6s ease, transform .6s ease;\r\n}\r\n#home-hero .after-fog.on{ opacity:1; transform:none; }\r\n\r\n\/* CTA\u304c\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u3068\u88ab\u3089\u306a\u3044\u305f\u3081\u306e\u4e0b\u4f59\u767d\uff08\u5b89\u5168\u5730\u5e2f\u306e\u4e2d\u306b\u7d44\u307f\u8fbc\u3080\uff09 *\/\r\n#home-hero .hero-cta{\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* PC scroll (\u4e0b\u56fa\u5b9a) *\/\r\n#hero-scroll{\r\n  position:absolute;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  bottom: calc(16px + env(safe-area-inset-bottom));\r\n  z-index:50;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:10px;\r\n  cursor:pointer;\r\n}\r\n.wm-vertical{\r\n  writing-mode:vertical-rl;\r\n  text-orientation:mixed;\r\n  font-size:12px;\r\n  letter-spacing:.35em;\r\n  line-height:1;\r\n  opacity:.9;\r\n}\r\n.gold-line{\r\n  width:1px;\r\n  height:96px;\r\n  background:linear-gradient(180deg,#D2A36C 0%, #F8E3C3 100%);\r\n  border-radius:9999px;\r\n}\r\n\r\n\/* SP: video off + arrow only *\/\r\n#hero-scroll-sp{ display:none; }\r\n\r\n@media (max-width: 767px){\r\n  \/* SP\u306f\u30a4\u30f3\u30c8\u30ed\u7121\u3057\uff08\u6f14\u51fa\u306fJS\u304c\u5373\u8868\u793a\u306b\u3059\u308b\uff09 *\/\r\n  #intro-screen{ display:none !important; }\r\n\r\n  \/* video off *\/\r\n  #home-hero .hero-video{ display:none !important; }\r\n  #home-hero{\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,29,.65), rgba(6,14,24,.85)),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\") center\/cover no-repeat;\r\n  }\r\n\r\n  \/* PC scroll kill *\/\r\n  #hero-scroll{ display:none !important; }\r\n\r\n  \/* SP scroll indicator (\u68d2\u7121\u3057) *\/\r\n  #hero-scroll-sp{\r\n    display:flex !important;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    position:absolute;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    bottom: calc(18px + env(safe-area-inset-bottom));\r\n    z-index:60;\r\n    opacity:.9;\r\n  }\r\n  #hero-scroll-sp .scroll-arrow{ display:none !important; }\r\n\r\n  #hero-scroll-sp::before{\r\n    content:\"SCROLL\";\r\n    display:block;\r\n    font-size:11px;\r\n    letter-spacing:.38em;\r\n    font-weight:700;\r\n    color:#D2A36C;\r\n    transform: translateX(.19em);\r\n  }\r\n  #hero-scroll-sp::after{\r\n    content:\"\";\r\n    width:14px; height:14px;\r\n    border-right:2px solid #D2A36C;\r\n    border-bottom:2px solid #D2A36C;\r\n    transform: rotate(45deg);\r\n    animation: spChevron 1.6s ease-in-out infinite;\r\n    display:block;\r\n  }\r\n  @keyframes spChevron{\r\n    0%,100%{ transform: translateY(0) rotate(45deg); opacity:.7; }\r\n    50%{ transform: translateY(6px) rotate(45deg); opacity:1; }\r\n  }\r\n\r\n  \/* SP\u306f\u5b89\u5168\u5730\u5e2f\u3092\u5c11\u3057\u5897\u3084\u3059 *\/\r\n  #home-hero{ --scrollSafe: clamp(120px, 22vh, 200px); }\r\n}\r\n\r\n\/* iOS controls off *\/\r\n#home-hero video::-webkit-media-controls,\r\n#home-hero video::-webkit-media-controls-start-playback-button{ display:none !important; }\r\n\/* PC\uff1aCTA\u3068SCROLL\u304c\u88ab\u308b \u2192 \u4e0b\u306e\u5b89\u5168\u5730\u5e2f\u3092\u5897\u3084\u3059 *\/\r\n@media (min-width: 768px){\r\n  #home-hero{\r\n    --scrollSafe: clamp(170px, 22vh, 240px) !important;\r\n  }\r\n  \/* \u5ff5\u306e\u305f\u3081\u3001CTA\u30d6\u30ed\u30c3\u30af\u306b\u3082\u5c11\u3057\u3060\u3051\u4f59\u767d *\/\r\n  #home-hero .hero-cta{\r\n    margin-bottom: 24px;\r\n  }\r\n}\r\n\r\n\/* =========================\r\n   Fix gap: Header \u2194 First section\r\n========================= *\/\r\nbody.home .elementor-top-section:first-of-type{\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\/* FV\u80cc\u666f\u306f\u4e0a\u307e\u3067\u3002\u6587\u5b57\u30d6\u30ed\u30c3\u30af\u3060\u3051\u30d8\u30c3\u30c0\u30fc\u5206\u4e0b\u3052\u308b *\/\r\n:root{ --dbHeaderH: 72px; }\r\n@media (max-width: 767px){ :root{ --dbHeaderH: 60px; } }\r\n\r\n#home-hero{ padding-top: 0 !important; }\r\n\r\n\/* \u4e2d\u8eab\u306e\u30d6\u30ed\u30c3\u30af\u3092\u30d8\u30c3\u30c0\u30fc\u5206\u3060\u3051\u4e0b\u3052\u308b *\/\r\n#home-hero .after-fog{\r\n  padding-top: var(--dbHeaderH);\r\n}\r\n\r\n\/* =========================\r\n  TOP SECTIONS\r\n========================= *\/\r\n#top-sections{\r\n  background:#050816;\r\n  color:#f5f5f7;\r\n  font-family:\"Noto Sans JP\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n}\r\n\r\n#top-sections .dv-section{ padding: clamp(72px, 8vw, 110px) 16px; position:relative; }\r\n#top-sections .dv-section.dv-dark{\r\n  background: radial-gradient(circle at top, rgba(207,166,112,0.12) 0, #050816 55%, #02030a 100%);\r\n}\r\n#top-sections .dv-section.dv-light{ background:#f5f5f7; color:#050816; }\r\n\r\n#top-sections .dv-container{ max-width:1120px; margin:0 auto; }\r\n\r\n#top-sections .dv-head{ text-align:center; margin-bottom:48px; }\r\n#top-sections .dv-eyebrow{ letter-spacing:.25em; font-size:11px; text-transform:uppercase; color:#CFA670; margin:0 0 12px; }\r\n#top-sections .dv-title{\r\n  font-family:\"Noto Serif JP\",serif;\r\n  font-weight:700;\r\n  font-size:clamp(24px, 3vw, 32px);\r\n  line-height:1.45;\r\n  margin:0 0 16px;\r\n}\r\n#top-sections .dv-section.dv-dark .dv-title{ color:#fff; }\r\n#top-sections .dv-section.dv-light .dv-title{ color:#050816; }\r\n\r\n#top-sections .dv-lead{\r\n  font-size:14px;\r\n  line-height:1.9;\r\n  max-width:720px;\r\n  margin:0 auto;\r\n  color: rgba(245,245,247,0.86);\r\n}\r\n#top-sections .dv-section.dv-light .dv-lead{ color: rgba(5,8,22,0.8); }\r\n#top-sections .dv-lead strong{ color:#CFA670; font-weight:600; }\r\n\r\n#top-sections .dv-grid{ display:grid; gap:24px; }\r\n@media (min-width: 768px){\r\n  #top-sections .dv-grid.cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  #top-sections .dv-grid.cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n}\r\n\r\n#top-sections .dv-card{\r\n  border-radius:16px;\r\n  padding:20px 22px;\r\n  border:1px solid rgba(255,255,255,0.14);\r\n  background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(12,18,40,0.82));\r\n  box-shadow:0 16px 40px rgba(0,0,0,0.35);\r\n  backdrop-filter: blur(14px);\r\n}\r\n#top-sections .dv-section.dv-light .dv-card{\r\n  background: rgba(255,255,255,0.92);\r\n  border-color: rgba(5,8,22,0.08);\r\n  box-shadow:0 10px 28px rgba(0,0,0,0.08);\r\n  backdrop-filter: blur(0);\r\n}\r\n#top-sections .dv-card-title{ font-size:16px; font-weight:700; margin:0 0 12px; color:#fff; }\r\n#top-sections .dv-section.dv-light .dv-card-title{ color:#050816; }\r\n#top-sections .dv-card-text{ font-size:14px; line-height:1.9; margin:0; color: rgba(245,245,247,0.9); }\r\n#top-sections .dv-section.dv-light .dv-card-text{ color: rgba(5,8,22,0.78); }\r\n#top-sections .dv-card-text strong{ color:#CFA670; font-weight:600; }\r\n\r\n#top-sections .dv-flow{ position:relative; margin-top:32px; padding-top:8px; }\r\n#top-sections .dv-flow::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:18px; top:0; bottom:0;\r\n  width:2px;\r\n  background: linear-gradient(to bottom, rgba(207,166,112,0.4), rgba(207,166,112,0.05));\r\n}\r\n#top-sections .dv-flow-step{ position:relative; padding-left:56px; margin-bottom:32px; }\r\n#top-sections .dv-flow-step:last-child{ margin-bottom:0; }\r\n#top-sections .dv-flow-step::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:9px; top:4px;\r\n  width:18px; height:18px;\r\n  border-radius:999px;\r\n  border:2px solid #CFA670;\r\n  background:#050816;\r\n  box-shadow:0 0 0 4px rgba(207,166,112,0.22);\r\n}\r\n#top-sections .dv-section.dv-light .dv-flow::before{\r\n  background: linear-gradient(to bottom, rgba(5,8,22,0.16), rgba(5,8,22,0.04));\r\n}\r\n#top-sections .dv-section.dv-light .dv-flow-step::before{\r\n  background:#f5f5f7;\r\n  box-shadow:0 0 0 4px rgba(5,8,22,0.08);\r\n}\r\n#top-sections .dv-flow-title{ font-size:16px; font-weight:700; margin:0 0 8px; color:#fff; }\r\n#top-sections .dv-section.dv-light .dv-flow-title{ color:#050816; }\r\n#top-sections .dv-flow-text{ font-size:14px; line-height:1.9; margin:0; color: rgba(245,245,247,0.9); }\r\n#top-sections .dv-section.dv-light .dv-flow-text{ color: rgba(5,8,22,0.78); }\r\n\r\n#top-sections .dv-cta-inline{ margin-top:32px; text-align:center; }\r\n#top-sections .dv-btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding:14px 32px;\r\n  border-radius:999px;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  cursor:pointer;\r\n  border:1px solid transparent;\r\n  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;\r\n  white-space:nowrap;\r\n}\r\n#top-sections .dv-btn-primary{\r\n  background: linear-gradient(120deg, #CFA670, #F3D1A0);\r\n  color:#050816;\r\n  box-shadow:0 10px 24px rgba(0,0,0,0.35);\r\n}\r\n#top-sections .dv-btn-primary:hover{ transform: translateY(-1px); box-shadow:0 16px 30px rgba(0,0,0,0.45); }\r\n#top-sections .dv-btn-primary:active{ transform: translateY(0); box-shadow:0 8px 18px rgba(0,0,0,0.3); }\r\n#top-sections .dv-cta-note{ margin:8px 0 0; font-size:12px; color: rgba(245,245,247,0.7); }\r\n#top-sections .dv-section.dv-light .dv-cta-note{ color: rgba(5,8,22,0.6); }\r\n\r\n#top-sections .dv-list{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n  max-width:720px;\r\n  margin-inline:auto;\r\n  display:grid;\r\n  gap:10px;\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n#top-sections .dv-list li{ position:relative; padding-left:24px; }\r\n#top-sections .dv-list li::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:.85em;\r\n  width:8px; height:8px;\r\n  border-radius:999px;\r\n  background: radial-gradient(circle at 30% 30%, #ffffff, #CFA670);\r\n}\r\n#top-sections .dv-section.dv-light .dv-list li::before{\r\n  background: radial-gradient(circle at 30% 30%, #050816, #CFA670);\r\n}\r\n\r\n\/* dv-anim (fade in) *\/\r\n#top-sections .dv-anim{ opacity:0; transform: translateY(24px); transition: opacity .6s ease-out, transform .6s ease-out; }\r\n#top-sections .dv-anim.is-visible{ opacity:1; transform: translateY(0); }\r\n\r\n@media (max-width: 767px){\r\n  #top-sections .dv-head{ text-align:left; }\r\n  #top-sections .dv-lead{ margin-left:0; margin-right:0; }\r\n  #top-sections .dv-flow::before{ left:14px; }\r\n  #top-sections .dv-flow-step{ padding-left:52px; }\r\n  #top-sections .dv-flow-step::before{ left:5px; }\r\n}\r\n\r\n\/* ===== FV\uff1aCTA\u3068SCROLL\u306e\u91cd\u306a\u308a\u89e3\u6d88\uff08PC\uff09===== *\/\r\n@media (min-width: 768px){\r\n  \/* \u672c\u6587\u30d6\u30ed\u30c3\u30af\u306b\u201c\u4e0b\u306e\u9003\u3052\u201d\u3092\u4f5c\u308b\uff08SCROLL\u5206\u306e\u30b9\u30da\u30fc\u30b9\uff09 *\/\r\n  #home-hero .after-fog{\r\n    padding-bottom: 140px;\r\n  }\r\n}\r\n\r\n\/* \u5ff5\u306e\u305f\u3081\uff1aSCROLL\u306f\u6700\u4e0b\u90e8\u306b\u56fa\u5b9a\uff08\u597d\u307f\u3067\u5fae\u8abf\u6574OK\uff09 *\/\r\n@media (min-width: 768px){\r\n  #home-hero .hero-scroll{\r\n    bottom: 12px;\r\n  }\r\n}\r\n\r\n\/* ===== SP\u3067\u306fPC\u7528SCROLL\u3092\u5b8c\u5168\u306b\u6d88\u3059 ===== *\/\r\n@media (max-width: 767px){\r\n  #hero-scroll,\r\n  #hero-scroll * {\r\n    display: none !important;\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n  }\r\n}\r\n\/* ===== SP\u306f\u201c\u77e2\u5370\u3060\u3051\u201d\u306b\u3059\u308b\uff08\u30b4\u30fc\u30eb\u30c9\u7dda\u306e\u5207\u308c\u7aef\u3092\u6839\u7d76\uff09 ===== *\/\r\n@media (max-width: 767px){\r\n  \/* PC\u7528SCROLL\uff08\u7e26\u6587\u5b57\uff0b\u7dda\uff09\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316 *\/\r\n  #home-hero #hero-scroll,\r\n  #home-hero .intro-indicator{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* \u5ff5\u306e\u305f\u3081\uff1a\u91d1\u30e9\u30a4\u30f3\u8981\u7d20\u304c\u6b8b\u3063\u3066\u3082\u898b\u3048\u306a\u3044\u3088\u3046\u306b *\/\r\n  #home-hero .gold-line,\r\n  #home-hero .wm-vertical{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* SP\u7528\u77e2\u5370\u306f\u8868\u793a *\/\r\n  #home-hero #hero-scroll-sp{\r\n    display:block !important;\r\n  }\r\n}\r\n\/* iOS\u3067\u81ea\u52d5\u518d\u751f\u304c\u5931\u6557\u3057\u305f\u3089\u52d5\u753b\u3092\u6d88\u3057\u3066\u25b6\ufe0e\u3092\u6839\u7d76 *\/\r\n#home-hero.video-fallback .hero-video{\r\n  display:none !important;\r\n}\r\n#home-hero.video-fallback .hero-video{ display:none !important; }\r\n#home-hero.video-fallback .hero-bg{ opacity:1; } \/* \u80cc\u666f\u304c\u3042\u308b\u306a\u3089\u4fdd\u967a *\/\r\n\r\n}\r\n\/* ===== HERO\u52d5\u753b\uff1a\u6d88\u3048\u3066\u308b\u6642\u306e\u5f37\u5236\u5fa9\u5e30 ===== *\/\r\n#home-hero #hero-video{\r\n  display:block !important;\r\n  visibility:visible !important;\r\n  opacity:1 !important;\r\n}\r\n\/* ===============================\r\n   HERO \u80cc\u666f\u5207\u308a\u66ff\u3048\uff08PC\uff1a\u52d5\u753b \/ SP\uff1a\u753b\u50cf\uff09\r\n================================ *\/\r\n\r\n\/* \u30c7\u30d5\u30a9\u30eb\u30c8\uff08PC\uff09\uff1a\u52d5\u753b\u8868\u793a *\/\r\n#home-hero .hero-video{\r\n  display:block;\r\n}\r\n#home-hero{\r\n  background:none;\r\n}\r\n\r\n\/* SP\uff1a\u52d5\u753b\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316 \u2192 \u753b\u50cf\u80cc\u666f *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* \u52d5\u753b\u3092\u5b8c\u5168\u306b\u6d88\u3059\uff08\u8aad\u307f\u8fbc\u307f\u3082\u6291\u5236\uff09 *\/\r\n  #home-hero .hero-video{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* \u4ee3\u66ff\u753b\u50cf\u3092\u80cc\u666f\u306b\u4f7f\u3046 *\/\r\n  #home-hero{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(8,18,29,.65),\r\n        rgba(6,14,24,.85)\r\n      ),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\") center \/ cover no-repeat;\r\n  }\r\n}\r\n\/* =========================\r\n  HERO \u80cc\u666f\u5207\u308a\u66ff\u3048\r\n  PC\uff1a\u52d5\u753b \/ SP\uff1a\u753b\u50cf\r\n========================= *\/\r\n\r\n\/* \u307e\u305aPC\u57fa\u6e96\uff08\u52d5\u753b\u3092\u898b\u305b\u308b\uff09 *\/\r\n#home-hero { background:#0D1C2E; }\r\n#home-hero .hero-video { display:block; }\r\n\r\n\/* SP\uff1a\u52d5\u753b\u3092\u6d88\u3057\u3066\u3001#home-hero\u81ea\u4f53\u3092\u753b\u50cf\u80cc\u666f\u306b *\/\r\n@media (max-width: 767px){\r\n  #home-hero .hero-video{\r\n    display:none !important;\r\n  }\r\n\r\n  #home-hero{\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,29,.65), rgba(6,14,24,.85)),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\")\r\n      center \/ cover no-repeat !important;\r\n  }\r\n\r\n  \/* SP\u3067\u30b4\u30fc\u30eb\u30c9\u7dda\u306e\u6b8b\u9ab8\u3092\u6839\u7d76\uff08intro\/\u672c\u7de8\u3069\u3063\u3061\u3082\uff09 *\/\r\n  #home-hero .wm-vertical,\r\n  #home-hero .gold-line{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* PC\u7528SCROLL\u306f\u6d88\u3059\uff0fSP\u7528\u77e2\u5370\u3060\u3051\u51fa\u3059 *\/\r\n  #hero-scroll{ display:none !important; }\r\n  #hero-scroll-sp{ display:block !important; }\r\n}\r\n\/* =========================\r\n   FIX PATCH (put at very bottom)\r\n========================= *\/\r\n\r\n\/* 1) CTA\u30dc\u30bf\u30f3\uff1a#home-hero\u914d\u4e0b\u3067\u5f37\u5236\u7684\u306b\u5143\u306e\u88c5\u98fe\u306b\u623b\u3059 *\/\r\n#home-hero .cta-btn{\r\n  -webkit-appearance:none;\r\n  appearance:none;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:16px 40px;\r\n  border-radius:50px;\r\n  border:2px solid #B8A167;\r\n  background:linear-gradient(86deg,\r\n    rgba(255,255,255,.40) 5.15%,\r\n    rgba(204,204,204,.40) 19.39%,\r\n    rgba(229,229,229,.44) 29.38%,\r\n    rgba(255,255,255,.48) 51.19%,\r\n    rgba(179,179,179,.40) 72.92%,\r\n    rgba(255,255,255,.40) 94.03%\r\n  );\r\n  box-shadow:0 6px 24px rgba(0,0,0,.24);\r\n  color:#fff !important;\r\n  text-decoration:none !important;\r\n  white-space:nowrap;\r\n  font-family:\"Noto Serif JP\",serif;\r\n  font-size:20px;\r\n  font-weight:700;\r\n  line-height:1.4;\r\n  overflow:hidden;\r\n}\r\n#home-hero .cta-btn:visited{ color:#fff !important; }\r\n#home-hero .cta-btn:hover{ transform:translateY(-1px); opacity:.96; box-shadow:0 10px 30px rgba(0,0,0,.28); }\r\n#home-hero .cta-btn:active{ transform:translateY(1px); box-shadow:0 6px 18px rgba(0,0,0,.22); }\r\n@media (max-width:600px){\r\n  #home-hero .cta-btn{ font-size:16px; padding:12px 28px; }\r\n}\r\n\r\n\/* 2) SP\u306f\u300c\u7e26SCROLL\uff0b\u91d1\u30e9\u30a4\u30f3\u300d\u306f\u5b8c\u5168\u505c\u6b62\uff08\u6b8b\u9ab8\u5bfe\u7b56\uff09 *\/\r\n@media (max-width: 767px){\r\n  #home-hero #hero-scroll,\r\n  #home-hero #hero-scroll *{\r\n    display:none !important;\r\n    opacity:0 !important;\r\n    visibility:hidden !important;\r\n  }\r\n  #intro-screen .intro-indicator{\r\n    display:none !important;\r\n  }\r\n}\r\n\r\n\/* 3) SP\u306f\u52d5\u753b\u3092\u4f7f\u308f\u305a\u9759\u6b62\u753b\u80cc\u666f\u306b\u3059\u308b\uff08\u2190\u3053\u308c\u3067\u201c\u68d2\/\u518d\u751fUI\u201d\u3082\u6d88\u3048\u308b\uff09 *\/\r\n@media (max-width: 767px){\r\n  #home-hero .hero-video{ display:none !important; }\r\n\r\n  #home-hero{\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,29,.65), rgba(6,14,24,.85)),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\")\r\n      center \/ cover no-repeat !important;\r\n  }\r\n\r\n  \/* SP\u7528\u77e2\u5370\u306f\u8868\u793a *\/\r\n  #home-hero #hero-scroll-sp{ display:block !important; }\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   TOP \/ HERO \u3060\u3051\u306b\u52b9\u304b\u305b\u308b\uff08\u4ed6\u30da\u30fc\u30b8\u306b\u6f0f\u3089\u3055\u306a\u3044\uff09\r\n========================================================= *\/\r\n#home-hero{ position:relative; min-height:100svh; background:#0D1C2E; isolation:isolate; overflow:hidden; }\r\n#home-hero .hero-layer{ position:relative; min-height:100svh; width:100%; display:grid; place-items:center; overflow:hidden; }\r\n\r\n#home-hero .hero-video{\r\n  position:absolute; inset:0; width:100%; height:100%;\r\n  object-fit:cover; z-index:10;\r\n  filter:saturate(1.05) contrast(1.02);\r\n  pointer-events:none; \/* \u2190 SP\u3067\u89e6\u3063\u3066\u30d7\u30ec\u30a4\u30e4\u30fcUI\u51fa\u308b\u306e\u3082\u9632\u3050 *\/\r\n}\r\n\r\n#home-hero .hero-bg{ position:absolute; inset:0; z-index:15;\r\n  background:\r\n    radial-gradient(1200px 600px at 60% 30%, rgba(255,255,255,.06), transparent 60%),\r\n    linear-gradient(180deg, rgba(8,18,29,.55) 0%, rgba(6,14,24,.75) 100%);\r\n}\r\n\r\n#home-hero #fog-overlay{ position:absolute; inset:0; z-index:20; pointer-events:none;\r\n  background:\r\n    radial-gradient(1200px 800px at 30% 20%, rgba(255,255,255,.20), rgba(255,255,255,0) 70%),\r\n    radial-gradient(1000px 700px at 70% 60%, rgba(255,255,255,.18), rgba(255,255,255,0) 65%),\r\n    rgba(255,255,255,.14);\r\n  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n  opacity:1; transition: opacity var(--fog-dur,1.6s) linear;\r\n}\r\n#home-hero #fog-overlay.fog-off{ opacity:0; }\r\n\r\n#home-hero .after-fog{\r\n  position:relative; z-index:40; color:#EAF2FF;\r\n  width:min(92vw,1100px);\r\n  margin-inline:auto;\r\n  display:flex; flex-direction:column; align-items:center;\r\n  gap:clamp(10px,1.8vh,16px);\r\n  text-align:center;\r\n  opacity:0; transform:translateY(8px);\r\n  transition:opacity .6s ease, transform .6s ease;\r\n  padding-bottom: 140px; \/* \u2190 SCROLL\u3068\u88ab\u3089\u306a\u3044\u9003\u3052 *\/\r\n}\r\n#home-hero .after-fog.on{ opacity:1; transform:none; }\r\n\r\n#home-hero .trust-badges{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px 14px; margin:10px 0 0; padding:0; list-style:none; }\r\n#home-hero .trust-badges li{ color:rgba(234,242,255,.85); font-size:clamp(12px,1.8vw,14px); }\r\n#home-hero .trust-badges li + li::before{ content:\"\u30fb\"; margin:0 8px; color:rgba(234,242,255,.45); }\r\n\r\n#home-hero .hero-title{\r\n  font-family:\"Playfair Display\",\"Noto Serif JP\",serif;\r\n  font-weight:800; line-height:1.1; margin:.2em 0 .25em;\r\n  font-size: clamp(28px,6.4vw,64px);\r\n  color:transparent;\r\n  background: linear-gradient(90deg,#D2A36C,#F8E3C3);\r\n  -webkit-background-clip:text; background-clip:text;\r\n  text-shadow:0 1px 2px rgba(0,0,0,.25);\r\n}\r\n\r\n#home-hero .hero-lead{ font-size:clamp(14px,2.2vw,20px); line-height:1.8; opacity:.95; margin:0 0 10px; max-width:52ch; }\r\n\r\n\/* ===== \u30dc\u30bf\u30f3\u88c5\u98fe\uff08\u201c\u5143\u306b\u623b\u3059\u201d\u7528\u306b\u3053\u3053\u3067\u56fa\u5b9a\uff09 ===== *\/\r\n#home-hero .cta-btn-wrapper{ width:100%; display:flex; justify-content:center; }\r\n#home-hero .cta-btn{\r\n  display:inline-flex; align-items:center; justify-content:center;\r\n  padding:16px 40px;\r\n  border-radius:999px;\r\n  border:2px solid #B8A167;\r\n  background:linear-gradient(86deg,\r\n    rgba(255,255,255,.40) 5.15%,\r\n    rgba(204,204,204,.40) 19.39%,\r\n    rgba(229,229,229,.44) 29.38%,\r\n    rgba(255,255,255,.48) 51.19%,\r\n    rgba(179,179,179,.40) 72.92%,\r\n    rgba(255,255,255,.40) 94.03%\r\n  );\r\n  box-shadow:0 6px 24px rgba(0,0,0,.24);\r\n  color:#fff;\r\n  font-family:\"Noto Serif JP\",serif;\r\n  font-size:20px;\r\n  font-weight:700;\r\n  line-height:1.4;\r\n  text-decoration:none;\r\n  white-space:nowrap;\r\n}\r\n@media (max-width:600px){\r\n  #home-hero .cta-btn{ font-size:16px; padding:12px 28px; }\r\n}\r\n\r\n\/* ===== SCROLL\uff08PC\u306e\u307f\uff09 ===== *\/\r\n#home-hero #hero-scroll{\r\n  position:absolute; left:50%; transform:translateX(-50%);\r\n  bottom:16px; z-index:30;\r\n  display:flex; flex-direction:column; align-items:center; gap:10px;\r\n  cursor:pointer;\r\n}\r\n#home-hero #hero-scroll .wm-vertical{ writing-mode:vertical-rl; text-orientation:mixed; font-size:12px; letter-spacing:.35em; line-height:1; opacity:.9; }\r\n#home-hero #hero-scroll .gold-grad-text{ background:linear-gradient(180deg,#D2A36C 0%, #F8E3C3 100%); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:700; }\r\n#home-hero #hero-scroll .gold-line{ width:1px; height:96px; background:linear-gradient(180deg,#D2A36C,#F8E3C3); border-radius:9999px; display:block; }\r\n\r\n\/* ===== SP\uff1a\u52d5\u753b\u306f\u4f7f\u308f\u306a\u3044\uff08\u9759\u6b62\u753b\u306b\u5207\u66ff\uff09\uff0b\u4e0d\u8981\u306a\u68d2\u3092\u6839\u7d76 ===== *\/\r\n@media (max-width: 767px){\r\n  \/* \u30a4\u30f3\u30c8\u30ed\u3082PC\u6f14\u51fa\u7528\u306a\u3089SP\u3067\u306f\u6d88\u3059\uff08\u68d2\u306e\u6b8b\u9ab8\u6e90\u3092\u65ad\u3064\uff09 *\/\r\n  #intro-screen{ display:none !important; }\r\n\r\n  \/* \u52d5\u753b\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316 *\/\r\n  #home-hero .hero-video{ display:none !important; }\r\n\r\n  \/* SP\u80cc\u666f\uff08\u3042\u306a\u305f\u306e\u753b\u50cfURL\uff09 *\/\r\n  #home-hero{\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,29,.65), rgba(6,14,24,.85)),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\") center \/ cover no-repeat;\r\n  }\r\n\r\n  \/* PC\u7528SCROLL\uff08\u7e26\u6587\u5b57\uff0b\u7dda\uff09\u306f\u5b8c\u5168\u306b\u96a0\u3059 \u2192 \u4f59\u5206\u306a\u68d2\u304c\u51fa\u306a\u304f\u306a\u308b *\/\r\n  #home-hero #hero-scroll{ display:none !important; }\r\n\r\n  \/* SP\u7528\u77e2\u5370\u3060\u3051\u8868\u793a *\/\r\n  #home-hero #hero-scroll-sp{\r\n    display:block !important;\r\n    position:absolute; left:50%; transform:translateX(-50%);\r\n    bottom:24px; z-index:30; cursor:pointer;\r\n  }\r\n  #home-hero #hero-scroll-sp .scroll-arrow{\r\n    width:14px; height:14px;\r\n    border-right:2px solid #D2A36C;\r\n    border-bottom:2px solid #D2A36C;\r\n    transform: rotate(45deg);\r\n    animation: arrowBounce 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes arrowBounce{\r\n    0%{ transform: translateY(0) rotate(45deg); opacity:.6; }\r\n    50%{ transform: translateY(8px) rotate(45deg); opacity:1; }\r\n    100%{ transform: translateY(0) rotate(45deg); opacity:.6; }\r\n  }\r\n\r\n  \/* SP\u306fCTA\u306e\u4e0b\u306b\u9003\u3052\u3092\u5897\u3084\u3059\uff08\u77e2\u5370\u3068\u88ab\u3089\u306a\u3044\uff09 *\/\r\n  #home-hero .after-fog{ padding-bottom: 120px; }\r\n}\r\n\r\n\/* iOS\u306e\u52d5\u753b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u975e\u8868\u793a\uff08PC\u7528\u306e\u4fdd\u967a\uff09 *\/\r\n#home-hero video::-webkit-media-controls,\r\n#home-hero video::-webkit-media-controls-start-playback-button{\r\n  display:none !important;\r\n}\r\n\/* ===== SP\uff1a\u52d5\u753b\u3092\u5b8c\u5168\u306b\u7121\u52b9\u5316\uff08iOS\u306e\u518d\u751fUI\u6839\u7d76\uff09 ===== *\/\r\n@media (max-width: 767px){\r\n  #home-hero video#hero-video,\r\n  #home-hero .hero-video{\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    opacity: 0 !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    pointer-events: none !important;\r\n  }\r\n}\r\n\/* ===== SP\uff1a\u68d2\uff08gold-line\uff09\u3092\u5b8c\u5168\u306b\u6d88\u3059 ===== *\/\r\n@media (max-width: 767px){\r\n  #home-hero .gold-line,\r\n  #home-hero .wm-vertical{\r\n    display:none !important;\r\n  }\r\n  \/* PC\u7528SCROLL\u3082\u6d88\u3059 *\/\r\n  #home-hero #hero-scroll{ display:none !important; }\r\n}\r\n\/* ===== SP\uff1a\u30a4\u30f3\u30c8\u30ed\u306f\u8868\u793a\u3059\u308b\uff08\u305f\u3060\u3057\u68d2\u306f\u51fa\u3055\u306a\u3044\uff09 ===== *\/\r\n@media (max-width: 767px){\r\n  #intro-screen{\r\n    display:grid !important;\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,29,.65), rgba(6,14,24,.85)),\r\n      url(\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/12\/AdobeStock_1539599258-scaled.jpeg\") center \/ cover no-repeat;\r\n    color:#EAF2FF;\r\n  }\r\n\r\n  \/* SP\u306e\u30a4\u30f3\u30c8\u30ed\u306f\u77e2\u5370\u3060\u3051\u8868\u793a\uff08\u68d2\u30fb\u7e26\u6587\u5b57\u306f\u975e\u8868\u793a\uff09 *\/\r\n  #intro-screen .wm-vertical,\r\n  #intro-screen .gold-line{ display:none !important; }\r\n\r\n  \/* \u30a4\u30f3\u30c8\u30ed\u5074\u306b\u3082\u77e2\u5370\u3092\u51fa\u3057\u305f\u3044\u306a\u3089\uff08\u4efb\u610f\uff09 *\/\r\n  #intro-screen .intro-indicator{\r\n    bottom:24px !important;\r\n  }\r\n  #intro-screen .intro-indicator::after{\r\n    content:\"\";\r\n    width:14px;height:14px;\r\n    border-right:2px solid #D2A36C;\r\n    border-bottom:2px solid #D2A36C;\r\n    transform: rotate(45deg);\r\n    display:block;\r\n    animation: arrowBounce 1.8s ease-in-out infinite;\r\n  }\r\n}\r\n\/* ===== SP\u6700\u7d42\u4e0a\u66f8\u304d\uff1a\u68d2\uff08\u7e26SCROLL\uff09\u3092\u5b8c\u5168\u306b\u6d88\u3059 ===== *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* \u307e\u305a\u3001PC\u7528SCROLL\u4e00\u5f0f\u306f\u7d76\u5bfe\u306b\u975e\u8868\u793a *\/\r\n  #home-hero #hero-scroll,\r\n  #home-hero #hero-scroll *{\r\n    display:none !important;\r\n    visibility:hidden !important;\r\n    opacity:0 !important;\r\n  }\r\n\r\n  \/* \u30a4\u30f3\u30c8\u30ed\u5074\u306e\u201c\u7e26SCROLL\uff08\u68d2\uff09\u201d\u3082\u78ba\u5b9f\u306b\u6d88\u3059 *\/\r\n  #intro-screen .intro-indicator,\r\n  #intro-screen .intro-indicator *{\r\n    display:none !important;\r\n    visibility:hidden !important;\r\n    opacity:0 !important;\r\n  }\r\n\r\n  \/* \u5ff5\u62bc\u3057\uff1a\u68d2\u306e\u672c\u4f53\u30af\u30e9\u30b9\u3092\uff08Hero\u5185\u306b\u9650\u3063\u3066\uff09\u6bba\u3059 *\/\r\n  #home-hero .gold-line,\r\n  #home-hero .gold-line::before,\r\n  #home-hero .gold-line::after,\r\n  #home-hero .wm-vertical,\r\n  #home-hero .wm-vertical::before,\r\n  #home-hero .wm-vertical::after{\r\n    display:none !important;\r\n    content:none !important;\r\n    height:0 !important;\r\n  }\r\n\r\n  \/* SP\u7528\u77e2\u5370\u3060\u3051\u3092\u8868\u793a *\/\r\n  #home-hero #hero-scroll-sp{\r\n    display:block !important;\r\n    visibility:visible !important;\r\n    opacity:1 !important;\r\n  }\r\n}\r\n\/* ===============================\r\n   SP\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u30a4\u30f3\u30b8\u30b1\u30fc\u30bf\u5b8c\u5168\u62b9\u6d88\r\n   =============================== *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* Hero\u5185\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u7cfb\u3092\u7269\u7406\u7684\u306b\u6f70\u3059 *\/\r\n  #home-hero .scroll-indicator{\r\n    display: none !important;\r\n    height: 0 !important;\r\n    min-height: 0 !important;\r\n    max-height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  \/* \u5ff5\u306e\u305f\u3081\u4e2d\u8eab\u3082\u5168\u6bba\u3057 *\/\r\n  #home-hero .scroll-indicator *{\r\n    display: none !important;\r\n    height: 0 !important;\r\n    opacity: 0 !important;\r\n  }\r\n}\r\n@media (max-width: 767px){\r\n  #home-hero .hero-layer{\r\n    place-items: start center; \/* \u7e26\u4e2d\u592e\u2192\u4e0a\u5bc4\u305b *\/\r\n    padding-top: calc(clamp(88px, 14vh, 160px) + env(safe-area-inset-top));\r\n    padding-bottom: 96px; \/* \u4e0b\u306e\u77e2\u5370\u306e\u9003\u3052 *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 767px){\r\n  \/* SP\u306fFV\u3092\u201c\u5185\u5bb9\u91cf\u57fa\u6e96\u201d\u306b\u3059\u308b *\/\r\n  #home-hero{\r\n    min-height: auto;\r\n    padding-bottom: 32px; \/* \u2190 \u6700\u4f4e\u9650\u306e\u547c\u5438 *\/\r\n  }\r\n\r\n  \/* \u672c\u6587\u30d6\u30ed\u30c3\u30af\u306e\u4e0b\u4f59\u767d\u3092\u7de0\u3081\u308b *\/\r\n  #home-hero .after-fog{\r\n    gap: 10px;\r\n  }\r\n\r\n  #home-hero .hero-cta{\r\n    margin-top: 12px;\r\n  }\r\n\r\n  \/* SP\u30b9\u30af\u30ed\u30fc\u30eb\u77e2\u5370\u3092CTA\u304b\u3089\u96e2\u3057\u3059\u304e\u306a\u3044 *\/\r\n  #hero-scroll-sp{\r\n    bottom: 16px;\r\n  }\r\n}\r\n\/* \u30d8\u30c3\u30c0\u30fc\u60f3\u5b9a\u306e\u5b89\u5168\u4f59\u767d *\/\r\n#home-hero .after-fog{\r\n  padding-top: clamp(72px, 10vh, 120px);\r\n}\r\n@media (min-width: 768px){\r\n  \/* CTA\u306f\u4e2d\u592e\u3067\u5b8c\u7d50 *\/\r\n  #home-hero .after-fog{\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  \/* \u30b9\u30af\u30ed\u30fc\u30eb\u306f\u5b8c\u5168\u306b\u201c\u753b\u9762\u6700\u4e0b\u201d\u306e\u5f79\u5272 *\/\r\n  #hero-scroll{\r\n    bottom: 16px;\r\n  }\r\n\r\nhtml, body{\r\n  overflow-x: hidden;\r\n}\r\n#home-hero,\r\n#top-sections{\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n}\r\n\/* ============================\r\n   FV\uff1aCTA \u3068 SCROLL \u306e\u91cd\u306a\u308a\u89e3\u6d88\uff08PC\uff09\r\n   \u65b9\u5f0f\uff1a\u672c\u6587\uff08after-fog\uff09\u306b\u5b89\u5168\u5730\u5e2f\u3092\u4f5c\u308b\r\n============================ *\/\r\n@media (min-width: 768px){\r\n\r\n  \/* \u2460 \u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306e\u305f\u3081\u306e\u201c\u5b89\u5168\u5730\u5e2f\u201d\u3092\u78ba\u4fdd *\/\r\n  #home-hero{\r\n    --scroll-safe: clamp(120px, 18vh, 180px); \/* \u3053\u3053\u304c\u52b9\u304d\u76ee *\/\r\n  }\r\n\r\n  #home-hero .after-fog{\r\n    padding-bottom: var(--scroll-safe) !important;\r\n  }\r\n\r\n  \/* \u2461 \u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306f\u6700\u4e0b\u90e8\u306b\u56fa\u5b9a\uff08\u597d\u307f\u3067\u5fae\u8abf\u6574OK\uff09 *\/\r\n  #home-hero #hero-scroll{\r\n    bottom: 16px !important;\r\n  }\r\n\r\n  \/* \u2462 \u3064\u3044\u3067\u306b\uff1a\u77ed\u3044\u753b\u9762\uff08\u9ad8\u3055\u304c\u4f4e\u3044PC\uff09\u3060\u3051\u5b89\u5168\u5730\u5e2f\u3092\u5897\u3084\u3059 *\/\r\n  @media (max-height: 760px){\r\n    #home-hero{\r\n      --scroll-safe: clamp(150px, 22vh, 220px);\r\n    }\r\n  }\r\n}\r\n\/* ============================\r\n   SP\uff1a\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u5b8c\u5168\u5bfe\u5fdc\r\n============================ *\/\r\n@media (max-width: 767px){\r\n\r\n  html, body{\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  #home-hero,\r\n  #top-sections{\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n  }\r\n\r\n  #home-hero{\r\n    min-height: auto !important;\r\n  }\r\n\r\n  #home-hero .hero-cta{\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  #hero-scroll-sp{\r\n    bottom: 16px;\r\n  }\r\n}\r\n\/* ============================\r\n   SP\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u77e2\u5370\u3092\u201c\u5fa9\u6d3b\u201d\u3055\u305b\u308b\uff08\u5168\u6bba\u3057\u4e0a\u66f8\u304d\uff09\r\n============================ *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* \u307e\u305a\uff1aHero\u5185\u306e scroll-indicator \u5168\u6bba\u3057\u3092\u7121\u52b9\u5316\uff08\u77e2\u5370\u3060\u3051\u4f8b\u5916\u306b\u3059\u308b\uff09 *\/\r\n  #home-hero #hero-scroll-sp.scroll-indicator{\r\n    display:block !important;\r\n    height:auto !important;\r\n    min-height:auto !important;\r\n    max-height:none !important;\r\n    overflow:visible !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    visibility:visible !important;\r\n    opacity:1 !important;\r\n    position:absolute !important;\r\n    left:50% !important;\r\n    transform:translateX(-50%) !important;\r\n    bottom:16px !important;\r\n    z-index:50 !important;\r\n  }\r\n\r\n  \/* \u4e2d\u8eab\u3082\u5fa9\u6d3b *\/\r\n  #home-hero #hero-scroll-sp .scroll-arrow{\r\n    display:block !important;\r\n    width:14px !important;\r\n    height:14px !important;\r\n    border-right:2px solid #D2A36C !important;\r\n    border-bottom:2px solid #D2A36C !important;\r\n    transform:rotate(45deg) !important;\r\n  }\r\n}\r\n\/* ============================\r\n   SP\uff1a\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u5f37\u5236\uff08\u78ba\u5b9f\u306b\u52b9\u304b\u305b\u308b\u7248\uff09\r\n============================ *\/\r\n@media (max-width: 767px){\r\n  html, body{ overflow-x:hidden; }\r\n\r\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u81ea\u4f53\u3092viewport\u5e45\u306b\u56fa\u5b9a\u3057\u3066\u5916\u3078\u5e83\u3052\u308b *\/\r\n  #home-hero,\r\n  #top-sections{\r\n    width:100vw !important;\r\n    max-width:none !important;\r\n    margin-left:calc(50% - 50vw) !important;\r\n    margin-right:calc(50% - 50vw) !important;\r\n  }\r\n\r\n  \/* SP\u306f\u7e26\u3092\u5f15\u304d\u4f38\u3070\u3055\u306a\u3044\uff08\u30b9\u30ab\u30b9\u30ab\u9632\u6b62\uff09 *\/\r\n  #home-hero{\r\n    min-height:auto !important;\r\n  }\r\n}\r\n@media (max-width: 767px){\r\n  html, body{ overflow-x:hidden; }\r\n\r\n  \/* Hero & Top sections \u3092\u78ba\u5b9f\u306b\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9 *\/\r\n  #home-hero,\r\n  #top-sections{\r\n    width:100vw !important;\r\n    max-width:none !important;\r\n    margin-left:calc(50% - 50vw) !important;\r\n    margin-right:calc(50% - 50vw) !important;\r\n  }\r\n\r\n  \/* Elementor\u306e\u201c\u7bb1\u201d\u306b\u8ca0\u3051\u308b\u5834\u5408\u306e\u4fdd\u967a\uff08\u5de6\u53f3padding\u3092\u6bba\u3059\uff09 *\/\r\n  .elementor-section,\r\n  .elementor-container{\r\n    max-width:none !important;\r\n  }\r\n  .elementor-section{\r\n    padding-left:0 !important;\r\n    padding-right:0 !important;\r\n  }\r\n}\r\n\/* ============================\r\n   SP\uff1a\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u3092\u201c\u898b\u3048\u308b\u5316\u201d (\u68d2\u306a\u3057)\r\n============================ *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* SP\u8a98\u5c0e\u3092\u8868\u793a\uff08\u3053\u308c\u304c\u6700\u5f8c\u306b\u52dd\u3064\u3088\u3046\u306b\uff09 *\/\r\n  #home-hero #hero-scroll-sp{\r\n    display:flex !important;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:10px;\r\n    position:absolute !important;\r\n    left:50% !important;\r\n    transform:translateX(-50%) !important;\r\n    bottom:18px !important;\r\n    z-index:9999 !important;\r\n\r\n    opacity:.9;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  \/* \u65e2\u5b58\u306e\u5c0f\u3055\u3044\u77e2\u5370\u306f\u4f7f\u308f\u306a\u3044\uff08\u201c\u2502\u201d\u5316\u306e\u5143\u306a\u306e\u3067\u7121\u52b9\u5316\uff09 *\/\r\n  #home-hero #hero-scroll-sp .scroll-arrow{\r\n    display:none !important;\r\n  }\r\n\r\n  \/* SCROLL\u30c6\u30ad\u30b9\u30c8\uff08\u64ec\u4f3c\u8981\u7d20\u3067\u8ffd\u52a0\uff09 *\/\r\n  #home-hero #hero-scroll-sp::before{\r\n    content:\"SCROLL\";\r\n    display:block;\r\n    font-size:11px;\r\n    letter-spacing:.38em;\r\n    font-weight:700;\r\n    color:#D2A36C;\r\n    transform: translateX(.19em); \/* \u5b57\u9593\u306e\u898b\u305f\u76ee\u88dc\u6b63 *\/\r\n  }\r\n\r\n  \/* \u30c0\u30d6\u30eb\u30b7\u30a7\u30d6\u30ed\u30f3\uff08\u68d2\u306a\u3057\u3067\u8a98\u5c0e\u611f\u3092\u51fa\u3059\uff09 *\/\r\n  #home-hero #hero-scroll-sp::after{\r\n    content:\"\";\r\n    width:14px;\r\n    height:14px;\r\n    border-right:2px solid #D2A36C;\r\n    border-bottom:2px solid #D2A36C;\r\n    transform: rotate(45deg);\r\n    filter: drop-shadow(0 0 6px rgba(210,163,108,.25));\r\n    animation: spChevron 1.6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes spChevron{\r\n    0%,100%{ transform: translateY(0) rotate(45deg); opacity:.7; }\r\n    50%{ transform: translateY(6px) rotate(45deg); opacity:1; }\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n\/* =========================================================\r\n   DUOBULL HERO v1 : SP \u6700\u7d42FIX\uff08\u68d2\u5b8c\u5168\u62b9\u6d88 \/ \u8a98\u5c0e\u306f\u898b\u3048\u308b \/ SP\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\uff09\r\n   \u8cbc\u308a\u5834\u6240\uff1a\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8CSS\u306e\u6700\u4e0b\u90e8========================================= *\/\r\n@media (max-width: 767px){\r\n\r\n  \/* --- 0) \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u4e8b\u6545\u9632\u6b62 --- *\/\r\n  html, body{ overflow-x:hidden !important; }\r\n\r\n  \/* --- 1) SP\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\uff08Elementor\u306e\u7bb1\u5236\u7d04\u3092\u7a81\u7834\uff09 --- *\/\r\n  .elementor-section,\r\n  .elementor-container{\r\n    max-width:none !important;\r\n  }\r\n  .elementor-section{\r\n    padding-left:0 !important;\r\n    padding-right:0 !important;\r\n  }\r\n\r\n  #home-hero,\r\n  #top-sections{\r\n    width:100vw !important;\r\n    max-width:none !important;\r\n    margin-left:calc(50% - 50vw) !important;\r\n    margin-right:calc(50% - 50vw) !important;\r\n  }\r\n\r\n  \/* SP\u306f\u7e26\u3092\u5f15\u304d\u4f38\u3070\u3055\u306a\u3044\uff08\u4e0b\u304c\u30b9\u30ab\u30b9\u30ab\u9632\u6b62\uff09 *\/\r\n  #home-hero{ min-height:auto !important; }\r\n\r\n  \/* CTA\u3068\u8a98\u5c0e\u306e\u5e72\u6e09\u56de\u907f\uff08\u8a98\u5c0e\u306e\u305f\u3081\u306e\u9003\u3052\uff09 *\/\r\n  #home-hero .hero-cta{ margin-bottom:72px !important; }\r\n\r\n  \/* --- 2) \u68d2\u306f\u5b8c\u5168\u62b9\u6d88\uff08gold-line \/ \u7e26\u66f8\u304d\u985e\u3092\u5fb9\u5e95\u6392\u9664\uff09 --- *\/\r\n  #home-hero .gold-line,\r\n  #home-hero .gold-line::before,\r\n  #home-hero .gold-line::after,\r\n  #home-hero .wm-vertical,\r\n  #home-hero .wm-vertical::before,\r\n  #home-hero .wm-vertical::after{\r\n    display:none !important;\r\n    content:none !important;\r\n    height:0 !important;\r\n  }\r\n\r\n  \/* PC\u7528\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306fSP\u3067\u306f\u5b8c\u5168\u306b\u6d88\u3059\uff08\u5ff5\u62bc\u3057\uff09 *\/\r\n  #home-hero #hero-scroll,\r\n  #home-hero #hero-scroll *{\r\n    display:none !important;\r\n    visibility:hidden !important;\r\n    opacity:0 !important;\r\n  }\r\n\r\n  \/* --- 3) SP\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\uff1a\u68d2\u306a\u3057\u3067\u201c\u8a98\u5c0e\u611f\u3092\u6210\u7acb\u201d\u3055\u305b\u308b --- *\/\r\n\r\n  \/* \u307e\u305a\u65e2\u5b58\u306e\u300c\u2502\u5316\u3057\u3084\u3059\u3044 .scroll-arrow\u300d\u306f\u4f7f\u308f\u306a\u3044 *\/\r\n  #home-hero #hero-scroll-sp .scroll-arrow{ display:none !important; }\r\n\r\n  \/* SP\u7528\u306f\u5fc5\u305a\u8868\u793a\uff08\u203b\u3042\u306a\u305f\u306e\u8868\u793a\u30eb\u30fc\u30eb\u3092\u6700\u7d42\u7684\u306b\u4e0a\u66f8\u304d\u3067\u78ba\u5b9a\uff09 *\/\r\n  #home-hero #hero-scroll-sp{\r\n    display:flex !important;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    position:absolute !important;\r\n    left:50% !important;\r\n    transform:translateX(-50%) !important;\r\n    bottom:18px !important;\r\n    z-index:9999 !important;\r\n\r\n    opacity:.9 !important;\r\n    visibility:visible !important;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  \/* SCROLL\u30e9\u30d9\u30eb\uff08\u68d2\u306a\u3057\uff09 *\/\r\n  #home-hero #hero-scroll-sp::before{\r\n    content:\"SCROLL\";\r\n    display:block;\r\n    font-size:11px;\r\n    letter-spacing:.38em;\r\n    font-weight:700;\r\n    color:#D2A36C;\r\n    transform: translateX(.19em);\r\n  }\r\n\r\n  \/* \u30b7\u30a7\u30d6\u30ed\u30f3\u77e2\u5370\uff08\u68d2\u306a\u3057\u30fb\u4e0a\u54c1\u306b\u30d0\u30a6\u30f3\u30b9\uff09 *\/\r\n  #home-hero #hero-scroll-sp::after{\r\n    content:\"\";\r\n    width:14px;\r\n    height:14px;\r\n    border-right:2px solid #D2A36C;\r\n    border-bottom:2px solid #D2A36C;\r\n    transform: rotate(45deg);\r\n    filter: drop-shadow(0 0 6px rgba(210,163,108,.25));\r\n    animation: spChevron 1.6s ease-in-out infinite;\r\n    display:block;\r\n  }\r\n\r\n  @keyframes spChevron{\r\n    0%,100%{ transform: translateY(0) rotate(45deg); opacity:.7; }\r\n    50%{ transform: translateY(6px) rotate(45deg); opacity:1; }\r\n  }\r\n}\r\n\/* =========================\r\n   Fix gap: Header \u2194 First section\r\n========================= *\/\r\nbody.home .elementor-top-section:first-of-type{\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\/* FV\u80cc\u666f\u306f\u4e0a\u307e\u3067\u3002\u6587\u5b57\u30d6\u30ed\u30c3\u30af\u3060\u3051\u30d8\u30c3\u30c0\u30fc\u5206\u4e0b\u3052\u308b *\/\r\n:root{ --dbHeaderH: 72px; }\r\n@media (max-width: 767px){ :root{ --dbHeaderH: 60px; } }\r\n\r\n#home-hero{ padding-top: 0 !important; }\r\n\r\n\/* \u4e2d\u8eab\u306e\u30d6\u30ed\u30c3\u30af\u3092\u30d8\u30c3\u30c0\u30fc\u5206\u3060\u3051\u4e0b\u3052\u308b *\/\r\n#home-hero .after-fog{\r\n  padding-top: var(--dbHeaderH);\r\n}\r\n\/* CTA\u3068\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u304c\u88ab\u3089\u306a\u3044\u3088\u3046\u306b\u3001\u4e0b\u306b\u4f59\u767d\u3092\u78ba\u4fdd *\/\r\n#home-hero .after-fog{\r\n  padding-bottom: clamp(72px, 10vh, 120px);\r\n}\r\n\r\n\/* iPhone\u306e\u30db\u30fc\u30e0\u30d0\u30fc\u3082\u8003\u616e\u3057\u3066\u4e0b\u4f4d\u7f6e\u3092\u5c11\u3057\u4e0a\u3052\u308b *\/\r\n#hero-scroll{\r\n  bottom: calc(16px + env(safe-area-inset-bottom));\r\n}\r\n#hero-scroll-sp{\r\n  bottom: calc(24px + env(safe-area-inset-bottom));\r\n}\r\n\/* =========================\r\n   Fix: Hero content feels too low (reduce \"gap\")\r\n========================= *\/\r\n\r\n\/* 1) hero\u306e\u4e2d\u592e\u5bc4\u305b\u3092\u3084\u3081\u3066\u3001\u4e0a\u5bc4\u305b\u306b\u3059\u308b *\/\r\n#home-hero .hero-layer{\r\n  place-items: start center; \/* \u2190 center \u2192 start \u306b\u5909\u66f4 *\/\r\n}\r\n\r\n\/* 2) \u4e0a\u304b\u3089\u306e\u4f59\u767d\u306f\u201c\u30c7\u30b6\u30a4\u30f3\u3068\u3057\u3066\u201d\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\uff08\u8a70\u3081\u3059\u304e\u306a\u3044\uff09 *\/\r\n#home-hero .after-fog{\r\n  padding-top: clamp(24px, 6vh, 56px); \/* \u597d\u307f\u3067\u5fae\u8abf\u6574OK *\/\r\n  padding-bottom: clamp(72px, 10vh, 120px); \/* CTA\/\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306e\u5b89\u5168\u5730\u5e2f *\/\r\n}\r\n\r\n\/* 3) \u3082\u3057\u4ee5\u524d\u306e\u8abf\u6574\u3067 after-fog \u306b header\u5206\u306epadding-top\u304c\u6b8b\u3063\u3066\u305f\u3089\u6253\u3061\u6d88\u3059\u4fdd\u967a *\/\r\n#home-hero .after-fog{\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* 4) Elementor\u304c1\u30bb\u30af\u30b7\u30e7\u30f3\u76ee\u306b\u4f59\u767d\u3092\u5165\u308c\u3066\u308b\u5834\u5408\u306e\u4fdd\u967a *\/\r\nbody.home .elementor-top-section:first-of-type{\r\n  padding-top: 0 !important;\r\n  margin-top: 0 !important;\r\n}\r\n\/* TOP\uff1aFV\u76f4\u524d\u306e\u4f59\u767d\u304c\u6b8b\u308b\u3068\u304d\u306e\u6700\u7d42\u4fdd\u967a *\/\r\nbody.home #home-hero{\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\/* =========================================\r\n   FINAL: remove extra top padding that creates \"gap\"\r\n========================================= *\/\r\nbody.home .hero{\r\n  padding-top: 0 !important;\r\n}\r\n\/* =========================================\r\n   FINAL: hero content should start higher\r\n========================================= *\/\r\n#home-hero .hero-layer{\r\n  display:flex !important;\r\n  align-items:flex-start !important;\r\n  justify-content:center !important;\r\n  padding-top: clamp(12px, 3vh, 28px) !important;\r\n}\r\n#home-hero .after-fog{\r\n  padding-top: 0 !important;\r\n  padding-bottom: clamp(64px, 10vh, 120px) !important;\r\n}\r\n\/* =========================================\r\n   HERO FIX (balanced): not cramped + no overlap\r\n   \u203bFV CSS\u306e\u4e00\u756a\u6700\u5f8c\u306b\u8cbc\u308b\r\n========================================= *\/\r\n\r\n\/* 1) flex\u4e0a\u66f8\u304d\u3092\u7121\u52b9\u5316\u3057\u3066\u3001\u5143\u306egrid\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u623b\u3059 *\/\r\n#home-hero .hero-layer{\r\n  display: grid !important;\r\n  place-items: center !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\n\/* 2) \u201c\u9593\u5ef6\u3073\u201d\u3092\u6e1b\u3089\u3059\uff1d\u4e2d\u8eab\u3092\u5c11\u3057\u4e0a\u306b\u5bc4\u305b\u308b\uff08\u8a70\u3081\u3059\u304e\u306a\u3044\uff09 *\/\r\n#home-hero .after-fog{\r\n  \/* \u3053\u3053\u304c\u52b9\u304f\uff1a\u4e2d\u592e\u914d\u7f6e\u306e\u307e\u307e\u3001\u4e0a\u306b\u5f15\u304d\u4e0a\u3052\u308b *\/\r\n  transform: translateY(clamp(-28px, -3vh, -12px)) !important;\r\n\r\n  \/* \u4e0a\u4e0b\u306e\u4f59\u767d\u306f\u9069\u5ea6\u306b\u78ba\u4fdd\uff08\u72ed\u3055\u89e3\u6d88\uff09 *\/\r\n  padding-top: clamp(12px, 3vh, 28px) !important;\r\n  padding-bottom: clamp(96px, 12vh, 160px) !important;\r\n}\r\n\r\n\/* 3) CTA\u3068\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u304c\u88ab\u3089\u306a\u3044\u3088\u3046\u306b\u3001CTA\u30d6\u30ed\u30c3\u30af\u306e\u4e0b\u306b\u201c\u5b89\u5168\u5730\u5e2f\u201d\u3092\u4f5c\u308b *\/\r\n#home-hero .hero-cta{\r\n  margin-bottom: clamp(64px, 10vh, 120px) !important;\r\n}\r\n\r\n\/* 4) \u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u306f\u6700\u4e0b\u90e8\u306b\u56fa\u5b9a\uff08\u5b89\u5168\u9818\u57df\u3092\u8003\u616e\uff09 *\/\r\n#hero-scroll{\r\n  bottom: calc(16px + env(safe-area-inset-bottom)) !important;\r\n  z-index: 60 !important;\r\n}\r\n#hero-scroll-sp{\r\n  bottom: calc(22px + env(safe-area-inset-bottom)) !important;\r\n  z-index: 60 !important;\r\n}\r\n\r\n\/* 5) \u753b\u9762\u304c\u4f4e\u3044\u3068\u304d\u306f\u88ab\u308a\u3084\u3059\u3044\u306e\u3067\u3001PC\u306e\u7e26SCROLL\u306f\u81ea\u52d5\u3067\u6d88\u3059\uff08\u4fdd\u967a\uff09 *\/\r\n@media (max-height: 720px){\r\n  #hero-scroll{ display:none !important; }\r\n}\r\n\/* =========================\r\n   SP: \u6587\u5b57\u304c\u51fa\u306a\u3044\u554f\u984c\u3092\u5f37\u5236\u89e3\u6c7a\r\n========================= *\/\r\n@media (max-width: 767px){\r\n  \/* \u30a4\u30f3\u30c8\u30ed\u306fSP\u3067\u306f\u8868\u793a\u3057\u306a\u3044\uff08\u4e0a\u306b\u6b8b\u3063\u3066\u30d6\u30ed\u30c3\u30af\u3059\u308b\u306e\u3092\u9632\u3050\uff09 *\/\r\n  #intro-screen{\r\n    display: none !important;\r\n  }\r\n\r\n  \/* fog\u3082SP\u3067\u306f\u5373\u30aa\u30d5\uff08\u767d\u3044\u819c\u304c\u6b8b\u308b\u3068\u6587\u5b57\u304c\u898b\u3048\u306a\u3044\uff09 *\/\r\n  #home-hero #fog-overlay{\r\n    opacity: 0 !important;\r\n  }\r\n\r\n  \/* after-fog \u3092\u201c\u5e38\u306b\u8868\u793a\u201d\u306b\u3059\u308b\uff08.on\u304c\u4ed8\u304b\u306a\u304f\u3066\u3082\u51fa\u308b\uff09 *\/\r\n  #home-hero .after-fog{\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n\/* =========================\r\n   PC: CTA \u00d7 SCROLL\u88ab\u308a\u3092\u78ba\u5b9f\u306b\u89e3\u6d88\uff08\u6700\u7d42\uff09\r\n   \u203bFV CSS \u306e\u4e00\u756a\u6700\u5f8c\u306b\u7f6e\u304f\r\n========================= *\/\r\n@media (min-width: 768px){\r\n\r\n  \/* 1) \u672c\u6587\u30d6\u30ed\u30c3\u30af\u306e\u4e0b\u306b\u5b89\u5168\u5730\u5e2f\uff08CTA\u3092\u6301\u3061\u4e0a\u3052\u308b\uff09 *\/\r\n  body.home #home-hero{\r\n    --scrollSafe: clamp(220px, 26vh, 320px) !important;\r\n  }\r\n  body.home #home-hero .after-fog{\r\n    padding-bottom: var(--scrollSafe) !important;\r\n  }\r\n\r\n  \/* 2) \u201c\u7dda\u304c\u9577\u3059\u304e\u3066CTA\u306b\u523a\u3055\u308b\u201d\u306e\u304c\u539f\u56e0\u306a\u306e\u3067\u3001\u7dda\u3092\u77ed\u304f\u3059\u308b *\/\r\n  body.home #home-hero #hero-scroll .gold-line{\r\n    height: 56px !important;   \/* \u2190\u3053\u3053\u304c\u672c\u547d\uff0896px\u219256px\uff09 *\/\r\n  }\r\n  body.home #home-hero #hero-scroll{\r\n    gap: 8px !important;\r\n    bottom: 12px !important;\r\n    z-index: 80 !important;\r\n  }\r\n\r\n  \/* \u5ff5\u306e\u305f\u3081\uff1aCTA\u30d6\u30ed\u30c3\u30af\u81ea\u4f53\u3082\u5c11\u3057\u3060\u3051\u4e0a\u306b\u9003\u304c\u3059 *\/\r\n  body.home #home-hero .hero-cta{\r\n    margin-bottom: 72px !important;\r\n  }\r\n}\r\n\/* =========================\r\n   PC: CTA \u00d7 SCROLL\u88ab\u308a\u3092\u78ba\u5b9f\u306b\u89e3\u6d88\uff08\u6700\u7d42\uff09\r\n   \u203bFV CSS \u306e\u4e00\u756a\u6700\u5f8c\u306b\u7f6e\u304f\r\n========================= *\/\r\n@media (min-width: 768px){\r\n\r\n  \/* 1) \u672c\u6587\u30d6\u30ed\u30c3\u30af\u306e\u4e0b\u306b\u5b89\u5168\u5730\u5e2f\uff08CTA\u3092\u6301\u3061\u4e0a\u3052\u308b\uff09 *\/\r\n  body.home #home-hero{\r\n    --scrollSafe: clamp(220px, 26vh, 320px) !important;\r\n  }\r\n  body.home #home-hero .after-fog{\r\n    padding-bottom: var(--scrollSafe) !important;\r\n  }\r\n\r\n  \/* 2) \u201c\u7dda\u304c\u9577\u3059\u304e\u3066CTA\u306b\u523a\u3055\u308b\u201d\u306e\u304c\u539f\u56e0\u306a\u306e\u3067\u3001\u7dda\u3092\u77ed\u304f\u3059\u308b *\/\r\n  body.home #home-hero #hero-scroll .gold-line{\r\n    height: 56px !important;   \/* \u2190\u3053\u3053\u304c\u672c\u547d\uff0896px\u219256px\uff09 *\/\r\n  }\r\n  body.home #home-hero #hero-scroll{\r\n    gap: 8px !important;\r\n    bottom: 12px !important;\r\n    z-index: 80 !important;\r\n  }\r\n\r\n  \/* \u5ff5\u306e\u305f\u3081\uff1aCTA\u30d6\u30ed\u30c3\u30af\u81ea\u4f53\u3082\u5c11\u3057\u3060\u3051\u4e0a\u306b\u9003\u304c\u3059 *\/\r\n  body.home #home-hero .hero-cta{\r\n    margin-bottom: 72px !important;\r\n  }\r\n}\r\n\/* =========================\r\n   SP: \u30a4\u30f3\u30c8\u30ed\u3092\u5fa9\u6d3b\r\n========================= *\/\r\n@media (max-width: 767px){\r\n  #intro-screen{\r\n    display: grid !important;\r\n    z-index: 9999 !important;\r\n  }\r\n\r\n  \/* SP\u3067\u3082\u30a4\u30f3\u30c8\u30ed\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u8a98\u5c0e\u3092\u51fa\u3059\uff08\u68d2\u7121\u3057\u3067\u77e2\u5370\u3060\u3051\uff09 *\/\r\n  #intro-screen .intro-indicator{\r\n    display:flex !important;\r\n    position: fixed !important;\r\n    left:50% !important;\r\n    transform: translateX(-50%) !important;\r\n    bottom: calc(18px + env(safe-area-inset-bottom)) !important;\r\n    z-index: 10000 !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607106a elementor-widget elementor-widget-html\" data-id=\"607106a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"home-hero\" aria-label=\"Hero\">\r\n  <!-- \u30a4\u30f3\u30c8\u30ed\uff08\u767d\u80cc\u666f\uff09 -->\r\n  <div id=\"intro-screen\" aria-hidden=\"true\">\r\n    <div class=\"intro-inner\">\r\n      <h1 class=\"intro-title\">\u4f1d\u308f\u308b\u4ed5\u7d44\u307f\u304c\u3001\u58f2\u4e0a\u3092\u5909\u3048\u308b\u3002<\/h1>\r\n\r\n      <div class=\"scroll-indicator intro-indicator\" role=\"button\" tabindex=\"0\" aria-label=\"\u6b21\u3078\u30b9\u30af\u30ed\u30fc\u30eb\uff08\u958b\u59cb\uff09\">\r\n        <span class=\"wm-vertical gold-grad-text\">SCROLL<\/span>\r\n        <span class=\"gold-line\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-layer\">\r\n    <video\r\n      id=\"hero-video\"\r\n      class=\"hero-video\"\r\n      autoplay\r\n      muted\r\n      loop\r\n      playsinline\r\n      webkit-playsinline\r\n      preload=\"metadata\"\r\n      disablepictureinpicture\r\n      controlslist=\"nodownload nofullscreen noremoteplayback\">\r\n      <source src=\"https:\/\/duobulll.com\/wp-content\/uploads\/2025\/11\/TRIAL____________AdobeStock_265215055.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\r\n    <div id=\"fog-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"after-fog\">\r\n      <p class=\"eyebrow\">DUOBULL\uff5c\u6210\u679c\u5171\u5275\u30d1\u30fc\u30c8\u30ca\u30fc<\/p>\r\n\r\n      <ul class=\"trust-badges\" aria-label=\"\u88dc\u8db3\u60c5\u5831\">\r\n        <li>\u6226\u7565\u8a2d\u8a08\uff5e\u904b\u7528\u307e\u3067\u4e00\u6c17\u901a\u8cab<\/li>\r\n        <li>LLMO\u5bfe\u5fdc\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u8a2d\u8a08<\/li>\r\n        <li>AI\u4e00\u6b21\u5bfe\u5fdc \/ CRM\u9023\u643a<\/li>\r\n      <\/ul>\r\n\r\n      <h1 class=\"hero-title\">\u4f1d\u308f\u308b\u4ed5\u7d44\u307f\u304c\u3001\u58f2\u4e0a\u3092\u5909\u3048\u308b\u3002<\/h1>\r\n\r\n      <p class=\"hero-lead\">\r\n        HP\u00d7SNS\u00d7AI\u3067\u300c24\u6642\u9593\u50cd\u304f\u55b6\u696d\u5c0e\u7dda\u300d\u3092\u8a2d\u8a08\u3002<br>\r\n        \u6226\u7565\u3068\u30c7\u30b6\u30a4\u30f3\u3067\u3001\u60f3\u3044\u3092\u6210\u679c\u306b\u3002<br>\r\n        DuoBull\u306f\u3001\u7d4c\u55b6\u8005\u306e\u6311\u6226\u306b\u5bc4\u308a\u6dfb\u3044\u3001\u201c\u4f1d\u308f\u308b\u4ed5\u7d44\u307f\u201d\u3067\u7d50\u679c\u3092\u3064\u304f\u308a\u307e\u3059\u3002\r\n      <\/p>\r\n\r\n      <div class=\"hero-cta\">\r\n        <p class=\"hero-cta-text\">\u4eca\u306e\u55b6\u696d\u5c0e\u7dda\u304c\u3069\u3093\u306a\u72b6\u614b\u304b\u30013\u5206\u3067\u898b\u3048\u308b\u5316\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\r\n        <div class=\"cta-btn-wrapper\">\r\n          <a href=\"https:\/\/example.com\" class=\"cta-btn\">\u4eca\u306e\u5c0e\u7dda\u30923\u5206\u3067\u30c1\u30a7\u30c3\u30af\u3059\u308b<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PC\u7528 -->\r\n    <div id=\"hero-scroll\" class=\"scroll-indicator hero-scroll\" role=\"button\" tabindex=\"0\" aria-label=\"\u6b21\u3078\u30b9\u30af\u30ed\u30fc\u30eb\">\r\n      <span class=\"wm-vertical gold-grad-text\">SCROLL<\/span>\r\n      <span class=\"gold-line\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n\r\n    <!-- SP\u7528\uff08\u77e2\u5370\uff09 -->\r\n    <div id=\"hero-scroll-sp\" class=\"hero-scroll-sp\" role=\"button\" tabindex=\"0\" aria-label=\"\u6b21\u3078\u30b9\u30af\u30ed\u30fc\u30eb\uff08\u30b9\u30de\u30db\uff09\">\r\n      <span class=\"scroll-arrow\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u25bc Hero\u306e\u4e0b\uff1aTOP\u30b3\u30f3\u30c6\u30f3\u30c4 -->\r\n<div id=\"top-sections\">\r\n\r\n  <section id=\"next\" class=\"dv-section dv-dark dv-anim\" aria-labelledby=\"sec-problem-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">PROBLEM<\/p>\r\n        <h2 id=\"sec-problem-title\" class=\"dv-title\">\u306a\u305c\u3001\u58f2\u4e0a\u304c\u5b89\u5b9a\u3057\u306a\u3044\u306e\u304b\uff1f<\/h2>\r\n        <p class=\"dv-lead\">\r\n          SNS\u3092\u9811\u5f35\u3063\u3066\u3082\u58f2\u308c\u306a\u3044\u3002HP\u3092\u4f5c\u3063\u3066\u3082\u554f\u3044\u5408\u308f\u305b\u304c\u5897\u3048\u306a\u3044\u3002AI\u3092\u5c0e\u5165\u3057\u3066\u3082\u6210\u679c\u304c\u51fa\u306a\u3044\u3002<br>\r\n          \u305d\u308c\u306f\u300c\u52aa\u529b\u4e0d\u8db3\u300d\u3067\u306f\u306a\u304f\u3001\u58f2\u4e0a\u304c\u751f\u307e\u308c\u308b\u307e\u3067\u306e<strong>\u201c\u5c0e\u7dda\u201d \u304c\u5206\u65ad\u3055\u308c\u3066\u3044\u308b<\/strong>\u304b\u3089\u3067\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dv-grid cols-2\">\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">SNS\u3060\u3051\u9811\u5f35\u3063\u3066\u3044\u308b\u72b6\u614b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u30fb\u30d5\u30a9\u30ed\u30ef\u30fc\u306f\u5897\u3048\u308b\u306e\u306b\u3001\u58f2\u4e0a\u306b\u3064\u306a\u304c\u3089\u306a\u3044\u3002<br>\r\n            \u30fb\u300c\u3068\u308a\u3042\u3048\u305a\u6bce\u65e5\u6295\u7a3f\u300d\u3067\u3001\u5e38\u306b\u6642\u9593\u306b\u8ffd\u308f\u308c\u308b\u3002<br>\r\n            \u30fb\u3044\u3044\u306d\u30fb\u4fdd\u5b58\u306e\u6570\u3070\u304b\u308a\u304c\u6c17\u306b\u306a\u3063\u3066\u3001\u672c\u5f53\u306b\u898b\u308b\u3079\u304d\u6570\u5b57\u304c\u898b\u3048\u3066\u3044\u306a\u3044\u3002\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">HP\u3060\u3051\u4f5c\u3063\u3066\u7d42\u308f\u3063\u3066\u3044\u308b\u72b6\u614b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u30fb\u300c\u3068\u308a\u3042\u3048\u305aHP\u3092\u4f5c\u3063\u305f\u300d\u304c\u3001\u307b\u3068\u3093\u3069\u66f4\u65b0\u3055\u308c\u306a\u3044\u3002<br>\r\n            \u30fb\u30c7\u30b6\u30a4\u30f3\u306f\u7dba\u9e97\u306a\u306e\u306b\u3001\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u304c\u52d5\u3044\u3066\u3044\u306a\u3044\u3002<br>\r\n            \u30fb\u3069\u3053\u304b\u3089\u6d41\u5165\u3057\u3066\u3001\u3069\u3053\u3067\u96e2\u8131\u3057\u3066\u3044\u308b\u304b\u304c\u5206\u304b\u3089\u306a\u3044\u3002\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">AI\u3092\u5165\u308c\u305f\u306e\u306b\u6d3b\u304b\u3057\u304d\u308c\u3066\u3044\u306a\u3044\u72b6\u614b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u30fb\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u7f6e\u3044\u3066\u307f\u305f\u3082\u306e\u306e\u3001\u305f\u3060\u306e\u300cFAQ\u306e\u4ee3\u308f\u308a\u300d\u3067\u7d42\u308f\u3063\u3066\u3044\u308b\u3002<br>\r\n            \u30fb\u5206\u6790\u3084\u6539\u5584\u306b\u6d3b\u304b\u305b\u3066\u3044\u306a\u3044\u3002<br>\r\n            \u30fb\u7d50\u5c40\u3001\u4eba\u304c\u8ffd\u3044\u304b\u3051\u306a\u3044\u3068\u5546\u8ac7\u5316\u3057\u306a\u3044\u3002\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u30d0\u30e9\u30d0\u30e9\u306b\u9811\u5f35\u308b\u307b\u3069\u3001\u75b2\u308c\u3066\u3044\u304f<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u305d\u308c\u305e\u308c\u306f\u9593\u9055\u3063\u3066\u3044\u306a\u3044\u306e\u306b\u3001<strong>\u3072\u3068\u3064\u306e\u58f2\u4e0a\u5c0e\u7dda\u3068\u3057\u3066\u3064\u306a\u304c\u3063\u3066\u3044\u306a\u3044<\/strong>\u3002<br>\r\n            \u3060\u304b\u3089\u3001\u9811\u5f35\u3063\u3066\u3082\u300c\u70b9\u300d\u3067\u7d42\u308f\u308a\u3001\u58f2\u4e0a\u3068\u3057\u3066\u7a4d\u307f\u4e0a\u304c\u3063\u3066\u3044\u304b\u306a\u3044\u306e\u3067\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"concept\" class=\"dv-section dv-dark dv-anim\" aria-labelledby=\"sec-concept-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">CONCEPT<\/p>\r\n        <h2 id=\"sec-concept-title\" class=\"dv-title\">\u58f2\u4e0a\u304c\u5b89\u5b9a\u3059\u308b\u304b\u3069\u3046\u304b\u306f\u3001\u201c\u5c0e\u7dda\u201d \u3067\u6c7a\u307e\u308b\u3002<\/h2>\r\n        <p class=\"dv-lead\">\r\n          DuoBull\u304c\u8a2d\u8a08\u3059\u308b\u306e\u306f\u3001<strong>\u300c24\u6642\u9593\u50cd\u304f\u55b6\u696d\u5c0e\u7dda\u300d<\/strong>\u3002<br>\r\n          SNS\u30fbHP\u30fbAI\u3092\u4e00\u672c\u306e\u7dda\u3067\u3064\u306a\u304e\u3001<strong>\u8208\u5473 \u2192 \u7406\u89e3 \u2192 \u4fe1\u983c \u2192 \u884c\u52d5<\/strong> \u307e\u3067\u3092\u8a2d\u8a08\u3059\u308b\u8003\u3048\u65b9\u3067\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dv-grid cols-3\">\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u2460 \u8208\u5473\u3092\u751f\u3080<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            SNS\u3067\u3001\u3042\u306a\u305f\u306e\u4e16\u754c\u89b3\u3084\u5b9f\u7e3e\u3001\u4fa1\u5024\u89b3\u3092\u767a\u4fe1\u3057\u3001<br>\r\n            \u300c\u3053\u306e\u4eba\u304b\u3089\u5b66\u3073\u305f\u3044\u30fb\u983c\u307f\u305f\u3044\u300d\u3068\u601d\u308f\u308c\u308b\u72b6\u614b\u3092\u3064\u304f\u308a\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u2461 \u4fe1\u983c\u3092\u80b2\u3066\u308b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            HP\u3067\u3001\u30b5\u30fc\u30d3\u30b9\u306e\u5168\u4f53\u50cf\u30fb\u5b9f\u7e3e\u30fb\u30b9\u30c8\u30fc\u30ea\u30fc\u3092\u6574\u7406\u3002<br>\r\n            \u300c\u3061\u3083\u3093\u3068\u3057\u3066\u3044\u308b\u4f1a\u793e\u3060\u300d\u3068\u5b89\u5fc3\u3057\u3066\u3082\u3089\u3046\u305f\u3081\u306e\u571f\u53f0\u3092\u6574\u3048\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u2462 \u884c\u52d5\u3092\u5f8c\u62bc\u3057\u3059\u308b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            AI\u304c24\u6642\u9593\u3001\u898b\u8fbc\u307f\u5ba2\u306e\u8cea\u554f\u306b\u7b54\u3048\u3001\u6700\u9069\u306a\u6b21\u306e\u4e00\u6b69\u3078\u6848\u5185\u3002<br>\r\n            \u55b6\u696d\u3092\u3057\u306a\u304f\u3066\u3082\u3001<strong>\u81ea\u7136\u3068\u76f8\u8ac7\u30fb\u7533\u8fbc\u304c\u5165\u308b\u72b6\u614b<\/strong>\u3092\u76ee\u6307\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"lines\" class=\"dv-section dv-light dv-anim\" aria-labelledby=\"sec-lines-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">STRUCTURE<\/p>\r\n        <h2 id=\"sec-lines-title\" class=\"dv-title\">SNS \u00d7 HP \u00d7 AI\u30013\u3064\u306e\u5c0e\u7dda\u3092\u300c\u4e00\u672c\u5316\u300d\u3059\u308b\u3002<\/h2>\r\n        <p class=\"dv-lead\">\r\n          DuoBull\u306f\u3001SNS\u30fbHP\u30fbAI\u3092\u305d\u308c\u305e\u308c\u5225\u3005\u306b\u898b\u308b\u306e\u3067\u306f\u306a\u304f\u3001<br>\r\n          <strong>\u3072\u3068\u3064\u306e\u58f2\u4e0a\u5c0e\u7dda\u3068\u3057\u3066\u8a2d\u8a08<\/strong>\u3057\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dv-flow\">\r\n        <div class=\"dv-flow-step\">\r\n          <h3 class=\"dv-flow-title\">SNS\u5c0e\u7dda<\/h3>\r\n          <p class=\"dv-flow-text\">\r\n            \u30fb\u8ab0\u306b\u5411\u3051\u3066\u767a\u4fe1\u3059\u308b\u306e\u304b\uff08\u30da\u30eb\u30bd\u30ca\uff09<br>\r\n            \u30fb\u4f55\u3092\u30b4\u30fc\u30eb\u306b\u3059\u308b\u306e\u304b\uff08\u304a\u554f\u3044\u5408\u308f\u305b\uff0f\u8a3a\u65ad\uff0f\u7533\u8fbc\uff09<br>\r\n            \u30fb\u3069\u306e\u8a18\u4e8b\u304b\u3089HP\u306e\u3069\u306e\u30da\u30fc\u30b8\u306b\u9001\u308b\u306e\u304b<br>\r\n            \u307e\u3067\u3092\u3001\u6295\u7a3f\u8a2d\u8a08\u306e\u6bb5\u968e\u3067\u6c7a\u3081\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dv-flow-step\">\r\n          <h3 class=\"dv-flow-title\">HP\u5c0e\u7dda<\/h3>\r\n          <p class=\"dv-flow-text\">\r\n            \u30fb\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u6d41\u308c<br>\r\n            \u30fb\u30b5\u30fc\u30d3\u30b9\u7d39\u4ecb\u30da\u30fc\u30b8\u306e\u69cb\u6210<br>\r\n            \u30fb\u5b9f\u7e3e\u30fb\u304a\u5ba2\u69d8\u306e\u58f0\u306e\u898b\u305b\u65b9<br>\r\n            \u30fb\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u8a3a\u65ad\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u5c0e\u304d\u65b9<br>\r\n            \u3092\u3001<strong>\u300c\u8aad\u307f\u3084\u3059\u3055\u300d\u3067\u306f\u306a\u304f\u300c\u52d5\u304d\u305f\u304f\u306a\u308b\u304b\u300d<\/strong>\u3067\u8a2d\u8a08\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dv-flow-step\">\r\n          <h3 class=\"dv-flow-title\">AI\u5c0e\u7dda<\/h3>\r\n          <p class=\"dv-flow-text\">\r\n            \u30fb\u3069\u3093\u306a\u8cea\u554f\u304c\u591a\u3044\u306e\u304b<br>\r\n            \u30fb\u3069\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u4e0d\u5b89\u306b\u306a\u308b\u306e\u304b<br>\r\n            \u30fb\u3069\u306e\u60c5\u5831\u304c\u80cc\u4e2d\u3092\u62bc\u3059\u306e\u304b<br>\r\n            \u3092AI\u304c\u5b66\u7fd2\u3057\u306a\u304c\u3089\u3001<strong>24\u6642\u9593\u300c\u6b21\u306e\u4e00\u6b69\u300d\u3078\u6848\u5185<\/strong>\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dv-cta-inline\">\r\n        <a href=\"#diagnose\" class=\"dv-btn dv-btn-primary\">\u7121\u6599\u3067\u3001\u81ea\u793e\u306e\u58f2\u4e0a\u5c0e\u7dda\u3092\u8a3a\u65ad\u3057\u3066\u307f\u308b<\/a>\r\n        <p class=\"dv-cta-note\">\u203b SNS \/ HP \/ AI \u306e\u73fe\u72b6\u3092\u30013\u5206\u3067\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"value\" class=\"dv-section dv-dark dv-anim\" aria-labelledby=\"sec-value-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">VALUE<\/p>\r\n        <h2 id=\"sec-value-title\" class=\"dv-title\">\u300c\u3064\u304f\u3063\u3066\u7d42\u308f\u308a\u300d\u3067\u306f\u306a\u304f\u3001<br>\u58f2\u4e0a\u304c\u4e0a\u304c\u308b\u307e\u3067\u4f34\u8d70\u3059\u308b\u3002<\/h2>\r\n        <p class=\"dv-lead\">\r\n          DuoBull\u306f\u3001HP\u5236\u4f5c\u4f1a\u793e\u3067\u3082SNS\u904b\u7528\u4ee3\u884c\u4f1a\u793e\u3067\u3082\u3001AI\u30d9\u30f3\u30c0\u30fc\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u3002<br>\r\n          \u7d4c\u55b6\u8005\u3068\u540c\u3058\u76ee\u7dda\u3067\u3001<strong>\u300c\u58f2\u4e0a\u5c0e\u7dda\u305d\u306e\u3082\u306e\u300d<\/strong>\u3092\u4e00\u7dd2\u306b\u8a2d\u8a08\u30fb\u6539\u5584\u3059\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dv-grid cols-3\">\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u6226\u7565\u304b\u3089\u8a2d\u8a08<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u30da\u30eb\u30bd\u30ca\u8a2d\u8a08\u30fb\u4e8b\u696d\u6226\u7565\u30fb\u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7\u3092\u6574\u7406\u3057\u3001<br>\r\n            \u3069\u3053\u3067\u5229\u76ca\u3092\u51fa\u3057\u3001\u3069\u3053\u3067\u8a8d\u77e5\u3092\u53d6\u308b\u306e\u304b\u307e\u3067\u4e00\u7dd2\u306b\u6c7a\u3081\u3066\u3044\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u8a2d\u8a08\u304b\u3089\u5236\u4f5c<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            HP\u30fbLP\u30fbSNS\u30fbAI\u30c1\u30e3\u30c3\u30c8\u307e\u3067\u3001<br>\r\n            \u30d0\u30e9\u30d0\u30e9\u3067\u306f\u306a\u304f\u300c\u3072\u3068\u3064\u306e\u5c0e\u7dda\u300d\u3068\u3057\u3066\u5236\u4f5c\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u5236\u4f5c\u304b\u3089\u6539\u5584<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            AI\u5206\u6790\u30fb\u30ec\u30dd\u30fc\u30c8\u30fbMTG\u3092\u901a\u3057\u3066\u3001<br>\r\n            \u300c\u3069\u3053\u3067\u96e2\u8131\u3057\u3066\u3044\u308b\u304b\u300d\u300c\u3069\u3053\u3092\u4f38\u3070\u3059\u3079\u304d\u304b\u300d\u3092\u4e00\u7dd2\u306b\u898b\u3066\u3044\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"support\" class=\"dv-section dv-dark dv-anim\" aria-labelledby=\"sec-support-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">STANCE<\/p>\r\n        <h2 id=\"sec-support-title\" class=\"dv-title\">\u300c\u7d4c\u55b6\u8005\u304c\u3001\u8ff7\u308f\u306a\u304f\u306a\u308b\u300d\u305f\u3081\u306e\u4f34\u8d70\u3002<\/h2>\r\n        <p class=\"dv-lead\">\r\n          \u7d4c\u55b6\u8005\u306f\u3001\u3044\u3064\u3082\u610f\u601d\u6c7a\u5b9a\u306e\u9023\u7d9a\u3067\u3059\u3002<br>\r\n          SNS\u306f\u3053\u308c\u3067\u3044\u3044\u306e\u304b\u3002HP\u306f\u3053\u308c\u3067\u4f1d\u308f\u3063\u3066\u3044\u308b\u306e\u304b\u3002AI\u306f\u672c\u5f53\u306b\u5fc5\u8981\u306a\u306e\u304b\u3002<br>\r\n          \u305d\u306e\u8ff7\u3044\u3092\u6e1b\u3089\u3057\u3001<strong>\u300c\u3053\u308c\u3067\u3044\u3044\u300d\u3068\u8a00\u3048\u308b\u5c0e\u7dda<\/strong>\u3092\u4e00\u7dd2\u306b\u3064\u304f\u308a\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dv-grid cols-2\">\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u4e00\u7dd2\u306b\u300c\u8003\u3048\u308b\u300d\u30d1\u30fc\u30c8\u30ca\u30fc<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u305f\u3060\u30c4\u30fc\u30eb\u3092\u5c0e\u5165\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001<br>\r\n            \u3042\u306a\u305f\u306e\u4e8b\u696d\u30fb\u4fa1\u5024\u89b3\u30fb\u30e9\u30a4\u30d5\u30d7\u30e9\u30f3\u307e\u3067\u805e\u304b\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u4e0a\u3067\u3001<br>\r\n            \u6700\u9069\u306a\u5c0e\u7dda\u3092\u4e00\u7dd2\u306b\u8a2d\u8a08\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n        <article class=\"dv-card\">\r\n          <h3 class=\"dv-card-title\">\u6570\u5b57\u3068\u611f\u899a\u306e\u4e21\u65b9\u3092\u898b\u308b<\/h3>\r\n          <p class=\"dv-card-text\">\r\n            \u30a2\u30af\u30bb\u30b9\u89e3\u6790\u3084AI\u306e\u30ed\u30b0\u3060\u3051\u3067\u306a\u304f\u3001<br>\r\n            \u5b9f\u969b\u306e\u73fe\u5834\u306e\u611f\u899a\u30fb\u304a\u5ba2\u69d8\u306e\u58f0\u30fb\u7d4c\u55b6\u8005\u306e\u9055\u548c\u611f\u3082\u5927\u4e8b\u306b\u3057\u306a\u304c\u3089\u3001<br>\r\n            PDCA\u3092\u56de\u3057\u3066\u3044\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"future\" class=\"dv-section dv-light dv-anim\" aria-labelledby=\"sec-future-title\">\r\n    <div class=\"dv-container\">\r\n      <header class=\"dv-head\">\r\n        <p class=\"dv-eyebrow\">FUTURE<\/p>\r\n        <h2 id=\"sec-future-title\" class=\"dv-title\">\u58f2\u4e0a\u5c0e\u7dda\u304c\u6574\u3046\u3068\u3001\u7d4c\u55b6\u306f\u3082\u3063\u3068\u81ea\u7531\u306b\u306a\u308b\u3002<\/h2>\r\n        <p class=\"dv-lead\">\r\n          SNS\u30fbHP\u30fbAI\u304c\u3001\u305d\u308c\u305e\u308c\u30d0\u30e9\u30d0\u30e9\u306b\u9811\u5f35\u308b\u306e\u3067\u306f\u306a\u304f\u3001<br>\r\n          \u3072\u3068\u3064\u306e\u58f2\u4e0a\u5c0e\u7dda\u3068\u3057\u3066\u6a5f\u80fd\u3057\u306f\u3058\u3081\u308b\u3068\u2500\u2500<br>\r\n          \u3042\u306a\u305f\u306e\u6642\u9593\u3068\u5fc3\u306e\u4f59\u767d\u304c\u3001\u5c11\u3057\u305a\u3064\u623b\u3063\u3066\u304d\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/header>\r\n\r\n      <ul class=\"dv-list\">\r\n        <li>SNS\u306b\u632f\u308a\u56de\u3055\u308c\u306a\u304f\u306a\u308b<\/li>\r\n        <li>HP\u304c\u3057\u3063\u304b\u308a\u50cd\u3044\u3066\u304f\u308c\u308b<\/li>\r\n        <li>AI\u304c\u5e38\u306b\u898b\u8fbc\u307f\u5ba2\u3092\u6848\u5185\u3057\u3066\u304f\u308c\u308b<\/li>\r\n        <li>\u55b6\u696d\u306e\u30b9\u30c8\u30ec\u30b9\u304c\u6e1b\u308b<\/li>\r\n        <li>\u8cea\u306e\u9ad8\u3044\u76f8\u8ac7\u3060\u3051\u304c\u96c6\u307e\u308b<\/li>\r\n        <li>\u3042\u306a\u305f\u672c\u6765\u306e\u5f37\u307f\u304c\u5c4a\u304f\u3088\u3046\u306b\u306a\u308b<\/li>\r\n        <li>\u58f2\u4e0a\u306e\u4e88\u6e2c\u304c\u7acb\u3066\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308b<\/li>\r\n        <li>\u305d\u3057\u3066\u2500\u2500\u8ff7\u3044\u306e\u306a\u3044\u7d4c\u55b6\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"dv-cta-inline\">\r\n        <a href=\"#diagnose\" class=\"dv-btn dv-btn-primary\">\u7121\u6599\u3067\u3001\u81ea\u793e\u306e\u58f2\u4e0a\u5c0e\u7dda\u3092\u8a3a\u65ad\u3057\u3066\u307f\u308b<\/a>\r\n        <p class=\"dv-cta-note\">SNS \/ HP \/ AI \u3092\u307e\u3068\u3081\u3066\u30c1\u30a7\u30c3\u30af\u3057\u305f\u3044\u65b9\u3078<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0254300 elementor-widget elementor-widget-html\" data-id=\"0254300\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(() => {\r\n  const FOG_DUR = 1600;\r\n  const GOLD_DELAY = 200;\r\n  const isSP = () => window.matchMedia('(max-width: 767px)').matches;\r\n\r\n  const lockScroll = (on) => {\r\n    document.documentElement.style.overflow = on ? 'hidden' : '';\r\n  };\r\n\r\n  const forcePlayVideo = () => {\r\n    const video = document.getElementById('hero-video');\r\n    const hero  = document.getElementById('home-hero');\r\n    if (!video || !hero) return;\r\n\r\n    video.muted = true;\r\n    video.playsInline = true;\r\n    video.setAttribute('playsinline', '');\r\n    video.setAttribute('webkit-playsinline', '');\r\n    video.removeAttribute('controls');\r\n\r\n    try { video.play(); } catch(e) {}\r\n\r\n    setTimeout(() => {\r\n      const playing = !video.paused && video.readyState >= 2;\r\n      hero.classList.toggle('video-fallback', !playing);\r\n    }, 300);\r\n  };\r\n\r\n  let started = false;\r\n  const startReveal = () => {\r\n    if (started) return;\r\n    started = true;\r\n\r\n    const intro = document.getElementById('intro-screen');\r\n    const fog   = document.getElementById('fog-overlay');\r\n    const after = document.querySelector('#home-hero .after-fog');\r\n\r\n    forcePlayVideo();\r\n\r\n    if (intro) intro.classList.add('fadeout');\r\n    if (fog) setTimeout(() => fog.classList.add('fog-off'), 60);\r\n\r\n    setTimeout(() => {\r\n      after && after.classList.add('on');\r\n      lockScroll(false);\r\n      if (intro) intro.style.display = 'none';\r\n    }, FOG_DUR + GOLD_DELAY);\r\n  };\r\n\r\n  const setupScrollNext = () => {\r\n    const hero = document.getElementById('home-hero');\r\n    if (!hero) return;\r\n\r\n    \/\/ \u6b21\u30bb\u30af\u30b7\u30e7\u30f3\u63a2\u3057\r\n    let target = document.getElementById('next');\r\n    if (!target) {\r\n      let n = hero.parentElement ? hero.parentElement.nextElementSibling : null;\r\n      while (n && !\/^(SECTION|DIV)$\/i.test(n.tagName)) n = n.nextElementSibling;\r\n      target = n || document.body;\r\n    }\r\n\r\n    const smoothScroll = () => {\r\n      const header = document.querySelector('.db-header');\r\n      const offset = header ? header.offsetHeight + 24 : 120;\r\n      const y = target.getBoundingClientRect().top + window.pageYOffset - offset;\r\n      window.scrollTo({ top: y, behavior: 'smooth' });\r\n    };\r\n\r\n    const bindBtn = (el) => {\r\n      if (!el) return;\r\n      el.addEventListener('click', (e) => { e.preventDefault(); smoothScroll(); });\r\n      el.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); smoothScroll(); }\r\n      });\r\n    };\r\n\r\n    bindBtn(document.getElementById('hero-scroll'));\r\n    bindBtn(document.getElementById('hero-scroll-sp'));\r\n\r\n    const introBtn = document.querySelector('#intro-screen .intro-indicator');\r\n    if (introBtn) {\r\n      introBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        startReveal();\r\n        setTimeout(smoothScroll, FOG_DUR + GOLD_DELAY);\r\n      });\r\n    }\r\n  };\r\n\r\n  const bindIntro = () => {\r\n    const intro = document.getElementById('intro-screen');\r\n    if (!intro) return;\r\n\r\n    const go = (e) => { e && e.preventDefault(); startReveal(); };\r\n\r\n    intro.addEventListener('click', go, { passive:false });\r\n    intro.addEventListener('wheel', go, { passive:false });\r\n    intro.addEventListener('touchstart', go, { passive:false });\r\n\r\n    window.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {\r\n        e.preventDefault();\r\n        startReveal();\r\n      }\r\n    });\r\n  };\r\n\r\n  const killVideoOnSP = () => {\r\n    const v = document.getElementById('hero-video');\r\n    if (!v) return;\r\n    if (!isSP()) return;\r\n\r\n    try { v.pause(); } catch(e){}\r\n    v.removeAttribute('src');\r\n    v.querySelectorAll('source').forEach(s => s.removeAttribute('src'));\r\n    v.load();\r\n  };\r\n\r\n  window.addEventListener('load', () => {\r\n    setupScrollNext();\r\n\r\n    if (isSP()) {\r\n  \/\/ SP\u3082\u30a4\u30f3\u30c8\u30ed\u3092\u4f7f\u3046\uff08\u30bf\u30c3\u30d7\/\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u958b\u59cb\uff09\r\n  lockScroll(true);\r\n  killVideoOnSP(); \/\/ SP\u306f\u52d5\u753b\u306f\u4f7f\u308f\u306a\u3044\uff08CSS\u3067\u9759\u6b62\u753b\uff09\r\n  bindIntro();     \/\/ \u2190 SP\u3067\u3082\u30d0\u30a4\u30f3\u30c9\u3059\u308b\r\n  return;\r\n}\r\n\r\n\r\n    \/\/ PC\uff1a\u30a4\u30f3\u30c8\u30ed\u6f14\u51fa\r\n    lockScroll(true);\r\n    bindIntro();\r\n  });\r\n\r\n  window.addEventListener('resize', killVideoOnSP);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4f1d\u308f\u308b\u4ed5\u7d44\u307f\u304c\u3001\u58f2\u4e0a\u3092\u5909\u3048\u308b\u3002 SCROLL DUOBULL\uff5c\u6210\u679c\u5171\u5275\u30d1\u30fc\u30c8\u30ca\u30fc \u6226\u7565\u8a2d\u8a08\uff5e\u904b\u7528\u307e\u3067\u4e00\u6c17\u901a\u8cab LLMO\u5bfe\u5fdc\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u8a2d\u8a08 AI\u4e00\u6b21\u5bfe\u5fdc \/ CRM\u9023\u643a \u4f1d\u308f\u308b\u4ed5\u7d44\u307f\u304c\u3001\u58f2\u4e0a\u3092\u5909\u3048\u308b\u3002 HP\u00d7SNS\u00d7AI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":281,"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":1026,"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/1026"}],"wp:attachment":[{"href":"https:\/\/duobulll.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}