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&family=Inter:wght@400;500;600;700&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.