PageSourceSearch

https://systemserver.co.jp/itDep/

html systemserver.co.jp collected 2026-10-05 17:56:15 UTC 96,643 bytes, 1,954 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5  <!-- Google Tag Manager 
6<script>
vendor: 331 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-KT4JHJ3
vendor: 3 bytes, line 10
10');
10</script>
10
11 End Google Tag Manager -->
12
13  <!-- Google tag (gtag.js)
vendor: 66 bytes, lines 13-14
13 
14<script async src="https://www.googletagmanager.com/gtag/js?id=
14AW-10851366365
vendor: 13 bytes, line 14
14"></script>
15<script>
16  
vendor: 138 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17  function gtag(){dataLayer.push(arguments);}
18  gtag('js', new Date());
19
20  gtag('config', '
20AW-10851366365
vendor: 5 bytes, line 20
20');
21</script>
21
22 Google tag (gtag.js) -->
23
24  <!-- Event snippet for 申し込み conversion page
25In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. 
26<script>
27  function gtag_report_conversion(url) {
28    var callback = function () {
29      if (typeof(url) != 'undefined') {
30        window.location = url;
31      }
32    };
33    gtag('event', 'conversion', {
34        'send_to': 'AW-10851366365/GuFxCLfZy80ZEN3rqrYo',
35        'event_callback': callback
36    });
37    return false;
38  }
39  </script>
39
40 Event snippet -->
41
42  <meta charset="UTF-8">
43  <title>うちのIT部長 | 株式会社SYSTEM SERVER</title>
44  <meta name="description"
45    content="ITのトータルサポートを行うサービス「うちのIT部長」です。ITサポートはもちろん、メールやWebサイトの管理を行うインターネットサポートやシステム開発まで対応します。貴社の事情まで配慮し、サポートしてまいります。">
46  <meta name="keywords"
47    content="ITサポート,PC保守,IT部長,うちのIT部長,ITコンサルティング,トータルサポート,ITトータルサポート,インターネットサポート,システム開発,Web制作,HP制作,ホームページ制作,メールサポート,クラウドサーバー,東京都,練馬区">
48  <meta name="viewport" content="width=device-width,initial-scale=1">
49  <meta http-equiv="Content-Script-Type" content="text/javascript">
50  <meta property="og:title" content="うちのIT部長 | 株式会社SYSTEM SERVER">
51  <meta property="og:description" content="法人向けパソコン保守サービス「うちのIT部長」です。ITサポートからWeb・システム開発までトータル対応。">
52  <meta property="og:type" content="website">
53  <meta property="og:url" content="https://systemserver.co.jp/itDep/">
54  <meta property="og:image" content="https://systemserver.co.jp/itDep/img/itdep.png">
55  <meta name="twitter:card" content="summary_large_image">
56  <!-- Bootstrap -->
57  <link href="css/bootstrap.css" rel="stylesheet">
58  <link href="css/style.css" rel="stylesheet">
59
60  <!-- 
61  <link rel="preconnect" href="https://fonts.googleapis.com">
62  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
63   -->
64  <link
65    href="https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=M+PLUS+Rounded+1c:wght@300&family=Yuji+Syuku&display=swap"
66    rel="stylesheet">
67
68  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
69
70  <!-- <link href="css/style.css" rel="stylesheet"> -->
71  <!-- <link href="img/favicon.ico" rel="icon" type="image/x-icon"> -->
72  <link rel="icon" href="img/favicon-ssv.ico">
73  <link rel="canonical" href="https://systemserver.co.jp/itDep/">
74
75  <!--スライダー-->
76  <link rel="stylesheet" type="text/css" href="css/slick.css" />
77
78  
78<script src="js/jquery-3.2.1.min.js"></script>
78
79  
79<script src="js/bootstrap.js"></script>
79
80  
80<script src="js/jquery.fadethis.min.js"></script>
80
81  
81<script src="js/jquery.validationEngine.js"></script>
81
82  
82<script src="js/jquery.validationEngine-ja.js"></script>
82
83  
83<script src="js/ajaxzip3.js"></script>
83
84  
84<script src="js/client.js"></script>
84
85  
85<script src="js/service.js"></script>
85
86  
86<script src="js/common.js"></script>
86
87  
87<script type="text/javascript">
88    $(function () {
89      setTimeout(function () {
90        $('.main-title-left').animate({
91          'marginLeft': '0',
92          'marginRight': '0',
93          'opacity': '1'
94        }, 600);
95      }, 600);
96      setTimeout(function () {
97        $('.main-title-right').animate({
98          'marginTop': '0',
99          'opacity': '1'
100        }, 600);
101      }, 1000);
102    });
103
104  </script>
104
105  
105<script type="text/javascript">
106    (function (c, l, a, r, i, t, y) {
107      c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
108      t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
109      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
110    })(window, document, "clarity", "script", "wpd8r0fj25");
111  </script>
111
112
113  <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 113-114
113
114  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-KT4JHJ3
vendor: 93 bytes, lines 114-116
114" height="0" width="0"
115      style="display:none;visibility:hidden"></iframe></noscript>
116  
116<!-- End Google Tag Manager (noscript) -->
117
118  <!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 118-119
118
119  <script async src="https://www.googletagmanager.com/gtag/js?id=
119G-W4V8HNM6HM
vendor: 15 bytes, lines 119-120
119"></script>
120  
120<script>
121    
vendor: 147 bytes, lines 121-125
121window.dataLayer = window.dataLayer || [];
122    function gtag() { dataLayer.push(arguments); }
123    gtag('js', new Date());
124
125    gtag('config', '
125G-W4V8HNM6HM
vendor: 7 bytes, lines 125-126
125');
126  
126</script>
126
127  <!-- Google tag (gtag.js) -->
128
129  <!-- Google Tag Manager -->
130  
130<script>
vendor: 433 bytes, lines 130-137
130(function (w, d, s, l, i) {
131      w[l] = w[l] || []; w[l].push({
132        'gtm.start':
133          new Date().getTime(), event: 'gtm.js'
134      }); var f = d.getElementsByTagName(s)[0],
135        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
136          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
137    })(window, document, 'script', 'dataLayer', '
137GTM-N4WNLFWB
vendor: 3 bytes, line 137
137');
137</script>
137
138  <!-- End Google Tag Manager -->
139
140  <!-- Google tag (gtag.js) -->
vendor: 67 bytes, lines 140-141
140
141  <script async src="https://www.googletagmanager.com/gtag/js?id=
141AW-10851366365
vendor: 15 bytes, lines 141-142
141"></script>
142  
142<script>
143    
vendor: 147 bytes, lines 143-147
143window.dataLayer = window.dataLayer || [];
144    function gtag() { dataLayer.push(arguments); }
145    gtag('js', new Date());
146
147    gtag('config', '
147AW-10851366365
vendor: 9 bytes, lines 147-148
147');
148    
148// コンバージョン送信関数(URLなしタイプ)
149    function gtag_report_conversion() {
150      gtag('event', 'conversion', {
151        'send_to': 'AW-10851366365/XXXXXXXXXXXXXXX' // ←ここに実際のコンバージョンID(例: /abcDEFghijkLMnopQR)を入れてください
152      });
153      console.log("Conversion event sent to Google Ads");
154      return true;
155    }
156  </script>
156
157
158  <!-- Event snippet for 申し込み (1) conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
159  
159<script>
160    function gtag_report_conversion(url) {
161      var callback = function () {
162        if (typeof (url) != 'undefined') {
163          window.location = url;
164        }
165      };
166      gtag('event', 'conversion', {
167        'send_to': 'AW-10851366365/NjH5CO2ky8cbEN3rqrYo',
168        'event_callback': callback
169      });
170      return false;
171    }
172  </script>
172
173
174
175</head>
176
177<body>
178  <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 178-179
178
179  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
179GTM-N4WNLFWB
vendor: 93 bytes, lines 179-181
179" height="0" width="0"
180      style="display:none;visibility:hidden"></iframe></noscript>
181  
181<!-- End Google Tag Manager (noscript) -->
182
183  <div class="wrap">
184
185    <!-- ヘッダー開始 -->
186    <header id="#top" class="navbar-fixed-top wrap">
187      <div class="container top-container">
188        <div class="">
189          <div class="header-box navbar-header">
190            <div class="navbar-brand logo">
191              <a href="index.html" class="view-phone"><img src="img/cmn-logo.png" alt="株式会社SYSTEM SERVER"></a>
192              <a href="index.html" class="view-pc"><img src="img/cmn-logo_sp.png" alt="株式会社SYSTEM SERVER"></a>
193            </div>
194            <!-- 
195            <div class="dl-box">
196              <a href="">
197                <div class="dl">
198                  <img src="img/header-dl.png" alt="資料ダウンロード">
199                  <span class="view-phone">資料ダウンロード</span>
200                </div>
201              </a>
202            </div>
203 -->
204            <div class="contact-box">
205              <div class="tel-mailbox view-phone">お気軽にお問合せください。</div>
206              <div class="displayflex">
207                <a href="tel:050-5482-3514">
208                  <div class="tel-number black">
209                    <img src="img/header-tel.png" alt="050-5482-3514">
210                    <span class="view-phone">050-5482-3514</span>
211                    <div class="nav-hidden logo-subtitle view-phone">平日10:00~18:00</div>
212                  </div>
213                </a>
214
215                <a href="#contentContact">
216                  <div class="document">
217                    <img src="img/header-mail.png" alt="050-5482-3514">
218                    <span class="view-phone">お問い合わせ</span>
219                  </div>
220                </a>
221              </div>
222            </div>
223          </div>
224        </div>
225      </div>
226    </header>
227
228
229    <!-- ヘッダー終了 -->
230    <main>
231      <!-- コンテンツ開始 -->
232      <div class="contents">
233        <!-- メインビジュアル開始 -->
234        <section class="hero-space">
235          <div class="hero">
236            <div id="catch_copy_main" class="bordering-text">
237              <div class="main-img-parts">
238                <img src="./img/main-visual-parts01.png" alt="社員数5〜30名、社内にIT担当不在。">
239                <div class="slide-bottom main-img-parts-txt" data-plugin-options='{"reverse": false,"speed":1000}'>
240                  <span>
241                    <font class="text-wrap main-txt02">なら</font>
242                </div>
243              </div>
244
245              <div class="main-flex">
246                <h1 class="slide-bottom navy main-txt" data-plugin-options='{"reverse": false,"speed":1000}'>
247                  <span>
248                    <font class="text-wrap">「うちのIT部長」</font>
249                </h1>
250                <div class="slide-bottom main-img-parts-txt02" data-plugin-options='{"reverse": false,"speed":1000}'>
251                  <span>
252                    <font class="text-wrap main-txt02">におまかせ</font>
253                </div>
254              </div>
255
256              <div class="main-txt-sub">PC初期設定から不具合対応まで、<br class="tp"><br class="sp">ITに関する一連の業務をフルサポート</div>
257            </div>
258            <div class="mv-half-circle">
259              <span>法人<br>向け</span>
260            </div>
261          </div>
262        </section>
263        <!-- メインビジュアル終了 -->
264
265        <!-- ロゴ開始 -->
266        <div class="content container logo-slider">
267          <div class="client_logo logo-track">
268            <img src="./img/client_logo/clientlogo-img01-01.jpg" alt="税理士法人APS">
269            <img src="./img/client_logo/clientlogo-img01-02.jpg" alt="株式会社木村工業">
270            <img src="./img/client_logo/clientlogo-img01-03.jpg" alt="株式会社パック">
271            <img src="./img/client_logo/clientlogo-img01-04.jpg" alt="高津興業株式会社">
272            <img src="./img/client_logo/clientlogo-img01-05.jpg" alt="中村管工事工業有限会社">
273            <img src="./img/client_logo/clientlogo-img01-06.jpg" alt="株式会社アライフリンクス">
274            <img src="./img/client_logo/clientlogo-img01-07.jpg" alt="株式会社ジェッツ・プロジェクト">
275            <img src="./img/client_logo/clientlogo-img01-08.jpg" alt="一般社団法人東京都情報産業協会">
276            <img src="./img/client_logo/clientlogo-img01-09.jpg" alt="税理士法人 渡邊リーゼンバーグ">
277            <img src="./img/client_logo/clientlogo-img01-10.jpg" alt="株式会社ラルゴ・コーポレーション">
278            <img src="./img/client_logo/clientlogo-img01-11.jpg" alt="一般社団法人岩槻医師会">
279            <img src="./img/client_logo/clientlogo-img01-12.jpg" alt="株式会社ホシナ設備">
280            <img src="./img/client_logo/clientlogo-img01-13.jpg" alt="アンブリオリス・ジャパン株式会社">
281            <img src="./img/client_logo/clientlogo-img01-14.jpg" alt="ヨシオ電子株式会社">
282            <img src="./img/client_logo/clientlogo-img01-15.jpg" alt="株式会社ジューテクノ">
283            <img src="./img/client_logo/clientlogo-img01-16.jpg" alt="星税務会計事務所">
284            <!-- <img src="./img/client_logo/clientlogo-img01-17.jpg" alt=""> -->
285            <img src="./img/client_logo/clientlogo-img01-18.jpg" alt="GIT法律事務所">
286            <img src="./img/client_logo/clientlogo-img01-19.jpg" alt="株式会社ミラック光学">
287            <img src="./img/client_logo/clientlogo-img01-20.jpg" alt="セフテック株式会社">
288            <img src="./img/client_logo/clientlogo-img01-21.jpg" alt="JDI 日本加飾産業株式会社">
289            <img src="./img/client_logo/clientlogo-img01-22.jpg" alt="株式会社 日本生物科学">
290            <img src="./img/client_logo/clientlogo-img01-23.jpg" alt="社会保険労務士・行政書士ゆき事務所">
291            <img src="./img/client_logo/clientlogo-img01-24.jpg" alt="株式会社ナベカン">
292            <img src="./img/client_logo/clientlogo-img01-25.jpg" alt="株式会社英揮情報システム">
293            <img src="./img/client_logo/clientlogo-img01-26.jpg" alt="第一商事株式会社">
294            <img src="./img/client_logo/clientlogo-img01-27.jpg" alt="自民党足立区議会議員 渡辺ひであき">
295            <img src="./img/client_logo/clientlogo-img01-28.jpg" alt="海洋エンジニアリング株式会社">
296            <img src="./img/client_logo/clientlogo-img01-29.jpg" alt="一般財団法人大蔵財務協会">
297            <img src="./img/client_logo/clientlogo-img01-30.jpg" alt="株式会社匠栄房">
298            <img src="./img/client_logo/clientlogo-img01-01.jpg" alt="税理士法人APS">
299            <img src="./img/client_logo/clientlogo-img01-02.jpg" alt="株式会社木村工業">
300            <img src="./img/client_logo/clientlogo-img01-03.jpg" alt="株式会社パック">
301            <img src="./img/client_logo/clientlogo-img01-04.jpg" alt="高津興業株式会社">
302            <img src="./img/client_logo/clientlogo-img01-05.jpg" alt="中村管工事工業有限会社">
303            <img src="./img/client_logo/clientlogo-img01-06.jpg" alt="株式会社アライフリンクス">
304            <img src="./img/client_logo/clientlogo-img01-07.jpg" alt="株式会社ジェッツ・プロジェクト">
305            <img src="./img/client_logo/clientlogo-img01-08.jpg" alt="一般社団法人東京都情報産業協会">
306            <img src="./img/client_logo/clientlogo-img01-09.jpg" alt="税理士法人 渡邊リーゼンバーグ">
307            <img src="./img/client_logo/clientlogo-img01-10.jpg" alt="株式会社ラルゴ・コーポレーション">
308            <img src="./img/client_logo/clientlogo-img01-11.jpg" alt="一般社団法人岩槻医師会">
309            <img src="./img/client_logo/clientlogo-img01-12.jpg" alt="株式会社ホシナ設備">
310            <img src="./img/client_logo/clientlogo-img01-13.jpg" alt="アンブリオリス・ジャパン株式会社">
311            <img src="./img/client_logo/clientlogo-img01-14.jpg" alt="ヨシオ電子株式会社">
312            <img src="./img/client_logo/clientlogo-img01-15.jpg" alt="株式会社ジューテクノ">
313            <img src="./img/client_logo/clientlogo-img01-16.jpg" alt="星税務会計事務所">
314            <!-- <img src="./img/client_logo/clientlogo-img01-17.jpg" alt=""> -->
315            <img src="./img/client_logo/clientlogo-img01-18.jpg" alt="GIT法律事務所">
316            <img src="./img/client_logo/clientlogo-img01-19.jpg" alt="株式会社ミラック光学">
317            <img src="./img/client_logo/clientlogo-img01-20.jpg" alt="セフテック株式会社">
318            <img src="./img/client_logo/clientlogo-img01-21.jpg" alt="JDI 日本加飾産業株式会社">
319            <img src="./img/client_logo/clientlogo-img01-22.jpg" alt="株式会社 日本生物科学">
320            <img src="./img/client_logo/clientlogo-img01-23.jpg" alt="社会保険労務士・行政書士ゆき事務所">
321            <img src="./img/client_logo/clientlogo-img01-24.jpg" alt="株式会社ナベカン">
322            <img src="./img/client_logo/clientlogo-img01-25.jpg" alt="株式会社英揮情報システム">
323            <img src="./img/client_logo/clientlogo-img01-26.jpg" alt="第一商事株式会社">
324            <img src="./img/client_logo/clientlogo-img01-27.jpg" alt="自民党足立区議会議員 渡辺ひであき">
325            <img src="./img/client_logo/clientlogo-img01-28.jpg" alt="海洋エンジニアリング株式会社">
326            <img src="./img/client_logo/clientlogo-img01-29.jpg" alt="一般財団法人大蔵財務協会">
327            <img src="./img/client_logo/clientlogo-img01-30.jpg" alt="株式会社匠栄房">
328            </ul>
329          </div>
330          <!-- ロゴ終了 -->
331
332          <!-- 月額5000円から -->
333          <section id="getugaku" class="content">
334            <div class="">
335              <div class="getugaku-box container-box2">
336                <div class="getugaku-txt">
337                  <div>
338                    <p class="getugaku-txt-fs2">月額5,000円から、<br class="sp"><span
339                        class="getugaku-txt-yellow">あなたの会社専属</span> のIT部長を</p>
340                    <p class="content-subtitle">小規模企業でも導入しやすい安心価格</p>
341                  </div>
342                </div>
343                <div class="">
344                  <div class="getugaku-imgbox">
345                    <img src="./img/07_getugaku/getugaku-img01-02.png" alt="月額5,000円から始められますと案内する当社キャラクター">
346                  </div>
347                </div>
348              </div>
349
350            </div>
351          </section>
352          <!-- 月額5000円から終了 -->
353
354          <!-- お悩み開始 -->
355          <section id="contentTrouble" class="content">
356            <div class="content-title">
357              <h2 class="slide-left" data-plugin-options='{"reverse": false}'>
358                <font class="text-wrap">御社もこのような</font>
359                <font class="text-wrap blue">
359<span data-ruby="・">お</span><span data-ruby="・">悩</span><span
360                    data-ruby="・">み</span></font>
361                <font class="text-wrap">はありませんか?</font>
362              </h2>
363            </div>
364
365            <ul class="onayami delayScroll container-box2" style="padding-left: 0px;">
366              <li>
367                <div class="onayami-box">
368                  <div class="onayami-img">
369                    <img src="./img/01_onayami/onayami-img01.png" alt="サポートが追いつかない!">
370                  </div>
371                  <div class="onayami-txt">
372                    <div class="onayami-ttl">サポートが追いつかない!</div>
373                    <div>
374                      繁忙期なのに対応が遅く、せっかく依頼しているサポートをうまく使い切れていない。
375                    </div>
376                  </div>
377                </div>
378              </li>
379              <li>
380                <div class="onayami-box">
381                  <div class="onayami-img">
382                    <img src="./img/01_onayami/onayami-img02.png" alt="ITの窓口がバラバラで混乱!">
383                  </div>
384                  <div class="onayami-txt">
385                    <div class="onayami-ttl">ITの窓口がバラバラで混乱!</div>
386                    <div>
387                      パソコンやプリンタ、ネット、HPなど、担当業者が違ってやり取りが煩雑。
388                    </div>
389                  </div>
390                </div>
391              </li>
392              <li>
393                <div class="onayami-box">
394                  <div class="onayami-img">
395                    <img src="./img/01_onayami/onayami-img03.png" alt="提案が現場に合っていない!">
396                  </div>
397                  <div class="onayami-txt">
398                    <div class="onayami-ttl">提案が現場に合っていない!</div>
399                    <div>
400                      大企業向けの提案ばかりで、
401                      <br>自社の規模や実情に合わない内容が多い。
402                    </div>
403                  </div>
404                </div>
405              </li>
406              <li>
407                <div class="onayami-box">
408                  <div class="onayami-img">
409                    <img src="./img/01_onayami/onayami-img04.png" alt="言ったことしかやってくれない!">
410                  </div>
411                  <div class="onayami-txt">
412                    <div class="onayami-ttl">言ったことしかやってくれない!</div>
413                    <div>
414                      リクエスト対応はしてくれるが、改善や提案はなく受け身の対応ばかり。
415                    </div>
416                  </div>
417                </div>
418              </li>
419              <li>
420                <div class="onayami-box">
421                  <div class="onayami-img">
422                    <img src="./img/01_onayami/onayami-img05.png" alt="頼れる人がいない!">
423                  </div>
424                  <div class="onayami-txt">
425                    <div class="onayami-ttl">頼れる人がいない!</div>
426                    <div>
427                      IT担当が退職してしまい、社内に相談できる人がいない。
428                    </div>
429                  </div>
430                </div>
431              </li>
432              <li>
433                <div class="onayami-box">
434                  <div class="onayami-img">
435                    <img src="./img/01_onayami/onayami-img06.png" alt="本業よりもIT対応に追われている!">
436                  </div>
437                  <div class="onayami-txt">
438                    <div class="onayami-ttl">本業よりもIT対応に追われている!</div>
439                    <div>
440                      本来の業務に集中したいのに、社内ITの雑務に時間を奪われている。
441                    </div>
442                  </div>
443                </div>
444              </li>
445            </ul>
446
447            <div class="content-subtitle">
448              <p class="slide-bottom" style="z-index: 1;" data-plugin-options='{"reverse": false}'>
449                <font class="text-wrap">これらは中小企業によくある事例の</font>
450                <font class="text-wrap">一部です</font>
451              </p>
452            </div>
453          </section>
454          <!-- お悩み終了 -->
455
456          <!-- 実は…中小企業の -->
457          <section class="itmanager">
458            <div class="container">
459              <div>
460                <h2 class="slide-left" data-plugin-options='{"reverse": false}'>
461                  <font class="text-wrap">実は…中小企業の</font>
462                  <font class="text-wrap">9割が同じ課題を抱えています。</font>
463                </h2>
464              </div>
465              <h3 class="ftb">
466                <font class="text-wrap">会社の規模・環境に合ったIT支援がなければ<br>「時間」「生産性」「利益」を失い続けてしまいます。</font>
467              </h3>
468            </div>
469            <div class="itmanager-nayami">
470              <img src="./img/arrow-buchou.png" alt="">
471            </div>
472          </section>
473
474          <section class="itmanager-support content">
475            <div class="ftb fuchidori line-height2 container">
476              「社員数5~30名」「IT担当不在の中小企業」様向けに、
477              <br>
478              IT分野のあらゆる業務をサポートする「うちのIT部長」を提供しています。
479              <br>
480            </div>
481            <div class="container ftb fuchidori">
482              <div class="emphasis-text itmanager-txt black-txt">
483                <font class="text-wrap support-txt"><span class="skyblue">ITのプロ </span>が<br class="sp">御社を強力サポート!</font>
484                <br>
485                <font class="text-wrap"><span class="skyblue">「うちのIT部長」</span>で <br class="sp"><span
486                    class="gray">ITのお悩みを一気に解消!</span></font><br>
487              </div>
488            </div>
489            <div class="itmanager-kaiketu">
490              <img src="./img/index-img01.png" alt="そのお悩みを解決できますと案内する当社キャラクター">
491            </div>
492          </section>
493          <!-- 実は…中小企業の終了 -->
494
495          <!-- 特徴開始 -->
496          <section id="feature">
497            <!-- 
498          <img src="./img/02_feature/feature-bg-img.png" alt=""></div>
499          -->
500            <div class="content ">
501              <div class="content-title">
502                <div class="content-subtitle">
503                  <p class="" style="z-index: 1;" data-plugin-options='{"reverse": false}'>
504                    <font class="text-wrap">画期的なITサポートサービス</font>
505                  </p>
506                </div>
507                <h2 class="slide-left" data-plugin-options='{"reverse": false}'>「うちのIT部長」5つの <br class="sp"><span
508                    class="feature-h2">特</span><span class="feature-h2">徴</span></h2>
509              </div>
510
511              <ul class="feature-box delayScroll" style="padding-left: 0px;">
512                <li>
513                  <span class="feature-num">01</span>
514                  <div>
515                    <div class="feature-box-img">
516                      <h3 class="ftb">ITのプロがお客様の会社の規模や実情に沿った対応</h3>
517                      <img src="./img/02_feature/feature-img01.png" alt="">
518                    </div>
519                    <div>
520                      <span>ITのプロスタッフが<span class="marked-text strong-text">御社の規模や実情を分析</span>し、最適な提案を実施。</span>
521                      <br>
522                      <span>また、日々のITトラブルシューティングにもリモートや電話でスピーディーにサポート。</span>
523                    </div>
524                  </div>
525                </li>
526
527                <li>
528                  <span class="feature-num">02</span>
529                  <div>
530                    <div class="feature-box-img">
531                      <h3 class="ftb">毎日更新する<br class="pc">情報セキュリティ対策</h3>
532                      <img src="./img/02_feature/feature-img02.png" alt="">
533                    </div>
534                    <div>
535                      <span>セキュリティ情報のチェックやサーバの不正アクセスの有無、ウイルスソフトの更新チェックなど、社内のIT環境の正常化と安全性を確保。</span>
536                      <br>
537                      <span>プロのスタッフが管理ソフトウェアなどを適切に運用できるようにサポートし、<span
538                          class="marked-text strong-text">セキュリティ向上や情報漏洩対策</span>まで行います。</span>
539                    </div>
540                  </div>
541                </li>
542
543                <li>
544                  <span class="feature-num">03</span>
545                  <div>
546                    <div class="feature-box-img">
547                      <h3 class="ftb">社員のIT習熟度に応じた<br class="pc">社内パスワードなどの管理</h3>
548                      <img src="./img/02_feature/feature-img03.png" alt="">
549                    </div>
550                    <div>
551                      <span>社内PCのパスワード管理ツールの導入、マニュアルやルールなどの策定など、<span
552                          class="marked-text strong-text">最適な提案</span>を実施。</span>
553                      <br>
554                      <span>社内PCの適切な管理を通じて社内セキュリティを高め、不正ログインを防ぎます。</span>
555                      <br>
556                      <span>さらに万が一のパスワード忘れなどにも安心。</span>
557                    </div>
558                  </div>
559                </li>
560
561                <li>
562                  <span class="feature-num">04</span>
563                  <div>
564                    <div class="feature-box-img">
565                      <h3 class="ftb">ITに関する疑問なら何でもOK!プロが何でも対応</h3>
566                      <img src="./img/02_feature/feature-img04.png" alt="">
567                    </div>
568                    <div>
569                      <span>ITに関する最新情報提供はもちろんのこと、他者様の事例なども踏まえたアドバイスが可能。</span>
570                      <span>「他社の見積もりがちょっと高いかも」「最近パソコンが遅くなった」など、<span
571                          class="marked-text strong-text">ITに関するあらゆる質問</span>にお応えします。</span>
572                    </div>
573                  </div>
574                </li>
575
576                <li>
577                  <span class="feature-num">05</span>
578                  <div>
579                    <div class="feature-box-img">
580                      <h3 class="ftb">他のITサポート会社で<br class="pc">NGでも大丈夫</h3>
581                      <img src="./img/02_feature/feature-img05.png" alt="">
582                    </div>
583                    <div>
584                      <span>「そのソフトウェアはうちでは対応できません」「弊社の範囲外となります」など、他のITサポート会社が対応できないと言われたものも、<span
585                          class="marked-text strong-text">弊社ならあらゆるメーカーに対応可能。</span></span>
586                      <br>
587                      <span>社内PCやプリンタ、ソフトウェアライセンスなどの管理、御社のIT資産の管理も行います。</span>
588                    </div>
589                  </div>
590                </li>
591
592              </ul>
593            </div>
594          </section>
595          <!-- 特徴終了 -->
596
597          <!-- サービス内容開始 -->
598          <section id="contentService" class="content">
599            <div class="content-title">
600              <h2 class="slide-left" data-plugin-options='{"reverse": false}'>
601                「うちのIT部長」の <br class="purple sp">サービス内容</span>
602              </h2>
603            </div>
604
605            <div class="service-box container-box2">
606              <div class="service-txt">
607                <h3>提案・導入・運用・保守まで<br>一貫サポート</h3>
608                <p>
609                  「うちのIT部長」は、全ての中小企業様にとって必要となる
610                  <br><b>「提案」「導入」「運用」「保守」</b>までの各種サポートを網羅しています。
611                  <br>一貫したサポート体制で、社内のIT運用業務負担を減らすことができます。
612                </p>
613              </div>
614
615              <div class="service-img">
616                <img src="./img/03_service/service-img01.png" alt="当社のITサービスの流れ(提案・導入・運用・保守)">
617              </div>
618
619
620              <ul class="service-label">
621                <li>
622                  <span class="ribbon01"><span class="fs25">提案</span><br>suggestion</span>
623                  <div>
624                    <p>
625                      ソフトウェア・ハードウェア
626                      <br>コンサルティング
627                    </p>
628                  </div>
629                </li>
630                <li>
631                  <span class="ribbon02"><span class="fs25">導入</span><br>introduction</span>
632                  <div>
633                    <p>
634                      キッティング
635                      <br>導入設計・計画
636                    </p>
637                  </div>
638                </li>
639                <li>
640                  <span class="ribbon03"><span class="fs25">保守</span><br>maintenance</span>
641                  <div>
642                    <p>
643                      不具合対応
644                      <br>トータルサポート
645                    </p>
646                  </div>
647                </li>
648                <li>
649                  <span class="ribbon04"><span class="fs25">運用</span><br>operation</span>
650                  <div>
651                    <p>
652                      システム監視
653                      <br>ログ監視
654                    </p>
655                  </div>
656                </li>
657              </ul>
658            </div>
659
660            <ul class="service-content container-box2" style="padding-left: 0px;">
661              <li>
662                <div class="accordion-item">
663                  <button class="accordion-header" type="button">
664                    <div class="icon-title">
665                      <img src="./img/03_service/service-img02-01.png" alt="" class="service-icon">
666                      <span>コンサルティング</span>
667                    </div>
668                    <span class="toggle"></span>
669                  </button>
670                  <div class="accordion-content">
671                    <div class="accordion-inner">
672                      <p>
673                        社内の実情やお困りごとから真の課題を創出し、中長期的な解決策を<span class="purple ftb">ご提案</span>します。
674                      </p>
675
676                      <button class="popup-btn" type="button" data-title="コンサルティングの詳細" data-content='
677                        <ul>
678                          <li>MS365運用 提案、支援</li>
679                          <li>
679Google Workspace運用 提案、支援</li>
680                          <li>セキュリティ対策</li>
681                          <li>データバックアップ</li>
682                          <li>ネットワーク回線選定</li>
683                        </ul>'>
684                        詳しく見る
685                      </button>
686                    </div>
687                  </div>
688                </div>
689
690              </li>
691              <li>
692                <div class="accordion-item">
693                  <button class="accordion-header">
694                    <div class="icon-title">
695                      <img src="./img/03_service/service-img02-02.png" alt="" class="service-icon">
696                      <span>ITサポート</span>
697                    </div>
698                    <span class="toggle"></span>
699                  </button>
700                  <div class="accordion-content">
701                    <div class="accordion-inner">
702                      <p>
703                        社内で使用する<span class="purple ftb">機器選定、設置、データ移行と運用、さらにトラブル対応</span>まで幅広くサポートします。
704                      </p>
705                      <button class="popup-btn" type="button" data-title="ITサポート(うちのIT部長)の詳細" data-content='
706                          <ul>
707                            <li>PC操作支援、トラブル対応</li>
708                            <li>ネットワーク障害対応</li>
709                            <li>クラウドサービス運用支援(MS365、Google Workspace)</li>
710                            <li>Webサーバー運用(Apache、Nginx、LiteSpeed)
711                              <br>メールサーバー運用(Postfix、Dovecot)</li>
712                            <li>NAS運用支援</li>
713                          </ul>'>
714                        詳しく見る
715                      </button>
716                    </div>
717                  </div>
718                </div>
719              </li>
720              <li>
721                <div class="accordion-item">
722                  <button class="accordion-header">
723                    <div class="icon-title">
724                      <img src="./img/03_service/service-img02-03.png" alt="" class="service-icon">
725                      <span>PC・サーバー設定</span>
726                    </div>
727                    <span class="toggle"></span>
728                  </button>
729                  <div class="accordion-content">
730                    <div class="accordion-inner">
731                      <p>
732                        新入社員や中途社員が入社する時の<span class="purple ftb">社内PCの初期設定作業を代行</span>します。
733                      </p>
734                      <button class="popup-btn" type="button" data-title="PC・サーバー設定の詳細" data-content='
735                          <ul>
736                            <li>PCキッティング</li>
737                            <li>ルーター導入、設定</li>
738                            <li>UTM(FortiGate等)導入、設定</li>
739                            <li>NAS導入、設定</li>
740                            <li>ADサーバー構築</li>
741                            <li>クラウドサーバー構築(AWS、Azure等)</li>
742                          </ul>'>
743                        詳しく見る
744                      </button>
745                    </div>
746                  </div>
747                </div>
748              </li>
749              <li>
750                <div class="accordion-item">
751                  <button class="accordion-header">
752                    <div class="icon-title">
753                      <img src="./img/03_service/service-img02-04.png" alt="" class="service-icon">
754                      <span>ウェブ制作</span>
755                    </div>
756                    <span class="toggle"></span>
757                  </button>
758                  <div class="accordion-content">
759                    <div class="accordion-inner">
760                      <p>
761                        <span class="purple ftb">御社のニーズ(目標・目的・ターゲットなど)に合ったWebサイト</span>を提案・制作します。
762                      </p>
763                      <button class="popup-btn" type="button" data-title="ウェブ制作の詳細" data-content='
764                          <ul>
765                            <li>コーポレートサイト<br>(企画、デザイン、HTML/CSSコーディング、問い合わせフォームの設置等)</li>
766                            <li>ECサイト</li>
767                          </ul>
768                          <a href="https://systemserver.co.jp/achievements.html#website" target="_blank">
769                            <button type="button" class="service-btn">
770                              <span class="text">事例はこちら</span>
771                              <span class="icon">›</span>
772                            </button>
773                          </a>
774                          '>
775                        詳しく見る
776                      </button>
777                    </div>
778                  </div>
779                </div>
780              </li>
781              <li>
782                <div class="accordion-item">
783                  <button class="accordion-header">
784                    <div class="icon-title">
785                      <img src="./img/03_service/service-img02-05.png" alt="" class="service-icon">
786                      <span>インターネットサポート</span>
787                    </div>
788                    <span class="toggle"></span>
789                  </button>
790                  <div class="accordion-content">
791                    <div class="accordion-inner">
792                      <p>
793                        <span class="purple ftb">社内ネットワークの構築・保守、メール設定、社員アカウント発行・削除、メール不具合</span>に関するサポートまでトータルでサポートします。
794                      </p>
795                      <button class="popup-btn" type="button" data-title="インターネットサポートの詳細" data-content='
796                          <ul>
797                            <li>メールアカウント管理</li>
798                            <li>ライセンス管理</li>
799                            <li>ファイアウォール設置、不正アクセス監視</li>
800                          </ul>'>
801                        詳しく見る
802                      </button>
803                    </div>
804                  </div>
805                </div>
806              </li>
807              <li>
808                <div class="accordion-item">
809                  <button class="accordion-header">
810                    <div class="icon-title">
811                      <img src="./img/03_service/service-img02-06.png" alt="" class="service-icon">
812                      <span>システム開発</span>
813                    </div>
814                    <span class="toggle"></span>
815                  </button>
816                  <div class="accordion-content">
817                    <div class="accordion-inner">
818                      <p>
819                        社内で利用する特別な業務アプリケーションの<span class="purple ftb">開発から運用・保守まで</span>サポートします。
820                      </p>
821                      <button class="popup-btn" type="button" data-title="システム開発の詳細" data-content='
822                          <ul>
823                            <li>基幹業務システム<br>(生産管理、物流・在庫管理、販売・出荷、医療 他)</li>
824                            <li>Excelツール</li>
825                            <li>Accessツール</li>
826                          </ul>'>
827                        詳しく見る
828                      </button>
829                    </div>
830                  </div>
831                </div>
832              </li>
833              <li>
834                <div class="accordion-item">
835                  <button class="accordion-header">
836                    <div class="icon-title">
837                      <img src="./img/03_service/service-img02-07.png" alt="" class="service-icon">
838                      <span>電子化<span class="fs12">(ペーパーレス化)</span>代行</span>
839                    </div>
840                    <span class="toggle"></span>
841                  </button>
842                  <div class="accordion-content">
843                    <div class="accordion-inner">
844                      <p>
845                        各種資料・書類などの紙資料を電子化し、<span class="purple ftb">社内のペーパーレス化を代行</span>します。
846                      </p>
847                      <button class="popup-btn" type="button" data-title="電子化(ペーパーレス化)代行の詳細" data-content='
848                          <ul>
849                            <li>紙文書のスキャニング、PDF化</li>
850                            <li>データ集計、整理</li>
851                          </ul>'>
852                        詳しく見る
853                      </button>
854                    </div>
855                  </div>
856                </div>
857              </li>
858              <li>
859                <div class="accordion-item">
860                  <button class="accordion-header">
861                    <div class="icon-title">
862                      <img src="./img/03_service/service-img02-08.png" alt="" class="service-icon">
863                      <span>クリーンサービス</span>
864                    </div>
865                    <span class="toggle"></span>
866                  </button>
867                  <div class="accordion-content">
868                    <div class="accordion-inner">
869                      <p>
870                        IT機器専用の掃除道具で、<span class="purple ftb">PC、キーボード、マウスなどのクリーンアップ</span>を行います。
871                      </p>
872                      <button class="popup-btn" type="button" data-title="クリーンサービスの詳細" data-content='
873                          <ul>
874                            <li>PC、サーバー、OA機器の清掃・整備</li>
875                            <li>機器再配置</li>
876                            <li>配線整理</li>
877                            <li>機器廃棄</li>
878                            <li>データ消去(HDD、SSD、CD、DVD)</li>
879                          </ul>
880                          <a href="https://systemserver.co.jp/cleaning-service/index.html" target="_blank">
881                            <button type="button" class="service-btn">
882                              <span class="text">公式サイトはこちら</span>
883                              <span class="icon">›</span>
884                            </button>
885                          </a>'>
886                        詳しく見る
887                      </button>
888                    </div>
889                  </div>
890                </div>
891              </li>
892            </ul>
893
894
895            <div class="service-footer">
896              <div class="content-subtitle">
897                <p class="" style="z-index: 1;" data-plugin-options='{"reverse": false}'>
898                  <font class="text-wrap">これら一通りのサービスの中から、</font>
899                </p>
900              </div>
901              <p class="getugaku-txt-fs2">
902                御社に合った最適なメニュープランを組みご提案いたします。
903              </p>
904            </div>
905          </section>
906          <!-- サービス内容終了 -->
907
908          <!-- 比較開始 -->
909          <section id="contentPriceComparison" class="content container-fluid">
910            <div class="content-title">
911              <h2><span class="bordering-text slide-left" data-plugin-options='{"reverse": false}'>サービス・費用</span></h2>
912            </div>
913
914            <div class="content-detail container">
915
916              <div class="price-table">
917                <div class="price-header price-item">
918                  <div class="">
919                    サービス
920                  </div>
921                  <div>
922                    コンサルティング
923                  </div>
924                  <div>
925                    <font class="text-wrap">インターネット<br class="sp">サポート</font>
926                  </div>
927                  <div>
928                    ITサポート
929                  </div>
930                  <div>
931                    システム開発
932                  </div>
933                  <div>
934                    顧客事情勘案
935                  </div>
936                  <div>
937                    ITに関する質問
938                  </div>
939                  <div>
940                    1社あたりの体制
941                  </div>
942                  <div>
943                    基準価格(月額)
944                  </div>
945                </div>
946
947                <div class="price-scroll-wrap">
948                  <div class="price-scroll">
949                    <div class="price-character-wrap">
950                      <img src="./img/index-img02.png" alt="うちのIT部長 キャラクター" class="price-character">
951                    </div>
952                    <div class="price-item focus strong-text is-main">
953                      <!-- 見出し -->
954                      <div class="price-head price-it">
955                        <span>うちのIT部長</span>
956                      </div>
957
958                      <!-- 内容 -->
959                      <div class="price-it-txt">〇</div>
960                      <div class="price-it-txt">〇</div>
961                      <div class="price-it-txt">〇</div>
962                      <div class="price-it-txt">〇</div>
963                      <div class="price-it-txt">〇</div>
964                      <div class="price-it-txt">なんでも可</div>
965                      <div class="price-it-txt">チーム</div>
966                      <div class="price-it-txt">
967                        5,000円〜<br>(PC5台)
968                      </div>
969
970                    </div>
971
972                    <!-- ===== A社 ===== -->
973                    <div class="price-item blur">
974                      <div class="price-head">A社</div>
975                      <div>〇</div>
976                      <div>✕</div>
977                      <div>〇</div>
978                      <div>✕</div>
979                      <div>記載なし</div>
980                      <div>サポート範囲内</div>
981                      <div>記載なし</div>
982                      <div>
983                        20,000円〜<br>(PC20台)
984                      </div>
985                    </div>
986
987                    <!-- ===== B社 ===== -->
988                    <div class="price-item blur">
989                      <div class="price-head">B社</div>
990                      <div>〇</div>
991                      <div>✕</div>
992                      <div>〇</div>
993                      <div>✕</div>
994                      <div>記載なし</div>
995                      <div>サポート範囲内</div>
996                      <div>記載なし</div>
997                      <div>
998                        1,000円〜<br>(PC1台)
999                      </div>
1000                    </div>
1001
1002                    <!-- ===== C社 ===== -->
1003                    <div class="price-item blur">
1004                      <div class="price-head">C社</div>
1005                      <div>〇</div>
1006                      <div>✕</div>
1007                      <div>〇</div>
1008                      <div>✕</div>
1009                      <div>記載なし</div>
1010                      <div>サポート範囲内</div>
1011                      <div>記載なし</div>
1012                      <div>
1013                        30,000円〜<br>(PC5台)
1014                      </div>
1015                    </div>
1016
1017                  </div>
1018                </div>
1019
1020              </div>
1021              <div class="price-txt">※チケット制などの契約形式は応相談</div>
1022            </div>
1023
1024          </section>
1025          <!-- 価格例終了 -->
1026
1027          <!-- 顧客開始 -->
1028          <section id="contentClient">
1029            <div class="content">
1030              <div class="content-title">
1031                <h2 class="slide-left" data-plugin-options='{"reverse": false}'>
1032                  <font class="text-wrap">このような方にご利用いただいています。</font>
1033                </h2>
1034              </div>
1035
1036              <ul class="client-box delayScroll container-box2" style="padding-left: 0px;">
1037                <li>
1038                  <div class="client-voice-box">
1039                    <span class="client-voice">VOICE</span>
1040                    <span class="client-num">01</span>
1041                  </div>
1042                  <div>
1043                    <div class="client-img">
1044                      <img src="./img/client/yamane.jpg" alt="税理士法人APS 理事長 税理士 山根誠也様">
1045                    </div>
1046                    <div class="client-title">
1047                      <h3>
1048                        <font class="text-wrap">税理士法人APS</font>
1049                        <font class="text-wrap">理事長&nbsp;税理士</font>
1050                        <font class="text-wrap">山根誠也様</font>
1051                      </h3>
1052                    </div>
1053                    <div class="client-title">
1054                      <span class="client-service selected-service">コンサルティング</span>
1055                      <span class="client-service selected-service">インターネットサポート</span>
1056                      <br>
1057                      <span class="client-service selected-service">ITサポート</span>
1058                      <span class="client-service unselected-service">システム開発</span>
1059                    </div>
1060
1061                    <button type="button" class="btn-detail js-modal-open" data-voice="voice01">
1062                      <span class="text">詳しく見る</span>
1063                      <span class="icon">›</span>
1064                    </button>
1065                </li>
1066
1067                <li>
1068                  <div class="client-voice-box">
1069                    <span class="client-voice">VOICE</span>
1070                    <span class="client-num">02</span>
1071                  </div>
1072                  <div>
1073                    <div class="client-img">
1074                      <img src="./img/client/takebe.jpg" alt="税理士法人APS 執行理事 税理士 武部大様">
1075                    </div>
1076                    <div class="client-title">
1077                      <h3>
1078                        <font class="text-wrap">税理士法人APS</font>
1079                        <font class="text-wrap">執行理事&nbsp;税理士</font>
1080                        <font class="text-wrap">武部大様</font>
1081                      </h3>
1082                    </div>
1083                    <div class="client-title">
1084                      <span class="client-service selected-service">コンサルティング</span>
1085                      <span class="client-service selected-service">インターネットサポート</span>
1086                      <br>
1087                      <span class="client-service selected-service">ITサポート</span>
1088                      <span class="client-service unselected-service">システム開発</span>
1089                    </div>
1090                  </div>
1091                  <button type="button" class="btn-detail js-modal-open" data-voice="voice02">
1092                    <span class="text">詳しく見る</span>
1093                    <span class="icon">›</span>
1094                  </button>
1095                </li>
1096
1097                <li>
1098                  <div class="client-voice-box">
1099                    <span class="client-voice">VOICE</span>
1100                    <span class="client-num">03</span>
1101                  </div>
1102                  <div>
1103                    <div class="client-img">
1104                      <img src="./img/client/nakamura.jpg" alt="中村管工事工業有限会社 会長 中村彰夫様">
1105                    </div>
1106                    <div class="client-title">
1107                      <h3>
1108                        <font class="text-wrap">中村管工事工業有限会社</font>
1109                        <font class="text-wrap">会長</font>
1110                        <font class="text-wrap">中村彰夫様</font>
1111                      </h3>
1112                    </div>
1113                    <div class="client-title">
1114                      <span class="client-service selected-service">コンサルティング</span>
1115                      <span class="client-service selected-service">インターネットサポート</span>
1116                      <br>
1117                      <span class="client-service selected-service">ITサポート</span>
1118                      <span class="client-service unselected-service">システム開発</span>
1119                    </div>
1120                  </div>
1121                  <button type="button" class="btn-detail js-modal-open" data-voice="voice03">
1122                    <span class="text">詳しく見る</span>
1123                    <span class="icon">›</span>
1124                  </button>
1125                </li>
1126
1127                <li>
1128                  <div class="client-voice-box">
1129                    <span class="client-voice">VOICE</span>
1130                    <span class="client-num">04</span>
1131                  </div>
1132                  <div>
1133                    <div class="client-img">
1134                      <img src="./img/client/kimura.jpg" alt="株式会社木村工業 代表取締役 木村隆司様">
1135                    </div>
1136                    <div class="client-title">
1137                      <h3>
1138                        <font class="text-wrap">株式会社木村工業</font>
1139                        <font class="text-wrap">代表取締役</font>
1140                        <font class="text-wrap">木村隆司様</font>
1141                      </h3>
1142                    </div>
1143                    <div class="client-title">
1144                      <span class="client-service selected-service">コンサルティング</span>
1145                      <span class="client-service selected-service">インターネットサポート</span>
1146                      <br>
1147                      <span class="client-service selected-service">ITサポート</span>
1148                      <span class="client-service unselected-service">システム開発</span>
1149                    </div>
1150                  </div>
1151                  <button type="button" class="btn-detail js-modal-open" data-voice="voice04">
1152                    <span class="text">詳しく見る</span>
1153                    <span class="icon">›</span>
1154                  </button>
1155                </li>
1156
1157                <li>
1158                  <div class="client-voice-box">
1159                    <span class="client-voice">VOICE</span>
1160                    <span class="client-num">05</span>
1161                  </div>
1162                  <div>
1163                    <div class="client-img">
1164                      <img src="./img/client/takatsu.jpg" alt="高津興業株式会社 代表取締役 高津将弘様">
1165                    </div>
1166                    <div class="client-title">
1167                      <h3 class="text-wrap">
1168                        <font class="text-wrap">高津興業株式会社</font>
1169                        <font class="text-wrap">代表取締役</font>
1170                        <font class="text-wrap">高津将弘様</font>
1171                      </h3>
1172                    </div>
1173                    <div class="client-title">
1174                      <span class="client-service unselected-service">コンサルティング</span>
1175                      <span class="client-service unselected-service">インターネットサポート</span>
1176                      <br>
1177                      <span class="client-service selected-service">ITサポート</span>
1178                      <span class="client-service unselected-service">システム開発</span>
1179                    </div>
1180                    <button type="button" class="btn-detail js-modal-open" data-voice="voice05">
1181                      <span class="text">詳しく見る</span>
1182                      <span class="icon">›</span>
1183                    </button>
1184                  </div>
1185                </li>
1186              </ul>
1187            </div>
1188
1189            <!-- オーバーレイ -->
1190            <div id="modal" class="modal">
1191              <div class="modal-overlay"></div>
1192
1193              <div class="modal-box">
1194                <button class="modal-close">×</button>
1195
1196                <!-- 写真+肩書き -->
1197                <div class="modal-header">
1198                  <img id="modal-image" src="" alt="">
1199                  <div class="modal-profile">
1200                    <p class="modal-name" id="modal-title"></p>
1201                    <p class="modal-position" id="modal-position"></p>
1202                  </div>
1203                </div>
1204
1205                <!-- 本文 -->
1206                <div id="modal-content"></div>
1207              </div>
1208            </div>
1209
1210
1211          </section>
1212          <!-- 顧客終了 -->
1213
1214          <!-- 事例開始 -->
1215          <section id="contentPrice" class="content">
1216            <div class="content-title">
1217              <h2 class="slide-left" data-plugin-options='{"reverse": false}'>
1218                <span class="">
1219                  事例紹介
1220                </span>
1221              </h2>
1222            </div>
1223
1224            <div class="price-notice txtcenter">
1225              <span>以下はあくまでご参考です。</span>
1226              <br>
1227              <span>実際には、事前ヒアリングをさせていただき、「うちのIT部長」のサービス内容から</span>
1228              <br>
1229              <span>お客様に適したプランをご提案させていただきます。</span>
1230            </div>
1231
1232            <div class="voice-slider-wrap">
1233              <div class="voice-slider">
1234                <button class="arrow prev">‹</button>
1235                <div class="slider-track">
1236                  <!-- カード1 -->
1237                  <div class="voice-card is-active">
1238                    <div class="voice-card-inner">
1239                      <div class="voice-header">
1240                        <img src="./img/icon-user.png" alt="">
1241                        <h3>A社様<br><span>(建築業/社員4名)</span></h3>
1242                      </div>
1243                      <div class="case-txt">
1244                        <div class="example-services" style="margin: 0px;">
1245                          <span class="client-service selected-service">ITサポート</span>
1246                        </div>
1247                        <div class="voice-section">
1248                          <h4>導入前の課題</h4>
1249                          <p>現場用のPCが古く動作が不安定</p>
1250                        </div>
1251
1252                        <div class="voice-section">
1253                          <h4>導入後のサポート内容</h4>
1254                          <p>PC3台の運用・保守を一括サポート</p>
1255                        </div>
1256
1257                        <div class="voice-section">
1258                          <h4>成果</h4>
1259                          <ul>
1260                            <li>IT環境の安定化</li>
1261                            <li>業務効率の向上</li>
1262                          </ul>
1263                        </div>
1264
1265                        <div class="voice-price">
1266                          <span>月額</span>
1267                          <strong>5,000円</strong><small>(税抜)</small>
1268                        </div>
1269                      </div>
1270                    </div>
1271                  </div>
1272
1273                  <!-- カード2 -->
1274                  <div class="voice-card is-active">
1275                    <div class="voice-card-inner">
1276                      <div class="voice-header">
1277                        <img src="./img/icon-user.png" alt="">
1278                        <h3>B社様<br><span>(販売業/社員11名)</span></h3>
1279                      </div>
1280                      <div class="case-txt">
1281                        <div class="example-services" style="margin: 0px;">
1282                          <span class="client-service selected-service">ITサポート</span>
1283                        </div>
1284                        <div class="voice-section">
1285                          <h4>導入前の課題</h4>
1286                          <p>PC台数の増加により、社内データの共有・管理が煩雑化
1287                            <br>クラウドサーバーを管理できる人材が不在
1288                          </p>
1289                        </div>
1290
1291                        <div class="voice-section">
1292                          <h4>導入後のサポート内容</h4>
1293                          <p>PC11台とクラウドサーバー1台を一元管理
1294                            <br>トラブル対応に加え、運用改善の提案も実施
1295                          </p>
1296                        </div>
1297
1298                        <div class="voice-section">
1299                          <h4>成果</h4>
1300                          <ul>
1301                            <li>システムトラブルが大幅減少</li>
1302                            <li>社内のファイル共有やバックアップ運用がスムーズに</li>
1303                          </ul>
1304                        </div>
1305
1306                        <div class="voice-price">
1307                          <span>月額</span>
1308                          <strong>16,000円</strong><small>(税抜)</small>
1309                        </div>
1310                      </div>
1311                    </div>
1312                  </div>
1313
1314                  <!-- カード3 -->
1315                  <div class="voice-card is-active">
1316                    <div class="voice-card-inner">
1317                      <div class="voice-header">
1318                        <img src="./img/icon-user.png" alt="">
1319                        <h3>C社様<br><span>(士業/社員40名)</span></h3>
1320                      </div>
1321                      <div class="case-txt">
1322                        <div class="example-services" style="margin: 0px;">
1323                          <span class="client-service selected-service">ITサポート</span>
1324                        </div>
1325                        <div class="voice-section">
1326                          <h4>導入前の課題</h4>
1327                          <p>社内PC台数が多く、トラブル対応や管理が属人化
1328                            <br>安定したIT運用体制の構築が課題
1329                          </p>
1330                        </div>
1331
1332                        <div class="voice-section">
1333                          <h4>導入後のサポート内容</h4>
1334                          <p>PC37台およびクラウドサーバー1台の運用・保守を一括でサポート</p>
1335                        </div>
1336
1337                        <div class="voice-section">
1338                          <h4>成果</h4>
1339                          <ul>
1340                            <li>ITトラブルが減少し、業務が安定</li>
1341                            <li>社員が本来の業務に集中できる環境を実現</li>
1342                          </ul>
1343                        </div>
1344
1345                        <div class="voice-price">
1346                          <span>月額</span>
1347                          <strong>42,000円</strong><small>(税抜)</small>
1348                        </div>
1349                      </div>
1350                    </div>
1351                  </div>
1352
1353                  <!-- カード4 -->
1354                  <div class="voice-card is-active">
1355                    <div class="voice-card-inner">
1356                      <div class="voice-header">
1357                        <img src="./img/icon-user.png" alt="">
1358                        <h3>D社様<br><span>(販売業/社員70名)</span></h3>
1359                      </div>
1360                      <div class="case-txt">
1361                        <div class="example-services">
1362                          <span class="client-service selected-service">HP制作・運用</span>
1363                          <span class="client-service selected-service">システム開発</span>
1364                        </div>
1365                        <div class="voice-section">
1366                          <h4>導入前の課題</h4>
1367                          <p>HPやEC、業務システムが分散しており、全体を見て改善・開発できる体制が整っていない</p>
1368                        </div>
1369
1370                        <div class="voice-section">
1371                          <h4>導入後のサポート内容</h4>
1372                          <p>HP・ECサイトの制作・運用に加え、業務システムの開発を実施</p>
1373                        </div>
1374
1375                        <div class="voice-section">
1376                          <h4>成果</h4>
1377                          <ul>
1378                            <li>業務効率が向上し、売上拡大に貢献</li>
1379                            <li>IT活用を軸とした事業成長を実現</li>
1380                          </ul>
1381                        </div>
1382
1383                        <div class="voice-price">
1384                          <strong>500万円</strong><small>(税抜)</small>
1385                        </div>
1386                      </div>
1387                    </div>
1388                  </div>
1389
1390                  <!-- カード5 -->
1391                  <div class="voice-card is-active">
1392                    <div class="voice-card-inner">
1393                      <div class="voice-header">
1394                        <img src="./img/icon-user.png" alt="">
1395                        <h3>E社様<br><span>(技術サービス業/社員140名)</span></h3>
1396                      </div>
1397                      <div class="case-txt">
1398                        <div class="example-services" style="margin: 0px;">
1399                          <span class="client-service selected-service">コンサルティング</span>
1400                        </div>
1401                        <div class="voice-section">
1402                          <h4>導入前の課題</h4>
1403                          <p>事業拡大に伴い、IT活用の方向性や運用ルールが曖昧</p>
1404                        </div>
1405
1406                        <div class="voice-section">
1407                          <h4>導入後のサポート内容</h4>
1408                          <p>IT戦略立案から業務改善まで、継続的なITコンサルティングを提供</p>
1409                        </div>
1410
1411                        <div class="voice-section">
1412                          <h4>成果</h4>
1413                          <ul>
1414                            <li>IT活用の方針が明確になり、中長期的な経営判断を支える基盤が整った</li>
1415                          </ul>
1416                        </div>
1417
1418                        <div class="voice-price">
1419                          <span>月額</span>
1420                          <strong>90,000円</strong><small>(税抜)</small>
1421                        </div>
1422                      </div>
1423                    </div>
1424                  </div>
1425                </div>
1426                <button class="arrow next">›</button>
1427              </div>
1428              <div class="slider-dots"></div>
1429
1430            </div>
1431          </section>
1432          <!-- 事例終了 -->
1433
1434          <!-- プロフェッショナル開始 -->
1435          <section id="contentStaff" class="content">
1436            <div class="content-title slide-left" data-plugin-options='{"reverse": false}'>
1437              <span>あなたのITを支える、</span><br>
1438              <h2>
1439                <font class="text-wrap">チーム</font>
1440                <font class="text-wrap">「<span class="purple">うちのIT部長</span>」の</font>
1441                <font class="text-wrap">プロフェッショナル</font>
1442              </h2>
1443            </div>
1444
1445            <div class="staffbox">
1446              <ul class="staffbox container delayScroll" style="padding-left: 0px;">
1447                <li>
1448                  <figure class="">
1449                    <img src="./img/staff/shimizu.JPG" alt="清水良治" class="pc">
1450                    <img src="./img/staff/shimizu_sp.JPG" alt="清水良治" class="tp">
1451                    <img src="./img/staff/shimizu.JPG" alt="清水良治" class="tppro">
1452                    <img src="./img/staff/shimizu_sp.jpg" alt="清水良治" class="sp">
1453                    <figcaption class="txtcenter">チームリーダー</figcaption>
1454                  </figure>
1455                  <div class="service-txtbox02">
1456                    <div class="staff-name strong-text txtcenter">
1457                      清水&ensp;良治
1458                    </div>
1459                    <div class="staff-comment">
1460                      <span>ちょっとした事から重大な事まで何でも相談して下さい。</span>
1461                      <br>
1462                      <span>お客様の事情を最大限考慮して、迅速かつ丁寧な対応を心がけています。</span>
1463                    </div>
1464                  </div>
1465                </li>
1466                <li>
1467                  <figure class="">
1468                    <img src="./img/staff/yamaguchi.JPG" alt="å±
1468±å£é›„輝" class="pc">
1469                    <img src="./img/staff/yamaguchi_sp.JPG" alt="山口雄輝" class="tp">
1470                    <img src="./img/staff/yamaguchi.JPG" alt="山口雄輝" class="tppro">
1471                    <img src="./img/staff/yamaguchi_sp.jpg" alt="山口雄輝" class="sp">
1472                    <figcaption class="txtcenter">サポート担当</figcaption>
1473                  </figure>
1474                  <div class="service-txtbox02">
1475                    <div class="staff-name strong-text txtcenter">
1476                      山口&ensp;雄輝
1477                    </div>
1478                    <div class="staff-comment">
1479                      <span>お客様にご満足いただけるよう、一所懸命サポートさせていただきます。</span>
1480                      <br>
1481                      <span>「困ってて助かったよ」の言葉が、私達の一番嬉しい瞬間です。</span>
1482                    </div>
1483                  </div>
1484                </li>
1485                <li>
1486                  <figure class="">
1487                    <img src="./img/staff/shimizu_teruki.jpg" alt="清水輝樹" class="pc">
1488                    <img src="./img/staff/shimizu_teruki_sp.jpg" alt="清水輝樹" class="tp">
1489                    <img src="./img/staff/shimizu_teruki.jpg" alt="清水輝樹" class="tppro">
1490                    <img src="./img/staff/shimizu_teruki_sp.jpg" alt="清水輝樹" class="sp">
1491                    <figcaption class="txtcenter">サポート担当</figcaption>
1492                  </figure>
1493                  <div class="service-txtbox02">
1494                    <div class="staff-name strong-text txtcenter">
1495                      清水&ensp;輝樹
1496                    </div>
1497                    <div class="staff-comment">
1498                      <span>お困りごとも解決まで丁寧に対応します。</span>
1499                      <br>
1500                      <span>
1500幅広く対応いたしますので、何でもご相談ください。</span>
1501                    </div>
1502                  </div>
1503                </li>
1504              </ul>
1505              <p class="home-case-contact__head u-roboto u-upper">professional</p>
1506            </div>
1507
1508        </div>
1509        <div class="content-subtitle">
1510          <p class="slide-bottom" style="z-index: 1;" data-plugin-options='{"reverse": false}'>
1511            <font class="text-wrap">その他にも各分野に特化した</font>
1512            <font class="text-wrap">担当者がサポート致します</font>
1513          </p>
1514        </div>
1515        </section>
1516        <!-- プロフェッショナル終了 -->
1517
1518        <!-- 理由開始 -->
1519        <section id="">
1520          <!-- 
1521      <div class="itmanager-bg itmanager-bg_01"><img src="./img/02_feature/feature-bg-img02.png" alt=""></div> 
1522      -->
1523          <div class="content container">
1524            <div class="content-title">
1525              <div class="content-subtitle">
1526                <p class="slide-bottom"
1527                  style="z-index: 1; opacity: 0; visibility: visible; position: relative; top: 50px;"
1528                  data-plugin-options="{&quot;reverse&quot;: false}">
1529                  <font class="text-wrap">数あるITサポートサービスの中から</font>
1530                </p>
1531              </div>
1532              <h2 class="slide-left" data-plugin-options='{"reverse": false}'>「うちのIT部長」が 選ばれる
1533                <br>
1534                <span class="feature-h2">5</span><span class="feature-h2">つ</span><span class="feature-h2">の</span><span
1535                  class="feature-h2">理</span><span class="feature-h2">由</span>
1536              </h2>
1537            </div>
1538            <br>
1539            <ul class="reason-box01 delayScroll" style="padding-left: 0px;">
1540              <li>
1541                <div class="reason-icon">
1542                  <img src="./img/04_reason/reason-img01-01.png" alt="">
1543                  <span class="fs16 ftb navy">他社の対応範囲も含めた</span>
1544                  <h3 class="reason-h3 mt0">トータルサポート</h3>
1545                </div>
1546                <div class="reason-detail">
1547                  <span>IT分野はさまざまあるため、問い合わせ先がすぐにわからない状況では社内業務の遅滞が生じます。</span>
1548                  <br>
1549                  <span>「うちのIT部長」は自社・他社の対応範囲に関わらず初期対応します。</span>
1550                </div>
1551              </li>
1552              <li>
1553                <div class="reason-icon">
1554                  <img src="./img/04_reason/reason-img01-02.png" alt="">
1555                  <h3 class="reason-h3">お客様ごとの対応</h3>
1556                </div>
1557                <div class="reason-detail">
1558                  <span>中小企業の多くが「親族経営」「自営業からの法人化」など、それぞれの事情があり、IT化一つとっても、どこまで進められるかは会社によっても異なります。</span>
1559                  <br>
1560                  <span>「うちのIT部長」は、御社の現状と今後の方針に合わせた最適な対応を目指します。</span>
1561                </div>
1562              </li>
1563              <li>
1564                <div class="reason-icon">
1565                  <img src="./img/04_reason/reason-img01-03.png" alt="">
1566                  <h3 class="reason-h3">高いIT技術力と実績</h3>
1567                </div>
1568                <div class="reason-detail">
1569                  <span>「うちのIT部長」は、数あるIT技術の中でも「中小企業向けのIT技術」にフォーカスしています。</span>
1570                  <br>
1571                  <span>高いIT技術力で万全のサポートを行います。</span>
1572                </div>
1573              </li>
1574            </ul>
1575
1576            <ul class="reason-box02 delayScroll">
1577              <li>
1578                <div class="reason-icon">
1579                  <img src="./img/04_reason/reason-img01-04.png" alt="">
1580                  <h3 class="reason-h3">20年の確かな実績とノウハウ</h3>
1581                </div>
1582                <div class="reason-detail">
1583                  <span>1998年の創業以来20年に渡り、一貫して中小企業様向けのITサポートサービスを提供してきました。</span>
1584                  <br>
1585                  <span>長年培ってきた豊富な実績とノウハウを活用し、強力にサポートします。</span>
1586                </div>
1587              </li>
1588              <li>
1589                <div class="reason-icon">
1590                  <img src="./img/04_reason/reason-img01-05.png" alt="">
1591                  <h3 class="reason-h3">誠実で真摯な対応</h3>
1592                </div>
1593                <div class="reason-detail">
1594                  <span>ITサポートといえども、人と人とのコミュニケーションを大切にしています。</span>
1595                  <br>
1596                  <span>お客様に寄り添いながら、さらに良いシステムにするために共に考え、真摯な対応を心がけています。</span>
1597                </div>
1598              </li>
1599            </ul>
1600            <div class="content-subtitle">
1601              <p class="slide-bottom" style="z-index: 1; opacity: 1; visibility: visible; position: relative; top: 0px;"
1602                data-plugin-options="{&quot;reverse&quot;: false}">
1603                <font class="text-wrap">社内にIT担当社員がいなくても安心</font>
1604              </p>
1605              <p class="slide-bottom" style="z-index: 1; opacity: 1; visibility: visible; position: relative; top: 0px;"
1606                data-plugin-options="{&quot;reverse&quot;: false}">
1607                <font class="text-wrap">「うちのIT部長」で社内業務を</font><span class="feature-h2">効</span><span
1608                  class="feature-h2">率</span><span class="feature-h2">化</span>
1609                <font class="text-wrap">させてみませんか?</font>
1610              </p>
1611            </div>
1612          </div>
1613        </section>
1614        <!-- 理由終了 -->
1615
1616        <!-- メルマガ開始 -->
1617        <div class="content container mailmagazine_bnr delayScroll">
1618          <a href="./mail-magazine.html" target="_blank"><img src="./img/mailmagazine_bnr.png" class="pc"
1619              alt="メルマガのバナー画像"></a>
1620          <a href="./mail-magazine.html" target="_blank"><img src="./img/mailmagazine_bnr_sp.png" class="sp"
1621              alt="メルマガのバナー画像"></a>
1622        </div>
1623        <!-- メルマガ終了 -->
1624
1625        <!-- 代表開始 -->
1626        <section id="contentCEO">
1627          <div class="ceobox_inner">
1628            <div class="ceobox-img">
1629              <img src="./img/ceo/ceo.jpg" alt="">
1630            </div>
1631            <div class="ceobox_text">
1632              <div class="">
1633                <h2>
1634                  <span class="strong-text">弊社代表より</span>
1635                </h2>
1636              </div>
1637              <span>お客様と接する中でITに関する色んなお悩みを抱えている事に気づいて、どうにかお役に立ちたいと思いました。</span>
1638              <br>
1639              <span>ITに関する相談や不具合対応などは勿論ですが、更に業務効率を上げるためのご提案を出来る様なサービスにして行きたいです。</span>
1640              <br>
1641              <span>お客様毎に何がベストか常に考え行動する。</span>
1642              <br>
1643              <span>そんなチームサポートを提供します。</span>
1644              <div class="ceo-signature">
1645                株式会社&ensp;SYSTEM&ensp;SERVER
1646                <br>
1647                代表取締役
1648                <br>
1649                <span class="ceo-txt">清水 良治</span>
1650              </div>
1651              <div class="ceobox_bg"></div>
1652            </div>
1653          </div>
1654        </section>
1655        <!-- 代表終了 -->
1656
1657        <!-- 問い合わせ開始 -->
1658        <section id="contentContact" class="content">
1659          <div class="content-title container-fluid">
1660            <h2><span class="">問い合わせ</span></h2>
1661          </div>
1662
1663          <div class="content-detail contact container">
1664            <form id="form">
1665              <!-- 会社名 -->
1666              <div class="form-group row">
1667                <div class="col-md-3 col-sm-4 form-label">
1668                  <label>会社名 <span class="required-badge">必須</span></label>
1669                </div>
1670                <div class="col-md-9 col-sm-8">
1671                  <input type="text" name="company" class="form-control validate[required] text-input">
1672                </div>
1673              </div>
1674
1675              <!-- 名前 -->
1676              <div class="form-group row">
1677                <div class="col-md-3 col-sm-4 form-label">
1678                  <label>名前 <span class="required-badge">必須</span></label>
1679                </div>
1680                <div class="col-md-9 col-sm-8">
1681                  <input type="text" name="name" class="form-control validate[required] text-input">
1682                </div>
1683              </div>
1684
1685              <!-- メールアドレス -->
1686              <div class="form-group row">
1687                <div class="col-md-3 col-sm-4 form-label">
1688                  <label>
1688メールアドレス <span class="required-badge">必須</span></label>
1689                </div>
1690                <div class="col-md-9 col-sm-8">
1691                  <input type="text" name="email" class="form-control validate[required,custom[email]] text-input">
1692                </div>
1693              </div>
1694
1695              <!-- 電話番号 -->
1696              <div class="form-group row">
1697                <div class="col-md-3 col-sm-4 form-label">
1698                  <label>電話番号</label>
1699                </div>
1700                <div class="col-md-9 col-sm-8">
1701                  <input type="text" name="tel" class="form-control validate[maxSize[13]] text-input">
1702                </div>
1703              </div>
1704
1705              <!-- 郵便番号 
1706            <div class="form-group row">
1707              <div class="col-md-3 col-sm-4 form-label">
1708                <label>郵便番号</label>
1709              </div>
1710              <div class="col-md-9 col-sm-8">
1711                <input type="text" name="zip11" size="10" maxlength="8"
1712                  onKeyUp="AjaxZip3.zip2addr(this,'','addr11','addr11');"
1713                  class="form-control postal-code validate[required,maxSize[8]] text-input">
1714              </div>
1715            </div>
1716            -->
1717
1718              <!-- 住所
1719            <div class="form-group row">
1720              <div class="col-md-3 col-sm-4 form-label">
1721                <label>住所</label>
1722              </div>
1723              <div class="col-md-9 col-sm-8">
1724                <input type="text" name="addr11" size="60" class="form-control validate[required] text-input">
1725              </div>
1726            </div>
1727             -->
1728
1729              <!-- お問い合わせ内容 -->
1730              <div class="form-group row">
1731                <div class="col-md-3 col-sm-4 form-label">
1732                  <label>お問い合わせ<span class="wrap-text">内容</span> <span class="required-badge">必須</span></label>
1733                </div>
1734                <div class="col-md-9 col-sm-8">
1735                  <textarea name="contents" class="form-control validate[required] text-input" rows="10"></textarea>
1736                </div>
1737              </div>
1738
1739              <div id="privacy-box">
1740                <a href="https://systemserver.co.jp/personal_info.html" target="_blank">
1741                  「個人情報の取扱いについて」
1742                </a>
1743                にご同意いただいた上、確認ボタンを押してください。
1744              </div>
1745
1746              <div id="privacy-check_box" class="check_box">
1747                <label>
1748                  <input type="checkbox" name="check" id="checkbox1" style="transform:scale(1.5);"
1749                    class="validate[required] text-input" data-prompt-position="bottomLeft:-20,-25"> 個人情報の取り扱いに同意する
1750                </label>
1751              </div>
1752
1753              <div class="row">
1754                <div class="col-sm-12 form-btn">
1755                  <p><span class="policy-text02">※ 営業目的の入力はご遠慮ください。</span></p>
1756
1757                  <div class="row">
1758                    <div class="col-sm-12">
1759                      <button type="submit" class="btn" id="button_default"
1760                        onclick="gtag_report_conversion();">入力内容を確認</button>
1761                    </div>
1762                  </div>
1763            </form>
1764
1765            <div class="privacy-text">
1766              <p>※ 当社に個人情報を提供されるかどうかは任意ですが、<br>正しい情報をご提供いただけない場合はお問合せへの対応ができない場合があります。</p>
1767            </div>
1768
1769            <div class="terms-of-use-button"><a href="https://systemserver.co.jp/terms_of_service.html"
1770                target="_blank">サービス利用規約</a></div>
1771
1772          </div>
1773        </section>
1774        <!-- 問い合わせ終了 -->
1775
1776        <!-- 企業情報開始 -->
1777        <section id="contentInformation" class="content container">
1778          <div class="content-title">
1779            <h2>企業情報</h2>
1780          </div>
1781
1782          <div class="content-detail information_box">
1783            <div id="information_table" class="information_box02">
1784              <div class="information row">
1785                <div class="col-md-3">社名</div>
1786                <div class="col-md-9">
1787                  <font class="text-wrap">株式会社SYSTEM SERVER </font>
1788                  <font class="text-wrap">(システムサーバー)</font>
1789                </div>
1790              </div>
1791              <div class="information row">
1792                <div class="col-md-3">所在地</div>
1793                <div class="col-md-9">
1794                  〒176-0003&emsp;
1795                  <font class="text-wrap">東京都練馬区羽沢2-26-17</font>
1796                  <a href="../access.html">
1797                    <img src="./img/map.gif" alt="地図" widdiv="35" height="16" />
1798                  </a>
1799                </div>
1800              </div>
1801              <div class="information row">
1802                <div class="col-md-3">URL</div>
1803                <div class="col-md-9">
1804                  <a href="https://www.systemserver.co.jp/">
1805                    https://systemserver.co.jp
1806                  </a>
1807                </div>
1808              </div>
1809              <div class="information row">
1810                <div class="col-md-3">Tel</div>
1811                <div class="col-md-9"><a href="tel:050-5482-3514">050-5482-3514</a></div>
1812              </div>
1813            </div>
1814            <div class="information_box04">
1815              <span class="strong-text information_box_text02">「うちのIT部長」が商標登録されました<br></span><br>
1816              <div class="information_box03">
1817                <div class="information_box05">
1818                  <p class="information_box_text">
1819                    〇<strong>商標出願・登録情報</strong><br>
1820                    ・登録番号:商標登録第6442640号(T6442640)<br>
1821                    ・登録日:令和3年9月14日(2021.9.14)<br>
1822                    ・公開日:令和3(2021)年 1月 26日<br>
1823                    ・出願番号:令和3(2021)年 1月 7日<br>
1824                    ・出願日:平成30(2018)年 9月 6日<br>
1825                    ・先願権発生日:令和3(2021)年 1月 7日
1826                  </p>
1827                </div>
1828                <div class="information_box_img">
1829                  <figure>
1830                    <a href="https://www.j-platpat.inpit.go.jp/c1800/TR/JP-2021-001453/A0AC248CE5337E61AD142BA9A284F2DDF34AFB66E725DEDAC7D4B21C6AE4FF24/40/ja"
1831                      target="_blank">
1832                      <img src="./img/trademark_img.jpg" alt="商標登録"></a>
1833                  </figure>
1834                </div>
1835              </div>
1836            </div>
1837          </div>
1838        </section>
1839        <!-- 企業情報終了 -->
1840
1841        <!-- Twitter開始 -->
1842        <section id="twitter" class="content">
1843          <div class="container">
1844            <div class="sns-box">
1845              <div class="sns-txt">
1846                <div class="sns-logo">
1847                  <img src="./img/06_sns/sns-img01-01.png" alt="Xのロゴ画像">
1848                </div>
1849                <p>
1850                  日々PCに関連した役立つ情報をポストしています。
1851                  <br>最新の技術動向、トラブルシューティングのヒント、効率的な作業方法など、PCに関する幅広い内容をカバーしています。
1852                  <br>「うちのIT部長」の公式Xアカウントをご覧ください。
1853                </p>
1854                <div class="sns-button"><a href="https://twitter.com/_ITmanager" target="_blank">X (旧Twitter) はこちらから</a>
1855                </div>
1856              </div>
1857              <div class="character">
1858                <p>マスコットキャラクター</p>
1859                <div class="character-imgbox">
1860                  <img src="./img/06_sns/sns-img01-02.png" alt="弊社のマスコットキャラクター">
1861                </div>
1862              </div>
1863            </div>
1864
1865          </div>
1866        </section>
1867        <!-- Twitter終了 -->
1868
1869      </div>
1870    </main>
1871    <!-- コンテンツ終了 -->
1872
1873    <p id="goToTop"><img src="./img/page-top.png"></p>
1874
1875    <!-- フッター開始 -->
1876    <footer id="footer">
1877      <div class="container">
1878        <div class="">
1879          <div class="col-sm-6">
1880
1881            <div class="footer-logo">
1882              <img src="img/cmn-footer_logo.png" alt="弊社のロゴ画像">
1883            </div>
1884
1885            <div class="iso-logo">
1886              <nav>
1887                <ul class="footer-navi">
1888                  <li><a href="https://systemserver.co.jp/company_Information.html" target="_blank">会社概要</a></li>
1889                  <li><a href="https://systemserver.co.jp/privacy_policy.html" target="_blank">個人情報保護方針</a></li>
1890                </ul>
1891              </nav>
1892            </div>
1893
1894          </div>
1895          <!-- <div class="col-sm-6 iso-logo">
1896          <nav>
1897            <ul class="footer-navi">
1898              <li><a href="https://systemserver.co.jp/company_Information.html" target="_blank">会社概要</a></li>
1899              <li><a href="https://systemserver.co.jp/privacy_policy.html" target="_blank">個人情報保護方針</a></li>
1900            </ul>
1901          </nav>
1902        </div> -->
1903          <div class="col-sm-6">
1904            <div class="footer-logo txt-js">
1905              <a href="https://twitter.com/system_server_" target="_blank">
1906                <img src="img/common_x_01.png" width="90" alt="Xのロゴ画像">
1907              </a>
1908              <a href="https://twitter.com/_ITmanager" target="_blank">
1909                <img src="img/common_x_02.png" width="90" alt="Xのロゴ画像">
1910              </a>
1911              <a href="https://www.facebook.com/systemserver.co.jp/" target="_blank">
1912                <img src="img/common_facebook.png" width="65" alt="Facebookのロゴ画像">
1913              </a>
1914              <a href="https://www.instagram.com/system.server/" target="_blank">
1915                <img src="img/common_Instagram.png" width="65" alt="インスタグラムのロゴ画像">
1916              </a>
1917              <a href="https://privacymark.jp/" target="_blank">
1918                <img src="img/privacy.png" width="85" alt="プライバシーマークの画像">
1919              </a>
1920            </div>
1921          </div>
1922          <div class="col-sm-12 copyright">
1923            Copyright&copy;2018&nbsp;SYSTEM&nbsp;SERVER&nbsp;Co.,Ltd.&nbsp;All&nbsp;Rights&nbsp;Reserved.
1924          </div>
1925        </div>
1926      </div>
1927    </footer>
1928    <!-- フッター終了 -->
1929  </div>
1930  
1930<script>
1931    $(function () {
1932      if (!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)) {
1933        $(window).fadeThis();
1934      }
1935    });
1936  </script>
1936
1937  <!--スライダー-->
1938  
1938<script type="text/javascript" src="js/slick.min.js"></script>
1938
1939  <!--メルマガ-->
1940  
1940<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
1940
1941
1942  <!-- ▼ ポップアップ(bodyの一番下) -->
1943  <div class="popup-overlay">
1944    <div class="popup-box">
1945      <button class="popup-close" type="button" aria-label="閉じる">×</button>
1946      <h3 class="popup-title"></h3>
1947      <div class="popup-content"></div>
1948    </div>
1949  </div>
1950
1951
1952</body>
1953
1954</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.