{"id":5,"date":"2026-07-04T12:36:16","date_gmt":"2026-07-04T03:36:16","guid":{"rendered":"https:\/\/traceebetsu.com\/?page_id=5"},"modified":"2026-07-08T11:44:38","modified_gmt":"2026-07-08T02:44:38","slug":"top","status":"publish","type":"page","link":"https:\/\/traceebetsu.com\/","title":{"rendered":"TOP"},"content":{"rendered":"\n<div id=\"trace-loader\" class=\"trace-loader-overlay\">\n  <!-- \u5207\u308a\u629c\u304d\uff08\u30de\u30b9\u30af\uff09\u7528\u306eSVG\u8981\u7d20 -->\n  <svg viewBox=\"0 0 213.52 270.26\" class=\"loader-mask-svg\" preserveAspectRatio=\"xMidYMid slice\" shape-rendering=\"geometricPrecision\">\n    <defs>\n      <mask id=\"footprint-mask\">\n        <!-- \u767d\u3044\u9577\u65b9\u5f62 -->\n        <rect x=\"-2000\" y=\"-2000\" width=\"6000\" height=\"6000\" fill=\"white\" \/>\n        \n        <!-- \u9ed2\u3044\u8db3\u8de1\uff08\u30de\u30b9\u30af\u7a74\uff09 -->\n        <g id=\"mask-footprint\" fill=\"black\">\n          <path 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\"\/>\n          <path d=\"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\"\/>\n          <path d=\"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\"\/>\n          <path d=\"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        <\/g>\n      <\/mask>\n    <\/defs>\n    <rect x=\"-2000\" y=\"-2000\" width=\"6000\" height=\"6000\" fill=\"#090d16\" mask=\"url(#footprint-mask)\" \/>\n  <\/svg>\n  <div class=\"loader-brand-wrapper\" id=\"loaderBrand\">\n    <div class=\"loader-logo-group\">\n      <img decoding=\"async\" src=\"https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/cropped-TRACE\u30ed\u30b4_\u30dd\u30ea\u30b4\u30f3\u80cc\u666f\u900f\u904e_\u30a2\u30fc\u30c8\u30dc\u30fc\u30c9-1.png\" alt=\"TRACE Logo\" class=\"loader-logo-img\">\n      <span class=\"loader-logo-text\">TRACE<\/span>\n    <\/div>\n    <span class=\"loader-divider\"><\/span>\n    <span class=\"loader-tagline\">Leave our mark.<\/span>\n  <\/div>\n<\/div>\n\n<div class=\"fv-hero-container\">\n  <video id=\"fv-video-1\" class=\"fv-hero-video active\" muted playsinline><\/video>\n  <video id=\"fv-video-2\" class=\"fv-hero-video\" muted playsinline><\/video>\n  <div id=\"fv-overlay\" class=\"fv-hero-overlay\"><\/div>\n  <div class=\"fv-hero-content\">\n    <h1 class=\"fv-hero-title\">\n      <span class=\"fv-hero-title-main\">\u6c5f\u5225\u3067\u80b2\u3061 \u6c5f\u5225\u3068\u5171\u306b\u6b69\u3080<\/span>\n      <span class=\"fv-hero-title-sub\">\u5730\u57df\u306e\u7686\u3055\u307e\u306b\u5fdc\u63f4\u3055\u308c\u308b\u4f01\u696d\u3092\u76ee\u6307\u3057\u3066\u3001\u4eca\u65e5\u3082\u6311\u6226\u3092\u7d9a\u3051\u307e\u3059\u3002<\/span>\n    <\/h1>\n  <\/div>\n  <div class=\"fv-scroll-indicator\">\n    <span class=\"fv-scroll-text\">SCROLL<\/span>\n    <div class=\"fv-scroll-line\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n.trace-loader-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 999999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  box-sizing: border-box;\n  background-color: transparent;\n  opacity: 1;\n  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.trace-loader-overlay.fade-out-all {\n  opacity: 0;\n  pointer-events: none;\n}\n.loader-mask-svg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1;\n  shape-rendering: geometricPrecision;\n}\n#mask-footprint {\n  transform-origin: 106.76px 135.13px;\n  transform: scale(0) translate3d(0, 0, 0);\n  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n  will-change: transform;\n}\n.trace-loader-overlay.stamped #mask-footprint {\n  transform: scale(0.32) translate3d(0, 0, 0);\n}\n.trace-loader-overlay.zoomed #mask-footprint {\n  transform: scale(65) translate3d(0, 0, 0);\n  transition: transform 1.2s cubic-bezier(0.86, 0, 0.07, 1);\n}\n.loader-brand-wrapper {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  opacity: 0;\n  transform: translateY(8px);\n  filter: blur(10px);\n  animation: loaderBrandFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n}\n.trace-loader-overlay.stamped .loader-brand-wrapper {\n  opacity: 0;\n  transform: scale(0.95);\n}\n@keyframes loaderBrandFadeIn {\n  to { opacity: 1; transform: translateY(0); filter: blur(0); }\n}\n.loader-logo-group {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.loader-logo-img {\n  height: 48px;\n  width: auto;\n}\n.loader-logo-text {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", sans-serif;\n  font-size: 1.9rem;\n  font-weight: 900;\n  color: #f8fafc;\n  letter-spacing: 0.08em;\n  line-height: 1;\n}\n.loader-divider {\n  width: 1px;\n  height: 22px;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.loader-tagline {\n  color: #94a3b8;\n  font-family: 'Urbanist', 'Noto Sans JP', sans-serif;\n  font-size: 0.95rem;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  line-height: 1;\n}\n@media (max-width: 768px) {\n  .loader-brand-wrapper { flex-direction: column; gap: 12px; }\n  .loader-divider { width: 30px; height: 1px; }\n  .loader-logo-img { height: 40px; }\n  .loader-logo-text { font-size: 1.6rem; }\n  .loader-tagline { font-size: 0.85rem; letter-spacing: 0.1em; }\n  .trace-loader-overlay.stamped #mask-footprint { transform: scale(0.45); }\n}\n\n.fv-hero-container {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  background-color: #090d16;\n  perspective: 1000px;\n}\n.fv-hero-video {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  min-width: 100%;\n  min-height: 100%;\n  width: auto;\n  height: auto;\n  transform: translate(-50%, -50%);\n  object-fit: cover;\n  opacity: 0;\n  z-index: 1;\n  transition: opacity 1.2s ease-in-out;\n}\n.fv-hero-video.active {\n  opacity: 1;\n  z-index: 2;\n}\n.fv-hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(\n    circle 220px at var(--mouse-x, 50%) var(--mouse-y, 50%),\n    rgba(0, 0, 0, 0.25) 0%,\n    rgba(0, 0, 0, 0.6) 80%\n  );\n  z-index: 3;\n  pointer-events: none;\n  transition: background 0.15s ease-out;\n}\n.fv-hero-content {\n  position: relative;\n  z-index: 4;\n  color: #f8fafc;\n  text-align: center;\n  padding: 0 24px;\n  max-width: 1000px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.fv-hero-title {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  font-weight: 700;\n  line-height: 1.6;\n  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n  letter-spacing: 0.05em;\n}\n.fv-hero-title-main {\n  display: block;\n  color: #f8fafc !important;\n  font-size: clamp(1.8rem, 4.5vw, 3.2rem);\n  margin-bottom: clamp(1rem, 3vw, 1.8rem);\n  opacity: 0;\n  transform: translateY(20px) scale(0.98);\n}\nbody.fv-animate-start .fv-hero-title-main,\n.fv-hero-container.fv-animate-start .fv-hero-title-main {\n  animation: fvCinematicFade 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  animation-delay: 0.1s;\n}\n.fv-hero-title-sub {\n  display: block;\n  color: #f8fafc !important;\n  font-size: clamp(1rem, 2.2vw, 1.5rem);\n  font-weight: 500;\n  word-break: keep-all;\n  overflow-wrap: break-word;\n  opacity: 0;\n  transform: translateY(20px) scale(0.98);\n}\nbody.fv-animate-start .fv-hero-title-sub,\n.fv-hero-container.fv-animate-start .fv-hero-title-sub {\n  animation: fvCinematicFade 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  animation-delay: 0.5s;\n}\n.fv-scroll-indicator {\n  position: absolute;\n  bottom: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  opacity: 0;\n}\nbody.fv-animate-start .fv-scroll-indicator,\n.fv-hero-container.fv-animate-start .fv-scroll-indicator {\n  animation: fvSimpleFade 1s ease-out forwards;\n  animation-delay: 1.5s;\n}\n.fv-scroll-text {\n  color: rgba(255, 255, 255, 0.75) !important;\n  font-size: 0.75rem;\n  letter-spacing: 0.25em;\n  font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.fv-scroll-line {\n  position: relative;\n  width: 1px;\n  height: 55px;\n  background-color: rgba(255, 255, 255, 0.2);\n  overflow: hidden;\n}\n.fv-scroll-line::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));\n  animation: fvScrollLineMove 2.5s cubic-bezier(0.16, 1, 0.3, 1) infinite;\n}\n@keyframes fvCinematicFade {\n  0% { opacity: 0; filter: blur(15px); letter-spacing: 0.15em; transform: translateY(20px) scale(0.98); }\n  100% { opacity: 1; filter: blur(0); letter-spacing: 0.05em; transform: translateY(0) scale(1); }\n}\n@keyframes fvSimpleFade { to { opacity: 1; } }\n@keyframes fvScrollLineMove {\n  0% { transform: translateY(-100%); }\n  70%, 100% { transform: translateY(100%); }\n}\n@supports (animation-timeline: view()) {\n  .fv-hero-container { animation: fvContainerZoomOut linear both; animation-timeline: view(); animation-range: exit 0% exit 100%; }\n  .fv-hero-content { animation: fvContentScrollOut linear both; animation-timeline: view(); animation-range: exit 0% exit 80%; }\n}\n@keyframes fvContainerZoomOut { to { transform: scale(0.95) translateY(-60px); filter: brightness(0.4) blur(8px); } }\n@keyframes fvContentScrollOut { to { transform: translateY(-80px) translateZ(-40px); opacity: 0; } }\n\n@media (max-width: 768px) {\n  .fv-hero-content { display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 70vh; box-sizing: border-box; }\n  .fv-hero-title {\n    writing-mode: vertical-rl;\n    text-orientation: mixed;\n    height: 100%;\n    max-height: 480px;\n    display: flex;\n    flex-direction: row-reverse;\n    justify-content: center;\n    align-items: center;\n    gap: 0;\n    letter-spacing: 0.18em;\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);\n  }\n  .fv-hero-title-main { font-size: clamp(1.4rem, 6.5vw, 1.85rem); margin-bottom: 0; line-height: 1.7; opacity: 0; transform: translateY(15px) scale(0.98); }\n  .fv-hero-title-sub { display: none !important; }\n  body.fv-animate-start .fv-hero-title-main,\n  .fv-hero-container.fv-animate-start .fv-hero-title-main { animation: fvCinematicFadeMobile 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.1s; }\n  body.fv-animate-start .fv-hero-title-sub,\n  .fv-hero-container.fv-animate-start .fv-hero-title-sub { animation: none !important; }\n  .fv-scroll-indicator { bottom: 24px; }\n  .fv-scroll-line { height: 40px; }\n}\n@keyframes fvCinematicFadeMobile {\n  0% { opacity: 0; filter: blur(15px); letter-spacing: 0.28em; transform: translateY(20px) scale(0.98); }\n  100% { opacity: 1; filter: blur(0); letter-spacing: 0.18em; transform: translateY(0) scale(1); }\n}\n<\/style>\n\n<script>\n(function(){\n  var playlist = [\n    \"https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/FV1.mp4\",\n    \"https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/FV2.mp4\",\n    \"https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/FV3.mp4\"\n  ];\n\n  function initLoaderAndFV() {\n    var loader = document.getElementById(\"trace-loader\");\n    if (loader) {\n      setTimeout(function() {\n        loader.classList.add(\"stamped\");\n        setTimeout(function() {\n          loader.classList.add(\"zoomed\");\n          setTimeout(function() {\n            loader.classList.add(\"fade-out-all\");\n            document.body.classList.add(\"fv-animate-start\");\n            var fvContainer = document.querySelector(\".fv-hero-container\");\n            if (fvContainer) {\n              fvContainer.classList.add(\"fv-animate-start\");\n            }\n            setTimeout(function() {\n              loader.style.display = \"none\";\n            }, 600);\n          }, 600);\n        }, 400);\n      }, 1800);\n    }\n\n    var video1 = document.getElementById(\"fv-video-1\");\n    var video2 = document.getElementById(\"fv-video-2\");\n    if (video1 && video2) {\n      var currentIdx = 0;\n      video1.src = playlist[0];\n      video1.play().catch(function(e) { console.log(e); });\n      \n      function getNextIdx() {\n        return (currentIdx + 1) % playlist.length;\n      }\n      \n      video2.src = playlist[getNextIdx()];\n      video2.load();\n      \n      var activeVideo = video1;\n      var nextVideo = video2;\n      var isTransitioning = false;\n      \n      function crossfade() {\n        if (isTransitioning) return;\n        isTransitioning = true;\n        \n        nextVideo.play().then(function() {\n          activeVideo.classList.remove(\"active\");\n          nextVideo.classList.add(\"active\");\n          \n          setTimeout(function() {\n            activeVideo.pause();\n            var temp = activeVideo;\n            activeVideo = nextVideo;\n            nextVideo = temp;\n            \n            currentIdx = (currentIdx + 1) % playlist.length;\n            nextVideo.src = playlist[getNextIdx()];\n            nextVideo.load();\n            \n            isTransitioning = false;\n            activeVideo.addEventListener(\"timeupdate\", checkTime);\n          }, 1200);\n        }).catch(function(err) {\n          isTransitioning = false;\n          console.log(err);\n        });\n      }\n      \n      function checkTime(e) {\n        var video = e.target;\n        if (video.duration && (video.duration - video.currentTime < 1.5)) {\n          video.removeEventListener(\"timeupdate\", checkTime);\n          crossfade();\n        }\n      }\n      \n      activeVideo.addEventListener(\"timeupdate\", checkTime);\n    }\n\n    var overlay = document.getElementById(\"fv-overlay\");\n    if (overlay) {\n      overlay.style.setProperty(\"--mouse-x\", \"50%\");\n      overlay.style.setProperty(\"--mouse-y\", \"50%\");\n      \n      window.addEventListener(\"mousemove\", function(e) {\n        var rect = overlay.getBoundingClientRect();\n        var x = e.clientX - rect.left;\n        var y = e.clientY - rect.top;\n        overlay.style.setProperty(\"--mouse-x\", x + \"px\");\n        overlay.style.setProperty(\"--mouse-y\", y + \"px\");\n      });\n    }\n\n    setTimeout(function() {\n      var fvContainer = document.querySelector(\".fv-hero-container\");\n      if (fvContainer &#038;&#038; !fvContainer.classList.contains(\"fv-animate-start\")) {\n        document.body.classList.add(\"fv-animate-start\");\n        fvContainer.classList.add(\"fv-animate-start\");\n      }\n    }, 3500);\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initLoaderAndFV);\n  } else {\n    initLoaderAndFV();\n  }\n})();\n<\/script>\n\n\n\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<div class='philosophy-sticky-wrapper'>\n  <div class='philosophy-sticky-content'>\n    \n    <!-- 3D\u8db3\u8de1\u30ed\u30b4\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3 (\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u8feb\u308a\u3001\u53f3\u5074\u306e\u67a0\u3078\u53ce\u675f) -->\n    <div class='philosophy-3d-logo-overlay' id='ph3dLogo'>\n      <svg viewBox='0 0 213.52 270.26' class='philosophy-3d-logo-svg'>\n        <g fill='none' stroke='rgba(15, 23, 42, 0.45)' stroke-width='1.2'>\n          <path 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'\/>\n          <path d='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'\/>\n          <path d='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'\/>\n          <path d='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        <\/g>\n      <\/svg>\n    <\/div>\n\n    <!-- \u30d5\u30a3\u30ed\u30bd\u30d5\u30a3\u30fc\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u672c\u4f53 -->\n    <section class='philosophy-section'>\n      <div class='philosophy-bg-3d-wrap'>\n        <div class='philosophy-bg-grid'><\/div>\n      <\/div>\n\n      <div class='philosophy-container'>\n        <!-- \u53f3\u5074\uff08\u30b9\u30de\u30db\u6642\u306f\u4e0a\uff09\uff1a\u753b\u50cf\u30a8\u30ea\u30a2 -->\n        <div class='philosophy-image-col'>\n          <div class='philosophy-image-wrapper'>\n            <!-- \u5b9f\u753b\u50cf\uff08\u6700\u521d\u306f\u900f\u660e\u306b\u3057\u30013D\u30ed\u30b4\u304c\u53ce\u675f\u3057\u305f\u77ac\u9593\u306b\u3075\u308f\u3063\u3068\u91cd\u306d\u308b\uff09 -->\n            <img src='https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/cropped-TRACE\u30ed\u30b4_\u30dd\u30ea\u30b4\u30f3\u80cc\u666f\u900f\u904e_\u30a2\u30fc\u30c8\u30dc\u30fc\u30c9-1.png' alt='Philosophy Image' class='philosophy-img' id='phRealImg'>\n          <\/div>\n        <\/div>\n\n        <!-- \u5de6\u5074\uff08\u30b9\u30de\u30db\u6642\u306f\u4e0b\uff09\uff1a\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 -->\n        <div class='philosophy-text-col'>\n          <div class='philosophy-title-area'>\n            <h2 class='philosophy-en-title'>Philosophy<\/h2>\n            <span class='philosophy-ja-title'>\u79c1\u305f\u3061\u306e\u7406\u5ff5<\/span>\n          <\/div>\n          \n          <div class='philosophy-body-text'>\n            <p>2019\u5e74\u3001\u6c5f\u5225\u5e02\u51fa\u8eab\u306e\u540c\u7d1a\u751f3\u4eba\u304c\u96c6\u307e\u308a\u3001TRACE\u306f\u7523\u58f0\u3092\u4e0a\u3052\u307e\u3057\u305f\u3002\u81ea\u5206\u305f\u3061\u304c\u751f\u307e\u308c\u80b2\u3063\u305f\u6c5f\u5225\u3067\u300c\u4f55\u304b\u304a\u3082\u3057\u308d\u3044\u3053\u3068\u3092\u3057\u305f\u3044\u300d\u300c\u4f55\u304b\u3092\u6b8b\u3057\u305f\u3044\u300d\u3068\u3044\u3046\u60f3\u3044\u3060\u3051\u3092\u80f8\u306b\u3001\u304a\u91d1\u3082\u4eba\u8108\u3082\u306a\u3044\u30bc\u30ed\u304b\u3089\u306e\u30b9\u30bf\u30fc\u30c8\u3067\u3057\u305f\u3002<\/p>\n            <p>\u300cTRACE\u300d\u3068\u3044\u3046\u793e\u540d\u306b\u306f\u3001\u79c1\u305f\u3061\u306e\u6d3b\u52d5\u3092\u4e16\u306e\u4e2d\u306b\u8db3\u8de1\uff08\u30c8\u30ec\u30a4\u30b9\uff09\u3068\u3057\u3066\u6b8b\u3057\u3066\u3044\u304f\u3068\u3044\u3046\u6c7a\u610f\u304c\u8fbc\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n            <p>\u3042\u306e\u65e5\u304b\u3089\u3001\u6642\u4ee3\u3084\u5730\u57df\u304c\u6c42\u3081\u308b\u30cb\u30fc\u30ba\u306b\u5bfe\u3057\u3001\u82e5\u624b\u306a\u3089\u3067\u306f\u306e\u6a5f\u52d5\u529b\u3067\u6b21\u3005\u3068\u65b0\u3057\u3044\u4e8b\u696d\u306b\u6311\u6226\u3057\u7d9a\u3051\u3066\u304d\u307e\u3057\u305f\u3002\u304a\u304b\u3052\u3055\u307e\u3067\u591a\u304f\u306e\u7e4b\u304c\u308a\u304c\u3067\u304d\u3001\u4eca\u3067\u306f\u5c11\u3057\u305a\u3064\u5730\u5143\u306b\u8ca2\u732e\u3067\u304d\u3066\u3044\u308b\u3068\u5b9f\u611f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n            <p>\u3053\u308c\u304b\u3089\u3082\u79c1\u305f\u3061\u306f\u7279\u5b9a\u306e\u67a0\u7d44\u307f\u306b\u3068\u3089\u308f\u308c\u305a\u3001\u96c7\u7528\u3092\u751f\u307f\u3001\u7d4c\u6e08\u3092\u56de\u3059\u6b6f\u8eca\u3068\u3057\u3066\u3001\u751f\u307e\u308c\u80b2\u3063\u305f\u6c5f\u5225\u306e\u6d3b\u6027\u5316\u306e\u305f\u3081\u306b\u7cbe\u9032\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/p>\n          <\/div>\n\n          <div class='philosophy-message-box'>\n            <p class='philosophy-message-text'>\n              \u6c5f\u5225\u3067\u80b2\u3061\u3001\u6c5f\u5225\u3068\u5171\u306b\u6b69\u3080\u3002<br>\n              \u5730\u57df\u306e\u7686\u3055\u307e\u306b\u5fdc\u63f4\u3055\u308c\u308b\u4f01\u696d\u3092\u76ee\u6307\u3057\u3066\u3001\u4eca\u65e5\u3082\u6311\u6226\u3092\u7d9a\u3051\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>\n\n<!-- ==========================================\n     \u30d5\u30a3\u30ed\u30bd\u30d5\u30a3\u30fc\u5c02\u7528\u30c7\u30b6\u30a4\u30f3\u30b9\u30bf\u30a4\u30eb (CSS)\n     ========================================== -->\n<style>\n\/* \u56fa\u5b9a\u30b9\u30af\u30ed\u30fc\u30eb\u7528\u30e9\u30c3\u30d1\u30fc *\/\n.philosophy-sticky-wrapper {\n  position: relative;\n  height: 250vh; \/* \u30b9\u30af\u30ed\u30fc\u30eb\u904a\u3073\u7528\u306e\u9ad8\u3055 *\/\n  background-color: #fcfcfd;\n}\n\n\/* \u56fa\u5b9a\u9818\u57df *\/\n.philosophy-sticky-content {\n  position: sticky;\n  top: 0;\n  width: 100%;\n  height: 100vh;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.philosophy-section {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  padding: 0 24px;\n  background-color: #fcfcfd;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  color: #334155;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n\n.philosophy-container {\n  position: relative;\n  z-index: 10;\n  max-width: 1200px;\n  width: 100%;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column-reverse;\n  gap: 48px;\n  align-items: center;\n}\n\n\/* 3D\u30ed\u30b4\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3 *\/\n.philosophy-3d-logo-overlay {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 213px;\n  height: 270px;\n  transform: translate(-50%, -50%) translate3d(0, 0, 400px) scale(0.15) rotateY(-90deg);\n  transform-origin: center center;\n  z-index: 15; \/* \u6700\u524d\u9762\u306b\u914d\u7f6e *\/\n  pointer-events: none;\n  transform-style: preserve-3d;\n  opacity: 0;\n}\n\n.philosophy-3d-logo-svg {\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n\n.philosophy-bg-3d-wrap {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  pointer-events: none;\n  perspective: 1500px;\n  transform-style: preserve-3d;\n}\n\n\/* 3D\u30c7\u30b8\u30bf\u30eb\u30b0\u30ea\u30c3\u30c9 *\/\n.philosophy-bg-grid {\n  position: absolute;\n  top: -20%;\n  left: -20%;\n  width: 140%;\n  height: 140%;\n  background-image: \n    linear-gradient(rgba(148, 163, 184, 0.22) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(148, 163, 184, 0.22) 1px, transparent 1px);\n  background-size: 70px 70px;\n  transform: rotateX(24deg) rotateY(-8deg) translateZ(-200px);\n  opacity: 0.8;\n  transform-style: preserve-3d;\n}\n\n.philosophy-image-col {\n  width: 100%;\n  max-width: 500px;\n  opacity: 0;\n  transform: translateY(30px);\n  filter: blur(6px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), \n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),\n              filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.philosophy-image-col.ph-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n.philosophy-image-wrapper {\n  position: relative;\n  width: 100%;\n  padding-top: 133.33%;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);\n  background-color: #f8fafc;\n}\n\n\/* \u5b9f\u753b\u50cf\uff08\u521d\u671f\u5024\u306f\u900f\u660e\u3001JS\u3067\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\uff09 *\/\n.philosophy-img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0;\n  transition: opacity 0.6s ease-out;\n}\n\n.philosophy-text-col {\n  width: 100%;\n}\n\n\/* PC\u8868\u793a\u6642\uff1aJS\u672a\u767a\u706b\u6642\u3084\u30bb\u30af\u30b7\u30e7\u30f3\u5230\u9054\u524d\u306b\u30c6\u30ad\u30b9\u30c8\u304c\u898b\u3048\u3066\u3057\u307e\u3046\u306e\u3092\u9632\u3050\u305f\u3081\u3001\u521d\u671f\u72b6\u614b\u3067\u975e\u8868\u793a\u306b\u3059\u308b *\/\n@media (min-width: 768px) {\n  .philosophy-en-title,\n  .philosophy-ja-title,\n  .philosophy-body-text,\n  .philosophy-message-box {\n    opacity: 0;\n    transform: translateY(25px);\n    will-change: opacity, transform;\n  }\n}\n\n.philosophy-title-area {\n  margin-bottom: 28px;\n}\n\n.philosophy-en-title {\n  font-size: clamp(2.5rem, 6vw, 4rem);\n  font-weight: 800;\n  line-height: 1;\n  margin: 0 0 10px 0;\n  letter-spacing: -0.02em;\n  color: #0f172a;\n}\n\n.philosophy-ja-title {\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #64748b;\n  letter-spacing: 0.15em;\n  display: block;\n}\n\n.philosophy-body-text {\n  margin-bottom: 36px;\n}\n\n.philosophy-body-text p {\n  font-size: 1rem;\n  line-height: 1.8;\n  color: #475569;\n  margin: 0 0 1.2rem 0;\n  text-align: justify;\n}\n\n.philosophy-body-text p:last-child {\n  margin-bottom: 0;\n}\n\n.philosophy-message-box {\n  border-top: 1px solid #e2e8f0;\n  padding: 28px 0;\n}\n\n.philosophy-message-text {\n  font-size: clamp(1.1rem, 2.5vw, 1.35rem);\n  font-weight: 700;\n  line-height: 1.6;\n  color: #0f172a;\n  margin: 0;\n}\n\n@media (min-width: 768px) {\n  .philosophy-container {\n    flex-direction: row;\n    gap: 80px;\n    align-items: center;\n  }\n\n  .philosophy-text-col {\n    flex: 1.1;\n  }\n\n  .philosophy-image-col {\n    flex: 0.9;\n    max-width: none;\n  }\n}\n\n\/* \u30b9\u30de\u30db\u8868\u793a\u6642\u306f\u56fa\u5b9a\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u89e3\u9664\u3057\u3001\u81ea\u7136\u306a\u8868\u793a\u306b\u3059\u308b\u305f\u3081\u306e\u8a2d\u5b9a *\/\n@media (max-width: 767px) {\n  .philosophy-sticky-wrapper {\n    height: auto !important;\n  }\n  .philosophy-sticky-content {\n    position: relative !important;\n    height: auto !important;\n    overflow: visible !important;\n    padding: 60px 0;\n  }\n  .philosophy-section {\n    padding: 0 !important;\n  }\n  .philosophy-3d-logo-overlay {\n    display: none !important; \/* \u30b9\u30de\u30db\u3067\u306f3D\u30ed\u30b4\u306f\u975e\u8868\u793a *\/\n  }\n  .philosophy-img {\n    opacity: 1 !important; \/* \u30b9\u30de\u30db\u3067\u306f\u6700\u521d\u304b\u3089\u753b\u50cf\u3092\u9732\u51fa *\/\n  }\n  .philosophy-bg-3d-wrap {\n    display: none !important; \/* \u30b9\u30de\u30db\u3067\u306f\u80cc\u666f\u683c\u5b50\u6a21\u69d8\u3092\u975e\u8868\u793a\u306b\u3057\u3066\u4e0b\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3078\u306e\u306f\u307f\u51fa\u3057\u3092\u9632\u3050 *\/\n  }\n  .philosophy-text-col, .philosophy-image-col {\n    opacity: 1 !important;\n    transform: none !important;\n    filter: none !important;\n  }\n  .philosophy-en-title,\n  .philosophy-ja-title,\n  .philosophy-body-text,\n  .philosophy-message-box {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n<\/style>\n\n\n\n<!-- FontAwesome\u306e\u8aad\u307f\u8fbc\u307f\uff08\u3059\u3067\u306b\u30c6\u30fc\u30de\u3067\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u4e0d\u8981\u3067\u3059\uff09 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<section class=\"service-section\">\n  <div class=\"service-container\">\n    \n    <!-- \u5168\u4f53\u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb -->\n    <div class=\"service-title-area\">\n      <h2 class=\"service-en-title\">Service<\/h2>\n      <span class=\"service-ja-title\">\u4e8b\u696d\u5185\u5bb9<\/span>\n    <\/div>\n\n    <!-- 1. \u5f37\u307f\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u30bf\u30a4\u30c8\u30eb -->\n    <div class=\"service-sub-title-area\">\n      <h3 class=\"service-sub-en-title\">OUR STRENGTHS<\/h3>\n      <span class=\"service-sub-ja-title\">TRACE 3\u3064\u306e\u5f37\u307f<\/span>\n    <\/div>\n\n    <!-- TRACE\u306e\u5f37\u307f (\u30b3\u30a2\u30d0\u30ea\u30e5\u30fc) \u30a8\u30ea\u30a2 -->\n    <div class=\"service-strengths-area\">\n      \n      <!-- \u5f37\u307f1: 3\u540d\u306e\u5c02\u9580\u4ee3\u8868 -->\n      <div class=\"service-strength-card\">\n        <div class=\"service-strength-icon\">\n          <i class=\"fa-solid fa-users-gear\"><\/i>\n        <\/div>\n        <h3 class=\"service-strength-title\">3\u540d\u306e\u4ee3\u8868\u304c\u7387\u3044\u308b\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u4f53\u5236<\/h3>\n        <p class=\"service-strength-desc\">\n          \u5404\u5206\u91ce\u306e\u5c02\u9580\u6027\u3092\u6301\u30643\u540d\u306e\u5171\u540c\u4ee3\u8868\u304c\u9023\u643a\u3057\u3001\u4e00\u898b\u5225\u3005\u306e\u8ab2\u984c\u306b\u898b\u3048\u308b\u6848\u4ef6\u30821\u793e\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u89e3\u6c7a\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u5f37\u307f2: \u5168\u54e1\u6c5f\u5225\u51fa\u8eab -->\n      <div class=\"service-strength-card\">\n        <div class=\"service-strength-icon\">\n          <i class=\"fa-solid fa-map-location-dot\"><\/i>\n        <\/div>\n        <h3 class=\"service-strength-title\">\u5168\u54e1\u304c\u6c5f\u5225\u51fa\u8eab\u306e\u5727\u5012\u7684\u306a\u5730\u5143\u5bc6\u7740\u529b<\/h3>\n        <p class=\"service-strength-desc\">\n          \u7d4c\u55b6\u9663\u306f\u5168\u54e1\u304c\u6c5f\u5225\u751f\u307e\u308c\u30fb\u6c5f\u5225\u80b2\u3061\u306e\u540c\u7d1a\u751f\u3002\u5730\u57df\u306e\u6c17\u5019\u3001\u4eba\u67c4\u3001\u66ae\u3089\u3057\u306e\u8ab2\u984c\u3092\u808c\u3067\u7406\u89e3\u3057\u3066\u3044\u308b\u304b\u3089\u3053\u305d\u3001\u3069\u3053\u3088\u308a\u3082\u5730\u306b\u8db3\u306e\u7740\u3044\u305f\u8aa0\u5b9f\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u53ef\u80fd\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u5f37\u307f3: \u4ed6\u696d\u7a2e\u30cf\u30d6\u6a5f\u80fd -->\n      <div class=\"service-strength-card\">\n        <div class=\"service-strength-icon\">\n          <i class=\"fa-solid fa-handshake-angle\"><\/i>\n        <\/div>\n        <h3 class=\"service-strength-title\">\u5730\u5143\u306e\u512a\u826f\u4f01\u696d\u3092\u7e4b\u3050\u300c\u5b89\u5fc3\u306e\u30cf\u30d6\u6a5f\u80fd\u300d<\/h3>\n        <p class=\"service-strength-desc\">\n          \u5f53\u793e\u306e\u5bfe\u5fdc\u7bc4\u56f2\u3092\u8d85\u3048\u305f\u5c02\u9580\u7684\u306a\u3054\u76f8\u8ac7\u3067\u3082\u3001\u9577\u5e74\u7bc9\u304d\u4e0a\u3052\u305f\u5730\u5143\u306e\u4ed6\u696d\u7a2e\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u6d3b\u304b\u3057\u3001\u4fe1\u983c\u306e\u304a\u3051\u308b\u512a\u826f\u30d1\u30fc\u30c8\u30ca\u30fc\u4f01\u696d\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u3054\u7d39\u4ecb\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- 2. \u4e8b\u696d\u30b0\u30ea\u30c3\u30c9\u306e\u30bf\u30a4\u30c8\u30eb -->\n    <div class=\"service-sub-title-area section-separator\">\n      <h3 class=\"service-sub-en-title\">OUR SERVICES<\/h3>\n      <span class=\"service-sub-ja-title\">\u591a\u89d2\u7684\u306b\u5c55\u958b\u3059\u308b\u5c02\u9580\u4e8b\u696d<\/span>\n    <\/div>\n\n    <!-- \u4e8b\u696d\u30ab\u30fc\u30c9\u30b0\u30ea\u30c3\u30c9 -->\n    <div class=\"service-grid\">\n      \n      <!-- \u2460\u30ea\u30e6\u30fc\u30b9\u4e8b\u696d -->\n      <div class=\"service-card\">\n        <div class=\"service-icon-wrapper\">\n          <i class=\"fa-solid fa-box\"><\/i>\n        <\/div>\n        <h3 class=\"service-card-title\">\u30ea\u30e6\u30fc\u30b9\u4e8b\u696d<\/h3>\n        <span class=\"service-card-subtitle\">\u8cb7\u53d6\u5c02\u9580\u304b\u3044\u3068\u308b\u3069\u3046<\/span>\n        <p class=\"service-card-description\">\n          \u6c5f\u5225\u5e02\u3092\u62e0\u70b9\u306b\u3001\u5730\u57df\u306b\u6839\u3056\u3057\u305f\u8cb7\u53d6\u30b5\u30fc\u30d3\u30b9\u3092\u5c55\u958b\u3002\u72ec\u81ea\u306e\u8ca9\u8def\u3068\u78ba\u304b\u306a\u67fb\u5b9a\u529b\u3067\u3001\u304a\u5ba2\u69d8\u306e\u5927\u5207\u306a\u54c1\u7269\u306b\u6700\u5927\u9650\u306e\u4fa1\u5024\u3092\u898b\u51fa\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u2461\u30d5\u30ea\u30de\u51fa\u54c1\u4ee3\u884c -->\n      <div class=\"service-card\">\n        <div class=\"service-icon-wrapper\">\n          <i class=\"fa-solid fa-truck\"><\/i>\n        <\/div>\n        <h3 class=\"service-card-title\">\u30d5\u30ea\u30de\u51fa\u54c1\u4ee3\u884c<\/h3>\n        <span class=\"service-card-subtitle\">\u696d\u8005\u5411\u3051\u30b5\u30fc\u30d3\u30b9\u300c&thinsp;\u30c6\u30d0\u30ca\u30b9&thinsp;\u300d<\/span>\n        <p class=\"service-card-description\">\n          \u53e4\u7269\u5546\u306e\u30ce\u30a6\u30cf\u30a6\u3092\u6d3b\u304b\u3057\u305f\u696d\u8005\u69d8\u5411\u3051\u306e\u30d5\u30ea\u30de\u51fa\u54c1\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u3002\u9762\u5012\u306a\u51fa\u54c1\u4f5c\u696d\u3084\u767a\u9001\u696d\u52d9\u3092\u4ee3\u884c\u3057\u3001\u696d\u52d9\u52b9\u7387\u5316\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u2462\u8acb\u8ca0\u696d\u30fb\u9664\u96ea\u696d -->\n      <div class=\"service-card\">\n        <div class=\"service-icon-wrapper\">\n          <i class=\"fa-solid fa-person-digging\"><\/i>\n        <\/div>\n        <h3 class=\"service-card-title\">\u8acb\u8ca0\u696d\u30fb\u9664\u96ea\u696d<\/h3>\n        <span class=\"service-card-subtitle\">\u8efd\u4f5c\u696d\u30fb\u642c\u5165\u51fa\u30fb\u30a4\u30d9\u30f3\u30c8\u8a2d\u55b6<\/span>\n        <p class=\"service-card-description\">\n          \u82e5\u624b\u306a\u3089\u3067\u306f\u306e\u6a5f\u52d5\u529b\u3068\u4f53\u529b\u3092\u6d3b\u304b\u3057\u3001\u8efd\u4f5c\u696d\u3084\u8377\u63da\u3052\u3001\u30a4\u30d9\u30f3\u30c8\u8a2d\u55b6\u306a\u3069\u306b\u8fc5\u901f\u306b\u5bfe\u5fdc\u3002\u51ac\u5b63\u306f\u9664\u96ea\u696d\u3082\u8acb\u3051\u8ca0\u3044\u3001\u5730\u57df\u306e\u66ae\u3089\u3057\u3092\u652f\u3048\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u2463\u30c7\u30b6\u30a4\u30f3\u5236\u4f5c -->\n      <div class=\"service-card\">\n        <div class=\"service-icon-wrapper\">\n          <i class=\"fa-solid fa-palette\"><\/i>\n        <\/div>\n        <h3 class=\"service-card-title\">\u30c7\u30b6\u30a4\u30f3\u5236\u4f5c<\/h3>\n        <span class=\"service-card-subtitle\">\u30ed\u30b4\u30fb\u540d\u523a\u30fb\u30c1\u30e9\u30b7\u30fbHP\u5236\u4f5c\u7b49<\/span>\n        <p class=\"service-card-description\">\n          \u4f01\u696d\u3084\u5e97\u8217\u306e\u9b45\u529b\u3092\u5f15\u304d\u51fa\u3059\u30c7\u30b6\u30a4\u30f3\u3092\u3054\u63d0\u6848\u3002\u540d\u523a\u3084\u30c1\u30e9\u30b7\u306a\u3069\u306e\u7d19\u5a92\u4f53\u304b\u3089\u3001\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3084LP\u306a\u3069\u306eWeb\u5236\u4f5c\u307e\u3067\u5e45\u5e83\u304f\u5bfe\u5fdc\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <!-- \u2464DX\u30fbIT\u30fbAI\u5c0e\u5165\u652f\u63f4 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon-wrapper\">\n          <i class=\"fa-solid fa-microchip\"><\/i>\n        <\/div>\n        <h3 class=\"service-card-title\">DX\u30fbIT\u30fbAI\u5c0e\u5165\u652f\u63f4<\/h3>\n        <span class=\"service-card-subtitle\">\u30c7\u30b8\u30bf\u30eb\u5316\u306b\u3088\u308b\u696d\u52d9\u52b9\u7387\u5316<\/span>\n        <p class=\"service-card-description\">\n          \u6700\u65b0\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u3092\u6d3b\u7528\u3057\u3001\u4e2d\u5c0f\u4f01\u696d\u3084\u5e97\u8217\u306e\u30c7\u30b8\u30bf\u30eb\u5316\u3092\u652f\u63f4\u3002AI\u30c4\u30fc\u30eb\u306e\u5c0e\u5165\u3084\u696d\u52d9\u30b7\u30b9\u30c6\u30e0\u306e\u958b\u767a\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u306e\u52a0\u901f\u306b\u8ca2\u732e\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA \u30dc\u30bf\u30f3\u30a8\u30ea\u30a2 -->\n    <div class=\"service-cta-area\">\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=28\" class=\"service-cta-button\">\n        <span class=\"service-cta-text\">VIEW MORE<\/span>\n        <span class=\"service-cta-subtext\">\u4e8b\u696d\u5185\u5bb9\u3092\u8a73\u3057\u304f\u898b\u308b<\/span>\n        <i class=\"fa-solid fa-arrow-right service-cta-icon\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ==========================================\n     \u30b5\u30fc\u30d3\u30b9\u30bb\u30af\u30b7\u30e7\u30f3\u5c02\u7528\u30c7\u30b6\u30a4\u30f3\u30b9\u30bf\u30a4\u30eb (CSS)\n     ========================================== -->\n<style>\n.service-section {\n  padding: 100px 24px; \/* \u4e0a\u4e0b\u4f59\u767d\u309280px\u304b\u3089100px\u306b\u62e1\u5f35 *\/\n  background-color: #f8fafc;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  overflow: hidden;\n}\n\n.service-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* \u5168\u4f53\u30bf\u30a4\u30c8\u30eb *\/\n.service-title-area {\n  text-align: center;\n  margin-bottom: 80px; \/* \u4e0b\u90e8\u4f59\u767d\u309260px\u304b\u308980px\u306b\u62e1\u5f35 *\/\n}\n\n.service-en-title {\n  font-size: clamp(2.5rem, 6vw, 4rem);\n  font-weight: 800;\n  line-height: 1;\n  margin: 0 0 10px 0;\n  letter-spacing: -0.02em;\n  color: #0f172a;\n}\n\n.service-ja-title {\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #64748b;\n  letter-spacing: 0.15em;\n  display: block;\n}\n\n\/* --- \u5f37\u307f\u30fb\u4e8b\u696d\u30b0\u30ea\u30c3\u30c9\u306e\u5404\u30b5\u30d6\u30bf\u30a4\u30c8\u30eb --- *\/\n.service-sub-title-area {\n  text-align: center;\n  margin-bottom: 40px; \/* \u30bf\u30a4\u30c8\u30eb\u3068\u30ab\u30fc\u30c9\u306e\u4f59\u767d *\/\n}\n\n.service-sub-en-title {\n  font-size: 1.4rem;\n  font-weight: 800;\n  color: #0f172a;\n  letter-spacing: 0.05em;\n  margin: 0 0 6px 0;\n  position: relative;\n  display: inline-block;\n}\n\n.service-sub-ja-title {\n  display: block;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #64748b;\n  letter-spacing: 0.1em;\n}\n\n\/* \u5f37\u307f\u3068\u4e8b\u696d\u30b0\u30ea\u30c3\u30c9\u306e\u9593\u306e\u30bb\u30d1\u30ec\u30fc\u30bf\uff08\u5883\u754c\uff09 *\/\n.section-separator {\n  margin-top: 100px; \/* \u5f37\u307f\u30d6\u30ed\u30c3\u30af\u306e\u4e0b\u306b100px\u306e\u5e83\u3044\u4f59\u767d\u3092\u78ba\u4fdd *\/\n}\n\n\/* --- TRACE\u306e\u5f37\u307f (\u30b3\u30a2\u30d0\u30ea\u30e5\u30fc) \u30b9\u30bf\u30a4\u30eb --- *\/\n.service-strengths-area {\n  display: flex;\n  gap: 24px;\n  margin-bottom: 0; \/* \u4e0b\u90e8\u4f59\u767d\u306f\u30bb\u30d1\u30ec\u30fc\u30bf\u5074\u306emargin-top\u3067\u5236\u5fa1 *\/\n}\n\n.service-strength-card {\n  flex: 1;\n  background-color: #0f172a;\n  border: 1px solid rgba(222, 255, 154, 0.15);\n  border-radius: 16px;\n  padding: 40px 28px;\n  box-sizing: border-box;\n  text-align: center;\n  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.service-strength-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(222, 255, 154, 0.4);\n  box-shadow: 0 20px 30px rgba(15, 23, 42, 0.15);\n}\n\n.service-strength-icon {\n  font-size: 2.2rem;\n  color: #deff9a;\n  margin-bottom: 20px;\n  display: inline-block;\n}\n\n.service-strength-title {\n  font-size: 1.15rem;\n  font-weight: 800;\n  color: #ffffff;\n  margin: 0 0 12px 0;\n  line-height: 1.4;\n}\n\n.service-strength-desc {\n  font-size: 0.85rem;\n  line-height: 1.7;\n  color: #94a3b8;\n  margin: 0;\n  text-align: left;\n}\n\n\/* --- \u4e8b\u696d\u30ab\u30fc\u30c9\u30b0\u30ea\u30c3\u30c9\u30b9\u30bf\u30a4\u30eb --- *\/\n.service-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 30px;\n}\n\n\/* \u30ab\u30fc\u30c9\u5358\u4f53 *\/\n.service-card {\n  flex: 0 0 calc((100% - 60px) \/ 3);\n  position: relative;\n  background: radial-gradient(circle 220px at var(--x, 50%) var(--y, 50%), rgba(222, 255, 154, 0.28) 0%, transparent 80%), #ffffff;\n  border: 1px solid #e2e8f0;\n  border-radius: 20px;\n  padding: 48px 32px;\n  box-sizing: border-box;\n  text-align: center;\n  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.02), 0 2px 4px -2px rgba(15, 23, 42, 0.02);\n  transform-style: preserve-3d;\n  perspective: 1000px;\n  will-change: transform;\n}\n\n\/* \u30ab\u30fc\u30c9\u5185\u306e3D\u30ec\u30a4\u30e4\u30fc\u8981\u7d20 *\/\n.service-icon-wrapper {\n  width: 80px;\n  height: 80px;\n  background-color: #f1f5f9;\n  color: #0f172a;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 auto 28px auto;\n  font-size: 1.8rem;\n  transform: translateZ(40px);\n  transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease;\n}\n\n.service-icon-wrapper i {\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.service-card-title {\n  font-size: 1.3rem;\n  font-weight: 700;\n  color: #0f172a;\n  margin: 0 0 8px 0;\n  transform: translateZ(25px);\n}\n\n.service-card-subtitle {\n  display: block;\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: #64748b;\n  margin-bottom: 20px;\n  transform: translateZ(20px);\n}\n\n.service-card-description {\n  font-size: 0.875rem;\n  line-height: 1.75;\n  color: #475569;\n  margin: 0;\n  text-align: left;\n  transform: translateZ(15px);\n}\n\n\/* \u30db\u30d0\u30fc\u6642\u306e\u88c5\u98fe\u5909\u5316 *\/\n.service-card:hover {\n  border-color: rgba(222, 255, 154, 0.45);\n  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);\n}\n\n.service-card:hover .service-icon-wrapper {\n  background-color: #0f172a;\n  color: #ffffff;\n}\n\n.service-card:hover .service-icon-wrapper i {\n  transform: rotate(360deg) scale(1.1);\n}\n\n\/* CTA \u30dc\u30bf\u30f3\u30a8\u30ea\u30a2 *\/\n.service-cta-area {\n  text-align: center;\n  margin-top: 100px; \/* \u4e8b\u696d\u30ab\u30fc\u30c9\u3068\u306e\u9593\u306e\u4f59\u767d\u309260px\u304b\u3089100px\u306b\u62e1\u5f35 *\/\n}\n\n.service-cta-button {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  padding: 16px 54px;\n  background-color: transparent;\n  color: #0f172a;\n  border: 1px solid #0f172a;\n  border-radius: 40px;\n  text-decoration: none;\n  font-weight: 700;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow: hidden;\n  z-index: 1;\n}\n\n.service-cta-button::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #0f172a;\n  transform: scaleX(0);\n  transform-origin: right;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  z-index: -1;\n}\n\n.service-cta-button:hover::before {\n  transform: scaleX(1);\n  transform-origin: left;\n}\n\n.service-cta-button:hover {\n  color: #ffffff;\n  border-color: #0f172a;\n}\n\n.service-cta-text {\n  font-size: 1.05rem;\n  letter-spacing: 0.15em;\n}\n\n.service-cta-subtext {\n  font-size: 0.7rem;\n  font-weight: 500;\n  color: #64748b;\n  margin-top: 2px;\n  transition: color 0.4s ease;\n}\n\n.service-cta-button:hover .service-cta-subtext {\n  color: #94a3b8;\n}\n\n.service-cta-icon {\n  margin-top: 6px;\n  font-size: 0.85rem;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.service-cta-button:hover .service-cta-icon {\n  transform: translateX(8px);\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 991px) and (min-width: 769px) {\n  .service-strength-card {\n    padding: 30px 20px;\n  }\n  .service-card {\n    flex: 0 0 calc((100% - 30px) \/ 2);\n  }\n}\n\n@media (max-width: 768px) {\n  .service-section {\n    padding: 60px 16px;\n  }\n  .service-title-area {\n    margin-bottom: 40px;\n  }\n  \n  \/* \u5f37\u307f\u30a8\u30ea\u30a2\u7e26\u4e26\u3073 *\/\n  .service-strengths-area {\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 0;\n  }\n  .service-strength-card {\n    padding: 32px 24px;\n  }\n  \n  .section-separator {\n    margin-top: 60px; \/* \u30b9\u30de\u30db\u3067\u306f\u30bb\u30d1\u30ec\u30fc\u30bf\u4f59\u767d\u3092\u9069\u6b63\u5316 *\/\n  }\n  \n  .service-card {\n    flex: 0 0 100%;\n    padding: 36px 24px;\n    background: #ffffff !important;\n    transform: none !important;\n    perspective: none;\n    transform-style: flat;\n  }\n  .service-icon-wrapper, .service-card-title, .service-card-subtitle, .service-card-description {\n    transform: none !important;\n  }\n  .service-cta-area {\n    margin-top: 60px;\n  }\n}\n<\/style>\n\n\n\n<section class=\"trace-final-cta\">\n  <!-- \u6697\u3044\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 -->\n  <div class=\"trace-final-cta-overlay\"><\/div>\n\n  <!-- \u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2 -->\n  <div class=\"trace-final-cta-content\">\n    <h2 class=\"trace-final-cta-title\">\u6c5f\u5225\u306e\u660e\u65e5\u3092\u3001\u79c1\u305f\u3061\u304c\u5275\u308a\u51fa\u3059\u3002<\/h2>\n    <p class=\"trace-final-cta-lead\">\n      TRACE\u3078\u306e\u3054\u76f8\u8ac7\u3001\u5354\u696d\u306e\u3054\u4f9d\u983c\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\u304b\u3089\n    <\/p>\n    \n    <div class=\"trace-final-cta-action\">\n      <!-- href\u306e\u4e2d\u8eab\u3092\u3054\u81ea\u8eab\u306e\u554f\u3044\u5408\u308f\u305b\u30da\u30fc\u30b8URL\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044 -->\n      <a href=\"https:\/\/traceebetsu.com\/?page_id=52\" class=\"trace-final-cta-button\">\n        <span class=\"trace-final-cta-btn-text\">CONTACT US<\/span>\n        <i class=\"fa-solid fa-envelope trace-final-cta-btn-icon\"><\/i>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\uff08100vh\u306e\u6ca1\u5165\u578b\u30ec\u30a4\u30a2\u30a6\u30c8\uff09 *\/\n.trace-final-cta {\n  position: relative;\n  width: 100%;\n  height: 85vh; \/* 85vh\u301c100vh\u3067\u7a0b\u3088\u3044\u6ca1\u5165\u611f\u3092\u6301\u305f\u305b\u308b *\/\n  min-height: 550px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  background-image: url('https:\/\/traceebetsu.com\/wp-content\/uploads\/2026\/07\/Road_through_green_fields_2K_202607041503-scaled.jpeg'); \/* \u9ad8\u753b\u8cea\u306a\u80cc\u666f\u753b\u50cf *\/\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed; \/* CSS\u30d1\u30e9\u30e9\u30c3\u30af\u30b9\uff08\u8996\u5dee\u52b9\u679c\uff09 *\/\n}\n\n\/* \u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u3067\u306efixed\u80cc\u666f\u753b\u50cf\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u4e0d\u5177\u5408\u9632\u6b62\uff08\u30b9\u30de\u30db\u3067\u306ffixed\u3092\u89e3\u9664\uff09 *\/\n@media (max-width: 768px) {\n  .trace-final-cta {\n    background-attachment: scroll;\n  }\n}\n\n\/* \u6697\u3044\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\n.trace-final-cta-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.6); \/* 0.6\u306e\u6697\u3055 *\/\n  z-index: 1;\n}\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2 *\/\n.trace-final-cta-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  color: #ffffff;\n  padding: 0 24px;\n  max-width: 800px;\n  width: 100%;\n  box-sizing: border-box;\n  \n  \/* \u6a19\u6e96\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u7528\uff09 *\/\n  opacity: 0;\n  transform: translateY(30px);\n  animation: fvFadeInUp 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n\/* \u73fe\u4ee3\u7684\u306a\u30d6\u30e9\u30a6\u30b6\u5411\u3051\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u9023\u52d5\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08\u753b\u9762\u306b\u5165\u3063\u305f\u6642\u306b\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\uff09 *\/\n@supports (animation-timeline: view()) {\n  .trace-final-cta-content {\n    animation: fvFadeInUp linear both;\n    animation-timeline: view();\n    animation-range: entry 10% cover 40%;\n  }\n}\n\n\/* \u30e1\u30a4\u30f3\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n.trace-final-cta-title {\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", \"Noto Sans JP\", sans-serif;\n  font-size: clamp(2rem, 5vw, 3.5rem); \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3067\u7f8e\u3057\u304f\u53ef\u5909 *\/\n  font-weight: 800;\n  line-height: 1.4;\n  margin: 0 0 20px 0;\n  color: #ffffff !important;\n  letter-spacing: 0.05em;\n  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n}\n\n\/* \u30b5\u30d6\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n.trace-final-cta-lead {\n  font-size: clamp(0.95rem, 2vw, 1.25rem);\n  line-height: 1.6;\n  margin: 0 0 40px 0;\n  color: rgba(255, 255, 255, 0.8) !important; \/* \u5c11\u3057\u900f\u660e\u5ea6\u3092\u4e0b\u3052\u308b *\/\n  letter-spacing: 0.05em;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\n}\n\n\/* \u30dc\u30bf\u30f3\u30a8\u30ea\u30a2 *\/\n.trace-final-cta-action {\n  display: flex;\n  justify-content: center;\n}\n\n\/* \u30e9\u30a4\u30e0\u30b0\u30ea\u30fc\u30f3\u57fa\u8abf\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30dc\u30bf\u30f3 *\/\n.trace-final-cta-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 18px 48px;\n  background-color: #deff9a; \/* \u30e9\u30a4\u30e0\u30b0\u30ea\u30fc\u30f3\u80cc\u666f *\/\n  color: #0f172a !important; \/* \u9ed2\u6587\u5b57 *\/\n  border: 2px solid #deff9a;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 1.05rem;\n  letter-spacing: 0.1em;\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  box-shadow: 0 10px 25px rgba(222, 255, 154, 0.2);\n}\n\n\/* \u30db\u30d0\u30fc\u6642\u306e\u30ab\u30e9\u30fc\u5909\u66f4\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.trace-final-cta-button:hover {\n  background-color: transparent; \/* \u80cc\u666f\u3092\u900f\u660e\u306b *\/\n  color: #deff9a !important; \/* \u6587\u5b57\u3092\u30e9\u30a4\u30e0\u30b0\u30ea\u30fc\u30f3\u306b *\/\n  border-color: #deff9a; \/* \u67a0\u7dda\u3092\u7dad\u6301\u3057\u3066\u30b4\u30fc\u30b9\u30c8\u30dc\u30bf\u30f3\u98a8\u306b *\/\n  box-shadow: 0 15px 30px rgba(222, 255, 154, 0.3);\n  transform: translateY(-3px);\n}\n\n.trace-final-cta-btn-icon {\n  font-size: 1rem;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.trace-final-cta-button:hover .trace-final-cta-btn-icon {\n  transform: scale(1.15);\n}\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b9a\u7fa9 *\/\n@keyframes fvFadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\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>TRACE Leave our mark [&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-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/5","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=5"}],"version-history":[{"count":65,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/traceebetsu.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/traceebetsu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}