{"id":13,"date":"2026-09-21T15:31:01","date_gmt":"2026-09-21T15:31:01","guid":{"rendered":"https:\/\/bsolution.me\/ja\/home\/"},"modified":"2026-09-22T10:57:46","modified_gmt":"2026-09-22T10:57:46","slug":"home","status":"publish","type":"page","link":"https:\/\/bsolution.me\/ja\/","title":{"rendered":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc"},"content":{"rendered":"<style>\r\n\r\n\r\n#bnet-home-wrap {\r\n  font-family: 'Heebo', system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n  direction: ltr;\r\n  color: #111827;\r\n  background: #fff;\r\n  user-select: none;\r\n  overflow-x: hidden;\r\n  overflow-y: visible;\r\n  position: relative;\r\n  height: auto;\r\n  scroll-snap-type: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap {\r\n    overflow-y: scroll;\r\n    height: 100dvh;\r\n    scroll-snap-type: y mandatory;\r\n  }\r\n}\r\n#bnet-home-wrap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n@media (hover:hover) and (pointer:fine){\r\n  #bnet-home-wrap { cursor: none; }\r\n}\r\n\r\n#bnet-home-wrap #particles {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  width: 100%; height: 100%;\r\n  z-index: 0;\r\n  pointer-events: none; \r\n}\r\n\r\n#bnet-home-wrap .page-shell {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#bnet-home-wrap .hero {\r\n  min-height: 90svh; \r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 28px 18px 110px;\r\n  position: relative;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .hero {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .center-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  max-width: 900px;\r\n  width: 100%;\r\n  z-index: 1;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap section.is-inview .center-wrapper,\r\n#bnet-home-wrap section.is-inview .content-container {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper {\r\n  position: relative;\r\n  perspective: 800px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  margin: auto;\r\n  width: 120%;\r\n  height: 120%;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(0,0,0,.24) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,0) 72%);\r\n  opacity: .85;\r\n  filter: blur(18px);\r\n  z-index: 0;\r\n  transition: transform .2s ease, opacity .2s ease;\r\n}\r\n\r\n#bnet-home-wrap .logo-wrapper::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: calc(100% + 38px);\r\n  height: calc(100% + 38px);\r\n  border-radius: 999px;\r\n  border: 2px solid rgba(17,24,39,.12);\r\n  z-index: 0;\r\n  animation: pulseRing 2.4s ease-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n#bnet-home-wrap .logo {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 260px;\r\n  height: auto;\r\n  cursor: pointer;\r\n  transition: transform .15s ease-out, filter .25s ease, opacity .25s ease;\r\n  transform-style: preserve-3d;\r\n  filter: drop-shadow(0 10px 24px rgba(0,0,0,.16));\r\n  border-radius: 24px;\r\n  animation: logoNudge 5.2s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .logo:hover {\r\n  filter: drop-shadow(0 16px 30px rgba(0,0,0,.20));\r\n}\r\n\r\n#bnet-home-wrap .logo-cta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  max-width: 700px;\r\n}\r\n\r\n#bnet-home-wrap .click-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 18px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  backdrop-filter: blur(8px);\r\n  animation: badgeFloat 2.6s ease-in-out infinite;\r\n}\r\n\r\n#bnet-home-wrap .click-badge .hand {\r\n  font-size: 18px;\r\n  animation: handTap 1.2s ease-in-out infinite;\r\n  transform-origin: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-title {\r\n  margin: 8px 0 0;\r\n  font-size: clamp(28px, 5vw, 52px);\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .hero-subtitle {\r\n  margin: 10px 0 0;\r\n  font-size: clamp(15px, 2vw, 20px);\r\n  line-height: 1.8;\r\n  color: #4b5563;\r\n  max-width: 720px;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .hero-actions {\r\n  margin-top: 22px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn,\r\n#bnet-home-wrap .tool-btn {\r\n  appearance: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  min-height: 48px;\r\n  padding: 12px 18px;\r\n  border-radius: 16px;\r\n  font-weight: 800;\r\n  font-size: 15px;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.primary {\r\n  background: #111827;\r\n  color: #fff;\r\n  box-shadow: 0 12px 28px rgba(17,24,39,.22);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn.secondary {\r\n  background: rgba(255,255,255,.88);\r\n  color: #111827;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n#bnet-home-wrap .hero-btn:hover,\r\n#bnet-home-wrap .tool-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#bnet-home-wrap .content-section {\r\n  padding: 40px 18px;\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: auto; \r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .content-section {\r\n    min-height: 100dvh;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .content-container {\r\n  width: min(1180px, calc(100% - 24px));\r\n  margin: 0 auto;\r\n  opacity: 0;\r\n  transform: scale(0.95) translateY(40px);\r\n  transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n#bnet-home-wrap .glass-card {\r\n  background: rgba(255,255,255,.84);\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,.07);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 28px;\r\n}\r\n\r\n#bnet-home-wrap .about-card {\r\n  padding: 30px 22px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n#bnet-home-wrap .section-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: #f3f4f6;\r\n  color: #111827;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#bnet-home-wrap .section-title {\r\n  margin: 0 0 12px;\r\n  font-size: clamp(24px, 4vw, 38px);\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n#bnet-home-wrap .section-text {\r\n  margin: 0;\r\n  color: #4b5563;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .stats-grid {\r\n  margin-top: 22px;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n#bnet-home-wrap .stat-box {\r\n  padding: 18px 16px;\r\n  border-radius: 22px;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.06);\r\n}\r\n\r\n#bnet-home-wrap .stat-num {\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n#bnet-home-wrap .stat-label {\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 700;\r\n}\r\n\r\n#bnet-home-wrap .features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n  margin-top: 22px;\r\n}\r\n\r\n#bnet-home-wrap .feature-card {\r\n  padding: 22px 18px;\r\n  border-radius: 24px;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n}\r\n\r\n#bnet-home-wrap .feature-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 16px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 24px;\r\n  margin-bottom: 12px;\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .feature-title {\r\n  margin: 0 0 8px;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n}\r\n\r\n#bnet-home-wrap .feature-text {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  color: #6b7280;\r\n  font-weight: 500;\r\n}\r\n\r\n#bnet-home-wrap .tools-section {\r\n  padding-bottom: 60px;\r\n}\r\n\r\n#bnet-home-wrap .tools-card {\r\n  padding: 30px 22px;\r\n  position: relative;\r\n}\r\n\r\n#bnet-home-wrap .tools-header {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: end;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#bnet-home-wrap .tools-header p {\r\n  margin: 0;\r\n  color: #6b7280;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n  max-width: 680px;\r\n}\r\n\r\n#bnet-home-wrap .tools-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 12px;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-card {\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 6px 16px rgba(0,0,0,.05);\r\n  border-radius: 16px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 0;\r\n  text-align: left;\r\n  min-height: 0;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n#bnet-home-wrap .tool-card:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 22px rgba(0,0,0,.09);\r\n  background: #f9fafb;\r\n}\r\n\r\n#bnet-home-wrap .tool-top {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n}\r\n\r\n#bnet-home-wrap .tool-emoji {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f3f4f6;\r\n  font-size: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#bnet-home-wrap .tool-name {\r\n  margin: 0;\r\n  font-size: 13px;\r\n  line-height: 1.3;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  flex: 1;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-desc {\r\n  display: none;\r\n}\r\n\r\n\r\n#bnet-home-wrap .tool-btn-hidden {\r\n  display: none;\r\n}\r\n\r\n#bnet-home-wrap .tool-btn {\r\n  background: #111827;\r\n  color: #fff;\r\n  width: max-content;\r\n  box-shadow: 0 10px 22px rgba(17,24,39,.16);\r\n}\r\n\r\n\r\n#bnet-home-wrap .tools-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 18px;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #111827;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 14px;\r\n  padding: 11px 18px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  box-shadow: 0 8px 20px rgba(17,24,39,.18);\r\n  text-decoration: none;\r\n  font-family: inherit;\r\n}\r\n\r\n#bnet-home-wrap .all-tools-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 26px rgba(17,24,39,.24);\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n  #bnet-home-wrap .tools-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile {\r\n    display: none;\r\n  }\r\n  #bnet-home-wrap .tool-card.hidden-mobile.shown {\r\n    display: flex;\r\n  }\r\n  #bnet-home-wrap .show-more-tools {\r\n    display: inline-flex;\r\n  }\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: transparent;\r\n  border: 1.5px solid rgba(17,24,39,.15);\r\n  color: #111827;\r\n  border-radius: 12px;\r\n  padding: 9px 16px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  transition: background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .show-more-tools:hover {\r\n  background: #f3f4f6;\r\n}\r\n\r\n#bnet-home-wrap .mini-links {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 18px;\r\n}\r\n\r\n#bnet-home-wrap .mini-link {\r\n  text-decoration: none;\r\n  color: #111827;\r\n  background: #f9fafb;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  border-radius: 999px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n#bnet-home-wrap .mini-link:hover {\r\n  transform: translateY(-2px);\r\n  background: #f3f4f6;\r\n}\r\n\r\n\r\n#cursorCircle {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 40px; height: 40px;\r\n  background: rgba(0,0,0,.5);\r\n  border: 2px solid #000;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 999999;\r\n  box-shadow: 0 0 20px rgba(0,0,0,.6);\r\n  transition: transform .08s linear;\r\n  display: none; \r\n}\r\n\r\n@media (hover:none), (pointer:coarse){\r\n  #cursorCircle{ display: none !important; }\r\n}\r\n\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .logo { max-width: 210px; }\r\n  #bnet-home-wrap .hero { padding: 24px 14px 105px; }\r\n  #bnet-home-wrap .about-card,\r\n  #bnet-home-wrap .tools-card {\r\n    padding: 24px 16px;\r\n    border-radius: 22px;\r\n  }\r\n  #bnet-home-wrap .feature-card,\r\n  #bnet-home-wrap .tool-card { border-radius: 20px; }\r\n  #bnet-home-wrap .features-grid,\r\n  #bnet-home-wrap .tools-grid,\r\n  #bnet-home-wrap .stats-grid { grid-template-columns: 1fr; }\r\n  #bnet-home-wrap .hero-actions { width: 100%; }\r\n  #bnet-home-wrap .hero-btn { width: 100%; }\r\n  #bnet-home-wrap .click-badge { font-size: 14px; padding: 9px 14px; }\r\n}\r\n\r\n@keyframes logoNudge {\r\n  0%, 84%, 100% { transform: translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1); }\r\n  86% { transform: translate3d(-3px,0,0) rotateZ(-2deg) scale(1.02); }\r\n  88% { transform: translate3d(4px,0,0) rotateZ(2deg) scale(1.03); }\r\n  90% { transform: translate3d(-4px,0,0) rotateZ(-2deg) scale(1.03); }\r\n  92% { transform: translate3d(3px,0,0) rotateZ(1deg) scale(1.02); }\r\n  94% { transform: translate3d(0,0,0) rotateZ(0deg) scale(1.01); }\r\n}\r\n\r\n@keyframes pulseRing {\r\n  0% { transform: scale(.94); opacity: .85; }\r\n  70% { transform: scale(1.08); opacity: 0; }\r\n  100% { transform: scale(1.08); opacity: 0; }\r\n}\r\n\r\n@keyframes badgeFloat {\r\n  0%,100% { transform: translateY(0); }\r\n  50% { transform: translateY(-4px); }\r\n}\r\n\r\n@keyframes handTap {\r\n  0%,100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(2px) rotate(-10deg); }\r\n}\r\n\r\n\r\n#bnet-home-wrap .posts-slider-container {\r\n  display: flex;\r\n  gap: 16px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  padding-bottom: 24px;\r\n  -webkit-overflow-scrolling: touch;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(17,24,39,.15) transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar {\r\n  height: 6px;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n#bnet-home-wrap .posts-slider-container::-webkit-scrollbar-thumb {\r\n  background-color: rgba(17,24,39,.15);\r\n  border-radius: 999px;\r\n}\r\n#bnet-home-wrap .posts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n#bnet-home-wrap .post-card {\r\n  flex: 0 0 280px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border: 1px solid rgba(17,24,39,.08);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,.05);\r\n  border-radius: 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n  height: 100%;\r\n}\r\n@media (min-width: 980px) {\r\n  #bnet-home-wrap .post-card {\r\n    flex: 0 0 320px;\r\n  }\r\n}\r\n#bnet-home-wrap .post-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 18px 34px rgba(0,0,0,.08);\r\n}\r\n#bnet-home-wrap .post-thumb {\r\n  width: 100%;\r\n  height: 160px;\r\n  object-fit: cover;\r\n  background: #f3f4f6;\r\n}\r\n#bnet-home-wrap .post-content {\r\n  padding: 18px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .post-date {\r\n  font-size: 12px;\r\n  color: #6b7280;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n#bnet-home-wrap .post-title {\r\n  margin: 0 0 8px;\r\n  font-size: 16px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  color: #111827;\r\n}\r\n#bnet-home-wrap .post-excerpt {\r\n  margin: 0 0 14px;\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  flex: 1;\r\n}\r\n#bnet-home-wrap .read-more-btn {\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  color: #111827;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n#bnet-home-wrap .read-more-btn::after {\r\n  content: \"\u2190\";\r\n  transition: transform .15s ease;\r\n}\r\n#bnet-home-wrap .read-more-btn:hover::after {\r\n  transform: translateX(-4px);\r\n}\r\n@media (max-width:980px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n@media (max-width:600px){\r\n  #bnet-home-wrap .posts-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"name\": \"\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc- Bsolution\",\r\n  \"description\": \"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002\"\r\n}\r\n<\/script>\r\n\r\n<div id=\"bnet-home-wrap\">\r\n  <canvas id=\"particles\"><\/canvas>\r\n  <div id=\"cursorCircle\"><\/div>\r\n\r\n  <div class=\"page-shell\">\r\n    <section class=\"hero\">\r\n      <div class=\"center-wrapper\">\r\n        <div class=\"logo-wrapper\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" class=\"logo\" id=\"mainLogoTrigger\" data-bsolution-tools-trigger=\"true\">\r\n        <\/div>\r\n\r\n        <div class=\"logo-cta\">\r\n          <div class=\"click-badge\">\r\n            <span class=\"hand\">\ud83d\udc46<\/span>\r\n            <span>\u30ed\u30b4\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30ec\u30f3\u30c1\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304d\u307e\u3059<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"hero-title\">Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc<\/h2>\r\n          <p class=\"hero-subtitle\">\r\n            \u4e2d\u592e\u306e\u30ed\u30b4\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u65e5\u5e38\u696d\u52d9\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30ea\u30f3\u30af\u3001\u8a08\u7b97\u3001\u30d5\u30a1\u30a4\u30eb\u306a\u3069\u306b\u5f79\u7acb\u3064\u6570\u5341\u306e\u7121\u6599\u3067\u4fbf\u5229\u306a\u30c4\u30fc\u30eb\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"hero-actions\">\r\n            \r\n            <button class=\"hero-btn primary\" id=\"openMenuBtn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\u30c4\u30fc\u30eb\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f<\/button>\r\n            <a class=\"hero-btn secondary\" href=\"#about-site\">\u30b5\u30a4\u30c8\u306e\u5185\u5bb9\u3092\u78ba\u8a8d\u3059\u308b<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section\" id=\"about-site\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card about-card\">\r\n          <div class=\"section-kicker\">\u3053\u3053\u3067\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u308b\u2728\u3082\u306e<\/div>\r\n          <h2 class=\"section-title\">\u3059\u3070\u3084\u304f\u4fbf\u5229\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30921\u304b\u6240\u306b\u307e\u3068\u3081\u308b\u30c4\u30fc\u30eb\u3092\u898b\u3064\u3051\u308b<\/h2>\r\n          <p class=\"section-text\">\r\n            \u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u4f01\u696d\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u62c5\u5f53\u8005\u3001\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u3001\u30d1\u30d6\u30ea\u30c3\u30b7\u30e3\u30fc\u304c\u3088\u308a\u8fc5\u901f\u306b\u4f5c\u696d\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u30ea\u30f3\u30af\u30c4\u30fc\u30eb\u3001\u30d5\u30a1\u30a4\u30eb\u30c4\u30fc\u30eb\u3001\u8a08\u7b97\u30c4\u30fc\u30eb\u3001\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u3001\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u30c4\u30fc\u30eb\u3001\u304a\u3088\u3073\u901a\u5e38\u306e\u30d6\u30e9\u30a6\u30b6\u4f5c\u696d\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"stats-grid\">\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u62d8\u675f\u3055\u308c\u3066\u306a\u3044\uff01<\/div>\r\n              <div class=\"stat-label\">\u30d6\u30e9\u30a6\u30b6\u3092\u3059\u3070\u3084\u304f\u4fbf\u5229\u306b\u4f7f\u7528\u3067\u304d\u308b\u30c4\u30fc\u30eb<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u6025\u3052<\/div>\r\n              <div class=\"stat-label\">\u30af\u30ea\u30c3\u30af\u3057\u3066\u4f7f\u7528\u3057\u3001\u8907\u96d1\u306b\u306a\u3089\u305a\u306b\u30b9\u30b3\u30a2\u3092\u3064\u3051\u308b<\/div>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div class=\"stat-num\">\u843d\u3061\u7740\u304f\u308f\u3041<\/div>\r\n              <div class=\"stat-label\">\u30e2\u30d0\u30a4\u30eb\u3068PC\u306e\u4e21\u65b9\u306b\u9069\u3057\u305f\u660e\u78ba\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udd17<\/div>\r\n              <h3 class=\"feature-title\">\u30ea\u30f3\u30af\u3068\u7d39\u4ecb\u6587<\/h3>\r\n              <p class=\"feature-text\">\u30ea\u30f3\u30af\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u3001\u65e2\u88fd\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u3001\u304a\u3088\u3073\u30a4\u30f3\u30d7\u30c3\u30c8\u3092\u30ea\u30fc\u30c9\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5909\u63db\u3059\u308b\u306e\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83e\uddee<\/div>\r\n              <h3 class=\"feature-title\">\u96fb\u5353\u3068\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3<\/h3>\r\n              <p class=\"feature-text\">\u30d3\u30b8\u30cd\u30b9\u3084\u65e5\u5e38\u696d\u52d9\u306b\u5f79\u7acb\u3064\u3055\u307e\u3056\u307e\u306a\u5206\u91ce\u3067\u3001\u8a08\u7b97\u3001\u30c6\u30b9\u30c8\u3001\u6bd4\u8f03\u3001\u8a08\u753b\u3092\u8fc5\u901f\u306b\u884c\u3046\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"feature-card\">\r\n              <div class=\"feature-icon\">\ud83d\udcc4<\/div>\r\n              <h3 class=\"feature-title\">\u30d5\u30a1\u30a4\u30eb\u3001\u30c6\u30ad\u30b9\u30c8\u3001\u30b3\u30f3\u30c6\u30f3\u30c4<\/h3>\r\n              <p class=\"feature-text\">\u30d5\u30a1\u30a4\u30eb\u3001\u8aad\u307f\u53d6\u308a\u3001\u4f5c\u6210\u3001\u30af\u30a4\u30c3\u30af\u8868\u793a\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3084Web\u30b5\u30a4\u30c8\u3067\u306e\u4f5c\u696d\u306e\u5408\u7406\u5316\u306b\u95a2\u9023\u3059\u308b\u30c4\u30fc\u30eb\u3002<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section tools-section\" id=\"popular-tools\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\u4e00\u822c\u7684\u306a\ud83d\udd25\u30c4\u30fc\u30eb<\/div>\r\n              <h2 class=\"section-title\">\u975e\u5e38\u306b\u4fbf\u5229\u306a\u30c4\u30fc\u30eb\u306e\u305f\u3081\u306e\u30af\u30a4\u30c3\u30af\u30dc\u30bf\u30f3<\/h2>\r\n            <\/div>\r\n            <p>\r\n              \u4ee5\u4e0b\u306f\u3001\u30b5\u30a4\u30c8\u4e0a\u306e\u4e00\u822c\u7684\u306a\u30c4\u30fc\u30eb\u306e\u4e00\u90e8\u306e\u76f4\u63a5\u7684\u306a\u7565\u8a9e\u3067\u3059\u3002\u30ed\u30b4\u304b\u3089\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u3044\u3066\u3001\u3088\u308a\u591a\u304f\u306e\u30c4\u30fc\u30eb\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"tools-grid\" id=\"quickToolsGrid\">\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ja\/fuel-calculator\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\ude93<\/div>\r\n                <h3 class=\"tool-name\">\u71c3\u8cbb\u8a08\u7b97\u6a5f<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ja\/pdf-splitter\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\u2702\ufe0f<\/div>\r\n                <h3 class=\"tool-name\">PDF\u30d5\u30a1\u30a4\u30eb\u5206\u5272\u30c4\u30fc\u30eb &#8211; PDF\u3092\u30da\u30fc\u30b8\u3084\u500b\u5225\u30d5\u30a1\u30a4\u30eb\u306b\u5206\u5272<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ja\/flip-image\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83d\udd04<\/div>\r\n                <h3 class=\"tool-name\">\u753b\u50cf\u306e\u53cd\u8ee2\u3068\u56de\u8ee2\u30aa\u30f3\u30e9\u30a4\u30f3\u30c4\u30fc\u30eb<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card\" href=\"https:\/\/bsolution.me\/ja\/paint-calculator-2\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\ud83c\udfa8<\/div>\r\n                <h3 class=\"tool-name\">\ud83c\udfa8 \u9ad8\u5ea6\u306a\u30da\u30a4\u30f3\u30c8\u8a08\u7b97\u6a5f<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                        <a class=\"tool-card hidden-mobile\" href=\"https:\/\/bsolution.me\/ja\/weight-converter\/\">\r\n              <div class=\"tool-top\">\r\n                <div class=\"tool-emoji\">\u2696\ufe0f<\/div>\r\n                <h3 class=\"tool-name\">\u91cd\u91cf\u63db\u7b97 &#8211; \u91cd\u91cf\u5358\u4f4d\u30b3\u30f3\u30d0\u30fc\u30bf\u30fc<\/h3>\r\n              <\/div>\r\n            <\/a>\r\n                      <\/div>\r\n\r\n          <div class=\"tools-footer\">\r\n            <button class=\"all-tools-btn\" type=\"button\" data-bsolution-tools-trigger=\"true\">\ud83e\uddf0 \u3059\u3079\u3066\u306e\u30c4\u30fc\u30eb<\/button>\r\n            <button class=\"show-more-tools\" id=\"showMoreToolsBtn\" type=\"button\">\u3055\u3089\u306b\u8868\u793a \u25be<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"content-section featured-posts-section\" id=\"featured-posts\" style=\"padding-bottom:120px;\">\r\n      <div class=\"content-container\">\r\n        <div class=\"glass-card tools-card\">\r\n          <div class=\"tools-header\">\r\n            <div>\r\n              <div class=\"section-kicker\">\u2b50 \u304a\u3059\u3059\u3081<\/div>\r\n              <h2 class=\"section-title\">\u3042\u306a\u305f\u304c\u5358\u306b\u8aad\u3080\u5fc5\u8981\u304c\u3042\u308b\u8a18\u4e8b<\/h2>\r\n            <\/div>\r\n            <p>\u53b3\u9078\u3055\u308c\u305f\u8a18\u4e8b\u3001\u30ac\u30a4\u30c9\u3001\u30af\u30aa\u30ea\u30c6\u30a3\u306e\u9ad8\u3044\u30b3\u30f3\u30c6\u30f3\u30c4\u3002<\/p>\r\n          <\/div>\r\n          \r\n          <div class=\"posts-grid\">\r\n            <p style=\"grid-column: 1 \/ -1; text-align: center; color: #6b7280; padding: 20px;\">\u8a18\u4e8b\u3092\u3053\u3053\u306b\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u65e2\u5b58\u306eWordPress\u6295\u7a3f\uff08\u8a18\u4e8b\uff09\u306e1\u3064\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u300c<b>featured<\/b>\u300d\u3068\u3044\u3046\u540d\u524d\u306e\u30bf\u30b0\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>          <\/div>\r\n          \r\n          \r\n          <div class=\"recent-text-links\" style=\"margin-top:24px; padding-top:18px; border-top:1px solid rgba(17,24,39,.08);\">\r\n            <h4 style=\"font-size:14px; font-weight:800; color:#111827; margin:0 0 10px;\">\u6700\u65b0\u306e\u30d6\u30ed\u30b0\u8a18\u4e8b\uff1a<\/h4>\r\n            <div style=\"display:flex; flex-wrap:wrap; gap:14px; font-size:13px;\">\r\n                          <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"content-section final-action-section\" id=\"auto-trigger-menu\" style=\"min-height: 80vh;\">\r\n      <div class=\"center-wrapper\" style=\"text-align:center;\">\r\n        <div class=\"bottom-logo\" style=\"margin-bottom:20px; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease-out; transform: translateY(60px); opacity: 0;\">\r\n          <img decoding=\"async\" src=\"http:\/\/bsolution.me\/\u05dc\u05d5\u05d2\u05d5 PNG.png\" alt=\"Bsolution\" style=\"width:160px; filter: drop-shadow(0 10px 24px rgba(0,0,0,.12)); border-radius:18px;\">\r\n        <\/div>\r\n        <h2 style=\"font-size:22px; font-weight:800; color:#111827;\">\u30ec\u30f3\u30c1\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304d\u307e\u3059...<\/h2>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \r\n  const wrap = document.getElementById('bnet-home-wrap');\r\n  if(!wrap) return;\r\n\r\n  \r\n  const canvas = wrap.querySelector('#particles');\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  function resizeCanvas(){\r\n    \r\n    canvas.width = wrap.clientWidth || window.innerWidth;\r\n    canvas.height = wrap.clientHeight || window.innerHeight;\r\n  }\r\n  resizeCanvas();\r\n  \r\n  const observer = new ResizeObserver(() => resizeCanvas());\r\n  observer.observe(wrap);\r\n\r\n  let particles = [];\r\n  class Particle {\r\n    constructor(){ this.reset(true); }\r\n    reset(init=false){\r\n      this.x = Math.random() * canvas.width;\r\n      this.y = Math.random() * canvas.height;\r\n      this.size = Math.random() * 3 + 1;\r\n      this.speedX = (Math.random() - .5) * 1.5;\r\n      this.speedY = (Math.random() - .5) * 1.5;\r\n      if(!init && this.size <= .2) this.size = Math.random() * 3 + 1;\r\n    }\r\n    update(){\r\n      this.x += this.speedX;\r\n      this.y += this.speedY;\r\n      if(this.size > .2) this.size -= .02;\r\n    }\r\n    draw(){\r\n      ctx.fillStyle = '#000';\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fill();\r\n    }\r\n  }\r\n  function initParticles(){\r\n    particles = [];\r\n    for(let i=0; i<150; i++) particles.push(new Particle());\r\n  }\r\n  function animateParticles(){\r\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n    particles.forEach((p, i) => {\r\n      p.update();\r\n      p.draw();\r\n      if(p.size <= .2) particles[i] = new Particle();\r\n    });\r\n    requestAnimationFrame(animateParticles);\r\n  }\r\n  initParticles();\r\n  animateParticles();\r\n\r\n  \r\n  const cursorCircle = wrap.querySelector('#cursorCircle');\r\n  let lastX = window.innerWidth \/ 2;\r\n  let lastY = window.innerHeight \/ 2;\r\n  let circleSize = 40;\r\n\r\n  function updateCursor(x, y){\r\n    const dx = x - lastX;\r\n    const dy = y - lastY;\r\n    const speed = Math.sqrt(dx*dx + dy*dy);\r\n    circleSize = Math.min(100, Math.max(40, speed * 3));\r\n    cursorCircle.style.width = circleSize + 'px';\r\n    cursorCircle.style.height = circleSize + 'px';\r\n    cursorCircle.style.left = (x - circleSize\/2 - circleSize*0.2) + 'px';\r\n    cursorCircle.style.top = (y - circleSize\/2 - circleSize*0.2) + 'px';\r\n    lastX = x;\r\n    lastY = y;\r\n  }\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    wrap.addEventListener('mouseenter', () => {\r\n        cursorCircle.style.display = 'block';\r\n    });\r\n    wrap.addEventListener('mouseleave', () => {\r\n        cursorCircle.style.display = 'none';\r\n    });\r\n    wrap.addEventListener('mousemove', e => {\r\n        updateCursor(e.clientX, e.clientY);\r\n    }, { passive: true });\r\n  }\r\n\r\n  \r\n  const logo = wrap.querySelector('.logo');\r\n  const logoWrapper = wrap.querySelector('.logo-wrapper');\r\n\r\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n    logo.addEventListener('mousemove', e => {\r\n      const rect = logo.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const cx = rect.width \/ 2;\r\n      const cy = rect.height \/ 2;\r\n      const rotateX = ((y - cy) \/ cy) * -10;\r\n      const rotateY = ((x - cx) \/ cx) * 10;\r\n      logo.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n      logoWrapper.style.transform = `rotateY(${rotateY*0.2}deg) rotateX(${rotateX*0.2}deg)`;\r\n    });\r\n\r\n    logo.addEventListener('mouseleave', () => {\r\n      logo.style.transform = '';\r\n      logoWrapper.style.transform = 'none';\r\n    });\r\n  }\r\n\r\n  \r\n  const mainLogoTrigger = wrap.querySelector('#mainLogoTrigger');\r\n  function triggerMenuOpen(){\r\n    if (mainLogoTrigger) {\r\n      mainLogoTrigger.style.animation = 'none';\r\n      setTimeout(() => {\r\n        mainLogoTrigger.style.animation = 'logoNudge 5.2s ease-in-out infinite';\r\n      }, 3500);\r\n    }\r\n  }\r\n  \r\n  const triggers = wrap.querySelectorAll('[data-bsolution-tools-trigger=\"true\"]');\r\n  triggers.forEach(el => el.addEventListener('click', triggerMenuOpen));\r\n\r\n  \r\n  const showMoreBtn = wrap.querySelector('#showMoreToolsBtn');\r\n  if (showMoreBtn) {\r\n    showMoreBtn.addEventListener('click', () => {\r\n      const hiddenCards = wrap.querySelectorAll('.tool-card.hidden-mobile:not(.shown)');\r\n      hiddenCards.forEach(c => c.classList.add('shown'));\r\n      showMoreBtn.style.display = 'none';\r\n      \/\/ Recalculate section bounds for intersection observer after expanding\r\n      setTimeout(() => {\r\n        const parentSec = showMoreBtn.closest('section');\r\n        if (parentSec) sectionObserver.observe(parentSec);\r\n      }, 300);\r\n    });\r\n  }\r\n\r\n  \r\n  const sections = wrap.querySelectorAll('section');\r\n  let menuTriggered = false; \r\n\r\n  \r\n  const isDesktop = window.matchMedia('(min-width: 980px)').matches;\r\n  const sectionObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-inview');\r\n        \r\n        \r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '1';\r\n            bottomLogo.style.transform = 'translateY(0)';\r\n          }\r\n          \r\n          if (!menuTriggered) {\r\n            menuTriggered = true;\r\n            setTimeout(() => {\r\n                const globalTrigger = document.querySelector('[data-bsolution-tools-trigger=\"true\"]');\r\n                if (globalTrigger) {\r\n                    globalTrigger.click(); \r\n                }\r\n            }, 600); \r\n          }\r\n        }\r\n\r\n      } else {\r\n        if (entry.target.id === 'auto-trigger-menu') {\r\n          const bottomLogo = entry.target.querySelector('.bottom-logo');\r\n          if (bottomLogo) {\r\n            bottomLogo.style.opacity = '0';\r\n            bottomLogo.style.transform = 'translateY(60px)';\r\n          }\r\n          menuTriggered = false;\r\n        }\r\n      }\r\n    });\r\n  }, {\r\n    root: isDesktop ? wrap : null, \r\n    threshold: 0.1\r\n  });\r\n\r\n  sections.forEach(sec => sectionObserver.observe(sec));\r\n\r\n})();\r\n<\/script>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_title":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution","_yoast_wpseo_metadesc":"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution<\/title>\n<meta name=\"description\" content=\"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bsolution.me\/ja\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution\" \/>\n<meta property=\"og:description\" content=\"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bsolution.me\/ja\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-22T10:57:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\",\"name\":\"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\"},\"datePublished\":\"2026-09-21T15:31:01+00:00\",\"dateModified\":\"2026-09-22T10:57:46+00:00\",\"description\":\"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bsolution.me\\\/ja\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/\",\"name\":\"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bsolution.me\\\/ja\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution","description":"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bsolution.me\/ja\/","og_locale":"ja_JP","og_type":"article","og_title":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution","og_description":"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002","og_url":"https:\/\/bsolution.me\/ja\/","og_site_name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","article_modified_time":"2026-09-22T10:57:46+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bsolution.me\/ja\/","url":"https:\/\/bsolution.me\/ja\/","name":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc - bSolution","isPartOf":{"@id":"https:\/\/bsolution.me\/ja\/#website"},"datePublished":"2026-09-21T15:31:01+00:00","dateModified":"2026-09-22T10:57:46+00:00","description":"Bsolution\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc\u3002\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30bf\u30b9\u30af\u3092\u7c21\u7d20\u5316\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u5e45\u5e83\u3044\u7121\u6599\u30c4\u30fc\u30eb\u3002","breadcrumb":{"@id":"https:\/\/bsolution.me\/ja\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bsolution.me\/ja\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bsolution.me\/ja\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bsolution.me\/ja\/"},{"@type":"ListItem","position":2,"name":"\u7121\u6599\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb\u30bb\u30f3\u30bf\u30fc"}]},{"@type":"WebSite","@id":"https:\/\/bsolution.me\/ja\/#website","url":"https:\/\/bsolution.me\/ja\/","name":"\u7121\u6599\u306e\u30d3\u30b8\u30cd\u30b9\u30c4\u30fc\u30eb","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bsolution.me\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/pages\/13\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/bsolution.me\/ja\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}