{"id":28,"date":"2026-07-04T15:13:55","date_gmt":"2026-07-04T06:13:55","guid":{"rendered":"https:\/\/traceebetsu.com\/?page_id=28"},"modified":"2026-07-07T16:01:08","modified_gmt":"2026-07-07T07:01:08","slug":"service","status":"publish","type":"page","link":"https:\/\/traceebetsu.com\/?page_id=28","title":{"rendered":"Service"},"content":{"rendered":"\n<header class=\"trace-header\" id=\"traceHeader\">\n  <div class=\"trace-header-container\">\n    <!-- \u5de6\u5074\uff1a\u30ed\u30b4\uff08\u30af\u30ea\u30c3\u30af\u3067TOP\u30da\u30fc\u30b8\u3078\u9077\u79fb\uff09 -->\n    <div class=\"trace-header-logo\">\n      <a href=\"https:\/\/traceebetsu.com\/\" class=\"trace-logo-link\">TRACE<\/a>\n    <\/div>\n\n    <!-- \u4e2d\u592e\uff1a\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30e1\u30cb\u30e5\u30fc\uff08PC\u8868\u793a\u7528\uff09 -->\n    <nav class=\"trace-header-nav\">\n      <a href=\"https:\/\/traceebetsu.com\/\" class=\"trace-nav-link\">TOP<\/a>\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=28\" class=\"trace-nav-link\">Service<\/a>\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=30\" class=\"trace-nav-link\">Company<\/a>\n    <\/nav>\n\n    <!-- \u53f3\u5074\uff1a\u30b3\u30f3\u30bf\u30af\u30c8\u30dc\u30bf\u30f3\uff08PC\u8868\u793a\u7528\uff09 -->\n    <div class=\"trace-header-action\">\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=52\" class=\"trace-contact-btn\">CONTACT<\/a>\n    <\/div>\n\n    <!-- \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u30a2\u30a4\u30b3\u30f3\uff08\u30b9\u30de\u30db\u8868\u793a\u7528\uff09 -->\n    <button class=\"trace-burger-btn\" id=\"burgerBtn\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f\">\n      <span class=\"burger-line\"><\/span>\n      <span class=\"burger-line\"><\/span>\n      <span class=\"burger-line\"><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<!-- \u30e2\u30d0\u30a4\u30eb\u7528\u30d5\u30eb\u30b9\u30af\u30ea\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30e1\u30cb\u30e5\u30fc -->\n<div class=\"trace-mobile-menu\" id=\"mobileMenu\">\n  <nav class=\"trace-mobile-nav\">\n    <a href=\"https:\/\/traceebetsu.com\/\" class=\"trace-mobile-link\">TOP<\/a>\n    <a href=\"https:\/\/traceebetsu.com\/?page_id=28\" class=\"trace-mobile-link\">Service<\/a>\n    <a href=\"https:\/\/traceebetsu.com\/?page_id=30\" class=\"trace-mobile-link\">Company<\/a>\n    <a href=\"https:\/\/traceebetsu.com\/?page_id=52\" class=\"trace-mobile-btn\">CONTACT<\/a>\n  <\/nav>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const header = document.getElementById('traceHeader');\n  const burgerBtn = document.getElementById('burgerBtn');\n  const mobileMenu = document.getElementById('mobileMenu');\n  const mobileLinks = document.querySelectorAll('.trace-mobile-link, .trace-mobile-btn');\n\n  \/\/ 1. \u30b9\u30af\u30ed\u30fc\u30eb\u9023\u52d5\u80cc\u666f\u5207\u308a\u66ff\u3048\uff08\u900f\u660e \u21d4 \u30b0\u30e9\u30b9\u30e2\u30fc\u30d5\u30a3\u30ba\u30e0\u534a\u900f\u660e\u9ed2\uff09\n  window.addEventListener('scroll', function() {\n    if (window.scrollY > 50) {\n      header.classList.add('scrolled');\n    } else {\n      header.classList.remove('scrolled');\n    }\n  });\n\n  \/\/ \u521d\u671f\u30ed\u30fc\u30c9\u6642\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u30c1\u30a7\u30c3\u30af\n  if (window.scrollY > 50) {\n    header.classList.add('scrolled');\n  }\n\n  \/\/ 2. \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u958b\u9589\u30ed\u30b8\u30c3\u30af\n  burgerBtn.addEventListener('click', function() {\n    const isOpen = burgerBtn.classList.toggle('active');\n    mobileMenu.classList.toggle('active');\n    \n    \/\/ \u30e1\u30cb\u30e5\u30fc\u8868\u793a\u4e2d\u306f\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u9632\u6b62\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/\/ \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u30ea\u30f3\u30af\u30af\u30ea\u30c3\u30af\u6642\u306b\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b\n  mobileLinks.forEach(link => {\n    link.addEventListener('click', function() {\n      burgerBtn.classList.remove('active');\n      mobileMenu.classList.remove('active');\n      document.body.style.overflow = '';\n    });\n  });\n});\n<\/script>\n\n<style>\n\/* --- \u30d8\u30c3\u30c0\u30fc\u5171\u901a\u30b9\u30bf\u30a4\u30eb --- *\/\n.trace-header {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 80px; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u9ad8\u3055 *\/\n  display: flex;\n  align-items: center;\n  background-color: transparent; \/* \u521d\u671f\u72b6\u614b\u306f\u900f\u660e *\/\n  box-sizing: border-box;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: 10001; \/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u3088\u308a\u4e0a\u306b\u914d\u7f6e\u3057\u3066\u30af\u30ea\u30c3\u30af\u3092\u6709\u52b9\u306b\u3059\u308b *\/\n}\n\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306e\u30b9\u30bf\u30a4\u30eb\uff08\u534a\u900f\u660e\u9ed2 \uff0b \u30b0\u30e9\u30b9\u30e2\u30fc\u30d5\u30a3\u30ba\u30e0\uff09 *\/\n.trace-header.scrolled {\n  background-color: rgba(0, 0, 0, 0.7); \/* \u534a\u900f\u660e\u306e\u9ed2 *\/\n  backdrop-filter: blur(12px); \/* \u3059\u308a\u30ac\u30e9\u30b9\u52b9\u679c *\/\n  -webkit-backdrop-filter: blur(12px);\n  height: 70px; \/* \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306f\u5c11\u3057\u9ad8\u3055\u3092\u8584\u304f\u3057\u3066\u30b9\u30de\u30fc\u30c8\u306b *\/\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08); \/* \u50c5\u304b\u306a\u5883\u754c\u7dda *\/\n}\n\n\/* \u30d8\u30c3\u30c0\u30fc\u30a4\u30f3\u30ca\u30fc\u30b3\u30f3\u30c6\u30ca *\/\n.trace-header-container {\n  max-width: 1300px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 0 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n\/* \u30ed\u30b4 *\/\n.trace-header-logo {\n  display: flex;\n  align-items: center;\n}\n\n.trace-logo-link {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", sans-serif;\n  font-size: 1.6rem;\n  font-weight: 900;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  letter-spacing: 0.08em;\n  line-height: 1;\n}\n\n\/* \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\uff08PC\u7528\uff09 *\/\n.trace-header-nav {\n  display: flex;\n  gap: 36px;\n  align-items: center;\n}\n\n.trace-nav-link {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85) !important;\n  text-decoration: none !important;\n  letter-spacing: 0.03em;\n  transition: color 0.3s ease;\n  position: relative;\n  padding: 6px 0;\n}\n\n\/* \u30db\u30d0\u30fc\u6642\u306e\u4e0b\u7dda\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.trace-nav-link::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background-color: #deff9a; \/* \u30e9\u30a4\u30e0\u30b0\u30ea\u30fc\u30f3 *\/\n  transform: scaleX(0);\n  transform-origin: right;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.trace-nav-link:hover {\n  color: #ffffff !important;\n}\n\n.trace-nav-link:hover::after {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n\/* \u30b3\u30f3\u30bf\u30af\u30c8\u30dc\u30bf\u30f3\uff08PC\u7528\uff09 *\/\n.trace-header-action {\n  display: flex;\n  align-items: center;\n}\n\n.trace-contact-btn {\n  display: inline-block;\n  padding: 10px 24px;\n  background-color: #deff9a; \/* \u30e9\u30a4\u30e0\u30b0\u30ea\u30fc\u30f3 *\/\n  color: #0f172a !important; \/* \u9ed2\u6587\u5b57 *\/\n  font-size: 0.85rem;\n  font-weight: 700;\n  text-decoration: none !important;\n  border-radius: 20px;\n  letter-spacing: 0.05em;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: 0 4px 15px rgba(222, 255, 154, 0.1);\n}\n\n.trace-contact-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(222, 255, 154, 0.25);\n  background-color: #ffffff;\n  color: #0f172a !important;\n}\n\n\/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u30dc\u30bf\u30f3\uff08\u30b9\u30de\u30db\u7528\uff09 *\/\n.trace-burger-btn {\n  display: none; \/* \u30c7\u30d5\u30a9\u30eb\u30c8\u975e\u8868\u793a *\/\n  flex-direction: column;\n  justify-content: space-between;\n  width: 26px;\n  height: 18px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  z-index: 10001; \/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u3088\u308a\u4e0a\u306b\u914d\u7f6e *\/\n}\n\n.burger-line {\n  width: 100%;\n  height: 2px;\n  background-color: #ffffff;\n  transition: all 0.3s ease;\n  border-radius: 2px;\n}\n\n\/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u306e\u30a2\u30af\u30c6\u30a3\u30d6\uff08\u30d0\u30c4\u5370\uff09\u5909\u5f62 *\/\n.trace-burger-btn.active .burger-line:nth-child(1) {\n  transform: translateY(8px) rotate(45deg);\n}\n\n.trace-burger-btn.active .burger-line:nth-child(2) {\n  opacity: 0;\n}\n\n.trace-burger-btn.active .burger-line:nth-child(3) {\n  transform: translateY(-8px) rotate(-45deg);\n}\n\n\/* --- \u30e2\u30d0\u30a4\u30eb\u7528\u30e1\u30cb\u30e5\u30fc\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 --- *\/\n.trace-mobile-menu {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(15, 23, 42, 0.98); \/* \u975e\u5e38\u306b\u6df1\u3044\u7d3a\/\u9ed2 *\/\n  z-index: 10000;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.trace-mobile-menu.active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.trace-mobile-nav {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 32px;\n  width: 100%;\n}\n\n.trace-mobile-link {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #ffffff !important;\n  text-decoration: none !important;\n  letter-spacing: 0.05em;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* \u30e1\u30cb\u30e5\u30fc\u5c55\u958b\u6642\u306e\u6642\u9593\u5dee\u51fa\u73fe\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.trace-mobile-menu.active .trace-mobile-link:nth-child(1) {\n  opacity: 1; transform: translateY(0); transition-delay: 0.1s;\n}\n.trace-mobile-menu.active .trace-mobile-link:nth-child(2) {\n  opacity: 1; transform: translateY(0); transition-delay: 0.2s;\n}\n.trace-mobile-menu.active .trace-mobile-link:nth-child(3) {\n  opacity: 1; transform: translateY(0); transition-delay: 0.3s;\n}\n.trace-mobile-menu.active .trace-mobile-btn {\n  opacity: 1; transform: translateY(0); transition-delay: 0.4s;\n}\n\n.trace-mobile-btn {\n  display: inline-block;\n  padding: 14px 48px;\n  background-color: #deff9a;\n  color: #0f172a !important;\n  font-size: 1.1rem;\n  font-weight: 700;\n  text-decoration: none !important;\n  border-radius: 30px;\n  letter-spacing: 0.08em;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  margin-top: 10px;\n}\n\n\/* --- \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc (768px\u4ee5\u4e0b) --- *\/\n@media (max-width: 768px) {\n  .trace-header {\n    height: 65px; \/* \u30b9\u30de\u30db\u3067\u306f\u30d8\u30c3\u30c0\u30fc\u9ad8\u3055\u3092\u5c11\u3057\u4f4e\u304f *\/\n  }\n  \n  .trace-header.scrolled {\n    height: 60px;\n  }\n  \n  .trace-header-nav,\n  .trace-header-action {\n    display: none; \/* \u30b9\u30de\u30db\u3067\u306f\u30ca\u30d3\u3068\u30a2\u30af\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3\u3092\u975e\u8868\u793a *\/\n  }\n  \n  .trace-burger-btn {\n    display: flex; \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30dc\u30bf\u30f3\u3092\u8868\u793a *\/\n  }\n}\n<\/style>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<!-- \u96a0\u3057\u30c7\u30fc\u30bf\u30b9\u30c8\u30a2 (\u753b\u50cf\u30d1\u30b9\u3092\u76f8\u5bfe\u30d1\u30b9\u306b\u4fee\u6b63\u3057\u3066\u30c9\u30e1\u30a4\u30f3\u4f9d\u5b58\u30a8\u30e9\u30fc\u3092\u89e3\u6c7a) -->\n<div id=\"traceServiceDataStore\" data-initial-id=\"1\" style=\"display:none;\">\n  <div data-id=\"1\" \n       data-title=\"\u8cb7\u53d6\u5c02\u9580\u304b\u3044\u3068\u308b\u3069\u3046\" \n       data-subtitle=\"\u30ea\u30e6\u30fc\u30b9\u30fb\u30ea\u30da\u30a2\u4e8b\u696d\" \n       data-desc=\"\u6c5f\u5225\u5e02\u5185\u306b\u5c55\u958b\u3059\u308b\u5730\u57df\u5bc6\u7740\u578b\u306e\u8cb7\u53d6\u5c02\u9580\u5e97\u3002\u91d1\u30fb\u30d7\u30e9\u30c1\u30ca\u30fb\u8cb4\u91d1\u5c5e\u3001\u30d6\u30e9\u30f3\u30c9\u54c1\u304b\u3089\u65e5\u7528\u54c1\u307e\u3067\u3001\u78ba\u304b\u306a\u67fb\u5b9a\u529b\u3068\u72ec\u81ea\u306e\u8c4a\u5bcc\u306a\u8ca9\u8def\u3092\u6d3b\u304b\u3057\u3001\u304a\u5ba2\u69d8\u306e\u5927\u5207\u306a\u54c1\u7269\u3092\u9ad8\u4fa1\u8cb7\u53d6\u3044\u305f\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\u516c\u5f0fWEB\u30b5\u30a4\u30c8\u3092\u898b\u308b\" \n       data-btn-url=\"https:\/\/kaitorudo.jp\/\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/S__259612681_0\u306e\u30b3\u30d4\u30fc.jpg\"><\/div>\n  <div data-id=\"2\" \n       data-title=\"\u696d\u8005\u5411\u3051\u30d5\u30ea\u30de\u51fa\u54c1\u4ee3\u884c\u30c6\u30d0\u30ca\u30b9\" \n       data-subtitle=\"\u30ea\u30e6\u30fc\u30b9\u30fb\u30ea\u30da\u30a2\u4e8b\u696d\" \n       data-desc=\"\u53e4\u7269\u5546\u306e\u30ce\u30a6\u30cf\u30a6\u3092\u51dd\u7e2e\u3057\u305f\u3001\u696d\u8005\u69d8\u5411\u3051\u306e\u30d5\u30ea\u30de\u30a2\u30d7\u30ea\u51fa\u54c1\u30fb\u767a\u9001\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3002\u64ae\u5f71\u3001\u51fa\u54c1\u3001\u9867\u5ba2\u5bfe\u5fdc\u3001\u68b1\u5305\u30fb\u767a\u9001\u307e\u3067\u306e\u9762\u5012\u306a\u696d\u52d9\u3092\u3059\u3079\u3066\u4e38\u6295\u3052\u3067\u304d\u3001\u4f01\u696d\u306e\u5728\u5eab\u56de\u8ee2\u7387\u306e\u6700\u5927\u5316\u3068\u696d\u52d9\u52b9\u7387\u5316\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\u30b5\u30a4\u30c8\u3092\u898b\u308b\" \n       data-btn-url=\"https:\/\/pink509708.studio.site\/\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/HP\u7528.jpg\"><\/div>\n  <div data-id=\"3\" \n       data-title=\"\u30ec\u30b6\u30fc\u30ea\u30da\u30a2\u30b7\u30e7\u30c3\u30d7\u6c5f\u5225\" \n       data-subtitle=\"\u30ea\u30e6\u30fc\u30b9\u30fb\u30ea\u30da\u30a2\u4e8b\u696d\" \n       data-desc=\"\u5927\u5207\u306a\u9769\u88fd\u54c1\uff08\u30d0\u30c3\u30b0\u3001\u8ca1\u5e03\u3001\u9774\u3001\u30ec\u30b6\u30fc\u30b8\u30e3\u30b1\u30c3\u30c8\u306a\u3069\uff09\u306e\u50b7\u3001\u64e6\u308c\u3001\u8272\u892a\u305b\u3001\u7834\u308c\u3092\u719f\u7df4\u306e\u6280\u8853\u3067\u4e01\u5be7\u306b\u4fee\u5fa9\u30fb\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3044\u305f\u3057\u307e\u3059\u3002\u8077\u4eba\u306e\u624b\u306b\u3088\u3063\u3066\u3001\u601d\u3044\u51fa\u306e\u8a70\u307e\u3063\u305f\u54c1\u306b\u518d\u3073\u7f8e\u3057\u3044\u8f1d\u304d\u3092\u5439\u304d\u8fbc\u307f\u307e\u3059\u3002\" \n       data-btn-text=\"\u30ec\u30b6\u30fc\u30ea\u30da\u30a2\u8a73\u7d30\u3092\u898b\u308b\" \n       data-btn-url=\"https:\/\/sites.google.com\/view\/leather-repair-ebetsu\/%E3%83%9B%E3%83%BC%E3%83%A0?authuser=0\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/HP\u7528-1.jpg\"><\/div>\n  <div data-id=\"4\" \n       data-title=\"\u30c7\u30b6\u30a4\u30f3\u4e8b\u696d (TRACE DESIGN)\" \n       data-subtitle=\"\u30c7\u30b8\u30bf\u30eb\u30fb\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u4e8b\u696d\" \n       data-desc=\"\u30ed\u30b4\u3001\u540d\u523a\u3001\u30c1\u30e9\u30b7\u3001\u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\u3068\u3044\u3063\u305f\u5404\u7a2e\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u304b\u3089\u3001\u4f01\u696d\u306e\u9854\u3068\u306a\u308b\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3001\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\uff08LP\uff09\u5236\u4f5c\u3001\u3055\u3089\u306b\u306f\u30aa\u30ea\u30b8\u30ca\u30eb\u30e6\u30cb\u30d5\u30a9\u30fc\u30e0\u306e\u5236\u4f5c\u307e\u3067\u5bfe\u5fdc\u3002\u4f01\u696d\u3084\u5e97\u8217\u306e\u300c\u3089\u3057\u3055\u300d\u3068\u9b45\u529b\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\u30c7\u30b6\u30a4\u30f3\u5236\u4f5c\u5b9f\u7e3e\u30fb\u8a73\u7d30\u3092\u898b\u308b\" \n       data-btn-url=\"https:\/\/tracedesign.studio.site\/\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2026-07-04-17.17.13-scaled.png\"><\/div>\n  <div data-id=\"5\" \n       data-title=\"DX\u30fbIT\u30fbAI\u5c0e\u5165\u652f\u63f4\" \n       data-subtitle=\"\u30c7\u30b8\u30bf\u30eb\u30fb\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u4e8b\u696d\" \n       data-desc=\"\u4e2d\u5c0f\u4f01\u696d\u3084\u500b\u4eba\u5546\u5e97\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u3092\u30c7\u30b8\u30bf\u30eb\u5316\u3002\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u305f\u793e\u5185\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u69cb\u7bc9\u304b\u3089\u3001\u751f\u6210AI\u3092\u6d3b\u7528\u3057\u305f\u52d5\u753b\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u5236\u4f5c\u306e\u5185\u88fd\u5316\u652f\u63f4\u307e\u3067\u3001\u73fe\u5834\u3067\u300c\u672c\u5f53\u306b\u4f7f\u3048\u308b\u300d\u6700\u65b0\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306e\u5c0e\u5165\u3092\u5fb9\u5e95\u7684\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\" \n       data-btn-url=\"http:\/\/traceebetsu.com.testrs.jp\/test\/?page_id=52\" \n       data-img=\"https:\/\/images.unsplash.com\/photo-1517694712202-14dd9538aa97?auto=format&#038;fit=crop&#038;w=800&#038;q=80\"><\/div>\n  <div data-id=\"6\" \n       data-title=\"\u9664\u96ea\u4e8b\u696d\" \n       data-subtitle=\"\u5730\u57df\u30a4\u30f3\u30d5\u30e9\u30fb\u8acb\u8ca0\u4e8b\u696d\" \n       data-desc=\"\u51ac\u5b63\u306e\u6c5f\u5225\u306e\u66ae\u3089\u3057\u3068\u5b89\u5168\u3092\u5b88\u308b\u3001\u5730\u57df\u306e\u983c\u308c\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3002\u624b\u4f5c\u696d\u306b\u3088\u308b\u7e4a\u7d30\u306a\u5c4b\u6839\u306e\u96ea\u4e0b\u308d\u3057\u3084\u96ea\u5e87\uff08\u305b\u3063\u3074\uff09\u9664\u53bb\u304b\u3089\u3001\u5c0f\u578b\u30fb\u5927\u578b\u91cd\u6a5f\u3092\u99c6\u4f7f\u3057\u305f\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u9593\u53e3\u958b\u3051\u307e\u3067\u3001\u7a4d\u96ea\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u8fc5\u901f\u30fb\u78ba\u5b9f\u306b\u7a3c\u50cd\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\" \n       data-btn-url=\"\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/AdobeStock_474639079-scaled.jpeg\"><\/div>\n  <div data-id=\"7\" \n       data-title=\"\u8acb\u8ca0\u4e8b\u696d\" \n       data-subtitle=\"\u5730\u57df\u30a4\u30f3\u30d5\u30e9\u30fb\u8acb\u8ca0\u4e8b\u696d\" \n       data-desc=\"\u82e5\u624b\u306a\u3089\u3067\u306f\u306e\u5727\u5012\u7684\u306a\u4f53\u529b\u3068\u30d5\u30c3\u30c8\u30ef\u30fc\u30af\u306e\u8efd\u3055\u3092\u6d3b\u304b\u3057\u3001\u3042\u3089\u3086\u308b\u73fe\u5834\u306e\u5b9f\u50cd\u3092\u30b5\u30dd\u30fc\u30c8\u3002\u8cc7\u6750\u306e\u8377\u63da\u3052\u3001\u30a4\u30d9\u30f3\u30c8\u4f1a\u5834\u306e\u8a2d\u55b6\u30fb\u64a4\u53bb\u3001\u30aa\u30d5\u30a3\u30b9\u79fb\u8ee2\u3001\u8efd\u914d\u9001\u306a\u3069\u3001\u6025\u306a\u4eba\u54e1\u4e0d\u8db3\u3084\u30b9\u30dd\u30c3\u30c8\u306e\u73fe\u5834\u306b\u3082\u6a5f\u654f\u306b\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002\" \n       data-btn-text=\"\" \n       data-btn-url=\"\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/27870766_s.jpg\"><\/div>\n  <div data-id=\"8\" \n       data-title=\"cafe &#038; bar TRACE\" \n       data-subtitle=\"\u98f2\u98df\u4e8b\u696d\" \n       data-desc=\"2019\u5e74\u3001\u5f53\u664222\u6b73\u306e\u540c\u7d1a\u751f3\u4eba\u3067\u7acb\u3061\u4e0a\u3052\u305fTRACE\u306e\u539f\u70b9\u3002\u6c5f\u5225\u5e02\u91ce\u5e4c\u753a\u306b\u3066\u3001\u5730\u57df\u306e\u82e5\u8005\u3084\u4eba\u3005\u304c\u81ea\u7136\u3068\u96c6\u307e\u308a\u3001\u65b0\u3057\u3044\u7e4b\u304c\u308a\u3084\u30a2\u30a4\u30c7\u30a2\u304c\u65e5\u5e38\u7684\u306b\u751f\u307e\u308c\u308b\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u306e\u5834\u3068\u3057\u3066\u3001\u4eca\u306a\u304a\u5927\u5207\u306b\u904b\u55b6\u3092\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002\" \n       data-btn-text=\"\" \n       data-btn-url=\"\" \n       data-img=\"\/wp-content\/uploads\/2026\/07\/AdobeStock_247411197-scaled.jpeg\"><\/div>\n<\/div>\n\n<!-- ==========================================\n     \u30e1\u30a4\u30f3\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30bb\u30af\u30b7\u30e7\u30f3 (1\u753b\u9762\u56fa\u5b9a\u578b)\n     ========================================== -->\n<section class=\"trace-service-detail-interactive\">\n  <div class=\"trace-interactive-container\">\n    \n    <!-- \u5de6\u30ab\u30e9\u30e0\uff1a\u30b3\u30f3\u30c6\u30f3\u30c4\u8a73\u7d30\u8868\u793a\u30a8\u30ea\u30a2 (\u30b3\u30af\u30d4\u30c3\u30c8\u98a8) -->\n    <div class=\"trace-interactive-left\" id=\"traceInteractiveDetail\">\n      \n      <!-- \u672a\u9078\u629e\u6642\u306e\u6848\u5185 -->\n      <div class=\"trace-int-placeholder\">\n        <i class=\"fa-solid fa-hand-pointer placeholder-icon\"><\/i>\n        <p>SELECT A SERVICE<\/p>\n        <span>\u53f3\u5074\u306e\u30c7\u30b8\u30bf\u30eb\u30b5\u30fc\u30af\u30eb\u304b\u3089<br>\u77e5\u308a\u305f\u3044\u4e8b\u696d\u3092\u30bf\u30c3\u30d7\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n      <\/div>\n\n      <!-- \u30c7\u30fc\u30bf\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u8868\u793a\u90e8 -->\n      <div class=\"trace-int-body\">\n        \n        <!-- \u4e8b\u696d\u30a4\u30e1\u30fc\u30b8\u67a0 (\u6bd4\u7387\u30924:3\u306b\u6700\u9069\u5316) -->\n        <div class=\"trace-int-image-wrapper\">\n          <img decoding=\"async\" src=\"\" alt=\"Service Image\" class=\"trace-int-img\">\n        <\/div>\n\n        <span class=\"trace-int-sub\"><\/span>\n        <h2 class=\"trace-int-title\"><\/h2>\n        \n        <p class=\"trace-int-desc\"><\/p>\n        \n        <a href=\"\" target=\"_blank\" rel=\"noopener\" class=\"trace-int-btn\"><\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u53f3\u30ab\u30e9\u30e0\uff1a3D\u30b5\u30fc\u30af\u30eb\u8ecc\u9053 \uff06 \u6d6e\u904a\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 -->\n    <div class=\"trace-interactive-right\">\n      \n      <!-- \u5b87\u5b99\u7a7a\u9593\u306e3D\u8ecc\u9053\u30ac\u30a4\u30c9\u7dda -->\n      <div class=\"trace-space-orbit\">\n        <div class=\"trace-orbit-ring ring-1\"><\/div>\n        <div class=\"trace-orbit-ring ring-2\"><\/div>\n      <\/div>\n\n      <!-- \u30bb\u30f3\u30bf\u30fc\u30ed\u30b4\u88c5\u98fe -->\n      <div class=\"trace-center-core\">\n        <div class=\"trace-core-glow\"><\/div>\n        <svg viewBox=\"0 0 213.52 270.26\" class=\"trace-core-svg\">\n          <path fill=\"rgba(222, 255, 154, 0.12)\" d=\"M69.61,210.88c-3.15.13-7.81.12-11.3.54-5.63.95-9.1,6.08-11.35,10.87-2.01,5.47-.3,11.55,2.9,16.11,2.69,3.57,4.59,8.65,9.08,10.15,4.72,1.59,11.84,2.2,17.3,1.28,3.35-1.01,7.95-3.21,9.82-5.81,1.75-2.53.47-5.77.31-9.03-.19-2.42.35-4.85,1.29-7.06,1.29-3.38,2.73-9.31,1.71-12.83-2.99-5.93-13.92-3.88-19.59-4.21h-.17Z M139.71,221.45c-2.41-.47-4.88-.72-7.29-1.12-7.12-1.29-13.1-6.61-20.04-8.65-3.32-1,5.79-.21-7.36,2.98-2.52,4.24-1.44,9.41-1.48,14.06.05,6.26-2.53,11.78-2.47,17.89.71,7.14,7.64,11.79,14.52,11.06,4.07-.37,9.36-.54,13.88-1.42,3.78-.83,5.91-3.3,7.63-6.89,1.26-2.96,2.11-6.07,4.53-8.34,2.51-2.56,6.35-4.66,7.34-8.27,1.22-6.02-3.25-10.77-9.06-11.26l-.2-.04Z M86.13,152.19c-5.69-10.98-12.24-22.74-16.83-34.67-1.91-4.81-4.31-9.36-5.64-14.42-1.04-4.88-1.3-9.74-.15-14.54,2.65-9.53,5.95-18.68,9.29-27.88,2.36-6.72,5.94-14.3,6.56-21.57.24-2.73-.72-2.72-2.49-.92-1.63,1.62-3.66,3.91-5.41,5.78-3.35,3.73-7.26,7.21-11.35,10.51-7.49,6.28-15.48,13.43-22.13,20.59-2.72,3.3-4.42,7.63-6.09,11.54-1.27,3.13-.83,6.08-.07,9.28,2.9,10.71.86,18.11-2.86,28.14-3.07,9.59-6.69,18.89-8.81,28.79-.74,4.86-2.75,11.06-2.72,16.03.3,2.62,1.98,4.91,3.41,7.17,2.73,4.47,6.76,7.59,10.94,10.64,5.43,3.86,11.47,9.37,17.73,12.36,5.28,2.27,9.6,5.78,15.49,5.39,3.54-.13,7.75-.3,11.41-.46,3.7-.17,7.04-.16,9.59-1.69,2.05-1.11,4.01-2.4,5.85-3.87,2.82-2.31,5.23-5.18,6.02-8.76.85-4.49-.09-10.1-1.27-14.65-3.01-7.36-7.3-15.93-10.41-22.67l-.06-.11Z M192.86,113.75c-1.23-2.72-3.63-5.92-5.38-8.7-3.12-4.82-5.81-8.9-9.26-13.38-4.03-5.82-8.81-10.72-11.73-17.15-1.78-4.02-3.85-8.22-5.39-12.26-1.81-5.45-4.14-13.17-5.91-18.76-1.35-5.34-5-8.15-8.39-12.06-3.78-4.15-10.08-5.92-15.02-8.59-6.54-2.81-12.91-7.48-20.42-7.34-1.32-.02-5.24-.34-3.63,1.49,2.39,2.92,8.65,6.41,10.52,10.57,2.81,7.86,5.13,15.47,6.89,23.84.95,4.91,2.59,9.85,2.92,14.72-.1,7.32-.61,15.53-.87,23.04-.58,13.71-1.18,28.06-1.87,41.97-.08,5.8-2.09,9.92-3.72,15.21-1.43,4.31-2.47,7.47-3.86,11.66-1.05,3.21-2.1,6.64-3.94,8.99-8.99,10.4-19.24,26.4-1.01,33.68,5.23,2.35,11.09,5.01,16.12,7.27,4.07,1.64,8.03,4.42,12.59,3.7,4.18-.45,13.12-1.47,17.28-1.95,2.71-.19,4.53-1.18,6.46-3.21,2.43-2.33,5.54-5.23,8.1-7.68,1.21-1.13,2.39-2.27,3.56-3.38,4.21-3.46,4.68-8.12,6.7-12.84,3.24-9.15,7.03-18.02,9.89-27.29,1.03-5.18,1.86-12.23,2.75-17.63.59-3.12.55-5.67-.13-8.69-1.09-4.84-1.76-10.72-3.21-15.13l-.05-.12Z\"\/>\n        <\/svg>\n      <\/div>\n\n      <!-- 8\u500b\u306e\u6d6e\u904a\u5186\u5f62\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30dc\u30bf\u30f3 -->\n      <div class=\"trace-floating-wrapper\">\n        <button class=\"trace-floating-icon\" data-service-id=\"1\">\n          <i class=\"fa-solid fa-box\"><\/i>\n          <span>\u8cb7\u53d6<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"2\">\n          <i class=\"fa-solid fa-truck\"><\/i>\n          <span>\u30c6\u30d0\u30ca\u30b9<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"3\">\n          <i class=\"fa-solid fa-shoe-prints\"><\/i>\n          <span>\u30ea\u30da\u30a2<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"4\">\n          <i class=\"fa-solid fa-palette\"><\/i>\n          <span>\u30c7\u30b6\u30a4\u30f3<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"5\">\n          <i class=\"fa-solid fa-microchip\"><\/i>\n          <span>DX\u30fbAI<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"6\">\n          <i class=\"fa-solid fa-snowflake\"><\/i>\n          <span>\u9664\u96ea<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"7\">\n          <i class=\"fa-solid fa-handshake\"><\/i>\n          <span>\u8acb\u8ca0<\/span>\n        <\/button>\n        <button class=\"trace-floating-icon\" data-service-id=\"8\">\n          <i class=\"fa-solid fa-mug-hot\"><\/i>\n          <span>\u98f2\u98df<\/span>\n        <\/button>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ==========================================\n     \u30b5\u30fc\u30d3\u30b9\u8a73\u7d30\u5c02\u7528\u30c7\u30b6\u30a4\u30f3\u30b9\u30bf\u30a4\u30eb (CSS)\n     ========================================== -->\n<style>\n\/* --- \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\u8a2d\u5b9a (1\u753b\u9762\u56fa\u5b9a\u578b) --- *\/\n.trace-service-detail-interactive {\n  background-color: #0f172a;\n  color: #f8fafc;\n  width: 100%;\n  height: 100vh;\n  min-height: 700px;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.trace-interactive-container {\n  max-width: 1250px;\n  width: 100%;\n  height: 90%;\n  margin: 0 auto;\n  display: flex;\n  padding: 0 40px;\n  gap: 60px;\n  box-sizing: border-box;\n}\n\n\/* --- \u5de6\u30ab\u30e9\u30e0\uff1a\u8a73\u7d30\u8868\u793a (\u30b3\u30af\u30d4\u30c3\u30c8\u98a8\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4) --- *\/\n.trace-interactive-left {\n  flex: 1.1;\n  background-color: rgba(30, 41, 59, 0.45);\n  border: 1px solid rgba(255, 255, 255, 0.05);\n  border-radius: 24px;\n  padding: 48px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  backdrop-filter: blur(16px);\n  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);\n}\n\n.trace-interactive-left::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle at 10% 10%, rgba(222, 255, 154, 0.05) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n\/* \u672a\u9078\u629e\u6848\u5185 *\/\n.trace-int-placeholder {\n  text-align: center;\n  color: #64748b;\n}\n\n.placeholder-icon {\n  font-size: 3rem;\n  color: #deff9a;\n  margin-bottom: 24px;\n  animation: pulse 2s infinite ease-in-out;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: 0.7; }\n  50% { transform: scale(1.1); opacity: 1; }\n}\n\n.trace-int-placeholder p {\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: #94a3b8;\n  margin: 0 0 10px 0;\n  letter-spacing: 0.1em;\n}\n\n.trace-int-placeholder span {\n  font-size: 0.9rem;\n  line-height: 1.6;\n}\n\n\/* \u8a73\u7d30\u30b3\u30f3\u30c6\u30f3\u30c4\u672c\u4f53 (\u5207\u308a\u66ff\u3048\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3) *\/\n.trace-int-body {\n  display: none;\n  opacity: 0;\n  transform: translateY(20px);\n  filter: blur(8px);\n  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n              filter 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.trace-int-body.active {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\/* \u753b\u50cf\u30d7\u30ec\u30d3\u30e5\u30fc (\u6bd4\u7387\u3092\u4e00\u822c\u7684\u306a4:3\u306b\u8a2d\u5b9a) *\/\n.trace-int-image-wrapper {\n  width: 100%;\n  aspect-ratio: 4 \/ 3; \/* \u6a2a4\uff1a\u7e263\u306e\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\u306b\u4fee\u6b63 *\/\n  border-radius: 16px;\n  overflow: hidden;\n  margin-bottom: 28px;\n  box-shadow: 0 15px 30px rgba(0,0,0,0.25);\n  border: 1px solid rgba(255,255,255,0.06);\n}\n\n.trace-int-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.trace-int-sub {\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: #deff9a;\n  letter-spacing: 0.08em;\n  display: block;\n  margin-bottom: 8px;\n}\n\n.trace-int-title {\n  font-size: clamp(1.4rem, 2.5vw, 2rem);\n  font-weight: 800;\n  color: #f8fafc;\n  margin: 0 0 16px 0;\n  line-height: 1.3;\n}\n\n.trace-int-desc {\n  font-size: 0.95rem;\n  line-height: 1.8;\n  color: #cbd5e1;\n  margin: 0 0 28px 0;\n  text-align: justify;\n}\n\n.trace-int-btn {\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 32px;\n  background-color: #deff9a;\n  color: #0f172a !important;\n  text-decoration: none !important;\n  font-weight: 700;\n  border-radius: 30px;\n  font-size: 0.875rem;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: 0 4px 15px rgba(222, 255, 154, 0.1);\n}\n\n.trace-int-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 25px rgba(222, 255, 154, 0.25);\n  opacity: 0.9;\n}\n\n\/* DX\u652f\u63f4\u306e\u30b4\u30fc\u30b9\u30c8\u30dc\u30bf\u30f3 *\/\n.trace-int-btn.btn-ghost {\n  background-color: transparent;\n  color: #f8fafc !important;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  box-shadow: none;\n}\n\n.trace-int-btn.btn-ghost:hover {\n  border-color: #deff9a;\n  color: #deff9a !important;\n  background-color: rgba(222, 255, 154, 0.05);\n}\n\n\/* --- \u53f3\u30ab\u30e9\u30e0\uff1a3D\u30b5\u30fc\u30af\u30eb \uff06 \u6d6e\u904a\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3 --- *\/\n.trace-interactive-right {\n  flex: 1.2;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  perspective: 1000px;\n}\n\n\/* \u7acb\u4f53\u8ecc\u9053\u30ea\u30f3\u30b0 *\/\n.trace-space-orbit {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  transform: rotateX(58deg) rotateY(-18deg);\n  transform-style: preserve-3d;\n}\n\n.trace-orbit-ring {\n  position: absolute;\n  border-radius: 50%;\n  border: 1px dashed rgba(255, 255, 255, 0.06);\n}\n\n.trace-orbit-ring.ring-1 {\n  width: min(440px, 36vw);\n  height: min(440px, 36vw);\n}\n\n.trace-orbit-ring.ring-2 {\n  width: min(280px, 23vw);\n  height: min(280px, 23vw);\n  border-style: dotted;\n  opacity: 0.5;\n}\n\n\/* \u30bb\u30f3\u30bf\u30fc\u30ed\u30b4\u30b3\u30a2 *\/\n.trace-center-core {\n  position: absolute;\n  width: 90px;\n  height: 110px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 5;\n  pointer-events: none;\n}\n\n.trace-core-glow {\n  position: absolute;\n  width: 120px;\n  height: 120px;\n  background: radial-gradient(circle, rgba(222, 255, 154, 0.15) 0%, transparent 70%);\n  border-radius: 50%;\n  animation: corePulse 4s infinite ease-in-out;\n}\n\n@keyframes corePulse {\n  0%, 100% { transform: scale(0.9); opacity: 0.6; }\n  50% { transform: scale(1.1); opacity: 1; }\n}\n\n.trace-core-svg {\n  width: 60px;\n  height: 75px;\n  opacity: 0.65;\n}\n\n\/* \u6d6e\u904a\u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30c6\u30ca *\/\n.trace-floating-wrapper {\n  position: absolute;\n  width: min(440px, 36vw);\n  height: min(440px, 36vw);\n  transform-style: preserve-3d;\n}\n\n\/* 8\u3064\u306e\u30dc\u30bf\u30f3\u306e\u5186\u5468\u914d\u7f6e\uff06\u6d6e\u904a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.trace-floating-icon {\n  position: absolute;\n  width: 76px;\n  height: 76px;\n  background-color: #1e293b;\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: 50%;\n  color: #94a3b8;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 10;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n  font-family: inherit;\n  \n  \/* \u4e09\u89d2\u95a2\u6570\u306b\u3088\u308b\u5186\u914d\u7f6e *\/\n  --radius: calc(min(440px, 36vw) \/ 2);\n  left: calc(50% + cos(var(--angle)) * var(--radius));\n  top: calc(50% + sin(var(--angle)) * var(--radius));\n  transform: translate(-50%, -50%) translateZ(0);\n  \n  \/* \u500b\u5225\u306e\u6d6e\u904a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  animation: floatingBounce 5s infinite ease-in-out;\n}\n\n\/* \u5404\u89d2\u5ea6\u306e\u8a2d\u5b9a *\/\n.trace-floating-icon:nth-child(1) { --angle: 0deg; animation-delay: 0s; }\n.trace-floating-icon:nth-child(2) { --angle: 45deg; animation-delay: -0.6s; }\n.trace-floating-icon:nth-child(3) { --angle: 90deg; animation-delay: -1.2s; }\n.trace-floating-icon:nth-child(4) { --angle: 135deg; animation-delay: -1.8s; }\n.trace-floating-icon:nth-child(5) { --angle: 180deg; animation-delay: -2.4s; }\n.trace-floating-icon:nth-child(6) { --angle: 225deg; animation-delay: -3s; }\n.trace-floating-icon:nth-child(7) { --angle: 270deg; animation-delay: -3.6s; }\n.trace-floating-icon:nth-child(8) { --angle: 315deg; animation-delay: -4.2s; }\n\n\/* \u6d6e\u904a\uff08\u6ce2\u6253\u3061\uff09\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n@keyframes floatingBounce {\n  0%, 100% {\n    transform: translate(-50%, -50%) translate3d(0, -6px, 0);\n  }\n  50% {\n    transform: translate(-50%, -50%) translate3d(0, 6px, 0);\n  }\n}\n\n.trace-floating-icon i {\n  font-size: 1.4rem;\n  margin-bottom: 4px;\n  transition: transform 0.4s ease;\n}\n\n.trace-floating-icon span {\n  font-size: 0.65rem;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  display: block;\n}\n\n\/* \u30db\u30d0\u30fc\uff06\u30a2\u30af\u30c6\u30a3\u30d6\u30a8\u30d5\u30a7\u30af\u30c8\uff08\u62e1\u5927\u7387\u30921.3\u500d\u306b\u30a2\u30c3\u30d7\uff09 *\/\n.trace-floating-icon:hover, \n.trace-floating-icon.temp-hover {\n  color: #f8fafc;\n  border-color: #deff9a;\n  background-color: #0f172a;\n  \/* \u30db\u30d0\u30fc\u6642\u306e\u62e1\u5927\u7387\u3092 scale(1.12) \u304b\u3089 scale(1.28) \u306b\u5927\u5e45\u30a2\u30c3\u30d7 *\/\n  transform: translate(-50%, -50%) translate3d(0, -10px, 30px) scale(1.28);\n  box-shadow: 0 0 35px rgba(222, 255, 154, 0.45), 0 15px 30px rgba(0, 0, 0, 0.4);\n  z-index: 25;\n}\n\n.trace-floating-icon:hover i,\n.trace-floating-icon.temp-hover i {\n  transform: scale(1.15);\n}\n\n.trace-floating-icon.active {\n  color: #deff9a;\n  background-color: #0f172a;\n  border-color: #deff9a;\n  box-shadow: 0 0 25px rgba(222, 255, 154, 0.35);\n  transform: translate(-50%, -50%) translate3d(0, -5px, 20px) scale(1.1);\n  z-index: 20;\n}\n\n\/* --- \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 (\u30b9\u30de\u30db\u8868\u793a 768px\u4ee5\u4e0b) --- *\/\n@media (max-width: 768px) {\n  .trace-service-detail-interactive {\n    height: auto;\n    padding: 60px 16px 80px 16px; \/* \u30d5\u30c3\u30bf\u30fc\u3084\u4e0b\u306e\u30a8\u30ea\u30a2\u3068\u306e\u9593\u306b\u3057\u3063\u304b\u308a\u4f59\u767d\u3092\u78ba\u4fdd *\/\n    overflow: visible;\n  }\n\n  .trace-interactive-container {\n    flex-direction: column;\n    height: auto;\n    padding: 0;\n    gap: 40px;\n  }\n\n  \/* \u4e0a\u90e8\uff1a\u8a73\u7d30\u8868\u793a\u30a8\u30ea\u30a2 *\/\n  .trace-interactive-left {\n    padding: 24px;\n    border-radius: 16px;\n    min-height: auto;\n    width: 100%;\n  }\n\n  .trace-int-image-wrapper {\n    aspect-ratio: 4 \/ 3;\n    height: auto;\n    margin-bottom: 20px;\n  }\n\n  .trace-int-title {\n    margin-bottom: 12px;\n  }\n\n  .trace-int-desc {\n    margin-bottom: 20px;\n    font-size: 0.9rem;\n  }\n\n  \/* \u4e0b\u90e8\uff1a\u8ecc\u9053\u30b5\u30fc\u30af\u30eb\u3068\u30b3\u30a2\u306f\u5b8c\u5168\u306b\u975e\u8868\u793a *\/\n  .trace-space-orbit,\n  .trace-center-core {\n    display: none !important;\n  }\n\n  \/* \u4e0b\u90e8\uff1a\u30b9\u30e9\u30a4\u30c0\u30fc\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30a8\u30ea\u30a2 (\u9ad8\u3055\u3092\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u3057\u3001\u306f\u307f\u51fa\u3057\u3092\u89e3\u6d88) *\/\n  .trace-interactive-right {\n    height: 110px;\n    width: 100%;\n    overflow: visible;\n  }\n\n  \/* \u30ab\u30eb\u30fc\u30bb\u30eb\u30e9\u30c3\u30d1\u30fc (\u4e00\u5217\u306e\u6a2a\u30b9\u30e9\u30a4\u30c9\u30b9\u30ca\u30c3\u30d7\u30b3\u30f3\u30c6\u30ca\u306b\u5909\u66f4) *\/\n  .trace-floating-wrapper {\n    position: relative;\n    width: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center;\n    gap: 18px;\n    overflow-x: auto !important;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    \/* \u6700\u521d\u306e\u30dc\u30bf\u30f3\u3068\u6700\u5f8c\u306e\u30dc\u30bf\u30f3\u304c\u753b\u9762\u4e2d\u592e\u306b\u6574\u5217\u3067\u304d\u308b\u3088\u3046\u5de6\u53f3\u306b\u5927\u304d\u306a\u4f59\u767d\u3092\u8a2d\u5b9a (\u30a2\u30a4\u30b3\u30f3\u5e45\u304c76px\u306e\u305f\u3081) *\/\n    padding: 0 calc(50% - 38px) !important;\n    box-sizing: border-box;\n  }\n\n  .trace-floating-wrapper::-webkit-scrollbar {\n    display: none; \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u306f\u5b8c\u5168\u306b\u975e\u8868\u793a *\/\n  }\n\n  \/* \u30a2\u30a4\u30b3\u30f3\u30dc\u30bf\u30f3\u3092\u6a2a\u4e00\u5217\u306b\u4e26\u3079\u3066\u7d76\u5bfe\u914d\u7f6e\u3092\u89e3\u9664 *\/\n  .trace-floating-icon {\n    position: relative !important;\n    left: auto !important;\n    top: auto !important;\n    flex: 0 0 76px !important; \/* \u6a2a\u5e45\u309276px\u3067\u56fa\u5b9a *\/\n    height: 76px !important;\n    transform: translate(0, 0) scale(1) !important;\n    animation: none !important; \/* \u6d6e\u904a\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u64cd\u4f5c\u306e\u90aa\u9b54\u306b\u306a\u308b\u305f\u3081OFF *\/\n    scroll-snap-align: center; \/* \u30b9\u30ef\u30a4\u30d7\u6642\u306b\u5fc5\u305a\u4e2d\u592e\u3067\u30b9\u30ca\u30c3\u30d7\u3059\u308b\u3088\u3046\u306b\u8a2d\u5b9a *\/\n    z-index: 10;\n  }\n\n  \/* \u30b9\u30ef\u30a4\u30d7\u4e2d\u30fb\u307e\u305f\u306f\u30db\u30d0\u30fc\u3055\u308c\u305f\u969b\u306e\u4e2d\u592e\u306e\u30a2\u30af\u30c6\u30a3\u30d6\u30dc\u30bf\u30f3\u306e\u5f37\u8abf *\/\n  .trace-floating-icon:hover,\n  .trace-floating-icon.temp-hover,\n  .trace-floating-icon.active {\n    color: #deff9a;\n    border-color: #deff9a;\n    background-color: #0f172a;\n    transform: scale(1.18) !important; \/* \u4e2d\u592e\u306b\u6765\u305f\u3082\u306e\u30921.18\u500d\u306b\u5f37\u8abf\u8868\u793a *\/\n    box-shadow: 0 0 25px rgba(222, 255, 154, 0.35);\n    z-index: 15;\n  }\n  \n  .trace-floating-icon.active span {\n    color: #deff9a;\n  }\n}\n<\/style>\n\n\n\n<footer class=\"trace-custom-footer\">\n  <div class=\"trace-footer-container\">\n    \n    <!-- \u5de6\u30ab\u30e9\u30e0: Brand Info -->\n    <div class=\"trace-footer-col trace-footer-brand\">\n      <div class=\"trace-footer-logo-area\">\n        <img decoding=\"async\" src=\"https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/TRACE\u30ed\u30b4_\u30dd\u30ea\u30b4\u30f3\u80cc\u666f\u900f\u904e_\u30a2\u30fc\u30c8\u30dc\u30fc\u30c9-1.png\" alt=\"TRACE\u30ed\u30b4\" class=\"trace-footer-logo-img\">\n        <span class=\"trace-footer-logo-text\">TRACE<\/span>\n      <\/div>\n      <p class=\"trace-footer-tagline\">Leave our mark.<\/p>\n      <div class=\"trace-footer-address\">\n        \u3012069-0813<br>\n        \u5317\u6d77\u9053\u6c5f\u5225\u5e02\u91ce\u5e4c\u753a61-18<br>\n        \u7b2c\uff13\u9ad8\u95a2\u30d3\u30eb \uff15\u968e\n      <\/div>\n    <\/div>\n\n    <!-- \u4e2d\u592e\u30ab\u30e9\u30e0: Sitemap -->\n    <div class=\"trace-footer-col\">\n      <h4 class=\"trace-footer-heading\">Navigation<\/h4>\n      <ul class=\"trace-footer-links\">\n        <li><a href=\"https:\/\/traceebetsu.com\/\">TOP<\/a><\/li>\n        <li><a href=\"https:\/\/traceebetsu.com\/?page_id=28\">Service<\/a><\/li>\n        <li><a href=\"https:\/\/traceebetsu.com\/?page_id=30\">Company<\/a><\/li>\n        <li><a href=\"https:\/\/traceebetsu.com\/?page_id=52\">Contact<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- \u53f3\u30ab\u30e9\u30e0: Our Businesses -->\n    <div class=\"trace-footer-col\">\n      <h4 class=\"trace-footer-heading\">Service<\/h4>\n      <ul class=\"trace-footer-services-list\">\n        <li>\u8cb7\u53d6\u5c02\u9580\u304b\u3044\u3068\u308b\u3069\u3046<\/li>\n        <li>\u30d5\u30ea\u30de\u51fa\u54c1\u4ee3\u884c\u300c\u30c6\u30d0\u30ca\u30b9\u300d<\/li>\n        <li>\u8acb\u8ca0\u696d\u30fb\u9664\u96ea\u696d<\/li>\n        <li>\u30c7\u30b6\u30a4\u30f3\u5236\u4f5c<\/li>\n        <li>DX\u30fbIT\u30fbAI\u5c0e\u5165\u652f\u63f4<\/li>\n      <\/ul>\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=28\" class=\"trace-footer-service-btn\">\u4e8b\u696d\u7d39\u4ecb\u30da\u30fc\u30b8\u3092\u898b\u308b \u2192<\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u6700\u4e0b\u90e8: Copyright -->\n  <div class=\"trace-footer-bottom\">\n    <p class=\"trace-copyright\">\u00a9 2026 TRACE LLC. All Rights Reserved.<\/p>\n  <\/div>\n<\/footer>\n\n<style>\n.trace-custom-footer {\n  background-color: #090d16;\n  color: #cccccc;\n  padding: 80px 24px 40px 24px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  border-top: 1px solid #1a1a1a;\n  box-sizing: border-box;\n}\n.trace-footer-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr;\n  gap: 60px;\n}\n.trace-footer-col {\n  display: flex;\n  flex-direction: column;\n}\n.trace-footer-logo-area {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n}\n.trace-footer-logo-img {\n  width: 48px;\n  height: auto;\n  object-fit: contain;\n}\n.trace-footer-logo-text {\n  font-size: 1.8rem;\n  font-weight: 900;\n  color: #f8fafc;\n  letter-spacing: 0.05em;\n  line-height: 1;\n}\n.trace-footer-tagline {\n  font-size: 0.9rem;\n  color: #a3a3a3;\n  margin: 0 0 20px 0;\n  font-weight: 500;\n}\n.trace-footer-address {\n  font-style: normal;\n  font-size: 0.85rem;\n  line-height: 1.6;\n  color: #a3a3a3;\n}\n.trace-footer-heading {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: #f8fafc;\n  margin: 0 0 24px 0;\n  position: relative;\n  padding-bottom: 8px;\n  border-bottom: 2px solid #1a1a1a;\n}\n.trace-footer-heading::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -2px;\n  width: 35px;\n  height: 2px;\n  background-color: #deff9a;\n}\n.trace-footer-links {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.trace-footer-links li a {\n  color: #cccccc !important;\n  text-decoration: none !important;\n  font-size: 0.9rem;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  display: inline-block;\n}\n.trace-footer-links li a:hover {\n  color: #deff9a !important;\n  transform: translateX(4px);\n}\n.trace-footer-services-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 16px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.trace-footer-services-list li {\n  color: #a3a3a3;\n  font-size: 0.9rem;\n}\n.trace-footer-service-btn {\n  display: inline-flex;\n  align-items: center;\n  color: #deff9a !important;\n  text-decoration: none !important;\n  font-size: 0.9rem;\n  font-weight: 700;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  margin-top: 4px;\n}\n.trace-footer-service-btn:hover {\n  color: #ffffff !important;\n  transform: translateX(4px);\n}\n.trace-footer-bottom {\n  max-width: 1200px;\n  margin: 60px auto 0 auto;\n  padding-top: 30px;\n  border-top: 1px solid #1a1a1a;\n  text-align: center;\n}\n.trace-copyright {\n  font-size: 0.8rem;\n  color: #666666;\n  margin: 0;\n}\n@media (max-width: 768px) {\n  .trace-custom-footer {\n    padding: 60px 20px 35px 20px;\n  }\n  .trace-footer-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n  .trace-footer-heading {\n    margin-bottom: 16px;\n  }\n  .trace-footer-bottom {\n    margin-top: 40px;\n    padding-top: 20px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>SELECT A SERVICE \u53f3\u5074\u306e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":10,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}