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<!-- Google tag (gtag.js) - GA4 + Google Ads -->
vendor: 64 bytes, lines 6-7
6 7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-26KJYN50GD
vendor: 12 bytes, line 7
7"></script>
8<script> 9
vendor: 133 bytes, lines 9-12
9window.dataLayer = window.dataLayer || []; 10 function gtag(){dataLayer.push(arguments);} 11 gtag('js', new Date()); 12 gtag('config', '
12G-26KJYN50GD
vendor: 6 bytes, lines 12-13
12'); 13
13gtag('config', 'AW-18444690290'); 14</script>
14 15<title>ãµã¼ãã¹è³æï½SuguDeskï¼ã¹ã°ãã¹ã¯ï¼| å»çæ©é¢åãAIãã£ããããã</title> 16<meta name="description" content="SuguDeskï¼ã¹ã°ãã¹ã¯ï¼ã®ãµã¼ãã¹è³æã®ãã¬ãã¥ã¼ãã覧ããã ãã¾ããè©³ç´°ãªæ©è½ã»æéã»å°å ¥äºä¾ãã¾ã¨ããè³ææ¬ç·¨ã¯ãä¸ã®ãã©ã¼ã ãããç³è¾¼ã¿ãã ãããæ å½è ãã2å¶æ¥æ¥ä»¥å ã«ãéããã¾ãã"> 17<meta name="robots" content="index, follow"> 18<link rel="canonical" href="https://www.sugudesk.com/materials"> 19 20<meta property="og:type" content="website"> 21<meta property="og:title" content="ãµã¼ãã¹è³æï½SuguDeskï¼ã¹ã°ãã¹ã¯ï¼"> 22<meta property="og:description" content="SuguDeskï¼ã¹ã°ãã¹ã¯ï¼ã®ãµã¼ãã¹è³æã詳細çã¯æ å½è ãããéããã¾ãã"> 23<meta property="og:url" content="https://www.sugudesk.com/materials"> 24<meta property="og:image" content="https://www.sugudesk.com/og-image.png"> 25<meta property="og:locale" content="ja_JP"> 26<meta property="og:site_name" content="SuguDeskï¼ã¹ã°ãã¹ã¯ï¼"> 27<meta name="twitter:card" content="summary_large_image"> 28<meta name="twitter:title" content="ãµã¼ãã¹è³æï½SuguDeskï¼ã¹ã°ãã¹ã¯ï¼"> 29<meta name="twitter:description" content="SuguDeskï¼ã¹ã°ãã¹ã¯ï¼ã®ãµã¼ãã¹è³æã詳細çã¯æ å½è ãããéããã¾ãã">
30<meta name="twitter:image" content="https://www.sugudesk.com/og-image.png"> 31 32<link rel="icon" href="/favicon.ico" sizes="any"> 33<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 34<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 35<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 36<link rel="manifest" href="/site.webmanifest"> 37<link rel="preconnect" href="https://fonts.googleapis.com"> 38<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 39<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet"> 40 41<style> 42 :root{--bg:#FFFFFF;--section:#F6F8FC;--ink:#1B2330;--ink-soft:#5A6472;--brand:#1e3a8a;--brand-deep:#1e293b;--brand-line:#e2e8f0;--brand-tint:#eff6ff} 43 *{box-sizing:border-box} 44 html{scroll-behavior:smooth;overflow-x:hidden} 45 body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased} 46 a{color:var(--brand)} 47 img{max-width:100%;display:block} 48 49 /* header */ 50 .nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #f1f5f9} 51 .nav-inner{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between} 52 .logo{display:flex;align-items:center;text-decoration:none} 53 .logo img{display:block;height:40px;width:auto} 54 .nav-links{display:flex;align-items:center;gap:32px} 55 .nav-links a{font-size:14px;font-weight:500;color:#64748b;text-decoration:none;transition:color .2s} 56 .nav-links a:hover{color:#0f172a} 57 .nav-cta{background:#1e3a8a;color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:700!important;text-decoration:none;transition:background .2s} 58 .nav-cta:hover{background:#1e293b} 59 .nav-phone{display:inline-flex;align-items:center;gap:6px;font-weight:700!important;font-size:17px;color:#1e3a8a!important;letter-spacing:-.01em;text-decoration:none} 60 .nav-phone-icon{width:18px;height:18px;flex-shrink:0} 61 .nav-hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:8px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:6px;-webkit-tap-highlight-color:transparent} 62 .nav-hamburger span{display:block;width:22px;height:2px;background:#1e3a8a;border-radius:2px} 63 .nav-drawer-close{position:absolute;top:12px;left:12px;background:#f1f5f9;border:none;cursor:pointer;padding:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#0f172a;z-index:220;-webkit-tap-highlight-color:transparent} 64 .nav-drawer-close svg{width:24px;height:24px} 65 .nav-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:200;opacity:0;transition:opacity .2s} 66 .nav-backdrop[aria-hidden="false"]{display:block;opacity:1} 67 .nav-drawer{position:fixed;top:0;right:0;width:84%;max-width:340px;height:100vh;height:100dvh;background:#fff;box-shadow:-8px 0 32px rgba(15,23,42,.15);transform:translateX(100%);transition:transform .25s ease;z-index:210;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;visibility:hidden} 68 .nav-drawer[aria-hidden="false"]{transform:translateX(0);visibility:visible} 69 .nav-drawer-inner{padding:88px 24px 40px;display:flex;flex-direction:column} 70 .nav-drawer a{display:block;padding:16px 8px;font-size:16px;font-weight:500;color:#0f172a;text-decoration:none;border-bottom:1px solid #f1f5f9} 71 .nav-drawer-tel{display:inline-flex!important;align-items:center;gap:8px;color:#1e3a8a!important;font-weight:700!important;font-size:17px!important} 72 .nav-drawer-cta{margin-top:24px;padding:14px 24px!important;background:#1e3a8a;color:#fff!important;border-radius:8px;text-align:center;border-bottom:none!important;font-weight:700!important} 73 body.nav-drawer-open{overflow:hidden;overscroll-behavior:contain} 74 html.nav-drawer-open{overflow:hidden;overscroll-behavior:contain} 75 html.nav-drawer-open .nav{position:fixed!important;top:0;left:0;right:0} 76 77 /* page */ 78 .page-head{max-width:900px;margin:0 auto;padding:48px 22px 16px;text-align:center} 79 .page-head .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--brand);background:var(--brand-tint);padding:6px 14px;border-radius:100px;margin-bottom:16px}
80 h1{font-size:clamp(24px,3.5vw,32px);margin:0 0 12px;line-height:1.45} 81 .page-head p{color:var(--ink-soft);margin:0;font-size:15px;max-width:640px;margin:0 auto} 82 83 /* materials 2ã«ã©ã grid */ 84 .materials-grid{max-width:1200px;margin:32px auto 0;padding:0 22px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start} 85 .materials-grid > section{margin:0!important;max-width:none!important;padding:0!important} 86 87 /* slider */ 88 .slider{position:relative} 89 .slider-frame{background:var(--section);border:1px solid var(--brand-line);border-radius:12px;padding:20px;position:relative;box-shadow:0 8px 24px rgba(15,23,42,.06)} 90 .slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0} 91 .slides::-webkit-scrollbar{display:none} 92 .slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:0 4px;position:relative} 93 .slide img{width:100%;height:auto;border:1px solid var(--brand-line);box-shadow:0 4px 12px rgba(15,23,42,.08);border-radius:4px;background:#fff;display:block} 94 /* ããã¯(ãã¹ãã³ã°)ã¹ã©ã¤ã */ 95 .slide-locked img{filter:blur(9px) brightness(.92)} 96 .slide-lock-overlay{position:absolute;inset:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:linear-gradient(180deg,rgba(30,58,138,.15) 0%, rgba(30,58,138,.72) 100%);border-radius:4px;color:#fff} 97 .slide-lock-icon{width:56px;height:56px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand);box-shadow:0 6px 20px rgba(0,0,0,.2)} 98 .slide-lock-icon svg{width:26px;height:26px} 99 .slide-lock-text{margin:0;font-size:15px;font-weight:700;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.3)} 100 .slide-lock-sub{margin:0;font-size:12.5px;color:rgba(255,255,255,.9);line-height:1.6} 101 .slide-lock-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--brand);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(0,0,0,.15)} 102 .slide-lock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.22)} 103 .slider-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:16px} 104 .slider-btn{background:#fff;border:1px solid var(--brand-line);cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0;transition:all .15s;-webkit-tap-highlight-color:transparent} 105 .slider-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)} 106 .slider-btn:disabled{opacity:.35;cursor:not-allowed;background:#fff;color:var(--brand);border-color:var(--brand-line)} 107 .slider-btn svg{width:20px;height:20px} 108 .slider-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex:1} 109 .dot{width:10px;height:10px;border-radius:50%;background:var(--brand-line);border:none;cursor:pointer;padding:0;transition:all .2s;-webkit-tap-highlight-color:transparent} 110 .dot.active{background:var(--brand);transform:scale(1.25)} 111 .slider-hint{text-align:center;font-size:12px;color:var(--ink-soft);margin-top:12px} 112 113 /* gate + form section */ 114 .gate{} 115 .gate-head{text-align:left;margin-bottom:20px} 116 .gate-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--brand);background:var(--brand-tint);padding:6px 14px;border-radius:100px;margin-bottom:14px} 117 .gate-title{font-size:clamp(18px,2vw,22px);margin:0 0 8px;line-height:1.5} 118 .gate-lead{color:var(--ink-soft);font-size:14px;margin:0} 119 120 /* form */ 121 .doc-form-wrap{background:#fff;border:1px solid var(--brand-line);border-radius:16px;padding:32px;box-shadow:0 8px 24px rgba(15,23,42,.05)} 122 .doc-form{display:flex;flex-direction:column;gap:20px} 123 .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
124 .form-group{display:flex;flex-direction:column;gap:6px} 125 .form-group label{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px} 126 .form-group .required{background:#dc2626;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px} 127 .form-group input,.form-group select,.form-group textarea{padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s} 128 .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,58,138,.12)} 129 .form-group textarea{resize:vertical;min-height:100px;line-height:1.7} 130 .form-privacy{margin-top:4px} 131 .checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer} 132 .checkbox-label input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:var(--brand);cursor:pointer} 133 .form-submit{text-align:center;margin-top:8px} 134 .btn-submit{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:700;font-size:15px;padding:16px 44px;border-radius:8px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;min-width:220px} 135 .btn-submit:hover{background:var(--brand-deep);transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.15)} 136 .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none} 137 .form-error{margin-top:12px;font-size:13px;color:#dc2626;display:none} 138 .form-error.is-visible{display:block} 139 .form-note{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:14px} 140 141 /* success */ 142 .doc-success{background:#f0fdf4;border:1px solid #86efac;border-radius:16px;padding:40px 32px;text-align:center;display:none} 143 .doc-success.is-visible{display:block} 144 .doc-success-icon{width:64px;height:64px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px} 145 .doc-success h3{font-size:20px;margin:0 0 12px;color:var(--ink)} 146 .doc-success p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.9} 147 148 /* footer */ 149 footer.site{background:#15224F;color:#A9B5D6;padding:42px 22px 26px;margin-top:60px} 150 .foot{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px} 151 .foot .fbrand .wm img{filter:brightness(0) invert(1);height:36px;width:auto;display:block} 152 .foot .fbrand p{margin:8px 0 0;font-size:12.5px;color:#8F9CC4} 153 .foot .col h4{font-size:13px;color:#fff;margin:0 0 12px;letter-spacing:.05em} 154 .foot .col a{display:block;font-size:13.5px;color:#A9B5D6;text-decoration:none;padding:6px 0} 155 .foot .col a:hover{color:#fff} 156 .footbottom{max-width:1080px;margin:26px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:12px;color:#8F9CC4} 157 158 @media(max-width:960px){ 159 .materials-grid{grid-template-columns:1fr;gap:40px} 160 .gate-head{text-align:center} 161 } 162 @media(max-width:900px){.nav-phone{display:none}} 163 @media(max-width:760px){.foot{grid-template-columns:1fr 1fr;gap:24px}} 164 @media(max-width:640px){ 165 .form-row{grid-template-columns:1fr;gap:20px} 166 .doc-form-wrap{padding:24px 20px} 167 .slider-frame{padding:12px} 168 } 169 @media(max-width:600px){ 170 .nav-links{display:none}.nav-hamburger{display:flex}.nav-hamburger[aria-expanded="true"]{display:none} 171 .logo img{height:28px}.nav-inner{padding:12px 16px}.nav-drawer{width:100%;max-width:none} 172 .slide-lock-text{font-size:14px} 173 .slide-lock-btn{padding:10px 20px;font-size:13px} 174 } 175</style> 176</head> 177<body> 178 179<nav class="nav"> 180 <div class="nav-inner">
181 <a href="https://www.sugudesk.com/" class="logo" aria-label="SuguDesk"><img src="/sugudesk-logo.svg" alt="SuguDeskï¼ã¹ã°ãã¹ã¯ï¼| å»çæ©é¢åãAIãã£ããããã" width="158" height="40"></a> 182 <div class="nav-links"> 183 <a href="https://www.sugudesk.com/#diff">ç¹é·</a> 184 <a href="https://www.sugudesk.com/#case">äºä¾</a> 185 <a href="https://www.sugudesk.com/#pricing">æé</a> 186 <a href="https://www.sugudesk.com/#faq">FAQ</a> 187 <a href="/materials">è³æ</a> 188 <a href="/blog">ããã°</a> 189 <a href="tel:0366984206" class="nav-phone"> 190 <svg class="nav-phone-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M20.4894 16.8194L17.5694 16.4794C16.8694 16.3994 16.1794 16.6394 15.6894 17.1294L13.5794 19.2394C10.3294 17.5794 7.66937 14.9294 6.00938 11.6694L8.12937 9.54944C8.61938 9.05944 8.85938 8.36944 8.77938 7.66944L8.43938 4.76944C8.30938 3.60944 7.32937 2.73944 6.15937 2.73944H4.16937C2.87938 2.73944 1.80938 3.80944 1.88938 5.09944C2.49938 14.8394 10.2894 22.6194 20.0194 23.2294C21.3094 23.3094 22.3794 22.2394 22.3794 20.9494V18.9594C22.3894 17.7994 21.5194 16.8194 20.3594 16.6894L20.4894 16.8194Z" fill="currentColor"/></svg> 191 03-6698-4206 192 </a>
193 <a href="https://www.sugudesk.com/#contact" class="nav-cta">ç¡æãã¢</a> 194 </div> 195 <button class="nav-hamburger" type="button" aria-label="ã¡ãã¥ã¼ãéã" aria-expanded="false" aria-controls="nav-drawer"> 196 <span></span><span></span><span></span> 197 </button> 198 </div> 199 <div class="nav-backdrop" aria-hidden="true"></div> 200 <aside class="nav-drawer" id="nav-drawer" aria-hidden="true" aria-label="ããã²ã¼ã·ã§ã³"> 201 <button class="nav-drawer-close" type="button" aria-label="ã¡ãã¥ã¼ãéãã"> 202 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> 203 </button> 204 <div class="nav-drawer-inner"> 205 <a href="https://www.sugudesk.com/#diff">ç¹é·</a> 206 <a href="https://www.sugudesk.com/#case">äºä¾</a> 207 <a href="https://www.sugudesk.com/#pricing">æé</a> 208 <a href="https://www.sugudesk.
208com/#faq">FAQ</a> 209 <a href="/materials">è³æ</a> 210 <a href="/blog">ããã°</a> 211 <a href="tel:0366984206" class="nav-drawer-tel"> 212 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.4894 16.8194L17.5694 16.4794C16.8694 16.3994 16.1794 16.6394 15.6894 17.1294L13.5794 19.2394C10.3294 17.5794 7.66937 14.9294 6.00938 11.6694L8.12937 9.54944C8.61938 9.05944 8.85938 8.36944 8.77938 7.66944L8.43938 4.76944C8.30938 3.60944 7.32937 2.73944 6.15937 2.73944H4.16937C2.87938 2.73944 1.80938 3.80944 1.88938 5.09944C2.49938 14.8394 10.2894 22.6194 20.0194 23.2294C21.3094 23.3094 22.3794 22.2394 22.3794 20.9494V18.9594C22.3894 17.7994 21.5194 16.8194 20.3594 16.6894L20.4894 16.8194Z"/></svg> 213 03-6698-4206 214 </a> 215 <a href="https://www.sugudesk.com/#contact" class="nav-drawer-cta">ç¡æãã¢</a> 216 </div> 217 </aside> 218</nav> 219 220<header class="page-head"> 221 <span class="eyebrow">MATERIALS</span> 222 <h1>SuguDesk ãµã¼ãã¹è³æ</h1> 223 <p>å»çæ©é¢åãAIãã£ãããããã»AIåä»ãã£ãããSuguDeskï¼ã¹ã°ãã¹ã¯ï¼ãã®è³æã®ä¸é¨ãã覧ããã ãã¾ãã詳細çã¯ä¸ã®ãã©ã¼ã ãããç³è¾¼ã¿ãã ããã</p> 224</header> 225 226<div class="materials-grid"> 227<section class="slider" aria-label="è³æãã¬ãã¥ã¼"> 228 <div class="slider-frame"> 229 <div class="slides" id="slides"> 230 <div class="slide"><img src="/materials/preview-01.jpg" alt="SuguDesk ãµã¼ãã¹è³æ 1ãã¼ã¸ç®" width="1400" height="788"></div> 231 <div class="slide"><img src="/materials/preview-02.jpg" alt="SuguDesk ãµã¼ãã¹è³æ 2ãã¼ã¸ç®" width="1400" height="788" loading="lazy"></div> 232 <div class="slide"><img src="/materials/preview-03.jpg" alt="SuguDesk ãµã¼ãã¹è³æ 3ãã¼ã¸ç®" width="1400" height="788" loading="lazy"></div> 233 <div class="slide slide-locked"> 234 <img src="/materials/preview-04.jpg" alt="SuguDesk ãµã¼ãã¹è³æ 4ãã¼ã¸ç®(è¦è³æè«æ±)" width="1400" height="788" loading="lazy"> 235 <div class="slide-lock-overlay" aria-hidden="true"> 236 <div class="slide-lock-icon"> 237 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> 238 </div> 239 <p class="slide-lock-text">ç¶ãã¯è³æè«æ±å¾ã«ã覧ããã ãã¾ã</p> 240 <p class="slide-lock-sub">å ¨ãã¼ã¸çã¯å³ã®ãã©ã¼ã ãããè«æ±ãã ãã</p>
241 <a href="#request" class="slide-lock-btn"> 242 è³æãè«æ±ãã 243 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg> 244 </a> 245 </div> 246 </div> 247 </div> 248 <div class="slider-nav"> 249 <button class="slider-btn" id="slider-prev" type="button" aria-label="åã®ãã¼ã¸"> 250 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 18 9 12 15 6"/></svg> 251 </button> 252 <div class="slider-dots" id="slider-dots"> 253 <button class="dot active" type="button" aria-label="1ãã¼ã¸ç®"></button> 254 <button class="dot" type="button" aria-label="2ãã¼ã¸ç®"></button> 255 <button class="dot" type="button" aria-label="3ãã¼ã¸ç®"></button> 256 <button class="dot" type="button" aria-label="4ãã¼ã¸ç®(è¦è³æè«æ±)"></button> 257 </div> 258 <button class="slider-btn" id="slider-next" type="button" aria-label="次ã®ãã¼ã¸"> 259 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg> 260 </button> 261 </div> 262 </div> 263 <div class="slider-hint">â ã¹ã¯ã¤ãã§ãã¼ã¸åãæ¿ã â</div> 264</section> 265 266<section class="gate" id="request"> 267 <div class="gate-head"> 268 <span class="gate-eyebrow">REQUEST</span> 269 <h2 class="gate-title">è©³ç´°è³æï¼å ¨ãã¼ã¸çï¼ãè«æ±ãã</h2> 270 <p class="gate-lead">æ å½è ãå 容ã確èªã®ä¸ã<strong>2å¶æ¥æ¥ä»¥å </strong>ã«è³æãã¡ã¼ã«ã§ãéããã¾ãã</p> 271 </div> 272 273 <div class="doc-form-wrap"> 274 <form class="doc-form" id="doc-form" novalidate> 275 <input type="hidden" name="ãåãåãã種å¥" value="è³æè«æ±"> 276 277 <div class="form-row"> 278 <div class="form-group"> 279 <label for="doc-clinic-name">å»çæ©é¢å <span class="required">å¿ é </span></label> 280 <input type="text" id="doc-clinic-name" name="å»çæ©é¢å" required placeholder="ââã¯ãªãã㯠/ ââç é¢" autocomplete="organization"> 281 </div> 282 <div class="form-group"> 283 <label for="doc-contact-name">ãæ å½è å <span class="required">å¿ é </span></label> 284 <input type="text" id="doc-contact-name" name="ãæ å½è å" required placeholder="å±±ç° å¤ªé" autocomplete="name"> 285 </div> 286 </div> 287 288 <div class="form-row"> 289 <div class="form-group"> 290 <label for="doc-email">ã¡ã¼ã«ã¢ãã¬ã¹ <span class="required">å¿ é </span></label> 291 <input type="email" id="doc-email" name="email" required placeholder="[email protected]" autocomplete="email"> 292 </div> 293 <div class="form-group"> 294 <label for="doc-phone">é»è©±çªå·</label> 295 <input type="tel" id="doc-phone" name="é»è©±çªå·" placeholder="03-1234-5678" autocomplete="tel"> 296 </div> 297 </div> 298 299 <div class="form-group"> 300 <label for="doc-message">ã質åã»ãè¦æï¼ä»»æï¼</label> 301 <textarea id="doc-message" name="ãåãåããå 容" rows="4" placeholder="ãèå³ã®ãããã©ã³ãåå¥ã®ãè¦æãããã°ãè¨å ¥ãã ãã"></textarea> 302 </div> 303 304 <div class="form-group form-privacy"> 305 <label class="checkbox-label"> 306 <input type="checkbox" id="doc-privacy" name="privacy" required> 307 <span><a href="/privacy" target="_blank" rel="noopener">ãã©ã¤ãã·ã¼ããªã·ã¼</a>ã«åæãã</span> 308 </label> 309 </div> 310 311 <div class="form-submit"> 312 <button type="submit" class="btn-submit">è³æãè«æ±ãã</button> 313 <div class="form-error" id="doc-error">éä¿¡ã«å¤±æãã¾ãããæéãããã¦å度ã試ããã ããã</div> 314 </div> 315 <p class="form-note"> 316 å ¥åããã ããæ å ±ã¯è³æéä»ã»ãæ¡å ã®ç®çã®ã¿ã«å©ç¨ãã¾ãã<br> 317 ãæ¥ãã®å ´å㯠<a href="tel:0366984206">03-6698-4206</a>ï¼å¹³æ¥10:00ã17:00ï¼ã¾ã§ 318 </p> 319 </form> 320 321 <div class="doc-success" id="doc-success" role="status" aria-l
321ive="polite"> 322 <div class="doc-success-icon" aria-hidden="true"> 323 <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 324 </div> 325 <h3>è³æè«æ±ãããã¨ããããã¾ãã</h3> 326 <p>æ å½è ãå 容ã確èªã®ä¸ã<strong>2å¶æ¥æ¥ä»¥å </strong>ã«è³æãã¡ã¼ã«ã§ãéããã¾ãã<br> 327 èªåè¿ä¿¡ã¡ã¼ã«ãå±ããªãå ´åã¯ãè¿·æã¡ã¼ã«ãã©ã«ããã確èªãã ããã</p> 328 </div> 329 </div> 330</section> 331</div> 332 333<footer class="site"> 334 <div class="foot"> 335 <div class="fbrand"> 336 <div class="wm"><img src="/sugudesk-logo.svg" alt="SuguDesk" width="142" height="36"></div> 337 <p>å»çæ©é¢åãAIãã£ããããã</p> 338 </div> 339 <div class="col"> 340 <h4>製å</h4> 341 <a href="https://www.sugudesk.com/#diff">ç¹é·</a> 342 <a href="https://www.sugudesk.com/#pricing">æé</a> 343 <a href="https://www.sugudesk.
343com/#case">äºä¾</a> 344 <a href="https://www.sugudesk.com/#faq">FAQ</a> 345 </div> 346 <div class="col"> 347 <h4>ä¼ç¤¾</h4> 348 <a href="https://exmore.jp">æ ªå¼ä¼ç¤¾exmore</a> 349 <a href="https://www.sugudesk.com/privacy">ãã©ã¤ãã·ã¼ããªã·ã¼</a> 350 </div> 351 <div class="col"> 352 <h4>ãåãåãã</h4> 353 <a href="tel:0366984206">03-6698-4206</a> 354 <span style="font-size:12px;color:#8F9CC4">å仿é å¹³æ¥10:00ã17:00<br>å®ä¼æ¥ åã»æ¥ã»ç¥</span> 355 </div> 356 </div> 357 <div class="footbottom"> 358 <span>© 2026 æ ªå¼ä¼ç¤¾exmore. All Rights Reserved.</span> 359 <a href="https://www.sugudesk.com/" style="color:#A9B5D6;text-decoration:none">www.sugudesk.com</a> 360 </div> 361</footer> 362
363<script> 364// Hamburger drawer 365(function(){ 366 var btn=document.querySelector('.nav-hamburger'); 367 var drawer=document.getElementById('nav-drawer'); 368 var backdrop=document.querySelector('.nav-backdrop'); 369 var closeBtn=drawer&&drawer.querySelector('.nav-drawer-close'); 370 if(!btn||!drawer||!backdrop)return; 371 var isOpen=false; 372 function open(){if(isOpen)return;isOpen=true;document.documentElement.classList.add('nav-drawer-open');document.body.classList.add('nav-drawer-open');btn.setAttribute('aria-expanded','true');drawer.setAttribute('aria-hidden','false');backdrop.setAttribute('aria-hidden','false')} 373 function close(){if(!isOpen)return;isOpen=false;document.documentElement.classList.remove('nav-drawer-open');document.body.classList.remove('nav-drawer-open');btn.setAttribute('aria-expanded','false');drawer.setAttribute('aria-hidden','true');backdrop.setAttribute('aria-hidden','true')} 374 btn.addEventListener('click',open); 375 if(closeBtn)closeBtn.addEventListener('click',close); 376 backdrop.addEventListener('click',close); 377 var links=drawer.querySelectorAll('a'); 378 for(var i=0;i<links.length;i++)links[i].addEventListener('click',close); 379 document.addEventListener('keydown',function(e){if(e.key==='Escape'&&isOpen)close()}); 380})(); 381 382// Slider (scroll-snap based, JS for buttons and dot sync) 383(function(){ 384 var slides = document.getElementById('slides'); 385 var prev = document.getElementById('slider-prev'); 386 var next = document.getElementById('slider-next'); 387 var dots = document.querySelectorAll('#slider-dots .dot'); 388 if(!slides||!prev||!next||dots.length===0) return; 389 var total = dots.length; 390 391 function currentIndex(){ 392 var w = slides.clientWidth; 393 if(w===0) return 0; 394 return Math.round(slides.scrollLeft / w); 395 } 396 function goTo(i){ 397 i = Math.max(0, Math.min(total-1, i)); 398 slides.scrollTo({ left: slides.clientWidth * i, behavior: 'smooth' }); 399 } 400 function updateUI(){ 401 var i = currentIndex(); 402 for(var j=0;j<dots.length;j++){ 403 dots[j].classList.toggle('active', j===i); 404 } 405 prev.disabled = (i===0); 406 next.disabled = (i===total-1); 407 } 408 prev.addEventListener('click', function(){ goTo(currentIndex()-1); }); 409 next.addEventListener('click', function(){ goTo(currentIndex()+1); }); 410 dots.forEach(function(d,idx){ d.addEventListener('click', function(){ goTo(idx); }); }); 411 var t; 412 slides.addEventListener('scroll', function(){ clearTimeout(t); t=setTimeout(updateUI, 60); }); 413 window.addEventListener('resize', updateUI); 414 updateUI(); 415})(); 416 417// Contact form submission 418(function(){ 419 var form = document.getElementById('doc-form'); 420 var successBox = document.getElementById('doc-success'); 421 var errorBox = document.getElementById('doc-error'); 422 if(!form || !successBox) return; 423 424 form.addEventListener('submit', async function(e){ 425 e.preventDefault(); 426 var btn = form.querySelector('.btn-submit'); 427 var originalText = btn.textContent; 428 btn.disabled = true; 429 btn.textContent = 'éä¿¡ä¸...'; 430 errorBox.classList.remove('is-visible'); 431 432 try { 433 var fd = new FormData(form); 434 var data = {}; 435 fd.forEach(function(v,k){ data[k]=v; }); 436 437 var response = await fetch('/api/contact', { 438 method: 'POST', 439 body: JSON.stringify(data), 440 headers: { 441 'Content-Type': 'application/json', 442 'Accept': 'application/json' 443 } 444 }); 445 446 if(response.ok){ 447 form.style.display = 'none'; 448 successBox.classList.add('is-visible'); 449 if (typeof gtag === 'function') { gtag('event', 'conversion', {'send_to': 'AW-18444690290/3Xz_CIquuvYcEPLGjttE'}); } 450 if (typeof window !== 'undefined' && typeof window.gtag === 'function') { window.gtag('event', 'generate_lead', { form_name: 'document_request' }); } 451 successBox.scrollIntoView({behavior:'smooth', block:'center'}); 452 } else { 453 throw new Error('Submission failed'); 454 } 455 } catch(err){ 456 btn.disabled = false; 457 btn.textContent = originalText; 458 errorBox.classList.add('is-visible'); 459 } 460 }); 461})(); 462</script>
462 463<!-- SuguDesk Chat Widget -->
464<script src="https://sugudesk-prod.web.app/loader.iife.js" data-widget-key="019f121f-3c1f-7bdd-927d-f94da6f6ee83" async></script>
464 465 466</body> 467</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.