PageSourceSearch

https://www.sugudesk.com/materials

html sugudesk.com collected 2026-10-08 21:19:38 UTC 29,486 bytes, 467 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<!-- 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.