PageSourceSearch

https://www.sugiokasystem.co.jp/contact/

html sugiokasystem.co.jp collected 2026-10-04 02:54:30 UTC 106,152 bytes, 1,798 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>お問い合わせ | 杉岡システム株式会社</title>
7
8    <meta name="author" content="杉岡システム株式会社" />
9
10    <meta name="google-site-verification" content="AqYrU0BK4ZyO1vdISVktO__TH-eClF-T9_DhoihVKwo" />
11
12    <link rel="preconnect" href="https://fonts.googleapis.com" />
13    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
14    <link
15      rel="stylesheet"
16      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&amp;family=Inter:wght@400;500;600;700&amp;display=swap"
17      media="print"
18      id="google-fonts"
19    />
20    <noscript
21      ><link
22        rel="stylesheet"
23        href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"
24    /></noscript>
25
26    <link rel="dns-prefetch" href="https://fbcgbxcxtewvoopwbfpm.supabase.co" />
27    <link rel="preconnect" href="https://fbcgbxcxtewvoopwbfpm.supabase.co" crossorigin="" />
28
29    <!-- Internal traffic exclusion: visit with ?internal=true to set cookie -->
30    
30<script>
31      if (location.search.includes('internal=true')) {
32        document.cookie = 'internal_user=true; path=/; max-age=31536000; SameSite=Lax';
33      }
34      var gf = document.getElementById('google-fonts');
35      if (gf) { gf.onload = function() { this.media = 'all'; }; }
36    </script>
36
37
38    <!-- Consent defaults (must be before GTM) -->
39    
39<script>
40      window.dataLayer = window.dataLayer || [];
41      function gtag(){dataLayer.push(arguments);}
42      // EEA: default denied (GDPR). All other regions: default granted.
43      gtag('consent', 'default', {
44        analytics_storage: 'denied',
45        ad_storage: 'denied',
46        ad_user_data: 'denied',
47        ad_personalization: 'denied',
48        region: ['AT','BE','BG','CY','CZ','DE','DK','EE','ES','FI','FR','GR','HR','HU','IE','IS','IT','LI','LT','LU','LV','MT','NL','NO','PL','PT','RO','SE','SI','SK','GB','CH']
49      });
50      // Restore previous consent choice (JSON: {choice,ts}, 12-month expiry)
51      (function(){
52        try {
53          var raw = localStorage.getItem('cookie-consent');
54          if (!raw) return;
55          var d = JSON.parse(raw);
56          if (!d || !d.choice || !d.ts) { localStorage.removeItem('cookie-consent'); return; }
57          if (Date.now() - d.ts > 365*24*60*60*1000) { localStorage.removeItem('cookie-consent'); return; }
58          var s = d.choice === 'accepted' ? 'granted' : 'denied';
59          gtag('consent', 'update', {
60            analytics_storage: s, ad_storage: s, ad_user_data: s, ad_personalization: s
61          });
62        } catch(e) { localStorage.removeItem('cookie-consent'); }
63      })();
64    </script>
64
65
66    <!-- Google Tag Manager -->
67    
67<script>
vendor: 343 bytes, lines 67-71
67(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
68    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
69    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
70    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
71    })(window,document,'script','dataLayer','
71GTM-NDP84JW
vendor: 3 bytes, line 71
71');
71</script>
71
72    <!-- End Google Tag Manager -->
73    
73<script>var s=document.createElement("script");s.type="module";s.src="/assets/index-DBr81aw_.js";document.head.appendChild(s);</script>
73
74    <link rel="stylesheet" crossorigin="" href="/assets/index-D0W3xQDa.css" />
75    
75<script type="application/ld+json">
76      {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://www.sugiokasystem.co.jp/"},{"@type":"ListItem","position":2,"name":"お問い合わせ","item":"https://www.sugiokasystem.co.jp/contact/"}]}
77    </script>
77
78    <style type="text/css">
79      
vendor: 14,916 bytes, line 79
79[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--normal-text);background:var(--normal-bg);border:1px solid var(--normal-border);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
79
80    </style>
81    <link rel="modulepreload" as="script" crossorigin="" href="/assets/Contact-DgP4MkkZ.js" />
82    <link rel="modulepreload" as="script" crossorigin="" href="/assets/rolldown-runtime-hePW80VL.js" />
83    <link rel="modulepreload" as="script" crossorigin="" href="/assets/forms-e-E4Om3o.js" />
84    <link rel="modulepreload" as="script" crossorigin="" href="/assets/markdown-D-UbjoNZ.js" />
85    <link rel="modulepreload" as="script" crossorigin="" href="/assets/button-BzGiw_MC.js" />
86    <link rel="modulepreload" as="script" crossorigin="" href="/assets/vendor-D6dXcgaA.js" />
87    <link rel="modulepreload" as="script" crossorigin="" href="/assets/utils-DojcreAJ.js" />
88    <link rel="modulepreload" as="script" crossorigin="" href="/assets/useRecaptcha-CbYwllDS.js" />
89    <link rel="modulepreload" as="script" crossorigin="" href="/assets/input-FjxqZwDJ.js" />
90    <link rel="modulepreload" as="script" crossorigin="" href="/assets/businessDays-CDtMZ00i.js" />
91    <link rel="modulepreload" as="script" crossorigin="" href="/assets/react-s9UAtgz6.js" />
92    <link rel="modulepreload" as="script" crossorigin="" href="/assets/dist-DzACvw0u.js" />
93    <link rel="modulepreload" as="script" crossorigin="" href="/assets/dist-D8Wfxh48.js" />
94    <link rel="modulepreload" as="script" crossorigin="" href="/assets/Combination-CgbrKEEl.js" />
95    <link rel="modulepreload" as="script" crossorigin="" href="/assets/supabase-DBwSh9Uq.js" />
96    <link rel="modulepreload" as="script" crossorigin="" href="/assets/popover-BCj_Y7mq.js" />
97    <link rel="modulepreload" as="script" crossorigin="" href="/assets/PageHero-BgUA3s6r.js" />
98    <link rel="modulepreload" as="script" crossorigin="" href="/assets/privacyPolicy-DqQdiTqF.js" />
99    <link rel="modulepreload" as="script" crossorigin="" href="/assets/ChatWidget-CwkXFCcJ.js" />
100    <link rel="modulepreload" as="script" crossorigin="" href="/assets/preload-helper-BZ1Pz5am.js" />
101    <link rel="modulepreload" as="script" crossorigin="" href="/assets/constants-Ciwcw5a0.js" />
102    <meta
103      name="description"
104      content="杉岡システムへのお問い合わせフォーム。組み込みシステム・産業用電子機器のODM/OEM開発、当社製品のカスタマイズ開発、お見積もり、デモ機貸出お申し込み、製品に関するご質問など、お気軽にお問い合わせください。"
105    />
106    <link rel="canonical" href="https://www.sugiokasystem.co.jp/contact/" />
107    <meta property="og:site_name" content="杉岡システム株式会社" />
108    <meta property="og:title" content="お問い合わせ | 杉岡システム株式会社" />
109    <meta
110      property="og:description"
111      content="杉岡システムへのお問い合わせフォーム。組み込みシステム・産業用電子機器のODM/OEM開発、当社製品のカスタマイズ開発、お見積もり、デモ機貸出お申し込み、製品に関するご質問など、お気軽にお問い合わせください。"
112    />
113    <meta property="og:type" content="website" />
114    <meta property="og:url" content="https://www.sugiokasystem.co.jp/contact/" />
115    <meta
116      property="og:image"
117      content="https://www.sugiokasystem.co.jp/images/sugiokasystem/material/sugioka-eye-catch.webp"
118    />
119    <meta property="og:locale" content="ja_JP" />
120    <meta name="twitter:card" content="summary_large_image" />
121    <meta name="twitter:title" content="お問い合わせ | 杉岡システム株式会社" />
122    <meta
123      name="twitter:description"
124      content="杉岡システムへのお問い合わせフォーム。組み込みシステム・産業用電子機器のODM/OEM開発、当社製品のカスタマイズ開発、お見積もり、デモ機貸出お申し込み、製品に関するご質問など、お気軽にお問い合わせください。"
125    />
126    <meta
127      name="twitter:image"
128      content="https://www.sugiokasystem.co.jp/images/sugiokasystem/material/sugioka-eye-catch.webp"
129    />
130  </head>
131
132  <body>
133    <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 133-136
133
134    <noscript
135      ><iframe
136        src="https://www.googletagmanager.com/ns.html?id=
136GTM-NDP84JW
vendor: 123 bytes, lines 136-142
136"
137        height="0"
138        width="0"
139        style="display:none;visibility:hidden"
140      ></iframe
141    ></noscript>
142    
142<!-- End Google Tag Manager (noscript) -->
143    <div id="root">
144      <div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;">
145        <ol
146          tabindex="-1"
147          class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"
148        ></ol>
149      </div>
150      <section
151        aria-label="Notifications alt+T"
152        tabindex="-1"
153        aria-live="polite"
154        aria-relevant="additions text"
155        aria-atomic="false"
156        data-react-aria-top-layer="true"
157      ></section>
158      <header
159        class="sticky top-0 z-50 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80"
160      >
161        <div class="hidden border-b border-border/50 lg:block">
162          <div class="container flex items-center justify-end gap-1 py-1">
163            <a
164              class="inline-flex items-center gap-1.5 rounded-md border border-foreground/20 px-3 py-1 text-xs font-medium text-foreground/70 transition-colors hover:border-foreground
164/30 hover:bg-muted hover:text-foreground"
165              href="/news/"
166              data-discover="true"
167              ><svg
168                xmlns="http://www.w3.org/2000/svg"
169                width="24"
170                height="24"
171                viewBox="0 0 24 24"
172                fill="none"
173                stroke="currentColor"
174                stroke-width="2"
175                stroke-linecap="round"
176                stroke-linejoin="round"
177                class="lucide lucide-newspaper h-3.5 w-3.5"
178                aria-hidden="true"
179              >
180                <path d="M15 18h-5"></path>
181                <path d="M18 14h-8"></path>
182                <path
183                  d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"
184                ></path>
185                <rect width="8" height="4" x="10" y="6" rx="1"></rect></svg
186              >ニュース</a
187            ><a
188              class="inline-flex items-center gap-1.5 rounded-md border border-foreground/20 px-3 py-1 text-xs font-medium text-foreground/70 transition-colors hover:border-foreground
188/30 hover:bg-muted hover:text-foreground"
189              href="/blog/"
190              data-discover="true"
191              ><svg
192                xmlns="http://www.w3.org/2000/svg"
193                width="24"
194                height="24"
195                viewBox="0 0 24 24"
196                fill="none"
197                stroke="currentColor"
198                stroke-width="2"
199                stroke-linecap="round"
200                stroke-linejoin="round"
201                class="lucide lucide-book-open h-3.5 w-3.5"
202                aria-hidden="true"
203              >
204                <path d="M12 5v16"></path>
205                <path
206                  d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"
207                ></path></svg
208              >ブログ</a
209            ><a
210              class="inline-flex items-center gap-1.5 rounded-md border border-foreground/20 px-3 py-1 text-xs font-medium text-foreground/70 transition-colors hover:border-foreground
210/30 hover:bg-muted hover:text-foreground"
211              href="/support/downloads/"
212              data-discover="true"
213              ><svg
214                xmlns="http://www.w3.org/2000/svg"
215                width="24"
216                height="24"
217                viewBox="0 0 24 24"
218                fill="none"
219                stroke="currentColor"
220                stroke-width="2"
221                stroke-linecap="round"
222                stroke-linejoin="round"
223                class="lucide lucide-download h-3.5 w-3.5"
224                aria-hidden="true"
225              >
226                <path d="M12 15V3"></path>
227                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
228                <path d="m7 10 5 5 5-5"></path></svg
229              >資料ダウンロード</a
230            ><a
231              href="https://shop.sugiokasystem.co.jp/"
232              target="_blank"
233              rel="noopener"
234              class="inline-flex items-center gap-1.5 rounded-md border border-foreground/20 px-3 py-1 text-xs font-medium text-foreground/70 transition-colors hover:border-foreground
234/30 hover:bg-muted hover:text-foreground"
235              ><svg
236                xmlns="http://www.w3.org/2000/svg"
237                width="24"
238                height="24"
239                viewBox="0 0 24 24"
240                fill="none"
241                stroke="currentColor"
242                stroke-width="2"
243                stroke-linecap="round"
244                stroke-linejoin="round"
245                class="lucide lucide-shopping-cart h-3.5 w-3.5"
246                aria-hidden="true"
247              >
248                <path d="m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18"></path>
249                <path d="M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25"></path>
250                <circle cx="18" cy="20" r="2"></circle>
251                <circle cx="8" cy="20" r="2"></circle></svg
252              >オンラインショップ<svg
253                xmlns="http://www.w3.org/2000/svg"
254                width="24"
255                height="24"
256                viewBox="0 0 24 24"
257                fill="none"
258                stroke="currentColor"
259                stroke-width="2"
260                stroke-linecap="round"
261                stroke-linejoin="round"
262                class="lucide lucide-external-link h-3 w-3"
263                aria-hidden="true"
264              >
265                <path d="M15 3h6v6"></path>
266                <path d="M10 14 21 3"></path>
267                <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg
268            ></a>
269          </div>
270        </div>
271        <div class="container flex h-14 items-center justify-between lg:h-16">
272          <a class="flex shrink-0 items-center" href="/" data-discover="true"
273            ><img
274              alt="杉岡システム株式会社"
275              width="129"
276              height="40"
277              class="h-8 w-auto md:h-10"
278              src="/images/sugiokasystem/logo/logo-yoko-wide.svg"
279          /></a>
280          <div class="hidden items-center gap-1 lg:flex xl:gap-2">
281            <nav
282              aria-label="Main"
283              data-orientation="horizontal"
284              dir="ltr"
285              class="relative z-10 flex max-w-max flex-1 items-center justify-center"
286            >
287              <div style="position: relative;">
288                <ul
289                  data-orientation="horizontal"
290                  class="group flex flex-1 list-none items-center justify-center space-x-1"
291                  dir="ltr"
292                >
293                  <li>
294                    <a
295                      class="inline-flex h-10 items-center justify-center rounded-md bg-transparent px-3 py-2 text-[13px] font-medium transition-colors hover:text-accent focus:outline-none xl:px-4 xl:text-sm text-foreground"
296                      data-radix-collection-item=""
297                      href="/service/"
298                      data-discover="true"
299                      >組み込みソリューション</a
300                    >
301                  </li>
302                  <li>
303                    <button
304                      id="radix-_r_0_-trigger-radix-_r_2_"
305                      data-state="closed"
306                      aria-expanded="false"
307                      class="group inline-flex h-10 w-max items-center justify-center rounded-md py-2 transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50 group bg-transparent px-3 text-[13px] font-medium text-foreground hover:bg-transparent hover:text-accent focus:bg-transparent focus:text-foreground data-[active]:bg-transparent data-[state=open]:bg-transparent data-[state=open]:text-accent xl:px-4 xl:text-sm"
308                      data-radix-collection-item=""
309                    >
310                      製品ラインナップ
311                      <svg
312                        xmlns="http://www.w3.org/2000/svg"
313                        width="24"
314                        height="24"
315                        viewBox="0 0 24 24"
316                        fill="none"
317                        stroke="currentColor"
318                        stroke-width="2"
319                        stroke-linecap="round"
320                        stroke-linejoin="round"
321                        class="lucide lucide-chevron-down relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
322                        aria-hidden="true"
323                      >
324                        <path d="m6 9 6 6 6-6"></path>
325                      </svg>
326                    </button>
327                  </li>
328                  <li>
329                    <a
330                      class="inline-flex h-10 items-center justify-center rounded-md bg-transparent px-3 py-2 text-[13px] font-medium transition-colors hover:text-accent focus:outline-none xl:px-4 xl:text-sm text-foreground"
331                      data-radix-collection-item=""
332                      href="/works/"
333                      data-discover="true"
334                      >開発実績</a
335                    >
336                  </li>
337                  <li>
338                    <a
339                      class="inline-flex h-10 items-center justify-center rounded-md bg-transparent px-3 py-2 text-[13px] font-medium transition-colors hover:text-accent focus:outline-none xl:px-4 xl:text-sm text-foreground"
340                      data-radix-collection-item=""
341                      href="/support/"
342                      data-discover="true"
343                      >サポート</a
344                    >
345                  </li>
346                  <li>
347                    <a
348                      class="inline-flex h-10 items-center justify-center rounded-md bg-transparent px-3 py-2 text-[13px] font-medium transition-colors hover:text-accent focus:outline-none xl:px-4 xl:text-sm text-foreground"
349                      data-radix-collection-item=""
350                      href="/company/"
351                      data-discover="true"
352                      >杉岡システムについて</a
353                    >
354                  </li>
355                </ul>
356              </div>
357              <div class="absolute left-0 top-full flex justify-center"></div>
358            </nav>
359            <a
360              class="inline-flex items-center gap-2 rounded-full bg-primary px-4 py-2 text-[13px] font-semibold text-primary-foreground shadow-md transition-all duration-200 hover:scale-105 hover:bg-primary/90 hover:shadow-lg active:scale-100 xl:px-6 xl:py-2.5 xl:text-sm"
361              href="/contact/"
362              data-discover="true"
363              ><svg
364                xmlns="http://www.w3.org/2000/svg"
365                width="24"
366                height="24"
367                viewBox="0 0 24 24"
368                fill="none"
369                stroke="currentColor"
370                stroke-width="2"
371                stroke-linecap="round"
372                stroke-linejoin="round"
373                class="lucide lucide-mail h-4 w-4"
374                aria-hidden="true"
375              >
376                <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
377                <rect x="2" y="4" width="20" height="16" rx="2"></rect></svg
378              >お問い合わせ</a
379            >
380          </div>
381          <div class="flex items-center gap-4 lg:hidden">
382            <a
383              href="https://shop.sugiokasystem.co.jp/"
384              target="_blank"
385              rel="noopener"
386              class="inline-flex items-center justify-center rounded-full bg-muted p-2.5 text-foreground shadow-md transition-all hover:bg-muted/80 hover:shadow-lg"
387              aria-label="オンラインショップ"
388              ><svg
389                xmlns="http://www.w3.org/2000/svg"
390                width="24"
391                height="24"
392                viewBox="0 0 24 24"
393                fill="none"
394                stroke="currentColor"
395                stroke-width="2"
396                stroke-linecap="round"
397                stroke-linejoin="round"
398                class="lucide lucide-shopping-cart h-4 w-4"
399                aria-hidden="true"
400              >
401                <path d="m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18"></path>
402                <path d="M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25"></path>
403                <circle cx="18" cy="20" r="2"></circle>
404                <circle cx="8" cy="20" r="2"></circle></svg></a
405            ><a
406              class="inline-flex items-center justify-center rounded-full bg-muted p-2.5 text-foreground shadow-md transition-all hover:bg-muted/80 hover:shadow-lg"
407              aria-label="お問い合わせ"
408              href="/contact/"
409              data-discover="true"
410              ><svg
411                xmlns="http://www.w3.org/2000/svg"
412                width="24"
413                height="24"
414                viewBox="0 0 24 24"
415                fill="none"
416                stroke="currentColor"
417                stroke-width="2"
418                stroke-linecap="round"
419                stroke-linejoin="round"
420                class="lucide lucide-mail h-4 w-4"
421                aria-hidden="true"
422              >
423                <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
424                <rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a
425            ><button
426              class="inline-flex items-center justify-center rounded-lg bg-primary/90 p-2.5 text-primary-foreground shadow-lg ring-1 ring-primary/20 transition-all hover:bg-primary hover:shadow-xl"
427              aria-label="メニューを開く"
428            >
429              <svg
430                xmlns="http://www.w3.org/2000/svg"
431                width="24"
432                height="24"
433                viewBox="0 0 24 24"
434                fill="none"
435                stroke="currentColor"
436                stroke-width="2"
437                stroke-linecap="round"
438                stroke-linejoin="round"
439                class="lucide lucide-menu h-4 w-4"
440                aria-hidden="true"
441              >
442                <path d="M4 5h16"></path>
443                <path d="M4 12h16"></path>
444                <path d="M4 19h16"></path>
445              </svg>
446            </button>
447          </div>
448        </div>
449      </header>
450      <div
451        class="fixed right-0 top-0 z-50 flex h-full w-[85vw] max-w-[360px] flex-col bg-background shadow-2xl transition-transform duration-300 ease-out lg:hidden translate-x-full"
452      >
453        <div class="flex items-center justify-between border-b border-border px-5 py-4">
454          <span class="text-sm font-semibold text-muted-foreground tracking-wider uppercase">メニュー</span
455          ><button class="rounded-full p-2 transition-colors hover:bg-muted" aria-label="メニューを閉じる">
456            <svg
457              xmlns="http://www.w3.org/2000/svg"
458              width="24"
459              height="24"
460              viewBox="0 0 24 24"
461              fill="none"
462              stroke="currentColor"
463              stroke-width="2"
464              stroke-linecap="round"
465              stroke-linejoin="round"
466              class="lucide lucide-x h-5 w-5"
467              aria-hidden="true"
468            >
469              <path d="M18 6 6 18"></path>
470              <path d="m6 6 12 12"></path>
471            </svg>
472          </button>
473        </div>
474        <div class="border-b border-border px-4 py-3">
475          <div class="relative">
476            <svg
477              xmlns="http://www.w3.org/2000/svg"
478              width="24"
479              height="24"
480              viewBox="0 0 24 24"
481              fill="none"
482              stroke="currentColor"
483              stroke-width="2"
484              stroke-linecap="round"
485              stroke-linejoin="round"
486              class="lucide lucide-search absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
487              aria-hidden="true"
488            >
489              <path d="m21 21-4.34-4.34"></path>
490              <circle cx="11" cy="11" r="8"></circle></svg
491            ><input
492              placeholder="サイト内検索"
493              class="w-full rounded-lg border border-border bg-muted/50 py-2.5 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:border-accent/40 focus:outline-none focus:ring-1 focus:ring-accent/20 transition-colors"
494              type="search"
495              value=""
496            />
497          </div>
498        </div>
499        <nav class="flex-1 overflow-y-auto overscroll-contain px-4 py-4">
500          <div class="rounded-xl bg-muted/80 p-1 flex flex-col gap-0.5">
501            <a
502              class="flex items-center rounded-lg px-4 py-3.5 text-sm font-medium transition-colors text-foreground hover:bg-background"
503              href="/service/"
504              data-discover="true"
505              >組み込みソリューション</a
506            >
507            <div data-state="closed">
508              <button
509                type="button"
510                aria-expanded="false"
511                data-state="closed"
512                class="flex w-full items-center justify-between rounded-lg px-4 py-3.5 text-sm font-medium transition-colors text-foreground hover:bg-background"
513              >
514                製品ラインナップ<svg
515                  xmlns="http://www.w3.org/2000/svg"
516                  width="24"
517                  height="24"
518                  viewBox="0 0 24 24"
519                  fill="none"
520                  stroke="currentColor"
521                  stroke-width="2"
522                  stroke-linecap="round"
523                  stroke-linejoin="round"
524                  class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"
525                  aria-hidden="true"
526                >
527                  <path d="m6 9 6 6 6-6"></path>
528                </svg>
529              </button>
530              <div data-state="closed" id="radix-_r_6_" hidden="" style=""></div>
531            </div>
532            <a
533              class="flex items-center rounded-lg px-4 py-3.5 text-sm font-medium transition-colors text-foreground hover:bg-background"
534              href="/works/"
535              data-discover="true"
536              >開発実績</a
537            >
538            <div data-state="closed">
539              <button
540                type="button"
541                aria-expanded="false"
542                data-state="closed"
543                class="flex w-full items-center justify-between rounded-lg px-4 py-3.5 text-sm font-medium transition-colors text-foreground hover:bg-background"
544              >
545                サポート<svg
546                  xmlns="http://www.w3.org/2000/svg"
547                  width="24"
548                  height="24"
549                  viewBox="0 0 24 24"
550                  fill="none"
551                  stroke="currentColor"
552                  stroke-width="2"
553                  stroke-linecap="round"
554                  stroke-linejoin="round"
555                  class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"
556                  aria-hidden="true"
557                >
558                  <path d="m6 9 6 6 6-6"></path>
559                </svg>
560              </button>
561              <div data-state="closed" id="radix-_r_7_" hidden="" style=""></div>
562            </div>
563            <a
564              class="flex items-center rounded-lg px-4 py-3.5 text-sm font-medium transition-colors text-foreground hover:bg-background"
565              href="/company/"
566              data-discover="true"
567              >杉岡システムについて</a
568            >
569          </div>
570          <div class="mt-5 flex flex-col gap-0.5">
571            <p class="px-4 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">
572              杉岡システムについて
573            </p>
574            <div class="rounded-xl bg-muted/80 p-1 flex flex-col gap-0.5">
575              <a
576                class="flex items-center rounded-lg px-4 py-3 text-sm font-medium transition-colors text-foreground hover:bg-background"
577                href="/company/"
578                data-discover="true"
579                >会社情報</a
580              ><a
581                class="flex items-center rounded-lg px-4 py-3 text-sm font-medium transition-colors text-foreground hover:bg-background"
582                href="/company/#access"
583                data-discover="true"
584                >アクセス</a
585              >
586            </div>
587          </div>
588          <div class="mt-5 rounded-xl bg-muted/80 p-1 flex flex-col gap-0.5">
589            <a
590              class="flex items-center gap-3 rounded-lg px-4 py-3.5 text-sm font-medium text-foreground transition-colors hover:bg-background hover:text-accent"
591              href="/news/"
592              data-discover="true"
593              ><svg
594                xmlns="http://www.w3.org/2000/svg"
595                width="24"
596                height="24"
597                viewBox="0 0 24 24"
598                fill="none"
599                stroke="currentColor"
600                stroke-width="2"
601                stroke-linecap="round"
602                stroke-linejoin="round"
603                class="lucide lucide-newspaper h-4 w-4 shrink-0"
604                aria-hidden="true"
605              >
606                <path d="M15 18h-5"></path>
607                <path d="M18 14h-8"></path>
608                <path
609                  d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"
610                ></path>
611                <rect width="8" height="4" x="10" y="6" rx="1"></rect></svg
612              >ニュース</a
613            ><a
614              class="flex items-center gap-3 rounded-lg px-4 py-3.5 text-sm font-medium text-foreground transition-colors hover:bg-background hover:text-accent"
615              href="/blog/"
616              data-discover="true"
617              ><svg
618                xmlns="http://www.w3.org/2000/svg"
619                width="24"
620                height="24"
621                viewBox="0 0 24 24"
622                fill="none"
623                stroke="currentColor"
624                stroke-width="2"
625                stroke-linecap="round"
626                stroke-linejoin="round"
627                class="lucide lucide-book-open h-4 w-4 shrink-0"
628                aria-hidden="true"
629              >
630                <path d="M12 5v16"></path>
631                <path
632                  d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"
633                ></path></svg
634              >ブログ</a
635            ><a
636              class="flex items-center gap-3 rounded-lg px-4 py-3.5 text-sm font-medium text-foreground transition-colors hover:bg-background hover:text-accent"
637              href="/support/downloads/"
638              data-discover="true"
639              ><svg
640                xmlns="http://www.w3.org/2000/svg"
641                width="24"
642                height="24"
643                viewBox="0 0 24 24"
644                fill="none"
645                stroke="currentColor"
646                stroke-width="2"
647                stroke-linecap="round"
648                stroke-linejoin="round"
649                class="lucide lucide-download h-4 w-4 shrink-0"
650                aria-hidden="true"
651              >
652                <path d="M12 15V3"></path>
653                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
654                <path d="m7 10 5 5 5-5"></path></svg
655              >資料ダウンロード</a
656            ><a
657              href="https://shop.sugiokasystem.co.jp/"
658              target="_blank"
659              rel="noopener"
660              class="flex items-center gap-3 rounded-lg px-4 py-3.5 text-sm font-medium text-foreground transition-colors hover:bg-background hover:text-accent"
661              ><svg
662                xmlns="http://www.w3.org/2000/svg"
663                width="24"
664                height="24"
665                viewBox="0 0 24 24"
666                fill="none"
667                stroke="currentColor"
668                stroke-width="2"
669                stroke-linecap="round"
670                stroke-linejoin="round"
671                class="lucide lucide-shopping-cart h-4 w-4 shrink-0"
672                aria-hidden="true"
673              >
674                <path d="m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18"></path>
675                <path d="M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25"></path>
676                <circle cx="18" cy="20" r="2"></circle>
677                <circle cx="8" cy="20" r="2"></circle></svg
678              >オンラインショップ<svg
679                xmlns="http://www.w3.org/2000/svg"
680                width="24"
681                height="24"
682                viewBox="0 0 24 24"
683                fill="none"
684                stroke="currentColor"
685                stroke-width="2"
686                stroke-linecap="round"
687                stroke-linejoin="round"
688                class="lucide lucide-external-link ml-auto h-3 w-3 shrink-0"
689                aria-hidden="true"
690              >
691                <path d="M15 3h6v6"></path>
692                <path d="M10 14 21 3"></path>
693                <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg
694            ></a>
695          </div>
696          <a
697            class="mx-2 mt-5 flex items-center justify-center gap-2 rounded-full bg-primary px-6 py-3.5 text-sm font-semibold text-primary-foreground shadow-md transition-all hover:bg-primary/90 active:scale-[0.98]"
698            href="/contact/"
699            data-discover="true"
700            ><svg
701              xmlns="http://www.w3.org/2000/svg"
702              width="24"
703              height="24"
704              viewBox="0 0 24 24"
705              fill="none"
706              stroke="currentColor"
707              stroke-width="2"
708              stroke-linecap="round"
709              stroke-linejoin="round"
710              class="lucide lucide-mail h-4 w-4"
711              aria-hidden="true"
712            >
713              <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
714              <rect x="2" y="4" width="20" height="16" rx="2"></rect></svg
715            >お問い合わせ</a
716          >
717        </nav>
718      </div>
719      <main>
720        <section class="relative bg-primary py-14 md:py-28 overflow-hidden">
721          <div class="absolute inset-0">
722            <img
723              sizes="100vw"
724              alt=""
725              class="h-full w-full object-cover opacity-[0.15]"
726              aria-hidden="true"
727              srcset="/images/sugiokasystem/material/shaking-hands_1920_480w.webp 480w, /images/sugiokasystem/material/shaking-hands_1920_960w.webp 960w, /images/sugiokasystem/material/shaking-hands_1920_1440w.webp 1440w, /images/sugiokasystem/material/shaking-hands_1920.webp 1920w"
728              src="/images/sugiokasystem/material/shaking-hands_1920.webp"
729            />
730          </div>
731          <div
732            class="pointer-events-none absolute inset-0 bg-gradient-to-b from-primary/30 via-primary/40 to-primary/50"
733          ></div>
734          <div
735            class="pointer-events-none absolute inset-0 bg-gradient-to-br from-accent/8 via-transparent to-primary/20"
736          ></div>
737          <div class="container relative z-10 flex flex-col items-center text-center">
738            <div
739              class="inline-flex items-center gap-2 rounded-full border border-primary-foreground/15 bg-primary-foreground/5 backdrop-blur-sm px-5 py-2 mb-6 animate-fade-in"
740            >
741              <span class="h-2 w-2 rounded-full bg-accent"></span
742              ><span class="text-xs font-medium tracking-wide text-on-navy-body">Contact</span>
743            </div>
744            <h1
745              class="text-3xl font-bold tracking-tight text-primary-foreground md:text-4xl lg:text-5xl animate-fade-in-up"
746            >
747              お問い合わせ
748            </h1>
749            <p
750              class="mx-auto mt-6 max-w-2xl text-base leading-relaxed text-on-navy-body md:text-lg animate-fade-in-up"
751              style="animation-delay: 0.15s;"
752            >
753              お見積もり・ご相談など、お気軽にお問い合わせください
754            </p>
755          </div>
756          <div
757            class="absolute bottom-0 left-0 right-0 h-16 md:h-32 bg-gradient-to-t from-background to-transparent"
758          ></div>
759        </section>
760        <section class="py-12 md:py-16">
761          <div class="container">
762            <div class="mx-auto max-w-3xl rounded-xl bg-secondary/60 px-5 py-6 sm:px-8 sm:py-8 text-center">
763              <p class="text-sm leading-body text-body-foreground">
764                当社サービス・製品のお問い合わせは、以下のフォームよりお願いします。
765              </p>
766              <p class="mt-2 text-sm leading-body text-body-foreground">
767                後日、担当者より折り返しご連絡します。(* は必須項目です)
768              </p>
769              <p class="mt-4 text-xs leading-relaxed text-muted-foreground">
770                ※営業時間外にお問い合わせいただいた場合は、翌営業日以降に順次対応します。
771              </p>
772              <p class="mt-1 text-xs leading-relaxed text-muted-foreground">
773                ※お問い合わせ内容によっては回答にお時間をいただく場合があります。
774              </p>
775              <div
776                class="mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-xs text-muted-foreground"
777              >
778                <div class="flex items-center gap-1.5">
779                  <svg
780                    xmlns="http://www.w3.org/2000/svg"
781                    width="24"
782                    height="24"
783                    viewBox="0 0 24 24"
784                    fill="none"
785                    stroke="currentColor"
786                    stroke-width="2"
787                    stroke-linecap="round"
788                    stroke-linejoin="round"
789                    class="lucide lucide-phone h-3.5 w-3.5"
790                    aria-hidden="true"
791                  >
792                    <path
793                      d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
794                    ></path></svg
795                  ><a href="tel:072-853-3553" class="hover:text-accent">072-853-3553</a>
796                </div>
797                <div class="flex items-center gap-1.5">
798                  <svg
799                    xmlns="http://www.w3.org/2000/svg"
800                    width="24"
801                    height="24"
802                    viewBox="0 0 24 24"
803                    fill="none"
804                    stroke="currentColor"
805                    stroke-width="2"
806                    stroke-linecap="round"
807                    stroke-linejoin="round"
808                    class="lucide lucide-mail h-3.5 w-3.5"
809                    aria-hidden="true"
810                  >
811                    <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
812                    <rect x="2" y="4" width="20" height="16" rx="2"></rect></svg
813                  ><a href="mailto:[email protected]" class="hover:text-accent"
814                    >[email protected]</a
815                  >
816                </div>
817                <span>営業時間:平日 10:00〜17:30</span>
818              </div>
819            </div>
820          </div>
821        </section>
822        <section class="pb-16 md:pb-24">
823          <div class="container">
824            <div class="mx-auto max-w-3xl">
825              <p class="mb-4 text-xs font-semibold tracking-widest text-accent uppercase">Contact Form</p>
826              <div class="rounded-xl border border-border bg-card p-5 sm:p-8 md:p-10 shadow-sm">
827                <form novalidate="" class="space-y-8">
828                  <div aria-hidden="true" style="position: absolute; left: -9999px; height: 0px; overflow: hidden;">
829                    <label for="website">Website</label
830                    ><input id="website" autocomplete="off" tabindex="-1" type="text" name="website" />
831                  </div>
832                  <div class="space-y-2">
833                    <label
834                      class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
835                      id="category-label"
836                      >お問い合わせ種別 <span class="text-destructive">*</span></label
837                    >
838                    <div
839                      class="grid gap-3 sm:grid-cols-2 stagger-children"
840                      role="group"
841                      aria-labelledby="category-label"
842                    >
843                      <button
844                        type="button"
845                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
846                      >
847                        <div
848                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
849                        >
850                          <svg
851                            xmlns="http://www.w3.org/2000/svg"
852                            width="24"
853                            height="24"
854                            viewBox="0 0 24 24"
855                            fill="none"
856                            stroke="currentColor"
857                            stroke-width="2"
858                            stroke-linecap="round"
859                            stroke-linejoin="round"
860                            class="lucide lucide-cpu h-4.5 w-4.5 text-accent"
861                            aria-hidden="true"
862                          >
863                            <path d="M12 20v2"></path>
864                            <path d="M12 2v2"></path>
865                            <path d="M17 20v2"></path>
866                            <path d="M17 2v2"></path>
867                            <path d="M2 12h2"></path>
868                            <path d="M2 17h2"></path>
869                            <path d="M2 7h2"></path>
870                            <path d="M20 12h2"></path>
871                            <path d="M20 17h2"></path>
872                            <path d="M20 7h2"></path>
873                            <path d="M7 20v2"></path>
874                            <path d="M7 2v2"></path>
875                            <rect x="4" y="4" width="16" height="16" rx="2"></rect>
876                            <rect x="8" y="8" width="8" height="8" rx="1"></rect>
877                          </svg>
878                        </div>
879                        <div>
880                          <span class="text-sm font-semibold text-foreground"
881                            >製品開発のご相談(新規開発・リプレース)</span
882                          >
883                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
884                            新製品の開発や既存機器の置き換え・リプレース開発のご相談
885                          </p>
886                        </div></button
887                      ><button
888                        type="button"
889                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
890                      >
891                        <div
892                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
893                        >
894                          <svg
895                            xmlns="http://www.w3.org/2000/svg"
896                            width="24"
897                            height="24"
898                            viewBox="0 0 24 24"
899                            fill="none"
900                            stroke="currentColor"
901                            stroke-width="2"
902                            stroke-linecap="round"
903                            stroke-linejoin="round"
904                            class="lucide lucide-settings h-4.5 w-4.5 text-accent"
905                            aria-hidden="true"
906                          >
907                            <path
908                              d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
909                            ></path>
910                            <circle cx="12" cy="12" r="3"></circle>
911                          </svg>
912                        </div>
913                        <div>
914                          <span class="text-sm font-semibold text-foreground">当社製品カスタマイズのご相談</span>
915                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
916                            カコロクシリーズの仕様変更・機能追加のご相談
917                          </p>
918                        </div></button
919                      ><button
920                        type="button"
921                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
922                      >
923                        <div
924                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
925                        >
926                          <svg
927                            xmlns="http://www.w3.org/2000/svg"
928                            width="24"
929                            height="24"
930                            viewBox="0 0 24 24"
931                            fill="none"
932                            stroke="currentColor"
933                            stroke-width="2"
934                            stroke-linecap="round"
935                            stroke-linejoin="round"
936                            class="lucide lucide-clipboard-list h-4.5 w-4.5 text-accent"
937                            aria-hidden="true"
938                          >
939                            <rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect>
940                            <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path>
941                            <path d="M12 11h4"></path>
942                            <path d="M12 16h4"></path>
943                            <path d="M8 11h.01"></path>
944                            <path d="M8 16h.01"></path>
945                          </svg>
946                        </div>
947                        <div>
948                          <span class="text-sm font-semibold text-foreground">製品見積・ご相談</span>
949                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
950                            製品お見積もりのご依頼・ご相談
951                          </p>
952                        </div></button
953                      ><button
954                        type="button"
955                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
956                      >
957                        <div
958                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
959                        >
960                          <svg
961                            xmlns="http://www.w3.org/2000/svg"
962                            width="24"
963                            height="24"
964                            viewBox="0 0 24 24"
965                            fill="none"
966                            stroke="currentColor"
967                            stroke-width="2"
968                            stroke-linecap="round"
969                            stroke-linejoin="round"
970                            class="lucide lucide-package h-4.5 w-4.5 text-accent"
971                            aria-hidden="true"
972                          >
973                            <path
974                              d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
975                            ></path>
976                            <path d="M12 22V12"></path>
977                            <polyline points="3.29 7 12 12 20.71 7"></polyline>
978                            <path d="m7.5 4.27 9 5.15"></path>
979                          </svg>
980                        </div>
981                        <div>
982                          <span class="text-sm font-semibold text-foreground">デモ機無料貸出お申し込み</span>
983                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
984                            製品導入検討のためのデモ機無料貸出お申し込み
985                          </p>
986                        </div></button
987                      ><button
988                        type="button"
989                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
990                      >
991                        <div
992                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
993                        >
994                          <svg
995                            xmlns="http://www.w3.org/2000/svg"
996                            width="24"
997                            height="24"
998                            viewBox="0 0 24 24"
999                            fill="none"
1000                            stroke="currentColor"
1001                            stroke-width="2"
1002                            stroke-linecap="round"
1003                            stroke-linejoin="round"
1004                            class="lucide lucide-wrench h-4.5 w-4.5 text-accent"
1005                            aria-hidden="true"
1006                          >
1007                            <path
1008                              d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"
1009                            ></path>
1010                          </svg>
1011                        </div>
1012                        <div>
1013                          <span class="text-sm font-semibold text-foreground">不具合調査・修理依頼</span>
1014                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
1015                            製品の不具合調査や修理のご依頼
1016                          </p>
1017                        </div></button
1018                      ><button
1019                        type="button"
1020                        class="group flex flex-col items-start gap-2 rounded-lg border p-4 text-left transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md hover:border-accent border-border bg-card"
1021                      >
1022                        <div
1023                          class="flex h-9 w-9 items-center justify-center rounded-md bg-accent/10 transition-colors group-hover:bg-accent/20"
1024                        >
1025                          <svg
1026                            xmlns="http://www.w3.org/2000/svg"
1027                            width="24"
1028                            height="24"
1029                            viewBox="0 0 24 24"
1030                            fill="none"
1031                            stroke="currentColor"
1032                            stroke-width="2"
1033                            stroke-linecap="round"
1034                            stroke-linejoin="round"
1035                            class="lucide lucide-message-square h-4.5 w-4.5 text-accent"
1036                            aria-hidden="true"
1037                          >
1038                            <path
1039                              d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
1040                            ></path>
1041                          </svg>
1042                        </div>
1043                        <div>
1044                          <span class="text-sm font-semibold text-foreground">その他</span>
1045                          <p class="mt-0.5 text-xs text-muted-foreground leading-relaxed">
1046                            製品の使い方・仕様のご質問、その他のお問い合わせ
1047                          </p>
1048                        </div>
1049                      </button>
1050                    </div>
1051                  </div>
1052                </form>
1053              </div>
1054            </div>
1055          </div>
1056        </section>
1057      </main>
1058      <section class="relative bg-primary py-16 md:py-20 overflow-hidden">
1059        <div class="pointer-events-none absolute inset-0 opacity-50"></div>
1060        <div
1061          class="pointer-events-none absolute inset-0 bg-gradient-to-b from-primary/60 via-trans
1061parent to-primary/80"
1062        ></div>
1063        <div class="container relative">
1064          <div class="text-center mb-10 reveal">
1065            <div
1066              class="inline-flex items-center gap-2 rounded-full border border-primary-foreground/15 bg-primary-foreground/5 backdrop-blur-sm px-4 py-1.5 mb-4"
1067            >
1068              <span class="h-1.5 w-1.5 rounded-full bg-accent animate-pulse"></span
1069              ><span class="text-xs font-semibold tracking-widest text-on-navy-body uppercase">Contact</span>
1070            </div>
1071            <h2 class="text-2xl font-bold tracking-tight text-primary-foreground md:text-3xl">
1072              お気軽にご相談ください
1073            </h2>
1074          </div>
1075          <div class="grid gap-4 sm:grid-cols-3 max-w-4xl mx-auto mb-8 stagger-children">
1076            <a
1077              class="group flex items-center justify-between gap-3 rounded-lg bg-primary-foreground px-5 py-4 transition-all hover:shadow-lg hover:-translate-y-0.5"
1078              href="/support/downloads/"
1079              data-discover="true"
1080              ><div class="flex items-center gap-3">
1081                <svg
1082                  xmlns="http://www.w3.org/2000/svg"
1083                  width="24"
1084                  height="24"
1085                  viewBox="0 0 24 24"
1086                  fill="none"
1087                  stroke="currentColor"
1088                  stroke-width="2"
1089                  stroke-linecap="round"
1090                  stroke-linejoin="round"
1091                  class="lucide lucide-download h-5 w-5 text-accent flex-shrink-0"
1092                  aria-hidden="true"
1093                >
1094                  <path d="M12 15V3"></path>
1095                  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
1096                  <path d="m7 10 5 5 5-5"></path></svg
1097                ><span class="text-sm font-bold text-foreground">資料ダウンロード</span>
1098              </div>
1099              <svg
1100                xmlns="http://www.w3.org/2000/svg"
1101                width="24"
1102                height="24"
1103                viewBox="0 0 24 24"
1104                fill="none"
1105                stroke="currentColor"
1106                stroke-width="2"
1107                stroke-linecap="round"
1108                stroke-linejoin="round"
1109                class="lucide lucide-circle-arrow-right lucide-arrow-right-circle h-5 w-5 text-accent flex-shrink-0 transition-transform group-hover:translate-x-0.5"
1110                aria-hidden="true"
1111              >
1112                <circle cx="12" cy="12" r="10"></circle>
1113                <path d="m12 16 4-4-4-4"></path>
1114                <path d="M8 12h8"></path></svg></a
1115            ><a
1116              class="group flex items-center justify-between gap-3 rounded-lg bg-primary-foreground px-5 py-4 transition-all hover:shadow-lg hover:-translate-y-0.5"
1117              href="/contact/"
1118              data-discover="true"
1119              ><div class="flex items-center gap-3">
1120                <svg
1121                  xmlns="http://www.w3.org/2000/svg"
1122                  width="24"
1123                  height="24"
1124                  viewBox="0 0 24 24"
1125                  fill="none"
1126                  stroke="currentColor"
1127                  stroke-width="2"
1128                  stroke-linecap="round"
1129                  stroke-linejoin="round"
1130                  class="lucide lucide-file-text h-5 w-5 text-accent flex-shrink-0"
1131                  aria-hidden="true"
1132                >
1133                  <path
1134                    d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
1135                  ></path>
1136                  <path d="M14 2v5a1 1 0 0 0 1 1h5"></path>
1137                  <path d="M10 9H8"></path>
1138                  <path d="M16 13H8"></path>
1139                  <path d="M16 17H8"></path></svg
1140                ><span class="text-sm font-bold text-foreground">お見積もり</span>
1141              </div>
1142              <svg
1143                xmlns="http://www.w3.org/2000/svg"
1144                width="24"
1145                height="24"
1146                viewBox="0 0 24 24"
1147                fill="none"
1148                stroke="currentColor"
1149                stroke-width="2"
1150                stroke-linecap="round"
1151                stroke-linejoin="round"
1152                class="lucide lucide-circle-arrow-right lucide-arrow-right-circle h-5 w-5 text-accent flex-shrink-0 transition-transform group-hover:translate-x-0.5"
1153                aria-hidden="true"
1154              >
1155                <circle cx="12" cy="12" r="10"></circle>
1156                <path d="m12 16 4-4-4-4"></path>
1157                <path d="M8 12h8"></path></svg></a
1158            ><a
1159              class="group flex items-center justify-between gap-3 rounded-lg bg-accent-strong px-5 py-4 transition-all hover:shadow-lg hover:bg-accent-strong/90 hover:-translate-y-0.5"
1160              href="/contact/"
1161              data-discover="true"
1162              ><div class="flex items-center gap-3">
1163                <svg
1164                  xmlns="http://www.w3.org/2000/svg"
1165                  width="24"
1166                  height="24"
1167                  viewBox="0 0 24 24"
1168                  fill="none"
1169                  stroke="currentColor"
1170                  stroke-width="2"
1171                  stroke-linecap="round"
1172                  stroke-linejoin="round"
1173                  class="lucide lucide-mail h-5 w-5 text-accent-foreground flex-shrink-0"
1174                  aria-hidden="true"
1175                >
1176                  <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path>
1177                  <rect x="2" y="4" width="20" height="16" rx="2"></rect></svg
1178                ><span class="text-sm font-bold text-accent-foreground">お問い合わせ</span>
1179              </div>
1180              <svg
1181                xmlns="http://www.w3.org/2000/svg"
1182                width="24"
1183                height="24"
1184                viewBox="0 0 24 24"
1185                fill="none"
1186                stroke="currentColor"
1187                stroke-width="2"
1188                stroke-linecap="round"
1189                stroke-linejoin="round"
1190                class="lucide lucide-circle-arrow-right lucide-arrow-right-circle h-5 w-5 text-accent-foreground flex-shrink-0 transition-transform group-hover:translate-x-0.5"
1191                aria-hidden="true"
1192              >
1193                <circle cx="12" cy="12" r="10"></circle>
1194                <path d="m12 16 4-4-4-4"></path>
1195                <path d="M8 12h8"></path></svg
1196            ></a>
1197          </div>
1198          <div
1199            class="max-w-4xl mx-auto rounded-lg border border-primary-foreground/15 bg-primary-foreground/5 backdrop-blur-sm px-6 py-5 flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-6 text-center reveal"
1200            style="transition-delay: 0.3s;"
1201          >
1202            <p class="text-sm text-on-navy-body">お電話でのお問い合わせ</p>
1203            <a
1204              href="tel:072-853-3553"
1205              class="inline-flex items-center gap-2 text-2xl font-bold tracking-wide text-primary-foreground hover:text-accent transition-colors"
1206              ><svg
1207                xmlns="http://www.w3.org/2000/svg"
1208                width="24"
1209                height="24"
1210                viewBox="0 0 24 24"
1211                fill="none"
1212                stroke="currentColor"
1213                stroke-width="2"
1214                stroke-linecap="round"
1215                stroke-linejoin="round"
1216                class="lucide lucide-phone h-5 w-5"
1217                aria-hidden="true"
1218              >
1219                <path
1220                  d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
1221                ></path></svg
1222              >072-853-3553</a
1223            >
1224            <p class="text-xs text-on-navy-hint">平日 10:00〜17:30</p>
1225          </div>
1226        </div>
1227      </section>
1228      <footer class="relative bg-primary text-primary-foreground overflow-hidden">
1229        <div class="absolute inset-0 pointer-events-none">
1230          <img
1231            sizes="(min-width: 1440px) 1440px, 100vw"
1232            alt=""
1233            class="h-full w-full object-cover opacity-[0.06]"
1234            aria-hidden="true"
1235            srcset="/images/sugiokasystem/material/smart-microchip-background-motherboard-closeup-technology-remix_480w.webp 480w, /images/sugiokasystem/material/smart-microchip-background-motherboard-closeup-technology-remix_960w.webp 960w, /images/sugiokasystem/material/smart-microchip-background-motherboard-closeup-technology-remix_1440w.webp 1440w"
1236            src="/images/sugiokasystem/material/smart-microchip-background-motherboard-closeup-technology-remix_1440w.webp"
1237          />
1238        </div>
1239        <div
1240          class="absolute inset-0 bg-gradient-to-b from-primary/60 via-primary/40 to-primary/80 pointer-events-none"
1241        ></div>
1242        <div
1243          class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-accent/30 to-transparent"
1244        ></div>
1245        <div class="relative sm:hidden">
1246          <div class="container py-10">
1247            <a class="inline-block mb-8" href="/" data-discover="true"
1248              ><img
1249                alt="杉岡システム株式会社"
1250                width="129"
1251                height="40"
1252                class="h-auto w-auto max-w-[35%] brightness-0 invert"
1253                src="/images/sugiokasystem/logo/logo-yoko-wide.svg"
1254            /></a>
1255            <nav aria-label="主要ページ" class="grid grid-cols-2 gap-x-4 gap-y-3 mb-8">
1256              <a
1257                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1258                href="/service/"
1259                data-discover="true"
1260                >サービス</a
1261              ><a
1262                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1263                href="/company/"
1264                data-discover="true"
1265                >会社情報</a
1266              ><a
1267                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1268                href="/products/"
1269                data-discover="true"
1270                >製品一覧</a
1271              ><a
1272                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1273                href="/support/"
1274                data-discover="true"
1275                >サポート</a
1276              ><a
1277                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1278                href="/works/"
1279                data-discover="true"
1280                >開発・導入実績</a
1281              ><a
1282                class="text-sm text-primary-foreground/70 transition-colors hover:text-primary-foreground"
1283                href="/contact/"
1284                data-discover="true"
1285                >お問い合わせ</a
1286              >
1287            </nav>
1288            <div class="flex items-center gap-5 mb-6">
1289              <a
1290                href="https://x.com/Sugioka_System"
1291                target="_blank"
1292                rel="noopener"
1293                class="flex flex-col items-center gap-1 text-primary-foreground
1293/50 transition-colors hover:text-primary-foreground"
1294                ><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5" aria-hidden="true">
1295                  <path
1296                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
1297                  ></path></svg
1298                ><span class="text-[10px]">公式X</span></a
1299              ><a
1300                href="https://x.com/SugiokaSystem_P"
1301                target="_blank"
1302                rel="noopener"
1303                class="flex flex-col items-center gap-1 text-primary-foreground/50 transition-colors hover:text-primary-foreground"
1304                ><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5" aria-hidden="true">
1305                  <path
1306                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
1307                  ></path></svg
1308                ><span class="text-[10px]">広報X</span></a
1309              ><a
1310                href="https://www.facebook.com/sugiokasystem"
1311                target="_blank"
1312                rel="noopener"
1313                class="flex flex-col items-center gap-1 text-primary-foreground/50 transition-colors hover:text-primary-foreground"
1314                ><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5" aria-hidden="true">
1315                  <path
1316                    d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 1.092.064 1.543.132v3.29a9.594 9.594 0 0 0-.913-.036c-1.296 0-1.797.491-1.797 1.767v2.405h3.468l-.595 3.667h-2.873v8.219C17.395 23.16 21 18.997 21 14c0-5.523-4.477-10-10-10S1 8.477 1 14c0 4.59 3.093 8.452 7.3 9.627l.801.064z"
1317                  ></path></svg
1318                ><span class="text-[10px]">Facebook</span></a
1319              >
1320            </div>
1321            <a
1322              class="inline-flex items-center gap-1 text-sm text-accent/80 transition-colors hover:text-accent mb-10"
1323              href="/sitemap/"
1324              data-discover="true"
1325              >サイトマップで全ページを見る<svg
1326                xmlns="http://www.w3.org/2000/svg"
1327                width="24"
1328                height="24"
1329                viewBox="0 0 24 24"
1330                fill="none"
1331                stroke="currentColor"
1332                stroke-width="2"
1333                stroke-linecap="round"
1334                stroke-linejoin="round"
1335                class="lucide lucide-chevron-right h-4 w-4"
1336                aria-hidden="true"
1337              >
1338                <path d="m9 18 6-6-6-6"></path></svg
1339            ></a>
1340            <address class="flex flex-col gap-2 text-xs not-italic text-primary-foreground/50 mb-8">
1341              <a
1342                href="tel:072-853-3553"
1343                class="flex items-center gap-2 transition-colors hover:text-primary-foreground/70"
1344                ><svg
1345                  xmlns="http://www.w3.org/2000/svg"
1346                  width="24"
1347                  height="24"
1348                  viewBox="0 0 24 24"
1349                  fill="none"
1350                  stroke="currentColor"
1351                  stroke-width="2"
1352                  stroke-linecap="round"
1353                  stroke-linejoin="round"
1354                  class="lucide lucide-phone h-3.5 w-3.5 text-accent/50"
1355                  aria-hidden="true"
1356                >
1357                  <path
1358                    d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
1359                  ></path></svg
1360                >072-853-3553(平日 10:00〜17:30)</a
1361              ><a
1362                href="https://maps.google.com/maps?q=大阪府枚方市宮之下町8-2杉岡システム株式会社"
1363                target="_blank"
1364                rel="noopener"
1365                class="flex items-center gap-2 transition-colors hover:text-primary-foreground/70"
1366                ><svg
1367                  xmlns="http://www.w3.org/2000/svg"
1368                  width="24"
1369                  height="24"
1370                  viewBox="0 0 24 24"
1371                  fill="none"
1372                  stroke="currentColor"
1373                  stroke-width="2"
1374                  stroke-linecap="round"
1375                  stroke-linejoin="round"
1376                  class="lucide lucide-map-pin h-3.5 w-3.5 text-accent/50"
1377                  aria-hidden="true"
1378                >
1379                  <path
1380                    d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"
1381                  ></path>
1382                  <circle cx="12" cy="10" r="3"></circle></svg
1383                >〒573-0046 大阪府枚方市宮之下町8-2</a
1384              >
1385            </address>
1386            <div class="border-t border-primary-foreground/10 pt-6 flex flex-col gap-3">
1387              <div class="flex items-center gap-2 text-xs text-primary-foreground/40">
1388                <a
1389                  class="transition-colors hover:text-primary-foreground/60"
1390                  href="/privacy-policy/"
1391                  data-discover="true"
1392                  >個人情報保護方針</a
1393                ><span>·</span
1394                ><a class="transition-colors hover:text-primary-foreground/60" href="/sitemap/" data-discover="true"
1395                  >サイトマップ</a
1396                ><span>·</span
1397                ><a class="transition-colors hover:text-primary-foreground/60" href="/news/" data-discover="true"
1398                  >ニュース</a
1399                >
1400              </div>
1401              <p class="text-xs text-primary-foreground/30">© 2026 杉岡システム株式会社</p>
1402            </div>
1403          </div>
1404        </div>
1405        <div class="hidden sm:block">
1406          <div class="container relative py-16">
1407            <div class="mb-12 flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
1408              <a href="/" data-discover="true"
1409                ><img
1410                  alt="杉岡システム株式会社"
1411                  width="129"
1412                  height="40"
1413                  class="h-auto w-auto sm:h-10 brightness-0 invert"
1414                  src="/images/sugiokasystem/logo/logo-yoko-wide.svg"
1415              /></a>
1416              <div class="relative w-full max-w-xs">
1417                <div class="relative">
1418                  <svg
1419                    xmlns="http://www.w3.org/2000/svg"
1420                    width="24"
1421                    height="24"
1422                    viewBox="0 0 24 24"
1423                    fill="none"
1424                    stroke="currentColor"
1425                    stroke-width="2"
1426                    stroke-linecap="round"
1427                    stroke-linejoin="round"
1428                    class="lucide lucide-search absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-primary-foreground/50"
1429                    aria-hidden="true"
1430                  >
1431                    <path d="m21 21-4.34-4.34"></path>
1432                    <circle cx="11" cy="11" r="8"></circle></svg
1433                  ><input
1434                    placeholder="サイト内検索"
1435                    role="combobox"
1436                    aria-expanded="false"
1437                    aria-controls="footer-search-listbox"
1438                    aria-autocomplete="list"
1439                    class="w-full rounded-lg border border-primary-foreground/10 bg-primary-foreground/5 py-2 pl-10 pr-4 text-sm text-primary-foreground placeholder:text-primary-foreground/50 focus:border-accent/40 focus:outline-none focus:ring-1 focus:ring-accent/20 transition-colors"
1440                    type="text"
1441                    value=""
1442                  />
1443                </div>
1444              </div>
1445            </div>
1446            <div class="grid gap-10 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5">
1447              <div class="space-y-4">
1448                <span class="text-xs font-semibold tracking-widest text-accent">製品ラインナップ</span>
1449                <nav aria-label="製品ラインナップ" class="flex flex-col gap-2.5">
1450                  <a
1451                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1452                    href="/products/"
1453                    data-discover="true"
1454                    >映像遅延装置</a
1455                  ><a
1456                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1457                    href="/products/pcb/"
1458                    data-discover="true"
1459                    >映像遅延メモリ(PCB)</a
1460                  ><a
1461                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1462                    href="/products/demo/"
1463                    data-discover="true"
1464                    >デモ機貸出サービス</a
1465                  ><a
1466                    href="/products/surpassgolf/"
1467                    target="_blank"
1468                    rel="noopener"
1469                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1470                    >サーパスゴルフ製品<svg
1471                      xmlns="http://www.w3.org/2000/svg"
1472                      width="24"
1473                      height="24"
1474                      viewBox="0 0 24 24"
1475                      fill="none"
1476                      stroke="currentColor"
1477                      stroke-width="2"
1478                      stroke-linecap="round"
1479                      stroke-linejoin="round"
1480                      class="lucide lucide-external-link h-3 w-3"
1481                      aria-hidden="true"
1482                    >
1483                      <path d="M15 3h6v6"></path>
1484                      <path d="M10 14 21 3"></path>
1485                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg
1486                  ></a>
1487                </nav>
1488              </div>
1489              <div class="space-y-4">
1490                <span class="text-xs font-semibold tracking-widest text-accent">サービス・会社情報</span>
1491                <nav aria-label="サービス・会社情報" class="flex flex-col gap-2.5">
1492                  <a
1493                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1494                    href="/service/"
1495                    data-discover="true"
1496                    >組み込みソリューション</a
1497                  ><a
1498                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1499                    href="/works/"
1500                    data-discover="true"
1501                    >開発実績・導入事例</a
1502                  ><a
1503                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1504                    href="/company/"
1505                    data-discover="true"
1506                    >会社情報</a
1507                  ><a
1508                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1509                    href="/company/#access"
1510                    data-discover="true"
1511                    >アクセス</a
1512                  >
1513                </nav>
1514              </div>
1515              <div class="space-y-4">
1516                <span class="text-xs font-semibold tracking-widest text-accent">サポート・お問い合わせ</span>
1517                <nav aria-label="サポート・お問い合わせ" class="flex flex-col gap-2.5">
1518                  <a
1519                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1520                    href="/support/"
1521                    data-discover="true"
1522                    >トラブルシューティング</a
1523                  ><a
1524                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1525                    href="/support/faq/"
1526                    data-discover="true"
1527                    >よくあるご質問(FAQ)</a
1528                  ><a
1529                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1530                    href="/support/downloads/"
1531                    data-discover="true"
1532                    >資料ダウンロード</a
1533                  ><a
1534                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1535                    href="/contact/"
1536                    data-discover="true"
1537                    >お問い合わせフォーム</a
1538                  >
1539                </nav>
1540              </div>
1541              <div class="space-y-4">
1542                <span class="text-xs font-semibold tracking-widest text-accent">
1542ショップ・掲載メディア</span>
1543                <nav aria-label="ショップ・掲載メディア" class="flex flex-col gap-2.5">
1544                  <a
1545                    href="https://shop.sugiokasystem.co.jp/"
1546                    target="_blank"
1547                    rel="noopener"
1548                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1549                    >公式オンラインショップ<svg
1550                      xmlns="http://www.w3.org/2000/svg"
1551                      width="24"
1552                      height="24"
1553                      viewBox="0 0 24 24"
1554                      fill="none"
1555                      stroke="currentColor"
1556                      stroke-width="2"
1557                      stroke-linecap="round"
1558                      stroke-linejoin="round"
1559                      class="lucide lucide-external-link h-3 w-3"
1560                      aria-hidden="true"
1561                    >
1562                      <path d="M15 3h6v6"></path>
1563                      <path d="M10 14 21 3"></path>
1564                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a
1565                  ><a
1566                    href="https://www.amazon.co.jp/dp/B07X41L62F"
1567                    target="_blank"
1568                    rel="noopener"
1569                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1570                    >Amazonショップ<svg
1571                      xmlns="http://www.w3.org/2000/svg"
1572                      width="24"
1573                      height="24"
1574                      viewBox="0 0 24 24"
1575                      fill="none"
1576                      stroke="currentColor"
1577                      stroke-width="2"
1578                      stroke-linecap="round"
1579                      stroke-linejoin="round"
1580                      class="lucide lucide-external-link h-3 w-3"
1581                      aria-hidden="true"
1582                    >
1583                      <path d="M15 3h6v6"></path>
1584                      <path d="M10 14 21 3"></path>
1585                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a
1586                  ><a
1587                    href="https://www.ipros.jp/company/detail/235494/"
1588                    target="_blank"
1589                    rel="noopener"
1590                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1591                    >IPROS<svg
1592                      xmlns="http://www.w3.org/2000/svg"
1593                      width="24"
1594                      height="24"
1595                      viewBox="0 0 24 24"
1596                      fill="none"
1597                      stroke="currentColor"
1598                      stroke-width="2"
1599                      stroke-linecap="round"
1600                      stroke-linejoin="round"
1601                      class="lucide lucide-external-link h-3 w-3"
1602                      aria-hidden="true"
1603                    >
1604                      <path d="M15 3h6v6"></path>
1605                      <path d="M10 14 21 3"></path>
1606                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a
1607                  ><a
1608                    href="https://metoree.com/companies/30372/"
1609                    target="_blank"
1610                    rel="noopener"
1611                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1612                    >Metoree<svg
1613                      xmlns="http://www.w3.org/2000/svg"
1614                      width="24"
1615                      height="24"
1616                      viewBox="0 0 24 24"
1617                      fill="none"
1618                      stroke="currentColor"
1619                      stroke-width="2"
1620                      stroke-linecap="round"
1621                      stroke-linejoin="round"
1622                      class="lucide lucide-external-link h-3 w-3"
1623                      aria-hidden="true"
1624                    >
1625                      <path d="M15 3h6v6"></path>
1626                      <path d="M10 14 21 3"></path>
1627                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg
1628                  ></a>
1629                </nav>
1630              </div>
1631              <div class="space-y-4">
1632                <span class="text-xs font-semibold tracking-widest text-accent">お知らせ・SNS</span>
1633                <nav aria-label="お知らせ・SNS" class="flex flex-col gap-2.5">
1634                  <a
1635                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1636                    href="/blog/"
1637                    data-discover="true"
1638                    >公式ブログ</a
1639                  ><a
1640                    class="text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1641                    href="/news/"
1642                    data-discover="true"
1643                    >ニュース</a
1644                  >
1645                  <div class="border-t border-primary-foreground/10 pt-2"></div>
1646                  <a
1647                    href="https://x.com/Sugioka_System"
1648                    target="_blank"
1649                    rel="noopener"
1650                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1651                    ><svg viewBox="0 0 24 24" fill="currentColor" class="h-3.5 w-3.5 flex-shrink-0" aria-hidden="true">
1652                      <path
1653                        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
1654                      ></path></svg
1655                    >公式X</a
1656                  ><a
1657                    href="https://x.com/SugiokaSystem_P"
1658                    target="_blank"
1659                    rel="noopener"
1660                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1661                    ><svg viewBox="0 0 24 24" fill="currentColor" class="h-3.5 w-3.5 flex-shrink-0" aria-hidden="true">
1662                      <path
1663                        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
1664                      ></path></svg
1665                    >広報X</a
1666                  ><a
1667                    href="https://www.facebook.com/sugiokasystem"
1668                    target="_blank"
1669                    rel="noopener"
1670                    class="inline-flex items-center gap-1.5 text-sm text-primary-foreground/60 transition-colors hover:text-primary-foreground"
1671                    ><svg viewBox="0 0 24 24" fill="currentColor" class="h-3.5 w-3.5 flex-shrink-0" aria-hidden="true">
1672                      <path
1673                        d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 1.092.064 1.543.132v3.29a9.594 9.594 0 0 0-.913-.036c-1.296 0-1.797.491-1.797 1.767v2.405h3.468l-.595 3.667h-2.873v8.219C17.395 23.16 21 18.997 21 14c0-5.523-4.477-10-10-10S1 8.477 1 14c0 4.59 3.093 8.452 7.3 9.627l.801.064z"
1674                      ></path></svg
1675                    >Facebook</a
1676                  >
1677                </nav>
1678              </div>
1679            </div>
1680            <address
1681              class="mt-12 flex flex-col items-center gap-3 text-sm not-italic text-primary-foreground/50 sm:flex-row sm:justify-center sm:gap-6"
1682            >
1683              <a
1684                href="tel:072-853-3553"
1685                class="flex items-center gap-2 transition-colors hover:text-primary-foreground
1685/70"
1686                ><svg
1687                  xmlns="http://www.w3.org/2000/svg"
1688                  width="24"
1689                  height="24"
1690                  viewBox="0 0 24 24"
1691                  fill="none"
1692                  stroke="currentColor"
1693                  stroke-width="2"
1694                  stroke-linecap="round"
1695                  stroke-linejoin="round"
1696                  class="lucide lucide-phone h-4 w-4 text-accent/50"
1697                  aria-hidden="true"
1698                >
1699                  <path
1700                    d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"
1701                  ></path></svg
1702                >072-853-3553(平日 10:00〜17:30)</a
1703              ><a
1704                href="https://maps.google.com/maps?q=大阪府枚方市宮之下町8-2杉岡システム株式会社"
1705                target="_blank"
1706                rel="noopener"
1707                class="flex items-center gap-2 transition-colors hover:text-primary-foreground/70"
1708                ><svg
1709                  xmlns="http://www.w3.org/2000/svg"
1710                  width="24"
1711                  height="24"
1712                  viewBox="0 0 24 24"
1713                  fill="none"
1714                  stroke="currentColor"
1715                  stroke-width="2"
1716                  stroke-linecap="round"
1717                  stroke-linejoin="round"
1718                  class="lucide lucide-map-pin h-4 w-4 text-accent/50"
1719                  aria-hidden="true"
1720                >
1721                  <path
1722                    d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"
1723                  ></path>
1724                  <circle cx="12" cy="10" r="3"></circle></svg
1725                >〒573-0046 大阪府枚方市宮之下町8-2</a
1726              >
1727            </address>
1728            <div
1729              class="mt-8 flex flex-col items-center gap-4 border-t border-primary-foreground/10 pt-8 sm:flex-row sm:justify-between"
1730            >
1731              <div class="flex items-center gap-2 text-xs text-primary-foreground/40">
1732                <a
1733                  class="transition-colors hover:text-primary-foreground/60"
1734                  href="/privacy-policy/"
1735                  data-discover="true"
1736                  >個人情報保護方針</a
1737                ><span>·</span
1738                ><a class="transition-colors hover:text-primary-foreground/60" href="/sitemap/" data-discover="true"
1739                  >サイトマップ</a
1740                ><span>·</span
1741                ><a class="transition-colors hover:text-primary-foreground/60" href="/news/" data-discover="true"
1742                  >ニュース</a
1743                >
1744              </div>
1745              <p class="text-xs text-primary-foreground/30">© 2026 杉岡システム株式会社. All rights reserved.</p>
1746            </div>
1747          </div>
1748        </div>
1749      </footer>
1750      <div class="fixed bottom-5 right-5 z-[60]">
1751        <div class="relative">
1752          <button
1753            class="flex h-14 items-center justify-center rounded-full shadow-lg transition-all duration-300 hover:scale-105 w-auto gap-2 bg-primary pl-4 pr-4 text-primary-foreground hover:bg-primary/90"
1754            aria-label="AIチャットを開く"
1755          >
1756            <svg
1757              xmlns="http://www.w3.org/2000/svg"
1758              width="24"
1759              height="24"
1760              viewBox="0 0 24 24"
1761              fill="none"
1762              stroke="currentColor"
1763              stroke-width="2"
1764              stroke-linecap="round"
1765              stroke-linejoin="round"
1766              class="lucide lucide-message-circle h-5 w-5 shrink-0"
1767              aria-hidden="true"
1768            >
1769              <path
1770                d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"
1771              ></path></svg
1772            ><span class="whitespace-nowrap text-sm font-medium">AIチャットに相談</span></button
1773          ><span
1774            role="button"
1775            aria-label="ラベルを閉じる"
1776            class="absolute -top-2 -right-2 z-10 flex h-7 w-7 items-center justify-center rounded-full bg-muted text-foreground border-[1.5px] border-foreground/30 ring-1 ring-background transition-transform hover:scale-110"
1777            ><svg
1778              xmlns="http://www.w3.org/2000/svg"
1779              width="24"
1780              height="24"
1781              viewBox="0 0 24 24"
1782              fill="none"
1783              stroke="currentColor"
1784              stroke-width="2"
1785              stroke-linecap="round"
1786              stroke-linejoin="round"
1787              class="lucide lucide-x h-3.5 w-3.5"
1788              aria-hidden="true"
1789              style="color: rgb(51, 65, 85); stroke-width: 3;"
1790            >
1791              <path d="M18 6 6 18"></path>
1792              <path d="m6 6 12 12"></path></svg
1793          ></span>
1794        </div>
1795      </div>
1796    </div>
1797  </body>
1798</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.