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 ï¼ç¤¾ãããã®ä½å¶ 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">çäºé· ç¨ç士</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">å·è¡çäº ç¨ç士</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 æ¸ æ°´ è¯æ²» 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 å±±å£ éè¼ 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 æ¸ æ°´ è¼æ¨¹ 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="{"reverse": 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">ï¼</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="{"reverse": 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="{"reverse": 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 æ ªå¼ä¼ç¤¾ SYSTEM 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  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©2018 SYSTEM SERVER Co.,Ltd. All Rights 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.