1<!doctype html> 2<html lang="ja"> 3 4<head> 5 <!-- Google Tag Manager --> 6
6<script>
vendor: 464 bytes, lines 6-20
6 7 (function(w, d, s, l, i) { 8 w[l] = w[l] || []; 9 w[l].push({ 10 'gtm.start': new Date().getTime(), 11 event: 'gtm.js' 12 }); 13 var f = d.getElementsByTagName(s)[0], 14 j = d.createElement(s), 15 dl = l != 'dataLayer' ? '&l=' + l : ''; 16 j.async = true; 17 j.src = 18 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 19 f.parentNode.insertBefore(j, f); 20 })(window, document, 'script', 'dataLayer', '
20GTM-KJP2W36
vendor: 6 bytes, lines 20-21
20'); 21
21</script>
21 22 <!-- End Google Tag Manager --> 23 <meta charset="UTF-8" /> 24 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 25 <meta name="theme-color" content="#ffffff" /> 26 <meta name="format-detection" content="telephone=no" /> 27 <link rel="icon" href="/assets/images/favicon.ico" sizes="any" /> 28 29 <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png" /> 30 31 <title>ãåãåãã | ç£æ¥ç·¨éã»ã³ã¿ã¼ï¼SHCï¼ - 社å å ±ãåºå ±ãã¼ã«ã®ã¯ãªã¨ã¤ãã£ãã»ã³ã³ãµã«ãã£ã³ã°</title> 32 <meta name="description" content="社å å ±ã®å¶ä½ãåºå ±ã®ä¼ç»ã³ã³ãµã«ãã£ã³ã°ãã»ããã¼ç»å£ã«é¢ãããç¸è«ãæ¡ç¨ã«ã¤ãã¦ã®ãåãåããã¯ãã©ã¼ã ã¾ãã¯é»è©±ã«ã¦ãé£çµ¡ãã ããã" /> 33 <meta name="keywords" content="ç£æ¥ç·¨éã»ã³ã¿ã¼,SHC,社å å ±,åºå ±,ã¤ã³ã¿ã¼ãã«ã³ãã¥ãã±ã¼ã·ã§ã³,ã¨ã¯ã¹ã¿ã¼ãã«ã³ãã¥ãã±ã¼ã·ã§ã³,çµç¹,ã¤ã³ãã¼ãã©ã³ãã£ã³ã°,ã³ã³ãµã«ãã£ã³ã°" /> 34 <meta property="og:url" content="https://shc.co.jp/contact/" /> 35 <meta property="og:type" content="website" /> 36 <meta property="og:title" content="ãåãåãã | ç£æ¥ç·¨éã»ã³ã¿ã¼ï¼SHCï¼ - 社å å ±ãåºå ±ãã¼ã«ã®ã¯ãªã¨ã¤ãã£ãã»ã³ã³ãµã«ãã£ã³ã°" /> 37 <meta property="og:image" content="https://www.shc.co.jp/assets/images/common/ogp.png" /> 38 <meta property="og:description" content="社å å ±ã®å¶ä½ãåºå ±ã®ä¼ç»ã³ã³ãµã«ãã£ã³ã°ãã»ããã¼ç»å£ã«é¢ãããç¸è«ãæ¡ç¨ã«ã¤ãã¦ã®ãåãåããã¯ãã©ã¼ã ã¾ãã¯é»è©±ã«ã¦ãé£çµ¡ãã ããã" /> 39 <meta property="og:site_name" content="SHC" /> 40 <meta property="og:locale" content="ja_JP" /> 41 <meta property="article:author" content="" /> 42 <meta name="twitter:card" content="summary_large_image" /> 43 <meta name="twitter:url" content="https://shc.co.jp/contact/" /> 44 <meta name="twitter:title" content="ãåãåãã | ç£æ¥ç·¨éã»ã³ã¿ã¼ï¼SHCï¼ - 社å å ±ãåºå ±ãã¼ã«ã³ã³ãµã«ãµã¼ãã¹" /> 45 <meta name="twitter:description" content="社å å ±ã®å¶ä½ãåºå ±ã®ä¼ç»ã³ã³ãµã«ãã£ã³ã°ãã»ããã¼ç»å£ã«é¢ãããç¸è«ãæ¡ç¨ã«ã¤ãã¦ã®ãåãåããã¯ãã©ã¼ã ã¾ãã¯é»è©±ã«ã¦ãé£çµ¡ãã ããã" /> 46 <meta name="twitter:image" content="https://www.shc.co.jp/assets/images/common/ogp.png" /> 47 48
48<script src="https://webfont.fontplus.jp/accessor/script/fontplus.js?zv3lCzhmnjo%3D&box=C1mE~hEvECU%3D&pm=1&aa=1&ab=2"></script>
48 49 50
50<script type="module" crossorigin src="/assets/scripts/modulepreload-polyfill.js"></script>
50 51
51<script type="module" crossorigin src="/assets/scripts/index15.js"></script>
51 52
52<script type="module" crossorigin src="/assets/scripts/header.js"></script>
52 53
53<script type="module" crossorigin src="/assets/scripts/footer.js"></script>
53 54
54<script type="module" crossorigin src="/assets/scripts/common.js"></script>
54 55
55<script type="module" crossorigin src="/assets/scripts/_inView.js"></script>
55 56
56<script type="module" crossorigin src="/assets/scripts/_contactForm.js"></script>
56 57
57<script type="module" crossorigin src="/assets/scripts/contact.js"></script>
57 58 <link rel="stylesheet" href="/assets/styles/splide-core.css"> 59 <link rel="stylesheet" href="/assets/styles/style.min.css"> 60 <link rel="stylesheet" href="/assets/styles/contact.min.css"> 61</head> 62 63<body> 64 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 64-65
64 65<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
65GTM-KJP2W36
vendor: 83 bytes, line 65
65" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
66<!-- End Google Tag Manager (noscript) --> 67 <header class="header"> 68 <h1 class="header__logoWrapper js-navLogo"> 69 <a href="/" title="SHC"> 70 <span class="header__logo_1"></span> 71 <span class="header__logo_2"></span> 72 </a> 73 </h1> 74 75 <div class="sideNav"> 76 <div class="sideNav__contact" role="button"> 77 <a id="ga_contact_sticky" href="/contact/"> 78 <div class="sideNav__contactInner"> 79 <div class="sideNav__contactMail"> 80 <img src="/assets/images/common/icon-mail.svg" alt="CONTACT" /> 81 </div> 82 <p class="sideNav__contactText"> 83 <span>C</span> 84 <span>O</span> 85 <span>N</span> 86 <span>T</span> 87 <span>A</span> 88 <span>C</span> 89 <span>T</span> 90 </p> 91 </div> 92 </a> 93 </div> 94 95 <button type="button" aria-controls="globalNav" aria-expanded="false" class="sideNav__hamburger js-sideNav__hamburger"> 96 </button> 97 98 <ul class="sideNav__list"> 99 <li class="sideNav__item"> 100 <a href="/solution/"><span>ã½ãªã¥ã¼ã·ã§ã³</span></a> 101 </li> 102 <li class="sideNav__item"> 103 <a href="/about/"><span>SHCã«ã¤ãã¦</span></a> 104 </li> 105 <li class="sideNav__item"> 106 <a href="/works/"><span>ã客æ§äºä¾</span></a> 107 </li> 108 <li class="sideNav__item"> 109 <a href="/column/"><span>ç ç©¶ã»ã³ã©ã </span></a> 110 </li> 111 <li class="sideNav__item"> 112 <a href="/topic/"><span>ãç¥ããã»ã»ããã¼</span></a> 113 </li> 114 <li class="sideNav__item"> 115 <a href="/company/"><span>伿¥æ å ±</span></a> 116 </li> 117 <li class="sideNav__item --blank"> 118 <a href="https://www.shc.co.jp/recruit/" target="_blank"><span>æ¡ç¨ãµã¤ã</span></a> 119 </li> 120 </ul> 121 122 <div class="sideNav__language u-br__pc"> 123 <div class="sideNav__languageIcon"> 124 <img src="/assets/images/common/icon_language.svg" alt=""> 125 </div> 126 <div class="sideNav__languageList"> 127 <p class="js-langJp sideNav__languageItem">æ¥æ¬èª</p> 128 <p class="js-langEn sideNav__languageItem">English</p> 129 </div> 130 </div> 131 132 <div class="sideNav__scroll"> 133 <div class="sidebar__scrollIcon js-pageTopTrigger"> 134 <svg width="116" height="118" viewBox="0 0 116 118" fill="none" xmlns="http://www.w3.org/2000/svg"> 135 <defs> 136 <linearGradient id="scrollGradient" x1="0%" y1="100%" x2="0%" y2="0%"> 137 <stop offset="0%" stop-color="#1d2088" stop-opacity="1" /> 138 <stop offset="0%" stop-color="#0097e0" stop-opacity="1" /> 139 <stop offset="0%" stop-color="#d4dae0" stop-opacity="1" /> 140 <stop offset="100%" stop-color="#d4dae0" stop-opacity="1" /> 141 </linearGradient> 142 </defs> 143 <path id="scrollGradientBg" d="M55.3517 116.924C56.8116 118.359 59.1838 118.359 60.6436 116.924L67.924 109.771L114.905 63.6156C116.365 62.1812 116.365 59.8505 114.905 58.4162L110.273 53.865C108.813 52.4307 106.441 52.4307 104.981 53.865L65.0184 93.1293L65.0184 3.67773C65.0184 1.64578 63.3433 -2.3017e-06 61.2753 -2.39209e-06L54.7247 -2.67843e-06C52.6567 -2.76883e-06 50.9816 1.64578 50.9816 3.67773L50.9816 93.1248L11.0189 53.8604C9.55906 52.4261 7.18684 52.4261 5.72701 53.8604L1.09487 58.4116C-0.364955 59.8459 -0.364955 62.1766 1.09487 63.611L48.076 109.771L55.3564 116.924L55.3517 116.924Z" fill="#24252C" /> 144 </svg> 145 </div> 146 <p class="sidebar__scrollText"> 147 SCROLL 148 </p> 149 </div> 150 151 </div> 152 153 <div id="globalNav" class="globalNav"> 154 <button type="button" aria-controls="globalNav" aria-expanded="false" class="globalNav__hamburger js-globalNav__hamburger"> 155 </button> 156 157 <div class="globalNav__inner"> 158 <ul class="globalNav__list"> 159 <li class="globalNav__item"> 160 <a href="/"> 161 <div class="navInner"> 162 <p class="navInner__title is-current">TOP</p> 163 </div> 164 </a> 165 </li> 166 <li class="globalNav__item"> 167 <a href="/solution/"> 168 <div class="navInner"> 169 <p class="navInner__title">ã½ãªã¥ã¼ã·ã§ã³</p> 170 <div class="navInner__content"> 171 <div class="navInner__subTitle"> 172 <div class="navInner__link"> 173 <a href="/solution/list/">ã½ãªã¥ã¼ã·ã§ã³ä¸è¦§</a> 174 </div> 175 </div> 176 <div class="navInner__linkBlockList"> 177 <div class="navInner__linkBlock accordionItem --close"> 178 <p class="navInner__linkTitle accordionItem__toggle">ã¤ã³ã¿ã¼ãã«ã³ãã¥ãã±ã¼ã·ã§ã³</p> 179 <div class="accordionItem__contents"> 180 <div class="accordionItem__contentsInner"> 181 <div class="navInner__link">
182 <a href="https://www.shc.co.jp/solution/æ¦ç¥è¨è¨/">æ¦ç¥è¨è¨</a> 183 </div> 184 <div class="navInner__link"> 185 <a href="https://www.shc.co.jp/solution/inhousemagazine/">社å å ±ã»Web社å å ±</a> 186 </div> 187 <div class="navInner__link"> 188 <a href="https://www.shc.co.jp/solution/enterpriseportal/">社å ãã¼ã¿ã«ãµã¤ã</a> 189 </div> 190 <div class="navInner__link"> 191 <a href="https://www.shc.co.jp/solution/philosophy/">伿¥ç念ã»ãã¼ãã¹ã»MVVçå®</a> 192 </div> 193 <div class="navInner__link"> 194 <a href="https://www.shc.co.jp/solution/internal-branding/">ã¤ã³ã¿ã¼ãã«ãã©ã³ãã£ã³ã°</a> 195 </div> 196 <div class="navInner__link"> 197 <a href="https://www.shc.co.jp/solution/commendation/">社å 表彰</a> 198 </div> 199 <div class="navInner__link"> 200 <a href="https://www.shc.co.jp/solution/president/">æ°ç¤¾é·ãããã¥ã¼ã¹</a> 201 </div> 202 <div class="navInner__link"> 203 <a href="https://www.shc.co.jp/solution/internalmovie/">ã¤ã³ã¿ã¼ãã«åãåç»</a> 204 </div> 205 <div class="navInner__link"> 206 <a href="https://www.shc.co.jp/solution/lectures/">å種è¬ç¾©ã»ãã¬ã¼ãã³ã°ãµã¼ãã¹</a> 207 </div> 208 <div class="navInner__link"> 209 <a href="https://www.shc.co.jp/solution/events/">ã¤ãã³ãï¼ãªã³ã©ã¤ã³é ä¿¡</a> 210 </div> 211 <div class="navInner__link"> 212 <a href="https://www.shc.co.jp/solution/survey/">ã¤ã³ã¿ã¼ãã«ãµã¼ãã¤</a> 213 </div> 214 <div class="navInner__link"> 215 <a href="https://www.shc.co.jp/solution/global-communication/">ã°ãã¼ãã«ã³ãã¥ãã±ã¼ã·ã§ã³</a> 216 </div> 217 <div class="navInner__link"> 218 <a href="https://www.shc.co.jp/solution/production/">å種å¶ä½ãµã¼ãã¹</a> 219 </div> 220 </div> 221 </div> 222 </div> 223 <div class="navInner__linkBlock accordionItem --close"> 224 <p class="navInner__linkTitle accordionItem__toggle">ã¨ã¯ã¹ã¿ã¼ãã«ã³ãã¥ãã±ã¼ã·ã§ã³</p> 225 <div class="accordionItem__contents"> 226 <div class="accordionItem__contentsInner"> 227 <div class="navInner__link"> 228 <a href="https://www.shc.co.jp/solution/brochure/">ä¼ç¤¾æ¡å ãã³ãã¬ãã</a> 229 </div> 230 <div class="navInner__link"> 231 <a href="https://www.shc.co.jp/solution/web/">ã³ã¼ãã¬ã¼ããµã¤ã</a> 232 </div> 233 <div class="navInner__link"> 234 <a href="https://www.shc.co.jp/solution/pr/">ãªã¦ã³ãã¡ãã£ã¢</a> 235 </div> 236 <div class="navInner__link">
237 <a href="https://www.shc.co.jp/solution/csr/">ãµã¹ããããªãã£ã¬ãã¼ãã»çµ±åå ±åæ¸</a> 238 </div> 239 <div class="navInner__link"> 240 <a href="https://www.shc.co.jp/solution/identity/">CIï¼VIéçº</a> 241 </div> 242 </div> 243 </div> 244 </div> 245 <div class="navInner__linkBlock accordionItem --close"> 246 <p class="navInner__linkTitle accordionItem__toggle">ãªã¯ã«ã¼ãã³ãã¥ãã±ã¼ã·ã§ã³</p> 247 <div class="accordionItem__contents"> 248 <div class="accordionItem__contentsInner"> 249 <div class="navInner__link"> 250 <a href="https://www.shc.co.jp/solution/recruitguide/">å ¥ç¤¾æ¡å </a> 251 </div> 252 <div class="navInner__link"> 253 <a href="https://www.shc.co.jp/solution/recruitweb/">æ¡ç¨ã½ãªã¥ã¼ã·ã§ã³</a> 254 </div> 255 <div class="navInner__link"> 256 <a href="https://www.shc.co.jp/solution/recruitmovie/">ãªã¯ã«ã¼ãåç»</a> 257 </div> 258 </div> 259 </div> 260 </div> 261 <div class="navInner__linkBlock accordionItem --close"> 262 <p class="navInner__linkTitle accordionItem__toggle">å¨å¹´ã³ãã¥ãã±ã¼ã·ã§ã³</p> 263 <div class="accordionItem__contents"> 264 <div class="accordionItem__contentsInner"> 265 <div class="navInner__link"> 266 <a href="https://www.shc.co.jp/solution/companyhistory/">社å²ã»è¨å¿µèª</a> 267 </div> 268 <div class="navInner__link"> 269 <a href="https://www.shc.co.jp/solution/anniversaryevent/">å¨å¹´è¨å¿µã¤ãã³ã</a> 270 </div> 271 <div class="navInner__link"> 272 <a href="https://www.shc.co.jp/solution/anniversarymovie/">å¨å¹´è¨å¿µåç»</a> 273 </div> 274 <div class="navInner__link"> 275 <a href="https://www.shc.co.jp/solution/anniversarynovelties/">å¨å¹´ããã«ãã£</a> 276 </div> 277 </div> 278 </div> 279 </div> 280 </div> 281 </div> 282 </div> 283 </a> 284 </li> 285 <li class="globalNav__item"> 286 <a href="/about/"> 287 <div class="navInner"> 288 <p class="navInner__title">SHCã«ã¤ãã¦</p> 289 </div> 290 </a> 291 </li> 292 <li class="globalNav__item"> 293 <a href="/works/"> 294 <div class="navInner"> 295 <p class="navInner__title">ã客æ§äºä¾</p> 296 </div> 297 </a> 298 </li> 299 <li class="globalNav__item"> 300 <a href="/column/"> 301 <div class="navInner"> 302 <p class="navInner__title">ç ç©¶ã»ã³ã©ã </p> 303 </div> 304 </a> 305 </li> 306 <li class="globalNav__item"> 307 <a href="/topic/"> 308 <div class="navInner"> 309 <p class="navInner__title">ãç¥ããã»ã»ããã¼</p> 310 </div> 311 </a> 312 </li> 313 <li class="globalNav__item"> 314 <a href="/company/"> 315 <div class="navInner"> 316 <p class="navInner__title">伿¥æ å ±</p> 317 </div> 318 </a> 319 </li> 320 <li class="globalNav__item"> 321 <a id="ga_contact_gronavi" href="/contact/"> 322 <div class="navInner"> 323 <p class="navInner__title">ãåãåãã</p> 324 </div> 325 </a> 326 </li> 327 </ul> 328 <div class="sideNav__language u-br__sp"> 329 <div class="sideNav__languageIcon"> 330 <img src="/assets/images/common/icon_language.svg" alt=""> 331 </div> 332 <div class="sideNav__languageList">
333 <p class="js-langJp sideNav__languageItem">æ¥æ¬èª</p> 334 <p class="js-langEn sideNav__languageItem">English</p> 335 </div> 336 </div> 337 <div class="globalNav__buttonBlock"> 338 <div class="globalNav__button"> 339 <a href="https://book.shc.co.jp/" target="_blank"> 340 <div class="buttonInner"> 341 <div class="buttonInner__image"> 342 <img src="/assets/images/common/image-headerCard01.jpg" alt="ç£æ¥ç·¨éã®æ¬" /> 343 </div> 344 <div class="buttonInner__textBlock"> 345 <p class="buttonInner__text">æ ã¨æ®ããã®åºç社</p> 346 <p class="buttonInner__title --wide">ç£æ¥ç·¨éã»ã³ã¿ã¼ã®æ¬</p> 347 </div> 348 </div> 349 </a> 350 </div> 351 <div class="globalNav__button"> 352 <a href="https://www.shc.co.jp/recruit/" target="_blank"> 353 <div class="buttonInner"> 354 <div class="buttonInner__image"> 355 <img src="/assets/images/common/image-headerCard02.jpg" alt="æ¡ç¨ã«é¢ããæ å ±ãå ¬é" /> 356 </div> 357 <div class="buttonInner__textBlock"> 358 <p class="buttonInner__text">æ¡ç¨ã«é¢ããæ å ±ãå ¬é</p> 359 <div class="buttonInner__title">SHC RECRUITMENT</div> 360 </div> 361 </div> 362 </a> 363 </div> 364 </div> 365 </div> 366 367 </div> 368 <div class="globalNav__overlay js-headerBg"></div> 369 </header> 370 371 <main class="contentWrapper"> 372 <div class="contact inViewFadeInFromBottom js-inViewTrigger"> 373 <div class="contact__head"> 374 <div class="pageHead"> 375 <h1 class="pageHead__heading"> 376 ãåãåãã 377 </h1> 378 <p class="pageHead__text"> 379 ã³ã³ãµã«ãã£ã³ã°ãå¶ä½ãã»ããã¼ç»å£ã«é¢ãããç¸è«ãè³æè«æ±ã¯ãã¡ããããæ°è»½ã«ãåãåãããã ããã 380 </p> 381 </div> 382 383 <div class="pageHeadMotif_item --item01 --contact"> 384 <img class="pageHeadMotif_image" src="/assets/images/common/pageHead/icon-motifWhite01.svg" alt=""> 385 </div> 386 <div class="pageHeadMotif_item --item02 --contact"> 387 <img class="pageHeadMotif_image" src="/assets/images/common/image-motif-blue.svg" alt=""> 388 </div> 389 <div class="pageHeadMotif_item --item03 --contact"> 390 <img class="pageHeadMotif_image" src="/assets/images/common/image-motif-gray.svg" alt=""> 391 </div> 392 <div class="pageHeadMotif_item --item04 --contact"> 393 <img class="pageHeadMotif_image" src="/assets/images/common/image-motif-gray.svg" alt=""> 394 </div> 395 </div> 396 397 <div class="contact__inner"> 398 <div class="contact__bgMotif01"> 399 <img src="/assets/images/common/image-motif-blue.svg" alt=""> 400 </div> 401 <div class="contact__bgMotif02"> 402 <img src="/assets/images/contact/icon-motifMix01.svg" alt=""> 403 </div> 404 <div class="contact__form"> 405 <!-- ãåãåãããã©ã¼ã ãä¸è¨ã«ä½æ --> 406 <div class="contactForm__progressbar"> 407 <div class="contactForm__progressStep active">å ¥å</div> 408 <div class="contactForm__progressStep">確èª</div> 409 <div class="contactForm__progressStep">å®äº</div> 410 </div> 411 412 413 <form id="contactForm" class="contactForm" method="post" action=""> 414 <input type="hidden" name="CRAFT_CSRF_TOKEN" value="tS0BvXOfCq4-m0INeevNXjvryapWAOOGVyXSD1JLUt9_lkolMNr7LYJhRpBBslPmYfo4QyumuwwCpo3uHGuI4DhvpWc-cmPvCuYEdm-Lghs="> 415 <input type="hidden" name="action" value="/contact/contact/confirm"> 416 <input type="hidden" name="redirect" value="28a7cbea0fd40ffc4530221044e502ba780d7da9d14539c8ddc9ac14e27b8641contact/comfirm/"> 417 418 <div class="error__message"> 419 <p class="error__text">æªå ¥åã¾ãã¯æ£ããå ¥åããã¦ããªãé ç®ãããã¾ã</p> 420 421 </div> 422 423 <div class="contactForm__group"> 424 <label for="inquiryType" class="contactForm__label"> 425 ãåãåããå 容
426 <span class="contactForm__labelRequired"> 427 å¿ é 428 </span> 429 </label> 430 <div class="contactForm__inputs"> 431 <div class="contactForm__inputsWrap --iconArrow"> 432 <select id="inquiryType" name="inquiryType" class="contactForm__select" required> 433 <option value="">鏿ãã¦ãã ãã</option> 434 <option value="solution" >ã½ãªã¥ã¼ã·ã§ã³ã«é¢ãããç¸è«</option> 435 <option value="company" >伿¥æ å ±/å®ç¸¾ã®è³æè«æ±</option> 436 <option value="lecture" >è¬æ¼/社å ç ä¿®ä¾é ¼</option> 437 <option value="collaboration" >忥ã®ãææ¡ããç¸è«</option> 438 <option value="recruit" >æ¡ç¨ã«é¢ãããç¸è«</option> 439 </select> 440 </div> 441 <div class="error" id="inquiryTypeError"> 442 443 </div> 444 </div> 445 </div> 446 447 <div class="contactForm__group"> 448 <label for="name" class="contactForm__label">ãåå 449 <span class="contactForm__labelRequired"> 450 å¿ é 451 </span> 452 </label> 453 <div class="contactForm__inputs"> 454 <input type="text" id="name" name="name" placeholder="ä¾
454ï¼ç°ä¸ 太é" class="contactForm__input" required maxlength="100" value=""> 455 <div class="error" id="nameError"> 456 457 </div> 458 <div class="contactForm__charCount"><span id="nameCount">100</span></div> 459 </div> 460 </div> 461 462 <div class="contactForm__group"> 463 <label for="company" class="contactForm__label">ä¼ç¤¾å 464 <span class="contactForm__labelRequired"> 465 å¿ é 466 </span> 467 </label> 468 <div class="contactForm__inputs"> 469 <input type="text" id="company" name="company" placeholder="ä¾ï¼æ ªå¼ä¼ç¤¾âÃâ³â¡" class="contactForm__input" required maxlength="100" value=""> 470 <div class="error" id="companyError"> 471 472 </div> 473 <div class="contactForm__charCount"><span id="companyCount">100</span></div> 474 </div> 475 </div> 476 477 <div class="contactForm__group"> 478 <label for="department" class="contactForm__label">æå±é¨ç½²</label> 479 <input type="text" id="department" name="department" placeholder="ä¾
479ï¼âÃâ³â¡äºæ¥é¨" class="contactForm__input" maxlength="100" value=""> 480 <div class="contactForm__charCount"><span id="departmentCount">100</span></div> 481 </div> 482 483 <div class="contactForm__group"> 484 <label for="phone" class="contactForm__label">é»è©±çªå· 485 <span class="contactForm__labelRequired"> 486 å¿ é 487 </span> 488 </label> 489 <div class="contactForm__inputs"> 490 <input type="tel" id="phone" name="phone" placeholder="ä¾ï¼00-0000-0000" class="contactForm__input" maxlength="20" pattern="[0-9\-]*" value="" required> 491 <div class="error" id="phoneError"></div> 492 <div class="contactForm__charCount"><span id="phoneCount">20</span></div> 493 </div> 494 </div> 495 <div class="contactForm__group"> 496 <label for="email" class="contactForm__label">ã¡ã¼ã«ã¢ãã¬ã¹ 497 <span class="contactForm__labelRequired"> 498 å¿ é 499 </span> 500 </label> 501 <div class="contactForm__inputs"> 502 <input type="email" id="email" name="email" maxlength="255" class="contactForm__input" required value=""> 503 <div class="error" id="emailError"> 504 505 </div> 506 </div> 507 </div> 508 <div class="contactForm__group --textarea"> 509 <label for="message" class="contactForm__label">ãåãåããå 容 510 <span class="contactForm__labelRequired"> 511 å¿ é 512 </span> 513 </label> 514 <div class="contactForm__inputs"> 515 <textarea id="message" name="message" placeholder="ãåãåããå 容ãå ¥åãã¦ãã ãã" cols="50" rows="10" class="contactForm__textarea" required maxlength="2000"></textarea> 516 <div class="error" id="messageError"> 517 <span class="error__icon"></span> 518 519 </div> 520 <div class="contactForm__charCount --textarea"><span id="messageCount">2000</span></div> 521 </div> 522 </div> 523 524 <div class="contactForm__group --source"> 525 <label for="source" class="contactForm__label">SHCãã©ã®ããã«ã㦠526 <br class="u-br__pc">ç¥ãã¾ãããï¼ 527 </label> 528 <div class="contactForm__inputsWrap --iconArrow"> 529 <select id="source" name="source" class="contactForm__select"> 530 <option value="">鏿ãã¦ãã ãã</option> 531 <option value="web" >ãµã¤ãæ¤ç´¢</option> 532 <option value="seminar" >ã»ããã¼</option> 533 <option value="introduction" >ç´¹ä»</option> 534 <option value="relationship" >éå»ã«åå¼ãããã¨ããã</option> 535 <option value="other" >ãã®ä»</option> 536 </select> 537 </div> 538 </div> 539 540 <div class="contactForm__group --policy"> 541 <label for="privacy" class="contactForm__label"> 542 ãã©ã¤ãã·ã¼ããªã·ã¼ 543 <span class="contactForm__labelRequired"> 544 å¿ é 545 </span> 546 </label> 547 <div class="contactForm__checkboxButton"> 548 <div class="contactForm__inputs"> 549 <label for="privacy" class="contactForm__label"> 550 <input type="checkbox" id="privacy" name="privacy" class="contactForm__input" required> 551 <span class="contactForm__inputIndicater"></span> 552 <div class="contactForm__labelText"> 553 <a href="/privacy/" class="contactForm__labelLink" target="_blank"> 554 ãã©ã¤ãã·ã¼ããªã·ã¼ 555 </a> 556 ã«åæãã 557 </div> 558 </label> 559 </div> 560 <div class="error" id="privacyError">
561 <span class="error__icon"></span> 562 </div> 563 </div> 564 </div> 565 <div class="contactForm__button"> 566 <button type="submit" class="contactForm__contactButton">å ¥åå 容ã確èªãã</button> 567 </div> 568 </form> 569 570 </div> 571 </div> 572 </div> 573 574 <div class="breadcrumb"> 575 <ul class="breadcrumb__list"> 576 577 <li class="breadcrumb__item"> 578 <a href="/" class="breadcrumb__link"> 579 <span class="breadcrumb__text">TOP</span> 580 </a> 581 </li> 582 583 <li class="breadcrumb__item"> 584 <span class="breadcrumb__text">ãåãåãã</span> 585 </li> 586 587 </ul> 588 </div> 589 </main> 590 591 <a id="ga_contact_bottom" class="contactBlock js-inViewTrigger" href="/contact/"> 592 <div class="contactBlock__inner js-footerHover"> 593 <img class="contactBlock__arrow js-footerArrow" src="/assets/images/common/bg-arrow.svg" alt=""> 594 <div class="contactBlock__content"> 595 <p class="contactBlock__title"> 596 <span>C</span> 597 <span>O</span> 598 <span>N</span> 599 <span>T</span> 600 <span>A</span> 601 <span>C</span> 602 <span>T</span> 603 </p> 604 <p class="contactBlock__text"> 605 è³æè«æ±ãã客æ§äºä¾ã«ã¤ãã¦ã¯ãæ°è»½ã«ãç¸è«ãã ãã 606 </p> 607 </div> 608 <div class="contactBlock__button"> 609 <span class="buttonTextOutline --white"> 610 <span>ãåãåããããã</span> 611 </span> 612 </div> 613 </div> 614 <div class="contactBlock__bgMotif"> 615 <div class="contactBlock__bgMotifBody"> 616 <img src="/assets/images/common/bgMotif-contactBlock.png" alt="対話ãã¦ããæ§å"> 617 </div> 618 </div> 619 </a> 620 621 <footer class="footer"> 622 <div class="footer__head"> 623 624 <div class="footer__block"> 625 <div class="footer__logo"> 626 <div class="footer__titleWrapper"> 627 <a href="/">ã¯ããã人㫠ã¯ããããããã³ã</a> 628 </div> 629 <div class="footer__logoWrapper"> 630 <a href="/"><img src="/assets/images/common/logo-footer.svg" alt="SHC ç£æ¥ç·¨éã»ã³ã¿ã¼" /></a> 631 </div> 632 </div> 633 <div class="footer__nav"> 634 <ul class="footer__link"> 635 <li class="footer__linkItem"> 636 <a href="/solution/">ã½ãªã¥ã¼ã·ã§ã³</a> 637 </li> 638 <li class="footer__linkItem"> 639 <a href="/about/">SHCã«ã¤ãã¦</a> 640 </li> 641 <li class="footer__linkItem"> 642 <a href="/works/">ã客æ§äºä¾</a> 643 </li> 644 <li class="footer__linkItem"> 645 <a href="/column/">ç ç©¶ã»ã³ã©ã </a> 646 </li> 647 <li class="footer__linkItem"> 648 <a href="/topic/">ãç¥ããã»ã»ããã¼</a> 649 </li> 650 <li class="footer__linkItem"> 651 <a href="/company/">伿¥æ å ±</a> 652 </li> 653 </ul> 654 <ul class="footer__blank"> 655 <li class="footer__blankItem"> 656 <a href="/recruit/" target="_blank">æ¡ç¨ãµã¤ã</a> 657 </li> 658 <li class="footer__blankItem"> 659 <a href="https://book.shc.co.jp" target="_blank">æ ã¨æ®ããã®åºç社</a> 660 </li> 661 </ul> 662 </div> 663 </div> 664 665 <address class="footer__address"> 666 <p class="footer__addressText"> 667 ã112-0011<br /> 668 æ±äº¬é½æäº¬åºåç³åä¸ç®39çª17å· 669 </p> 670 <p class="footer__addressText"> 671 TELï¼03-5395-5311ï¼ä»£è¡¨ï¼<br /> 672 FAXï¼03-5395-6131 673 </p> 674 </address> 675 676 </div> 677 <div class="footer__foot"> 678 <div class="footer__privacy"> 679 <div class="footer__privacyImage"> 680 <a class="footer__privacyImageLink" href="https://privacymark.jp/" target="_blank"> 681 <img src="/assets/images/common/image-privacymark.png" alt=""> 682 </a> 683 </div> 684 <div class="footer__privacyDetail"> 685 <p class="footer__privacyText"> 686 æ ªå¼ä¼ç¤¾ç£æ¥ç·¨éã»ã³ã¿ã¼ã¯ãä¸è¬ç¤¾å£æ³äººæ¥æ¬æ å ±çµæ¸ç¤¾ä¼æ¨é²åä¼ï¼JIPDECï¼ãããå人æ å ±ã®é©åãªåæ±ãããã¦ããäºæ¥è ã«ä»ä¸ãããããã©ã¤ãã·ã¼ãã¼ã¯ãã®ä½¿ç¨èªå®ãåãã¦ãã¾ãã 687 </p> 688 <a class="footer__privacyLink" href="/privacy/">
689 <span class="footer__privacyLinkText">å人æ å ±ä¿è·æ¹é</span> 690 <span class="footer__privacyLinkIcon"> 691 <svg viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"> 692 <path d="M40.6262 20.9132C41.1246 20.4098 41.1246 19.5918 40.6262 19.0884L38.1408 16.5779L22.1037 0.377541C21.6053 -0.125847 20.7955 -0.125847 20.2971 0.377541L18.7158 1.97483C18.2174 2.47822 18.2174 3.29622 18.7158 3.79961L32.3585 17.5799H1.27786C0.57184 17.5799 0 18.1575 0 18.8706V21.1294C0 21.8425 0.57184 22.4201 1.27786 22.4201H32.3569L18.7142 36.2004C18.2158 36.7038 18.2158 37.5218 18.7142 38.0252L20.2955 39.6225C20.7939 40.1258 21.6037 40.1258 22.1021 39.6225L38.1408 23.4221L40.6262 20.9116V20.9132Z" fill="#24252C" /> 693 </svg> 694 </span> 695 </a> 696 </div> 697 </div> 698 <p class="footer__copyright"> 699 © 2024 Sangyo Henshu Center Co., Ltd. 700 </p> 701 </div> 702 </footer> 703 704</body> 705 706</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.