1<!DOCTYPE html> 2<html><head prefix="og: http://ogp.me/ns# website: http://ogp.me/ns/website#"><base href="https://cs.cloudsign.jp"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="ãã¡ãã¯ãåãåãããã¼ã¸ã§ãããä¸æç¹çãã¡ãã®ãåãåãããã¼ã¸ããã質åãæ¿ãã¾ãã"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:site" content="@cloudsign_jp"><meta property="og:site_name" content="CloudSignï¼ã¯ã©ã¦ããµã¤ã³ï¼"><link rel="shortcut icon" href="https://cs.cloudsign.jp/favicon" type="image/vnd.microsoft.icon"><title>ãåãåãããã¼ã¸ï½é»åå¥ç´ãªãã¯ã©ã¦ããµã¤ã³</title><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
2<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script>
2<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha384-Dziy8F2VlJQLMShA6FHWNul/veM9bCkRUaLqr199K94ntO5QUrLJBEbYegdSkkqX" crossorigin="anonymous"></script>
2<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js" integrity="sha384-tVALB+Rq+HJeHbeGn2MEVMGW/FXed+i+iT0xgyrZrUtxgznsaNRt9yUqCJRE8NYN" crossorigin="anonymous"></script>
2<!--
2<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 3 crossorigin="anonymous"></script>
3 --><style media="all"> 4 .toppageDropdown__container { 5 animation-duration: 0.2s; 6 -webkit-animation-fill-mode: both; 7 animation-fill-mode: both 8 } 9 .toppageDropdown__container { 10 animation-name: fadeIn 11 } 12 @keyframes bounce { 13 0% { 14 transform: translateY(0) 15 } 16 60% { 17 transform: translateY(-3px) 18 } 19 100% { 20 transform: translateY(0) 21 } 22 } 23 @keyframes fadeIn { 24 0% { 25 opacity: 0 26 } 27 100% { 28 opacity: 1 29 } 30 } 31 @keyframes fadeOut { 32 100% { 33 opacity: 0 34 } 35 0% { 36 opacity: 1 37 } 38 } 39 @keyframes fadeInLeft { 40 0% { 41 opacity: 0; 42 transform: translateX(-10px) 43 } 44 100% { 45 opacity: 1; 46 transform: translateX(0) 47 } 48 } 49 @keyframes fadeOutLeft { 50 100% { 51 opacity: 0; 52 transform: translateX(-10px) 53 } 54 0% { 55 opacity: 1; 56 transform: translateX(0) 57 } 58 } 59 @keyframes fadeInRight { 60 0% { 61 opacity: 0; 62 transform: translateX(10px) 63 } 64 100% { 65 opacity: 1; 66 transform: translateX(0) 67 } 68 } 69 @keyframes fadeOutRight { 70 100% { 71 opacity: 0; 72 transform: translateX(10px) 73 } 74 0% { 75 opacity: 1; 76 transform: translateX(0) 77 } 78 } 79 @keyframes fadeInTop { 80 0% { 81 opacity: 0; 82 transform: translateY(-10px) 83 } 84 100% { 85 opacity: 1; 86 transform: translateY(0) 87 } 88 } 89 @keyframes fadeInTopBig { 90 0% { 91 opacity: 0; 92 transform: translateY(-100%) 93 } 94 100% { 95 opacity: 1; 96 transform: translateY(0) 97 } 98 } 99 @keyframes fadeOutTop { 100 100% { 101 opacity: 0; 102 transform: translateY(-10px) 103 } 104 0% { 105 opacity: 1; 106 transform: translateY(0) 107 } 108 } 109 @keyframes fadeInBottom { 110 0% { 111 opacity: 0; 112 transform: translateY(10px) 113 } 114 100% { 115 opacity: 1; 116 transform: translateY(0) 117 } 118 } 119 @keyframes fadeOutBottom { 120 100% { 121 opacity: 0; 122 transform: translateY(10px) 123 } 124 0% { 125 opacity: 1; 126 transform: translateY(0) 127 } 128 } 129 @keyframes fadeInLeft--noDisp { 130 0% { 131 display: block; 132 opacity: 0; 133 transform: translateX(-10px) 134 } 135 100% { 136 opacity: 1; 137 transform: translateX(0) 138 } 139 } 140 @keyframes fadeOutLeft--noDisp { 141 100% { 142 display: none; 143 opacity: 0; 144 transform: translateX(-10px) 145 } 146 0% { 147 opacity: 1; 148 transform: translateX(0) 149 } 150 } 151 @keyframes fadeInRight--noDisp { 152 0% { 153 display: block; 154 opacity: 0; 155 transform: translateX(10px) 156 } 157 100% { 158 opacity: 1; 159 transform: translateX(0) 160 } 161 } 162 @keyframes fadeOutRight--noDisp { 163 100% { 164 display: none; 165 opacity: 0; 166 transform: translateX(10px) 167 } 168 0% { 169 opacity: 1; 170 transform: translateX(0) 171 } 172 } 173 @keyframes fadeInTop--noDisp { 174 0% { 175 display: block; 176 opacity: 0; 177 transform: translateY(-10px) 178 } 179 100% { 180 opacity: 1; 181 transform: translateY(0) 182 } 183 } 184 @keyframes fadeInTopBig--noDisp { 185 0% { 186 display: block; 187 opacity: 0; 188 transform: translateY(-100%) 189 } 190 100% { 191 opacity: 1; 192 transform: translateY(0) 193 } 194 } 195 @keyframes fadeOutTop--noDisp { 196 100% { 197 display: none; 198 opacity: 0; 199 transform: translateY(-10px) 200 } 201 0% { 202 opacity: 1; 203 transform: translateY(0) 204 } 205 } 206 @keyframes fadeInBottom--noDisp { 207 0% { 208 display: block; 209 opacity: 0; 210 transform: translateY(10px) 211 } 212 100% { 213 opacity: 1; 214 transform: translateY(0) 215 } 216 } 217 @keyframes fadeOutBottom--noDisp { 218 100% { 219 display: none; 220 opacity: 0; 221 transform: translateY(10px) 222 } 223 0% { 224 opacity: 1; 225 transform: translateY(0) 226 } 227 } 228 *, *:before, *:after { 229 box-sizing: border-box 230 } 231 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 232 margin: 0; 233 padding: 0; 234 border: 0; 235 outline: 0; 236 font-size: 100%; 237 vertical-align: baseline; 238 background: transparent; 239 font-family: "Inter","Noto Sans JP", "Helvetica Neue", Helvetica, "Avenir Next", Verdana, "ãã©ã
239®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "游ã´ã·ãã¯", "Yu Gothic", "ã¡ã¤ãªãª", Meiryo, Osaka, sans-serif 240 } 241 body { 242 line-height: 1; 243 -webkit-text-size-adjust: 100% 244 } 245 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 246 display: block 247 } 248 ol, ul { 249 list-style: none 250 } 251 a { 252 margin: 0; 253 padding: 0; 254 font-size: 100%; 255 vertical-align: baseline; 256 background: transparent; 257 text-decoration: none 258 } 259 table { 260 border-collapse: collapse; 261 border-spacing: 0 262 } 263 hr { 264 display: block; 265 height: 1px; 266 border: 0; 267 border-top: 1px solid #DAE3ED; 268 margin: 1em 0; 269 padding: 0 270 } 271 input, select, button { 272 vertical-align: middle; 273 outline: none 274 } 275 input { 276 -webkit-appearance: none 277 } 278 textarea { 279 outline: none 280 } 281 img { 282 vertical-align: top; 283 font-size: 0; 284 line-height: 0 285 } 286 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 287 .button, .form-wrap .mktoForm .mktoButton, [class*="button--"], #pardot-form .submit input[type="submit"] { 288 display: inline-block; 289 text-align: center; 290 text-decoration: none; 291 outline: none; 292 border-radius: 4px; 293 cursor: pointer; 294 transition: all .4s 295 } 296 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 297 .button, .form-wrap .mktoForm .mktoButton, #pardot-form .submit input[type="submit"] { 298 z-index: 2; 299 background-color: #F42859; 300 color: #fff; 301 box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0) 302 } 303 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 304 .button, .form-wrap .mktoForm .mktoButton, .button--base, #pardot-form .submit input[type="submit"] { 305 font-size: 13px; 306 line-height: 1.2; 307 padding: 6px 12px 308 } 309 .button--largest { 310 font-size: 18px; 311 line-height: 1.33333; 312 padding: 13px 75px 313 } 314 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 315 /* 追è¨ãinput type="submit"å valueã®ããã¹ãæãè¿ãã®ãããwhite-cpace: normal;ãè¿½è¨ */ 316 .button--large, .form-wrap .mktoForm .mktoButton, #pardot-form .submit input[type="submit"] { 317 font-size: 13px; 318 line-height: 1.33333; 319 padding: 13px 75px; 320 white-space: normal; 321 } 322 .button--small { 323 font-size: 12px; 324 line-height: 1.5; 325 padding: 5px 10px 326 } 327 .button--mini { 328 font-size: 12px; 329 line-height: 1.5; 330 padding: 1px 5px 331 } 332 .button--hasThumb { 333 font-size: 13px; 334 line-height: 3; 335 padding: 6px 12px 336 } 337 .button--hasThumb--active { 338 font-size: 13px; 339 line-height: 3; 340 padding: 6px 12px; 341 border-color: #fff 342 } 343 .button__thumb { 344 border-radius: 50%; 345 width: 40px; 346 height: 40px; 347 margin-right: 10px; 348 overflow: hidden; 349 border: solid 2px #DAE3ED 350 } 351 .button--block { 352 font-size: 13px; 353 line-height: 1.33333; 354 padding: 13px 12px; 355 display: block; 356 width: 100% 357 } 358 [class*="button"]+[class*="button"] { 359 margin-left: 5px 360 } 361 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 362 .button--large+.button--large, .form-wrap .mktoForm .mktoButton+.button--large, .form-wrap .mktoForm .button--large+.mktoButton, .form-wrap .mktoForm .mktoButton+.mktoButton, #pardot-form .submit input[type="submit"]+.button--large, #pardot-form .submit .button--large+input[type="submit"], #pardot-form .submit input[type="submit"]+input[type="submit"] { 363 margin-left: 10px 364 } 365 .button--block+.button--block { 366 margin-top: 5px; 367 margin-left: 0 368 } 369 input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button--"].btn-block { 370 width: 100% 371 } 372 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 373 .button, .form-wrap .mktoForm .mktoButton, [class*="button--"], [class*="button--"][data-theme="base"], #pardot-form .submit input[type="submit"] { 374 background-color: #fff; 375 border: 1px solid #DAE3ED; 376 color: #8897A7 377 } 378 /* 追è¨ã#pardot-form .submit input[type="submit"]:hover */ 379 .button:hover, .form-wrap .mktoForm .mktoButton:hover, [class*="button--"]:hover, [class*="button--"][data-theme="base"]:hover, #pardot-form .submit input[type="submit"]:hover { 380 box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2); 381 -webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2); 382 -moz-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2) 383 } 384 /* 追å ã#pardot-form .submit input[type="submit"][data-theme="flat"] */ 385 .button[data-theme="flat"], .form-wrap .mktoForm .mktoButton[data-theme="flat"], [class*="button--"][data-theme="flat"], #pardot-form .submit input[type="submit"][data-theme="flat"] { 386 background-color: rgba(0, 0, 0, 0); 387 border: 1px solid rgba(0, 0, 0, 0); 388 color: #8897A7; 389 padding: 0 390 } 391 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="flat"]:hover */ 392 .button[data-theme="flat"]:hover, .form-wrap .mktoForm .mktoButton[data-theme="flat"]:hover, [class*="button--"][data-theme="flat"]:hover, #pardot-form .submit input[type="submit"][data-theme="flat"]:hover { 393 background-color: rgba(0, 0, 0, 0); 394 border: 1px solid rgba(0, 0, 0, 0); 395 color: #0D64C9; 396 box-shadow: none 397 } 398 /* 追è¨ã#pardot-form .submit input[type="submit"] */ 399 .button[data-theme="positive"], .form-wrap .mktoForm .mktoButton, .mktoText .theme--positive[class*="button"], .mktoForm .theme--positive[class*="button"], [class*="button--"][data-theme="positive"], #pardot-form .submit input[type="submit"] { 400 background-color: #F42859; 401 border: 1px solid #F42859; 402 color: #fff 403 } 404 /* 追è¨ã#pardot-form .submit input[type="submit"]:hover */ 405 .button[data-theme="positive"]:hover, .form-wrap .mktoForm .mktoButton:hover, .mktoText .theme--positive:hover[class*="button"], .mktoForm .theme--positive:hover[class*="button"], [class*="button--"][data-theme="positive"]:hover, #pardot-form .submit input[type="submit"]:hover { 406 background-color: #ff3a71; 407 border: 1px solid #dd003e 408 } 409 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="attention"] */ 410 .button[data-theme="attention"], .form-wrap .mktoForm .mktoButton[data-theme="attention"], [class*="button--"][data-theme="attention"], #pardot-form .submit input[type="submit"][data-theme="attention"] { 411 background-color: #1AC3B6; 412 border: 1px solid #1AC3B6; 413 color: #fff 414 } 415 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="attention"]:hover */ 416 .button[data-theme="attention"]:hover, .form-wrap .mktoForm .mktoButton[data-theme="attention"]:hover, [class*="button--"][data-theme="attention"]:hover, #pardot-form .submit input[type="submit"][data-theme="attention"]:hover { 417 background-color: #25c4b7; 418 border: 1px solid #1AC3B6 419 } 420 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="warning"] */ 421 .button[data-theme="warning"], .form-wrap .mktoForm .mktoButton[data-theme="warning"], [class*="button--"][data-theme="warning"], #pardot-form .submit input[type="submit"][data-theme="warning"] { 422 background-color: #FFD600; 423 border: 1px solid #FFD600; 424 color: #fff; 425 text-shadow: 0 0px 2px rgba(55, 10, 0, 0.4) 426 } 427 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="warning"]:hover */ 428 .button[data-theme="warning"]:hover, .form-wrap .mktoForm .mktoButton[data-theme="warning"]:hover, [class*="button--"][data-theme="warning"]:hover, #pardot-form .submit input[type="submit"][data-theme="warning"]:hover { 429 background-color: #ffd429; 430 border: 1px solid #e6b800 431 } 432 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="negative"] */ 433 .button[data-theme="negative"], .form-wrap .mktoForm .mktoButton[data-theme="negative"], [class*="button--"][data-theme="negative"], #pardot-form .submit input[type="submit"][data-theme="negative"] { 434 background-color: #697482; 435 border: 1px solid #49515A; 436 color: #fff 437 } 438 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="negative"]:hover */ 439 .button[data-theme="negative"]:hover, .form-wrap .mktoForm .mktoButton[data-theme="negative"]:hover, [class*="button--"][data-theme="negative"]:hover, #pardot-form .submit input[type="submit"][data-theme="negative"]:hover { 440 background-color: #8897A7; 441 border: 1px solid #49515A 442 } 443 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="weak"] */ 444 .button[data-theme="weak"], .form-wrap .mktoForm .mktoButton[data-theme="weak"], [class*="button--"][data-theme="weak"], #pardot-form .submit input[type="submit"][data-theme="weak"] { 445 background-color: #F4F7FA; 446 border: 1px solid #DAE3ED; 447 color: #BCC8D6 448 } 449 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="weak"]:hover */ 450 .button[data-theme="weak"]:hover, .form-wrap .mktoForm .mktoButton[data-theme="weak"]:hover, [class*="button--"][data-theme="weak"]:hover, #pardot-form .submit input[type="submit"][data-theme="weak"]:hover { 451 background-color: #fff; 452 border: 1px solid #DAE3ED 453 } 454 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="search"] */ 455 .button[data-theme="search"], .form-wrap .mktoForm .mktoButton[data-theme="search"], [class*="button--"][data-theme="search"], #pardot-form .submit input[type="submit"][data-theme="search"] { 456 background-color: #0D64C9; 457 border: 1px solid #0D64C9; 458 color: #fff; 459 border-top-left-radius: 0; 460 border-bottom-left-radius: 0; 461 padding: 4px 20px 462 } 463 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="search"] i */ 464 .button[data-theme="search"] i, .form-wrap .mktoForm .mktoButton[data-theme="search"] i, [class*="button--"][data-theme="search"] i, #pardot-form .submit input[type="submit"][data-theme="search"] i { 465 font-size: 17px 466 } 467 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="search"]:hover */ 468 .button[data-theme="search"]:hover, 469 .form-wrap .mktoForm .mktoButton[data-theme="search"]:hover, 470 [class*="button--"][data-theme="search"]:hover, 471 #pardot-form .submit input[type="submit"][data-theme="search"]:hover { 472 background-color: #0D64C9; 473 border: 1px solid #0D64C9 474 } 475 /* 追è¨ã#pardot-form .submit input[type="submit"][aria-disabled="true"], #pardot-form .submit input[type="submit"][aria-disabled="true"]:hover */ 476 .button[aria-disabled="true"], 477 .form-wrap .mktoForm .mktoButton[aria-disabled="true"], 478 .button[aria-disabled="true"]:hover, 479 .form-wrap .mktoForm .mktoButton[aria-disabled="true"]:hover, 480 [class*="button--"][aria-disabled="true"], 481 [class*="button--"][aria-disabled="true"]:hover, 482 #pardot-form .submit input[type="submit"][aria-disabled="true"], 483 #pardot-form .submit input[type="submit"][aria-disabled="true"]:hover { 484 border: 1px solid #DAE3ED; 485 background-color: #F4F7FA; 486 color: #BCC8D6;
487 cursor: not-allowed 488 } 489 /* 追è¨ã#pardot-form .submit input[type="submit"][data-theme="flat"][aria-disabled="true"], #pardot-form .submit input[type="submit"][data-theme="flat"][aria-disabled="true"]:hover */ 490 .button[data-theme="flat"][aria-disabled="true"], 491 .form-wrap .mktoForm .mktoButton[data-theme="flat"][aria-disabled="true"], 492 .button[data-theme="flat"][aria-disabled="true"]:hover, 493 .form-wrap .mktoForm .mktoButton[data-theme="flat"][aria-disabled="true"]:hover, 494 [class*="button--"][data-theme="flat"][aria-disabled="true"], 495 [class*="button--"][data-theme="flat"][aria-disabled="true"]:hover, 496 #pardot-form .submit input[type="submit"][data-theme="flat"][aria-disabled="true"], 497 #pardot-form .submit input[type="submit"][data-theme="flat"][aria-disabled="true"]:hover { 498 background-color: rgba(0, 0, 0, 0); 499 border: 1px solid rgba(0, 0, 0, 0); 500 color: #BCC8D6; 501 padding: 0 502 } 503 /* è¿½è¨ 504 #pardot-form .submit input[type="submit"][data-theme="base"][aria-disabled="true"], 505 #pardot-form .submit input[type="submit"][data-theme="base"][aria-disabled="true"]:hover, 506 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-disabled="true"], 507 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-disabled="true"]:hover */ 508 .button[data-theme="base"][aria-disabled="true"], 509 .form-wrap .mktoForm .mktoButton[data-theme="base"][aria-disabled="true"], 510 .button[data-theme="base"][aria-disabled="true"]:hover, 511 .form-wrap .mktoForm .mktoButton[data-theme="base"][aria-disabled="true"]:hover, 512 .button[data-theme="weak"][aria-disabled="true"], 513 .form-wrap .mktoForm .mktoButton[data-theme="weak"][aria-disabled="true"], 514 .button[data-theme="weak"][aria-disabled="true"]:hover, 515 .form-wrap .mktoForm .mktoButton[data-theme="weak"][aria-disabled="true"]:hover, 516 [class*="button--"][data-theme="base"][aria-disabled="true"], 517 [class*="button--"][data-theme="base"][aria-disabled="true"]:hover, 518 [class*="button--"][data-theme="weak"][aria-disabled="true"], 519 [class*="button--"][data-theme="weak"][aria-disabled="true"]:hover, 520 #pardot-form .submit input[type="submit"][data-theme="base"][aria-disabled="true"], 521 #pardot-form .submit input[type="submit"][data-theme="base"][aria-disabled="true"]:hover, 522 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-disabled="true"], 523 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-disabled="true"]:hover { 524 background-color: #F4F7FA; 525 color: #BCC8D6 526 } 527 /* è¿½è¨ 528 #pardot-form .submit input[type="submit"][aria-disabled="true"], 529 #pardot-form .theme--positive[aria-disabled="true"][class*="button"], 530 #pardot-form .submit input[type="submit"][aria-disabled="true"]:hover, 531 #pardot-form .theme--positive[aria-disabled="true"]:hover[class*="button"] */ 532 .button[data-theme="positive"][aria-disabled="true"], 533 .form-wrap .mktoForm .mktoButton[aria-disabled="true"], 534 .mktoText .theme--positive[aria-disabled="true"][class*="button"], 535 .mktoForm .theme--positive[aria-disabled="true"][class*="button"], 536 .button[data-theme="positive"][aria-disabled="true"]:hover, 537 .form-wrap .mktoForm .mktoButton[aria-disabled="true"]:hover, 538 .mktoText .theme--positive[aria-disabled="true"]:hover[class*="button"], 539 .mktoForm .theme--positive[aria-disabled="true"]:hover[class*="button"], 540 [class*="button--"][data-theme="positive"][aria-disabled="true"], 541 [class*="button--"][data-theme="positive"][aria-disabled="true"]:hover, 542 #pardot-form .submit input[type="submit"][aria-disabled="true"], 543 #pardot-form .theme--positive[aria-disabled="true"][class*="button"], 544 #pardot-form .submit input[type="submit"][aria-disabled="true"]:hover, 545 #pardot-form .theme--positive[aria-disabled="true"]:hover[class*="button"] { 546 color: #fff; 547 background-color: #E8D5DB; 548 border-color: #E8D5DB 549 } 550 /* è¿½è¨ 551 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-disabled="true"], 552 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-disabled="true"]:hover */ 553 .button[data-theme="attention"][aria-disabled="true"], 554 .form-wrap .mktoForm .mktoButton[data-theme="attention"][aria-disabled="true"], 555 .button[data-theme="attention"][aria-disabled="true"]:hover, 556 .form-wrap .mktoForm .mktoButton[data-theme="attention"][aria-disabled="true"]:hover, 557 [class*="button--"][data-theme="attention"][aria-disabled="true"], 558 [class*="button--"][data-theme="attention"][aria-disabled="true"]:hover, 559 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-disabled="true"], 560 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-disabled="true"]:hover { 561 color: #fff; 562 background-color: #B1E7DB; 563 border-color: #B1E7DB 564 } 565 /* è¿½è¨ 566 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-disabled="true"], 567 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-disabled="true"]:hover */ 568 .button[data-theme="negative"][aria-disabled="true"], 569 .form-wrap .mktoForm .mktoButton[data-theme="negative"][aria-disabled="true"], 570 .button[data-theme="negative"][aria-disabled="true"]:hover, 571 .form-wrap .mktoForm .mktoButton[data-theme="negative"][aria-disabled="true"]:hover, 572 [class*="button--"][data-theme="negative"][aria-disabled="true"], 573 [class*="button--"][data-theme="negative"][aria-disabled="true"]:hover, 574 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-disabled="true"], 575 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-disabled="true"]:hover { 576 background-color: #DAE3ED; 577 color: #fff 578 } 579 .button--hasThumb--active, .button--hasThumb--active:hover { 580 border-color: #fff; 581 box-shadow: none 582 } 583 /* 追è¨ã#pardot-form .submit input[type="submit"][aria-selected="true"] */ 584 .button[aria-selected="true"], .form-wrap .mktoForm .mktoButton[aria-selected="true"], [class*="button--"][aria-selected="true"], [class*="button--"][data-theme="base"][aria-selected="true"], #pardot-form .submit input[type="submit"][aria-selected="true"] { 585 background-color: #fff; 586 border: 1px solid #DAE3ED; 587 color: #BCC8D6; 588 box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.1) 589 } 590 /* 追è¨ã#pardot-form .submit input[type="submit"][aria-selected="true"]:hover*/ 591 .button[aria-selected="true"]:hover, .form-wrap .mktoForm .mktoButton[aria-selected="true"]:hover, [class*="button--"][aria-selected="true"]:hover, #pardot-form .submit input[type="submit"][aria-selected="true"]:hover { 592 box-shadow: none; 593 border: 1px solid #DAE3ED; 594 background-color: #fff 595 } 596 /* è¿½è¨ 597 #pardot-form .submit input[type="submit"][aria-selected="true"], 598 #pardot-form .theme--positive[aria-selected="true"][class*="button"], 599 #pardot-form .submit input[type="submit"][aria-selected="true"]:hover, 600 #pardot-form .theme--positive[aria-selected="true"]:hover[class*="button"] */ 601 .button[data-theme="positive"][aria-selected="true"], 602 .form-wrap .mktoForm .mktoButton[aria-selected="true"], 603 .mktoText .theme--positive[aria-selected="true"][class*="button"], 604 .mktoForm .theme--positive[aria-selected="true"][class*="button"], 605 .button[data-theme="positive"][aria-selected="true"]:hover, 606 .form-wrap .mktoForm .mktoButton[aria-selected="true"]:hover, 607 .mktoText .theme--positive[aria-selected="true"]:hover[class*="button"], 608 .mktoForm .theme--positive[aria-selected="true"]:hover[class*="button"], 609 [class*="button--"][data-theme="positive"][aria-selected="true"], 610 [class*="button--"][data-theme="positive"][aria-selected="true"]:hover, 611 #pardot-form .submit input[type="submit"][aria-selected="true"], 612 #pardot-form .theme--positive[aria-selected="true"][class*="button"], 613 #pardot-form .submit input[type="submit"][aria-selected="true"]:hover, 614 #pardot-form .theme--positive[aria-selected="true"]:hover[class*="button"] { 615 color: #F42859 616 } 617 /* è¿½è¨ 618 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-selected="true"], 619 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-selected="true"]:hover */ 620 .button[data-theme="attention"][aria-selected="true"], 621 .form-wrap .mktoForm .mktoButton[data-theme="attention"][aria-selected="true"], 622 .button[data-theme="attention"][aria-selected="true"]:hover, 623 .form-wrap .mktoForm .mktoButton[data-theme="attention"][aria-selected="true"]:hover, 624 [class*="button--"][data-theme="attention"][aria-selected="true"], 625 [class*="button--"][data-theme="attention"][aria-selected="true"]:hover, 626 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-selected="true"], 627 #pardot-form .submit input[type="submit"][data-theme="attention"][aria-selected="true"]:hover { 628 color: #1AC3B6 629 } 630 /* è¿½è¨ 631 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-selected="true"], 632 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-selected="true"]:hover */ 633 .button[data-theme="negative"][aria-selected="true"], 634 .form-wrap .mktoForm .mktoButton[data-theme="negative"][aria-selected="true"], 635 .button[data-theme="negative"][aria-selected="true"]:hover, 636 .form-wrap .mktoForm .mktoButton[data-theme="negative"][aria-selected="true"]:hover, 637 [class*="button--"][data-theme="negative"][aria-selected="true"], 638 [class*="button--"][data-theme="negative"][aria-selected="true"]:hover, 639 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-selected="true"], 640 #pardot-form .submit input[type="submit"][data-theme="negative"][aria-selected="true"]:hover { 641 color: #697482 642 } 643 /* è¿½è¨ 644 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-selected="true"], 645 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-selected="true"]:hover */ 646 .button[data-theme="weak"][aria-selected="true"], 647 .form-wrap .mktoForm .mktoButton[data-theme="weak"][aria-selected="true"], 648 .button[data-theme="weak"][aria-selected="true"]:hover, 649 .form-wrap .mktoForm .mktoButton[data-theme="weak"][aria-selected="true"]:hover, 650 [class*="button--"][data-theme="weak"][aria-selected="true"], 651 [class*="button--"][data-theme="weak"][aria-selected="true"]:hover, 652 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-selected="true"], 653 #pardot-form .submit input[type="submit"][data-theme="weak"][aria-selected="true"]:hover { 654 color: #BCC8D6; 655 background-color: #F4F7FA 656 } 657 #pardot-form p.form-field.hidden { 658 margin: 0; 659 } 660 661 body { 662 font-size: 13px; 663 line-height: 1.5 664 } 665 a, a:link { 666 color: #49515A; 667 -webkit-transition: all .2s ease-out; 668 transition: all .2s ease-out 669 } 670 a:visited { 671 color: #49515A 672 } 673 a:hover { 674 color: #0D64C9 675 } 676 a:active { 677 color: #0D64C9 678 } 679 .icon { 680 display: inline-block; 681 width: 1em; 682 height: 1em; 683 stroke-width: 0; 684 stroke: currentColor; 685 fill: currentColor 686 } 687 .cloudsignLogo__mark, .cloudsignLogo__text--cloud, .cloudsignLogo__text--sign { 688 stroke-width: 0; 689 stroke: none 690 } 691 .cloudsignLogo--color .cloudsignLogo__mark, .cloudsignLogo--color .cloudsignLogo__text--cloud { 692 fill: #0D64C9 693 } 694 .cloudsignLogo--color .cloudsignLogo__text--sign {
695 fill: #30363E 696 } 697 .cloudsignLogo--white .cloudsignLogo__mark, .cloudsignLogo--white .cloudsignLogo__text--cloud, .cloudsignLogo--white .cloudsignLogo__text--sign { 698 fill: #fff 699 } 700 .header { 701 box-shadow: 0 1px 2px 1px rgba(70, 70, 70, 0.1); 702 display: table; 703 width: 100%; 704 margin: 0 auto; 705 padding: 20px 30px; 706 transition: background-color ease-in .3s, height ease-in .3s 707 } 708 .headerLogo { 709 display: table-cell; 710 vertical-align: middle 711 } 712 .headerLogo a { 713 position: relative; 714 display: block; 715 width: 207px; 716 height: 35px 717 } 718 @media screen and (max-width: 960px) { 719 .headerLogo a { 720 margin: 0 auto; 721 width: 170px; 722 height: 28px 723 } 724 } 725 .about { 726 border-top: 1px solid #DAE3ED; 727 color: #30363E; 728 line-height: 1.75; 729 letter-spacing: .1em 730 } 731 .about img { 732 max-width: 100%; 733 height: auto 734 } 735 .about__inner { 736 padding: 80px 20px; 737 max-width: 840px; 738 margin: 0 auto; 739 font-size: 16px 740 } 741 .about__image { 742 max-width: 367px; 743 height: auto; 744 margin: 0 auto 40px 745 } 746 .about__text { 747 margin-bottom: 10px 748 } 749 .about__note { 750 font-size: 11px; 751 line-height: 1.5; 752 margin-bottom: 40px 753 } 754 .about__button { 755 text-align: center 756 } 757 .footerNav { 758 background: #49515A; 759 font-size: 10px; 760 padding: 12px 20px; 761 text-align: center; 762 display: flex; 763 align-items: center; 764 justify-content: center; 765 flex-wrap: wrap 766 } 767 .footerNav a { 768 color: #BCC8D6 769 } 770 .footerNav__list--main, .footerNav__list--sub, .footerNav__list--sns { 771 display: flex; 772 align-items: center; 773 justify-content: center; 774 flex-wrap: wrap; 775 line-height: 1 776 } 777 .footerNav__item { 778 margin: 8px 779 } 780 .footerNav__list--sns .footerNav__item { 781 font-size: 24px 782 } 783 .footerNav__list--sns .footerNav__item a { 784 display: flex 785 } 786 @media screen and (max-width: 480px) { 787 .footerNav { 788 padding: 0; 789 font-size: 10px; 790 flex-direction: column; 791 align-items: stretch 792 } 793 .footerNav__list--sub { 794 order: 3 795 } 796 .footerNav__list--sns { 797 order: 2; 798 border-bottom: 1px solid #697482 799 } 800 .footerNav__list--main .footerNav__item, .footerNav__list--sub .footerNav__item { 801 display: block; 802 border-bottom: 1px solid #697482; 803 margin: 0 804 } 805 .footerNav__list--main .footerNav__item a, .footerNav__list--sub .footerNav__item a { 806 display: block; 807 padding: 20px 0 808 } 809 .footerNav__list--main .footerNav__item { 810 width: 100% 811 } 812 .footerNav__list--sub { 813 background-color: #49515A 814 } 815 .footerNav__list--sub .footerNav__item { 816 width: 50% 817 } 818 .footerNav__list--sub .footerNav__item:nth-child(odd) { 819 border-right: 1px solid #697482 820 } 821 .footerNav__list--sns { 822 padding: 12px 823 } 824 .footerNav__list--sns .footerNav__item { 825 font-size: 32px 826 } 827 } 828 .copyright { 829 text-align: center; 830 background: #30363E; 831 padding: 44px 0 40px 832 } 833 .copyright__logo { 834 width: 180px; 835 height: 30px; 836 display: block; 837 margin: 0 auto 838 } 839 .copyright__text { 840 color: #BCC8D6; 841 font-size: 10px; 842 padding: 6px 0 0; 843 line-height: 1 844 } 845 @media screen and (max-width: 480px) { 846 .copyright { 847 padding: 32px 0 848 } 849 .copyright__logo { 850 width: 160px 851 } 852 .copyright__text { 853 font-size: 12px 854 } 855 } 856 .article { 857 padding: 0 20px 20px; 858 margin: 0 auto 859 } 860 @media screen and (max-width: 768px) { 861 .article { 862 padding: 20px 40px 40px; 863 } 864 } 865 @media screen and (max-width: 480px) { 866 .article { 867 padding: 40px 20px 868 } 869 } 870 .articleBodyWrapper h1 { 871 font-size: 28px; 872 margin: 4px 0 28px; 873 color: #30363E; 874 line-height: 1.5; 875 } 876 .articleHeader__image { 877 margin-bottom: 40px; 878 text-align: center 879 } 880 .articleHeader img { 881 max-width: 100%; 882 height: auto 883 } 884 @media screen and (max-width: 480px) { 885 .articleHeader__text { 886 font-size: 27px; 887 margin-bottom: 0; 888 } 889 .articleHeader__image { 890 margin-right: -20px; 891 margin-left: -20px 892 } 893 } 894 .articleBody { 895 font-size: 16px 896 } 897 .articleBody div { 898 min-height: 1em 899 } 900 .articleNote { 901 background: #F4F7FA; 902 border-radius: 2px; 903 padding: 30px; 904 margin: 12px 0 24px; 905 font-size: 14px 906 } 907 .articleNote div { 908 min-height: 1em 909 } 910 .formWrapper { 911 display: flex; 912 margin: 0 auto 120px; 913 max-width: 1080px; 914 justify-content: center; 915 } 916 @media screen and (max-width: 768px) { 917 .formWrapper { 918 display: flex; 919 margin: 0; 920 flex-direction: column; 921 align-items: center; 922 } 923 } 924 .formWrapper__content { 925 width: 100%; 926 margin: 0 10px 0 0; 927 flex: 2; 928 max-width: 600px; 929 } 930 @media screen and (max-width: 1024px) { 931 .formWrapper__content { 932 flex: 1; 933 } 934 } 935 936 @media screen and (max-width: 768px) { 937 .formWrapper__content { 938 margin: 20px 0 0; 939 max-width: fit-content; 940 } 941 } 942 .articleBodyWrapper { 943 width: 100% !important; 944 } 945 .articleNoteWrapper { 946 width: 100% !important; 947 }
948 /* .formãPardotãã©ã¼ã ã§äºç´æ¸ã¿ã®ãã.form-wrap__itemNoteã«ãªãã¼ã */ 949 .form-wrap__itemNote { 950 color: #8897A7; 951 font-size: 12px; 952 width: 100%; 953 padding-top: 10px !important; 954 padding-left: calc(32% + 10px) !important 955 } 956 /* 追è¨ã#pardot-form .field-label::after */ 957 .form-wrap .mktoForm .mktoLabel::after, .form-wrap .mktoForm .mktoRequiredField .mktoLabel::after, #pardot-form .field-label::after, #pardot-form p.required .field-label::after, #pardot-form span.required .field-label::after, #pardot-form label.required .field-label::after { 958 display: inline-block; 959 height: 16px; 960 width: 40px; 961 text-align: center; 962 letter-spacing: 3px; 963 border-radius: 3px; 964 vertical-align: middle; 965 font-size: 10px; 966 padding: 2px 0; 967 margin: 0 0 0 5px; 968 line-height: 1 969 } 970 /* 追è¨ã#pardot-form */ 971 .form-wrap .mktoForm, #pardot-form { 972 width: auto !important; 973 max-width: 600px; 974 margin: 40px auto 975 } 976 /* 追è¨ã#pardot-form p */ 977 .form-wrap .mktoForm .mktoFormRow, #pardot-form p { 978 margin-bottom: 20px 979 } 980 /* ä¿çãPardotã«FormColã®è¨è¿°è¦å½ããã */ 981 .form-wrap .mktoForm .mktoFormCol { 982 float: none 983 } 984 /* ä¿çãPardotã«HtmlTextã®è¨è¿°è¦å½ããã */ 985 .form-wrap .mktoForm .mktoHtmlText { 986 width: 100% !important; 987 margin: 20px 0 988 } 989 990 .form-field { 991 clear: both; 992 overflow: hidden; 993 } 994 .form-field.hidden { 995 visibility: hidden; 996 height: 0; 997 overflow: hidden; 998 } 999 1000 .c-form--lastName { 1001 width: 48%; 1002 float: left; 1003 } 1004 1005 .c-form--firstName { 1006 width: 48%; 1007 float: right; 1008 clear: none !important; 1009 } 1010 1011 #pardot-form .c-form__item { 1012 margin-bottom: 24px; 1013 } 1014 1015 /* 追è¨ã#pardot-form .field-label */ 1016 .form-wrap .mktoForm .mktoLabel, #pardot-form .field-label { 1017 color: #697482; 1018 display: block; 1019 margin-bottom: 8px; 1020 } 1021 /* 追è¨ã#pardot-form .field-label::after */ 1022 .form-wrap .mktoForm .mktoLabel::after, #pardot-form .field-label::after { 1023 content: 'ä»»æ'; 1024 color: #8897A7; 1025 border: solid 1px #BCC8D6 1026 } 1027 /* 追è¨ã#pardot-form p.required .field-label::after, #pardot-form span.required .field-label::after, #pardot-form label.required .field-label::after */ 1028 .form-wrap .mktoForm .mktoRequiredField .mktoLabel::after, 1029 #pardot-form .form-field.required .field-label::after, 1030 #pardot-form span.required .field-label::after, 1031 #pardot-form label.required .field-label::after { 1032 content: 'å¿ é '; 1033 color: #F42859; 1034 border: solid 1px #F42859 1035 } 1036 /* ä¿çãPardotã«ã¢ã¹ã¿ãªã¹ã¯ã®è¨è¿°è¦å½ããã */ 1037 .form-wrap .mktoForm .mktoRequiredField .mktoAsterix { 1038 display: none 1039 } 1040 /* 追è¨ã#pardot-form .field-label */ 1041 .form-wrap .mktoForm .mktoRequiredField label.mktoLabel, #pardot-form .field-label { 1042 font-weight: normal 1043 } 1044 /* 追è¨ã#pardot-form .submit */ 1045 .form-wrap .mktoForm .mktoButtonRow, #pardot-form .submit { 1046 margin: 20px 0; 1047 text-align: center; 1048 display: block 1049 } 1050 /* ä¿çãPardotã«ButtonWrapã®è¨è¿°è¦å½ããã */ 1051 .form-wrap .mktoForm .mktoButtonWrap { 1052 margin-left: 0 !important 1053 } 1054 /* 追è¨ã#pardot-form .pardotRadioList, #pardot-form .form-field .value */ 1055 /* 追è¨ãwidth: 250px; */ 1056 .form-wrap .mktoForm .mktoRadioList, .form-wrap .mktoForm .mktoCheckboxList, #pardot-form .pardotRadioList, #pardot-form .form-field .value { 1057 padding-bottom: 0; 1058 width: 250px; 1059 } 1060 /* 追è¨ã#pardot-form .pd-radio>label:nth-last-of-type(n+2), #pardot-form .pd-checkbox>label:nth-last-of-type(n+2) */ 1061 /* .form-wrap .mktoForm .mktoRadioList>label:nth-last-of-type(n+2), .form-wrap .mktoForm .mktoCheckboxList>label:nth-last-of-type(n+2), #pardot-form .pardotRadioList>label:nth-last-of-type(n+2), #pardot-form .pardotCheckboxList>label:nth-last-of-type(n+2) { 1062 margin-bottom: 12px 1063 } */ 1064 /* è¤æ°é¸æã®ãã§ãã¯ããã¯ã¹ç¨ã試é¨çã«è¿½å */ 1065 #pardot-form .form-field .value input[type="checkbox"] { 1066 float: left; 1067 margin: 0; 1068 }
1069 #pardot-form .form-field .value .inline { 1070 margin-left: 1.5em; 1071 margin-bottom: 0.6em; 1072 line-height: 1.2em; 1073 display: block; 1074 min-height: 12px; 1075 } 1076 /* 追è¨ã#pardot-form input[type="radio"] */ 1077 .form-wrap .mktoForm input[type="radio"], #pardot-form input[type="radio"] { 1078 -webkit-appearance: radio 1079 } 1080 /* 追è¨ã#pardot-form input[type="checkbox"] */ 1081 .form-wrap .mktoForm input[type="checkbox"], #pardot-form input[type="checkbox"] { 1082 -webkit-appearance: checkbox 1083 } 1084 /* 追è¨ã#pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select */ 1085 .form-wrap .mktoForm input[type="url"], .form-wrap .mktoForm input[type="text"], .form-wrap .mktoForm input[type="tel"], .form-wrap .mktoForm input[type="email"], .form-wrap .mktoForm input[type="number"], .form-wrap .mktoForm input[type="date"], .form-wrap .mktoForm input[type="password"], .form-wrap .mktoForm select, #pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select { 1086 height: 36px !important 1087 } 1088 /* 追è¨ã#pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select, #pardot-form textarea */ 1089 .form-wrap .mktoForm input[type="url"], .form-wrap .mktoForm input[type="text"], .form-wrap .mktoForm input[type="tel"], .form-wrap .mktoForm input[type="email"], .form-wrap .mktoForm input[type="number"], .form-wrap .mktoForm input[type="date"], .form-wrap .mktoForm input[type="password"], .form-wrap .mktoForm select, .form-wrap .mktoForm textarea, #pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select, #pardot-form textarea { 1090 border: 1px solid #BCC8D6; 1091 border-radius: 4px; 1092 background: #F4F7FA; 1093 padding: 2px 10px 0; 1094 font-size: 13px; 1095 line-height: 1; 1096 width: 100%; 1097 transition: border .5s 1098 } 1099 /* 追è¨ã#pardot-form input[type="url"]:focus, #pardot-form input[type="url"]:hover, #pardot-form input[type="text"]:focus, #pardot-form input[type="text"]:hover, #pardot-form input[type="tel"]:focus, #pardot-form input[type="tel"]:hover, #pardot-form input[type="email"]:focus, #pardot-form input[type="email"]:hover, #pardot-form input[type="number"]:focus, #pardot-form input[type="number"]:hover, #pardot-form input[type="date"]:focus, #pardot-form input[type="date"]:hover, #pardot-form input[type="password"]:focus, #pardot-form input[type="password"]:hover, #pardot-form select:focus, #pardot-form select:hover, #pardot-form textarea:focus, #pardot-form textarea:hover */ 1100 .form-wrap .mktoForm input[type="url"]:focus, .form-wrap .mktoForm input[type="url"]:hover, .form-wrap .mktoForm input[type="text"]:focus, .form-wrap .mktoForm input[type="text"]:hover, .form-wrap .mktoForm input[type="tel"]:focus, .form-wrap .mktoForm input[type="tel"]:hover, .form-wrap .mktoForm input[type="email"]:focus, .form-wrap .mktoForm input[type="email"]:hover, .form-wrap .mktoForm input[type="number"]:focus, .form-wrap .mktoForm input[type="number"]:hover, .form-wrap .mktoForm input[type="date"]:focus, .form-wrap .mktoForm input[type="date"]:hover, .form-wrap .mktoForm input[type="password"]:focus, .form-wrap .mktoForm input[type="password"]:hover, .form-wrap .mktoForm select:focus, .form-wrap .mktoForm select:hover, .form-wrap .mktoForm textarea:focus, .form-wrap .mktoForm textarea:hover, #pardot-form input[type="url"]:focus, #pardot-form input[type="url"]:hover, #pardot-form input[type="text"]:focus, #pardot-form input[type="text"]:hover, #pardot-form input[type="tel"]:focus, #pardot-form input[type="tel"]:hover, #pardot-form input[type="email"]:focus, #pardot-form input[type="email"]:hover, #pardot-form input[type="number"]:focus, #pardot-form input[type="number"]:hover, #pardot-form input[type="date"]:focus, #pardot-form input[type="date"]:hover, #pardot-form input[type="password"]:focus, #pardot-form input[type="password"]:hover, #pardot-form select:focus, #pardot-form select:hover, #pardot-form textarea:focus, #pardot-form textarea:hover { 1101 border: solid 1px #BCC8D6; 1102 box-shadow: inset 0px 2px 1px 0 rgba(0, 0, 0, 0.1) 1103 } 1104 /* ä¿çãPardotã§RangeFieldè¦å½ããã */ 1105 .form-wrap .mktoForm .mktoRangeField { 1106 width: calc((100% - 32%) - 10px) !important 1107 } 1108 /* ä¿çãPardotã§RangeFieldè¦å½ããã */ 1109 .form-wrap .mktoForm .mktoRangeField .mktoRangeValueText { 1110 color: #fff; 1111 background: #30363E; 1112 border: 1px solid #30363E; 1113 box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2) 1114 } 1115 /* ä¿çãPardotã§RangeFieldè¦å½ããã */ 1116 .form-wrap .mktoForm .mktoRangeField .mktoRangeValueArrow { 1117 background: #30363E; 1118 border: 1px solid #30363E; 1119 bottom: 8px 1120 } 1121 /* 追è¨ã#pardot-form input[type="range"] */ 1122 .form-wrap .mktoForm input[type="range"], #pardot-form input[type="range"] { 1123 -webkit-appearance: none; 1124 margin: 4px 0; 1125 width: 100% !important; 1126 outline: none 1127 } 1128 /* 追è¨ã#pardot-form input[type="range"]::-webkit-slider-runnable-track */ 1129 .form-wrap .mktoForm input[type="range"]::-webkit-slider-runnable-track, #pardot-form input[type="range"]::-webkit-slider-runnable-track { 1130 width: 100%; 1131 height: 8.4px; 1132 cursor: pointer; 1133 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset; 1134 background: #EAF0F6; 1135 border-radius: 4px 1136 } 1137 /* 追è¨ã#pardot-form input[type="range"]::-webkit-slider-thumb */ 1138 .form-wrap .mktoForm input[type="range"]::-webkit-slider-thumb, #pardot-form input[type="range"]::-webkit-slider-thumb { 1139 box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.1); 1140 height: 16px; 1141 width: 16px; 1142 border-radius: 50%; 1143 background: #0D64C9; 1144 cursor: pointer; 1145 -webkit-appearance: none; 1146 margin-top: -4px 1147 } 1148 /* 追è¨ã#pardot-form input[type="range"]::-moz-range-track */ 1149 .form-wrap .mktoForm input[type="range"]::-moz-range-track, #pardot-form input[type="range"]::-moz-range-track { 1150 width: 100%; 1151 height: 8.4px; 1152 cursor: pointer; 1153 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset; 1154 background: #EAF0F6; 1155 border-radius: 4px 1156 } 1157 /* 追è¨ã#pardot-form input[type="range"]::-moz-range-thumb */ 1158 .form-wrap .mktoForm input[type="range"]::-moz-range-thumb, #pardot-form input[type="range"]::-moz-range-thumb { 1159 box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.1); 1160 height: 16px; 1161 width: 16px; 1162 border-radius: 50%; 1163 background: #0D64C9; 1164 cursor: pointer 1165 } 1166 /* 追è¨ã#pardot-form input[type="range"]::-ms-track */ 1167 .form-wrap .mktoForm input[type="range"]::-ms-track, #pardot-form input[type="range"]::-ms-track { 1168 width: 100%; 1169 height: 8px; 1170 cursor: pointer; 1171 background: transparent; 1172 border-color: transparent; 1173 border-width: 4px 0; 1174 color: transparent 1175 } 1176 /* 追è¨ã#pardot-form input[type="range"]::-ms-fill-lower */ 1177 .form-wrap .mktoForm input[type="range"]::-ms-fill-lower, #pardot-form input[type="range"]::-ms-fill-lower { 1178 background: #EAF0F6; 1179 border-radius: 4px; 1180 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset 1181 } 1182 /* 追è¨ã#pardot-form input[type="range"]::-ms-fill-upper */ 1183 .form-wrap .mktoForm input[type="range"]::-ms-fill-upper, #pardot-form input[type="range"]::-ms-fill-upper { 1184 background: #EAF0F6; 1185 border-radius: 4px; 1186 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) inset 1187 } 1188 /* 追è¨ã#pardot-form input[type="range"]::-ms-thumb */ 1189 .form-wrap .mktoForm input[type="range"]::-ms-thumb, #pardot-form input[type="range"]::-ms-thumb { 1190 box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.1); 1191 height: 16px; 1192 width: 16px; 1193 border-radius: 50%; 1194 background: #0D64C9; 1195 cursor: pointer; 1196 border: none 1197 } 1198 /* 追è¨ã#pardot-form select */ 1199 .form-wrap .mktoForm select, #pardot-form select { 1200 position: relative; 1201 width: 100%; 1202 appearance: none; 1203 -webkit-appearance: none; 1204 height: 36px; 1205 border: 1px solid #DAE3ED; 1206 border-radius: 4px; 1207 background: #fff; 1208 padding: 2px 10px 0 !important; 1209 font-size: 13px; 1210 line-height: 1; 1211 transition: border .5s; 1212 color: #30363E; 1213 background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkgNS41IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00LjUgNS41YTEgMSAwIDAgMSAtLjcxLS4yOWwtMy41LTMuNWExIDEgMCAwIDEgMS40Mi0xLjQybDIuNzkgMi44IDIuNzktMi44YTEgMSAwIDAgMSAxLjQyIDEuNDJsLTMuNSAzLjVhMSAxIDAgMCAxIC0uNzEuMjl6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+); 1214 background-position: 100% center; 1215 background-repeat: no-repeat; 1216 background-size: 19px 5.5px 1217 } 1218 /* 追è¨ã#pardot-form select:focus, #pardot-form select:hover */ 1219 .form-wrap .mktoForm select:focus, .form-wrap .mktoForm select:hover, #pardot-form select:focus, #pardot-form select:hover { 1220 border: solid 1px #DAE3ED; 1221 box-shadow: inset 0px 2px 1px 0 rgba(0, 0, 0, 0.1) 1222 } 1223 /* 追è¨ã#pardot-form textareaã¨height: calc( 1.6em * 4 ); */ 1224 .form-wrap .mktoForm textarea, #pardot-form textarea { 1225 padding: 10px; 1226 line-height: 1.6; 1227 height: calc( 1.6em * 4 ); 1228 } 1229 /* ä¿çãPardotã«DateButtonè¦å½ããã */ 1230 .form-wrap .mktoForm .mktoDateButton { 1231 margin-left: 0 !important; 1232 margin-right: -25px; 1233 position: relative !important 1234 } 1235 @media screen and (max-width: 480px) { 1236 /* 追è¨ã#pardot-form */ 1237 .form-wrap .mktoForm, #pardot-form { 1238 margin: 0 1239 } 1240 /* 追è¨ã#pardot-form .form-field */ 1241 .form-wrap .mktoForm .mktoFieldWrap, #pardot-form .form-field { 1242 flex-direction: column; 1243 align-items: flex-start 1244 } 1245 /* 追è¨ã#pardot-form p */ 1246 .form-wrap .mktoForm .mktoFormRow, #pardot-form p { 1247 margin-bottom: 20px 1248 } 1249 /* 追è¨ã#pardot-form .field-label */ 1250 .form-wrap .mktoForm .mktoLabel, #pardot-form .field-label { 1251 width: 100% !important; 1252 text-align: left; 1253 margin-bottom: 5px 1254 } 1255 /* 追è¨ã#pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select, #pardot-form textarea */ 1256 .form-wrap .mktoForm input[type="url"], .form-wrap .mktoForm input[type="text"], .form-wrap .mktoForm input[type="tel"], .form-wrap .mktoForm input[type="email"], .form-wrap .mktoForm input[type="number"], .form-wrap .mktoForm input[type="date"], .form-wrap .mktoForm input[type="password"], .form-wrap .mktoForm select, .form-wrap .mktoForm textarea, #pardot-form input[type="url"], #pardot-form input[type="text"], #pardot-form input[type="tel"], #pardot-form input[type="email"], #pardot-form input[type="number"], #pardot-form input[type="date"], #pardot-form input[type="password"], #pardot-form select, #pardot-form textarea { 1257 width: 100% !important; 1258 font-size: 16px !important 1259 } 1260 /* 追è¨ã#pardot-form textarea */ 1261 .form-wrap .mktoForm textarea, #pardot-form textarea { 1262 height: auto !important 1263 } 1264 /* ä¿çãPardotã«RengeFieldè¦å½ããã */ 1265 .form-wrap .mktoForm .mktoRangeField { 1266 margin-top: 16px; 1267 width: 100% !important 1268 } 1269 } 1270 /* 追è¨ã#pardot-formãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1271 .mktoText, .mktoForm, #pardot-form { 1272 line-height: 1.75; 1273 letter-spacing: .1em; 1274 color: #30363E 1275 } 1276 /* 追è¨ã#pardot-form imgãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1277 .mktoText img, .mktoForm img, #pardot-form img { 1278 max-width: 100%; 1279 height: auto 1280 } 1281 /* 追è¨ã#pardot-form a:not([class*="button"])ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1282 .mktoText a:not([class*="button"]), .mktoForm a:not([class*="button"]), #pardot-form a:not([class*="button"]) { 1283 color: #0D64C9 1284 } 1285 1286 /* 追è¨ã#pardot-form h2ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1287 .mktoText h2, .mktoForm h2, #pardot-form h2 { 1288 font-size: 27px; 1289 margin: 10px 0 1290 } 1291 /* 追è¨ã#pardot-form h3ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1292 .mktoText h3, .mktoForm h3, #pardot-form h3 { 1293 font-size: 23px; 1294 margin: 10px 0 1295 } 1296 /* 追è¨ã#pardot-form h4ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1297 .mktoText h4, .mktoForm h4, #pardot-form h4 { 1298 font-size: 17px; 1299 margin: 10px 0 1300 } 1301 /* 追è¨ã#pardot-form ulãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1302 .mktoText ul, .mktoForm ul, #pardot-form ul { 1303 list-style-type: disc; 1304 padding-left: 2em 1305 } 1306 /* 追è¨ã#pardot-form olãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1307 .mktoText ol, .mktoForm ol, #pardot-form ol { 1308 list-style-type: decimal; 1309 padding-left: 2em 1310 } 1311 /* 追è¨ã#pardot-form li:not(:last-child)ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1312 .mktoText li:not(:last-child), .mktoForm li:not(:last-child), #pardot-form li:not(:last-child) { 1313 margin-bottom: 0.25em 1314 } 1315 /* 追è¨ã#pardot-form [class*="button"]ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1316 .mktoText [class*="button"], .mktoForm [class*="button"], #pardot-form [class*="button"] { 1317 margin: 40px 0 1318 } 1319 /* 追è¨ã#pardot-form .tableãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1320 .mktoText .table, .mktoForm .table, #pardot-form .table { 1321 width: 100%; 1322 overflow-x: auto; 1323 -webkit-overflow-scrolling: touch 1324 } 1325 /* 追è¨ã#pardot-form .table tableãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1326 .mktoText .table table, .mktoForm .table table, #pardot-form .table table { 1327 width: 800px 1328 } 1329 /* 追è¨ããã©ã¼ã ãã£ã¼ã«ãä¸é¨ã®è£è¶³èª¬æé¨å */ 1330 .form .form-field .description { 1331 color:#8897A7; 1332 font-size: 12px; 1333 margin: -18px 0 24px; 1334 display: block; 1335 } 1336 @media screen and (max-width: 480px) { 1337 /* 追è¨ã#pardot-form h1ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1338 .mktoText h1, .mktoForm h1, #pardot-form h1 { 1339 font-size: 27px 1340 } 1341 /* 追è¨ã#pardot-form h2ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1342 .mktoText h2, .mktoForm h2, #pardot-form h2 { 1343 font-size: 23px; 1344 margin: 10p
1344x 0 1345 } 1346 /* 追è¨ã#pardot-form h3ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1347 .mktoText h3, .mktoForm h3, #pardot-form h3 { 1348 font-size: 17px; 1349 margin: 10px 0 1350 } 1351 /* 追è¨ã#pardot-form h4ãä¿çãPardotã§mktoTextç¸å½ã®ãã®ãç¢ºèª */ 1352 .mktoText h4, .mktoForm h4, #pardot-form h4 { 1353 font-size: 13px; 1354 margin: 10px 0 1355 } 1356 } 1357 1358 /* build from scss start */ 1359 .siteHeader { 1360 text-align: left; 1361 line-height: 1.5em; 1362 font-size: 13px; 1363 letter-spacing: normal; 1364 font-weight: normal; 1365 font-family: "Helvetica Neue", Helvetica, "Avenir Next", Verdana, 1366 "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "游ã´ã·ãã¯", "Yu Gothic", 1367 "ã¡ã¤ãªãª", Meiryo, Osaka, sans-serif; 1368 } 1369 .siteHeader ul, 1370 .siteHeader ol { 1371 padding: 0; 1372 margin: 0; 1373 list-style-type: none; 1374 } 1375 .siteHeader a { 1376 text-decoration: none; 1377 } 1378 body.\-fixed { 1379 position: fixed; 1380 width: 100%; 1381 } 1382 .siteHeader { 1383 position: sticky; 1384 position: -webkit-sticky; 1385 display: flex; 1386 align-items: center; 1387 padding: 0 32px; 1388 background-color: #fff; 1389 z-index: 99999; 1390 top: 0; 1391 right: 0; 1392 left: 0; 1393 box-shadow: 0 1px 2px 1px rgba(70, 70, 70, 0.1); 1394 height: 64px; 1395 min-width: 1200px; 1396 } 1397 body[data-site-header="fixed"] .siteHeader { 1398 position: fixed; 1399 } 1400 body[data-site-header="relative"] .siteHeader { 1401 position: relative; 1402 } 1403 .siteHeader__logo { 1404 margin-right: 32px; 1405 line-height: 1; 1406 } 1407 .siteHeader__logo a { 1408 display: inline-block; 1409 } 1410 .siteHeader__logo a:hover { 1411 opacity: 0.8; 1412 } 1413 .siteHeader__logo svg { 1414 width: 184px; 1415 height: 25px; 1416 } 1417 @media screen and (max-width: 767px) { 1418 .siteHeader { 1419 padding: 0 16px; 1420 height: 56px; 1421 justify-content: center; 1422 min-width: auto; 1423 } 1424 .siteHeader__logo { 1425 margin-right: 0; 1426 flex-grow: 1; 1427 } 1428 .siteHeader__logo svg { 1429 width: 161px; 1430 height: 21px; 1431 } 1432 } 1433 .siteHeader_wrapper { 1434 padding: 24px 32px; 1435 display: flex; 1436 align-items: center; 1437 } 1438 .siteHeader_link { 1439 text-decoration: none; 1440 transition: all 0.2s ease-out; 1441 } 1442 .siteHeader_link:hover { 1443 opacity: 0.8; 1444 } 1445 .siteHeader_logo { 1446 width: 184px; 1447 height: 25px; 1448 } 1449 @media screen and (max-width: 767px) { 1450 .siteHeader_wrapper { 1451 padding: 16px; 1452 } 1453 .siteHeader_logo { 1454 width: 161px; 1455 height: 21px; 1456 } 1457 } 1458 /* build from scss end */ 1459 </style><meta name="robots" content="noindex">
1459<script type="text/javascript" src="https://cs.cloudsign.jp/js/piUtils.js?ver=2021-09-20"></script>
1459<script type="text/javascript"> 1460piAId = '909892'; 1461piCId = '1368'; 1462piHostname = 'cs.cloudsign.jp'; 1463 1464(function() { 1465 function async_load(){ 1466 var s = document.createElement('script'); s.type = 'text/javascript'; 1467 s.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + piHostname + '/pd.js'; 1468 var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); 1469 } 1470 if(window.attachEvent) { window.attachEvent('onload', async_load); } 1471 else { window.addEventListener('load', async_load, false); } 1472})(); 1473</script>
1473</head><body> 1474 1475 1476 <!-- Google Tag Manager --> 1477
1477<script>
vendor: 351 bytes, lines 1477-1481
1477(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1478 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1479 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1480 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1481 })(window,document,'script','dataLayer','
1481GTM-554T9F
vendor: 3 bytes, line 1481
1481');
1481</script>
vendor: 67 bytes, line 1481
1481<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1481GTM-554T9F
vendor: 89 bytes, lines 1481-1482
1481" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1482
1482<!-- End Google Tag Manager --> 1483 1484
1484<script src="https://cdnjs.cloudflare.com/ajax/libs/stickyfill/2.1.0/stickyfill.js" integrity="sha256-gBs2HT8dBEbxPw4DEApOwbWb3Cdsl6EymZ4Y3rn+3gg=" crossorigin="anonymous"></script>
1484<script> 1485 window.addEventListener('load', function() { 1486 // sticky 1487 if (['fixed', 'relative'].indexOf(document.body.dataset.siteHeader_wrapper) === -1) { 1488 const siteHeaderWrapper = document.querySelector('.siteHeader_wrapper') 1489 Stickyfill.add(siteHeaderWrapper) 1490 } 1491 }) 1492 </script>
1492<div class="siteHeader_wrapper"> 1493 <a class="siteHeader_link" href="/"> 1494 <svg class="siteHeader_logo"><use xlink:href="#logo-cloudsign"></use></svg></a> 1495 </div> 1496 <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="logo-cloudsign" viewbox="0 0 184 25"><g fill="#0D64C9"><path d="m89.7727 15.6033v-10.04349h3.7615v9.94589c0 2.7844 1.3918 4.225 3.6877 4.225 2.2955 0 3.6881-1.3918 3.6881-4.1029v-10.06799h3.761v9.92169c0 5.1775-2.906 7.7172-7.4983 7.7172-4.591 0-7.4-2.5643-7.4-7.5954z"></path><path d="m77.8402 19.1065c-2.7631 0-5.0033-2.2402-5.0033-5.0033s2.2402-5.00327 5.0033-5.00327 5.0033 2.24017 5.0033 5.00327-2.2402 5.0033-5.0033 5.0033zm0-13.82379c-4.8717 0-8.8209 3.94878-8.8209 8.82049 0 4.8717 3.9492 8.8209 8.8209 8.8209s8.8209-3.9492 8.8209-8.8209c0-4.87171-3.9492-8.82049-8.8209-8.82049z"></path><path d="m111.946 8.95502v10.30578h2.673c3.077 0 5.153-2.0759 5.153-5.1041v-.0488c0-3.0283-2.076-5.15288-5.153-5.15288zm-3.761-3.39508h6.434c5.373 0 9.085 3.6877 9.085 8.49916v.0488c0 4.8115-3.712 8.5479-9.085 8.5479h-6.434z"></path><path d="m50.0725 16.6078c-.8648 1.4942-2.4795 2.5008-4.3303 2.5008-2.7619 0-5.0013-2.2389-5.0013-5.0008s2.2394-5.00084 5.0013-5.00084c1.8508 0 3.4655 1.00614 4.3303 2.50084l3.3041-1.90781c-1.5246-2.63443-4.3713-4.40861-7.6344-4.40861-4.8693 0-8.8164 3.94754-8.8164 8.81642 0 4.8688 3.9471 8.8164 8.8164 8.8164 3.2631 0 6.1098-1.7742 7.6344-4.409z"></path><path d="m67.098 19.2366h-6.9644v-13.67666h-3.761v17.09586h12.6991z"></path><path d="m15.6891 11.7654-4.7033 8.1455v4.2635l3.6931-2.1316 4.7028-8.1455z"></path><path d="m28.293 9.81025c-1.12-5.58812-6.0651-9.81025-11.9778-9.81025-5.8537 0-10.75905 4.13853-11.94307 9.64385-2.58401 1.23325-4.37213 3.85945-4.37213 6.89265 0 3.6438 2.58115 6.6979 6.0209 7.4578v-3.7607c-1.43033-.632-2.42787-2.0488-2.42787-3.6971 0-2.2357 1.83484-4.0484 4.09795-4.0484h.00902c-.00287-.0906-.00697-.1807-.00697-.2725 0-4.76191 3.86027-8.62216 8.62217-8.62216 3.5848 0 6.6582 2.18812 7.9586 5.30164h-3.5799l2.0745 3.59302h1.8816c.0947 0 .1881-.0082.2811-.0205-.0004.0107-.0004.0205-.0008.0312 2.1324.1422 3.8176 1.8951 3.8176 4.0377 0 2.2356-1.8344 4.0483-4.0979 4.0483h-5.2684l-2.075 3.5935h7.3434c4.241 0 7.6914-3.4283 7.6914-7.6418 0-2.8845-1.6328-5.4279-4.0484-6.72625z"></path></g><g fill="#30363E"><path d="m126.884 20.0014 1.807-2.1492c1.636 1.4164 3.297 2.2225 5.398 2.2225 1.856 0 3.028-.8795 3.028-2.1492v-.0491c0-1.2209-.684-1.8804-3.859-2.6132-3.639-.8791-5.69-1.9536-5.69-5.1041v-.0487c0-2.93076 2.442-4.95781 5.837-4.95781 2.491 0 4.469.75697 6.203 2.14918l-1.612 2.27131c-1.539-1.14795-3.077-1.75861-4.64-1.75861-1.758 0-2.784.90369-2.784 2.02705v.04877c0 1.31881.781 1.90531 4.078 2.68691 3.615.8787 5.471 2.1733 5.471 5.0065v.0488c0 3.1988-2.516 5.1041-6.106 5.1041-2.613 0-5.079-.9037-7.131-2.7352z"></path><path d="m143.336 22.651h3.004v-17.09546h-3.004z"></path><path d="m168.552 5.39648h2.784l9.158 11.82092v-11.82092h2.956v17.09592h-2.516l-9.427-12.1623v12.1623h-2.955z"></path><path d="m156.853 13.1222 1.51 2.6135h4.048v2.5488c-1.049 1.0598-2.504 1.7168-4.113 1.7168-3.197 0-5.789-2.5914-5.789-5.7881s2.592-5.78814 5.789-5.78814c1.595 0 3.039.64508 4.086 1.68854l2.159-2.15821c-1.6-1.59631-3.807-2.5832-6.245-2.5832-4.883 0-8.841 3.9582-8.841 8.84101 0 4.8824 3.958 8.8405 8.841 8.8405 2.861 0 5.404-1.3602 7.019-3.468v-5.1569-1.3066z"></path></g></symbol></defs></svg><main class="contentWrapper"><article class="article"><div class="formWrapper"> 1497 <div class="formWrapper__content"> 1498 1499 <section class="mktoText articleBodyWrapper" id="bodyText" m
1499ktoname="æ¬æããã¹ã" pardot-region="main_text_block" pardot-region-type="section" data-id="42297" data-hml-enabled="1"><header class="articleHeader"><h1>ãã©ã³ãæéã«ã¤ãã¦ã®ç¸è«ãã©ã¼ã </h1> 1500</header><div class="articleBody"><strong>å³å´ã®ãã©ã¼ã ã«å¿ é äºé ã¨ãåãåããå 容ããå ¥åãã ããã<br> 1501é常2-3å¶æ¥æ¥ä»¥å ã«ãæ å½è ããé£çµ¡ãããã¾ãã<br><img alt="" border="0" src="https://cs.cloudsign.jp/l/908892/2025-11-04/g5bn4/908892/1762241235N41KnNAk/_.png" style="width: 100%; border-width: 0px; border-style: solid;" width="100"></strong></div></section><section class="mktoText articleNoteWrapper" id="noteText" mktoname="è£è¶³ã¨ãªã¢" pardot-region="annotation_block" pardot-region-type="section" data-id="42300" data-hml-enabled="1"><div class="articleNote"> 1502<p style="font-size: 22px; text-align: center;"><strong>ãã§ã«ã¯ã©ã¦ããµã¤ã³ããå©ç¨ä¸ã®ã客æ§ã¸</strong></p> 1503ããããããããã 1504 1505<p>ãä¸æç¹ããããã¾ãããããã£ãããµãã¼ããããåãåãããã ããã<br> 1506以ä¸ã®æé ã§ãã£ãããç«ã¡ä¸ãã¦ããã ãã¾ãã<br> 1507ã»ã¢ã«ã¦ã³ãããæã¡ã®æ¹ï¼<a href="https://www.cloudsign.jp/?_ttr=c86710eebf04a757cce1f95ed798bcbatc11762246749783#hs-chat-open">ãã°ã¤ã³å¾</a>ãããã·ã¥ãã¼ãå³ä¸ã®ãã£ãããã<br> 1508ã»ã¢ã«ã¦ã³ãããæã¡ã§ãªãæ¹ï¼åä¿¡è ï¼ï¼ï¼»<a href="https://www.cloudsign.jp/#hs-chat-open">ãã¡ã</a>ï¼½ããã¢ã¯ã»ã¹ããå³ä¸ã«è¡¨ç¤ºããããã£ãããã<br> 1509ãã£ãããµãã¼ãã®ãå©ç¨æ¹æ³ï¼<a href="https://help.cloudsign.jp/ja/articles/3205147">ãã«ããã¼ã¸</a></p> 1510</div></section></div> 1511 <!-- ãã©ã¼ã å®è£ æ¹å¼ï¼Pardotãã©ã¼ã ãã³ãã©ã¼ --> 1512 <!-- ãã©ã¼ã å®è£ æ¹å¼ï¼Pardotãã©ã¼ã --> 1513 <div class="form-wrap"> 1514 <div class="form-wrap__inner"> 1515 <div pardot-region="formtext" pardot-region-type="section" data-id="42303" data-hml-enabled="1"></div> 1516 <form accept-charset="UTF-8" method="post" action="https://cs.cloudsign.jp/lp2_contact_cloudsign" class="form" id="pardot-form"> 1517 1518<style type="text/css"> 1519form.form p label { color: #000000; } 1520</style><div class="form-field required"> 1521 <div class="c-form__item"> 1522 <label class="field-label" for="compname">ä¼ç¤¾å</label> 1523 <input type="text" id="compname" autocomplete="off"><div id="suggestions" style="display:none"></div> 1524 </div> 1525 1526 </div> 1527 1528 1529 <div class="form-field c-form--lastName last_name pd-text required "> 1530 <div class="c-form__item"> 1531 1532 <label class="field-label" for="908892_267861pi_908892_267861">å§</label> 1533 1534 1535 <input type="text" name="908892_267861pi_908892_267861" id="908892_267861pi_908892_267861" value="" class="text" size="30" maxlength="80" onchange="" onfocus=""></div> 1536 1537 1538 <div id="error_for_908892_267861pi_908892_267861" style="display:none"></div> 1539 1540 </div> 1541 1542 <div class="form-field c-form--firstName first_name pd-text required "> 1543 <div class="c-form__item"> 1544 1545 <label class="field-label" for="908892_267864pi_908892_267864">å</label> 1546 1547 1548 <input type="text" name="908892_267864pi_908892_267864" id="908892_267864pi_908892_267864" value="" class="text" size="30" maxlength="40" onchange="" onfocus=""></div> 1549 1550 1551 <div id="error_for_908892_267864pi_908892_267864" style="display:none"></div> 1552 1553 </div> 1554 1555 <div class="form-field company pd-hidden required hidden "> 1556 <div class="c-form__item"> 1557 1558 1559 <input type="hidden" name="908892_267867pi_908892_267867" id="908892_267867pi_908892_267867" value=""></div> 1560 1561 1562 <div id="error_for_908892_267867pi_908892_267867" style="display:none"></div> 1563 1564 </div> 1565 1566 <div class="form-field email pd-text required "> 1567 <div class="c-form__item"> 1568 1569 <label class="field-label" for="908892_267870pi_908892_267870">ã¡ã¼ã«ã¢ãã¬ã¹</label> 1570 1571 1572 <input type="text" name="908892_267870pi_908892_267870" id="908892_267870pi_908892_267870" value="" class="text" size="30" maxlength="255" onchange="" onfocus=""></div> 1573 1574 1575 <div id="error_for_908892_267870pi_908892_267870" style="display:none"></div> 1576 1577 </div> 1578 1579 <div class="form-field CustomDepartment pd-text required "> 1580 <div class="c-form__item"> 1581 1582 <label class="field-label" for="908892_267873pi_908892_267873">é¨ç½²</label> 1583 1584 1585 <input type="text" name="908892_267873pi_908892_267873" id="908892_267873pi_908892_267873" value="" class="text" size="30" maxlength="65535" onchange="" onfocus=""></div> 1586 1587 1588 <div id="error_for_908892_267873pi_908892_267873" style="display:none"></div> 1589 1590 </div> 1591 1592 <div class="form-field phone pd-text required "> 1593 <div class="c-form__item"> 1594 1595 <label class="field-label" for="908892_267876pi_908892_267876">é»è©±çªå·</label> 1596 1597 1598 <input type="text" name="908892_267876pi_908892_267876" id="908892_267876pi_908892_267876" value="" class="text" size="30" maxlength="40" onchange="" onfocus=""></div> 1599 1600 1601 <div id="error_for_908892_267876pi_908892_267876" style="display:none"></div> 1602 1603 </div> 1604 1605 <div class="form-field Position_In_Implementation pd-select required "> 1606 <div class="c-form__item"> 1607 1608 <label class="field-label" for="908892_267879pi_908892_267879">å°å ¥ã«ãããç«å ´</label> 1609 1610 1611 <select name="908892_267879pi_908892_267879" id="908892_267879pi_908892_267879" class="select" onchange=""><option value="" selected></option><option value="1471497">1. å°å ¥ã®æ±ºè£ã»æ¿èªãããç«å ´</option><option value="1471500">2. å°å ¥ãµã¼ãã¹ã®æ¯è¼ã»é¸å®ãããç«å ´</option><option value="1471503">3. 社å ã§ã®å°å ¥ãæ¨é²ããç«å ´</option><option value="1471506">4. æ å ±åéã»å°å ¥å¾ã®å©ç¨</option></select></div> 1612 1613 1614 <div id="error_for_908892_267879pi_908892_267879" style="display:none"></div> 1615 1616 </div> 1617 1618 <div class="form-field WantToKnowDetail pd-textarea required "> 1619 <div class="c-form__item"> 1620 1621 <label class="field-label" for="908892_267882pi_908892_267882">ãåãåããå 容</label> 1622 1623 1624 <textarea name="908892_267882pi_908892_267882" id="908892_267882pi_908892_267882" onchange="" cols="40" rows="10" class="standard"></textarea></div> 1625 1626 1627 <div id="error_for_908892_267882pi_908892_267882" style="display:none"></div> 1628 1629 </div> 1630 1631 <div class="form-field WantToKnow pd-checkbox required "> 1632 <div class="c-form__item"> 1633 1634 <label class="field-label" for="908892_267885pi_908892_267885"><a target="_blank" href="https://www.cloudsign.jp/privacy">ãã©ã¤ãã·ã¼ããªã·ã¼</a>ã«åæ</label> 1635 1636 1637 <span class="value"><span><input type="checkbox" name="908892_267885pi_908892_267885_1471509" id="908892_267885pi_908892_267885_1471509" value="1471509" onchange=""><label class="inline" for="908892_267885pi_908892_267885_1471509">åæãã</label></span></span> 1638 </div> 1639 1640 1641 <div id="error_for_908892_267885pi_908892_267885" style="display:none"></div> 1642 1643 </div> 1644 1645 <div class="form-field LandingPageUrlLatest pd-hidden hidden "> 1646 <div class="c-form__item"> 1647 1648 1649 <input type="hidden" name="908892_271871pi_908892_271871" id="908892_271871pi_908892_271871" value=""></div> 1650 1651 1652 <div id="error_for_908892_271871pi_908892_271871" style="display:none"></div> 1653 1654 </div> 1655 1656 <div class="form-field utm_medium pd-hidden hidden "> 1657 <div class="c-form__item"> 1658 1659 1660 <input type="hidden" name="908892_267888pi_908892_267888" id="908892_267888pi_908892_267888" value=""></div> 1661 1662 1663 <div id="error_for_908892_267888pi_908892_267888" style="display:none"></div> 1664 1665 </div> 1666 1667 <div class="form-field utm_source pd-hidden hidden "> 1668 <div class="c-form__item"> 1669 1670 1671 <input type="hidden" name="908892_267891pi_908892_267891" id="908892_267891pi_908892_267891" value=""></div> 1672 1673 1674 <div id="error_for_908892_267891pi_908892_267891" style="display:none"></div> 1675 1676 </div> 1677 1678 <div class="form-field utm_campaign pd-hidden hidden "> 1679 <div class="c-form__item"> 1680 1681 1682 <input type="hidden" name="908892_267894pi_908892_267894" id="908892_267894pi_908892_267894" value=""></div> 1683 1684 1685 <div id="error_for_908892_267894pi_908892_267894" style="display:none"></div> 1686 1687 </div> 1688 1689 <div class="form-field utm_term pd-hidden hidden "> 1690 <div class="c-form__item"> 1691 1692 1693 <input type="hidden" name="908892_267897pi_908892_267897" id="908892_267897pi_908892_267897" value=""></div> 1694 1695 1696 <div id="error_for_908892_267897pi_908892_267897" style="display:none"></div> 1697 1698 </div> 1699 1700 1701 <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"> 1702 <label for="pi_extra_field">Comments</label> 1703 <input type="text" name="pi_extra_field" id="pi_extra_field"></p> 1704 1705 <!-- forces IE5-8 to correctly submit UTF8 content --> 1706 <input name="_utf8" type="hidden" value="â"><p class="submit"> 1707 <input type="submit" accesskey="s" value="ä»ããåãåãããï¼ç¡æï¼"></p> 1708 1709 1710 1711 1712
1712<script type="text/javascript"> 1713//<![CDATA[ 1714 1715 var anchors = document.getElementsByTagName("a"); 1716 for (var i=0; i<anchors.length; i++) { 1717 var anchor = anchors[i]; 1718 if(anchor.getAttribute("href")&&!anchor.getAttribute("target")) { 1719 anchor.target = "_top"; 1720 } 1721 } 1722 1723//]]> 1724</script>
1724<input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value=""></form> 1725 1726<style> 1727.form-wrap { 1728 padding: 0 20px; 1729 width: 100%; 1730 margin-top: -55px; 1731 flex: 1; 1732} 1733.form-wrap__inner { 1734 margin: 0 auto; 1735 max-width: 800px; 1736 padding: 20px; 1737 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); 1738 background: #fff 1739} 1740#pardot-form { 1741 margin: 0 auto 30px; 1742} 1743#pardot-form .submit input[type="submit"] { 1744 padding: 13px 24px; 1745 display: block; 1746 margin: 0 auto; 1747 max-width: 350px; 1748 width: 100%; 1749 font-weight: 600; 1750} 1751.form-wrap__guideText{ 1752 font-size: 16px; 1753 color: #8897A7; 1754} 1755#pardot-form .error__text { 1756 margin: -16px 0 16px; 1757 color: #ff1154; 1758} 1759.errors { 1760 color: #ff1154; 1761} 1762@media screen and (max-width: 768px) { 1763 /* .formãPardotãã©ã¼ã ã§äºç´æ¸ã¿ã®ãã.form-wrapã«ãªãã¼ã */ 1764 .form-wrap { 1765 padding: 0 0 60px; 1766 margin-top: 0; 1767 } 1768 /* .formãPardotãã©ã¼ã ã§äºç´æ¸ã¿ã®ãã.form-wrap__innerã«ãªãã¼ã */ 1769 /* Marketoçµã¿è¾¼ã¿CSSãèªåã§padding: 20ãå·®ãè¾¼ãã§ããã®ã§ãPardotã§ã¯ä¸è¨ã0ãã20ã«å¤æ´ */ 1770 .form-wrap__inner { 1771 margin: 20px 0 0; 1772 } 1773 /* .formãPardotãã©ã¼ã ã§äºç´æ¸ã¿ã®ãã.form-wrap__itemNoteã«ãªãã¼ã */ 1774 .form-wrap__itemNote { 1775 padding-left: 0 !important 1776 } 1777 .form-wrap__guideText{ 1778 margin-bottom: 20px; 1779} 1780 .error__text { 1781 margin: -20px 0 20px 0; 1782 color: #ff1154; 1783 font-size: 12px; 1784 } 1785} 1786.annotation__text { 1787 margin: 10px 0; 1788} 1789</style>
1789<script type="text/javascript">(function(){ pardot.$(document).ready(function(){ (function() { 1790 var $ = window.pardot.$; 1791 window.pardot.FormDependencyMap = []; 1792 1793 $('.form-field-primary input, .form-field-primary select').each(function(index, input) { 1794 $(input).on('change', window.piAjax.checkForDependentField); 1795 window.piAjax.checkForDependentField.call(input); 1796 }); 1797})(); });})();</script>
1797</div> 1798 </div> 1799 1800 </div> 1801 </article></main><footer class="footer"><nav class="footerNav"><ul class="footerNav__list--main"><li class="footerNav__item"><a href="https://www.cloudsign.jp/case/">å°å ¥äºä¾</a></li> 1802 <li class="footerNav__item"><a href="https://info.cloudsign.jp/">ãç¥ãã</a></li> 1803 <li class="footerNav__item"><a href="https://help.cloudsign.jp/">ããããã質å</a></li> 1804 <li class="footerNav__item"><a href="https://www.cloudsign.jp/guide/legal">æ³å¾ã¬ã¤ã</a></li> 1805 <li class="footerNav__item"><a href="https://www.cloudsign.jp/media/">ã¯ã©ã¦ããµã¤ã³ããã°</a></li> 1806 </ul><ul class="footerNav__list--sub"><li class="footerNav__item"><a href="https://corporate.bengo4.com/">éå¶ä¼ç¤¾</a></li> 1807 <li class="footerNav__item"><a href="https://www.cloudsign.jp/sct">ç¹å®ååå¼æ³ã«åºã¥ã表è¨</a></li> 1808 <li class="footerNav__item"><a href="https://www.cloudsign.jp/tos">å©ç¨è¦ç´</a></li> 1809 <li class="footerNav__item"><a href="https://www.cloudsign.jp/privacy">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 1810 </ul><ul class="footerNav__list--sns"><li class="footerNav__item"><a href="https://www.facebook.com/cloudsign.jp/"> 1811 <svg class="icon icon-facebook-with-circle"><use xlink:href="#icon-facebook-with-circle"></use></svg></a></li> 1812 <li class="footerNav__item"><a href="https://twitter.com/cloudsign_jp"> 1813 <svg class="icon icon-twitter-with-circle"><use xlink:href="#icon-twitter-with-circle"></use></svg></a></li> 1814 </ul></nav><div class="copyright"> 1815 <a href="https://www.cloudsign.jp/" class="copyright__logo"> 1816 <svg class="cloudsignLogo--white" viewbox="0 0 170 23"><use xlink:href="#cloudsignLogo--white" xmlns:xlink="http://www.w3.org/1999/xlink"></use></svg></a> 1817 <div class="copyright__text">© 2015 Bengo4.com,Inc.</div> 1818 </div> 1819 </footer><svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="icon-facebook-with-circle" viewbox="0 0 20 20"><title>facebook-with-circle</title><path d="M10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6-4.298-9.6-9.6-9.6zM12.274 7.034h-1.443c-0.171 0-0.361 0.225-0.361 0.524v1.042h1.805l-0.273 1.486h-1.532v4.461h-1.703v-4.461h-1.545v-1.486h1.545v-0.874c0-1.254 0.87-2.273 2.064-2.273h1.443v1.581z"></path></symbol><symbol id="icon-twitter-with-circle" viewbox="0 0 20 20"><title>twitter-with-circle</title><path d="M10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6-4.298-9.6-9.6-9.6zM13.905 8.264c0.004 0.082 0.005 0.164 0.005 0.244 0 2.5-1.901 5.381-5.379 5.381-1.068 0-2.062-0.312-2.898-0.85 0.147 0.018 0.298 0.025 0.451 0.025 0.886 0 1.701-0.301 2.348-0.809-0.827-0.016-1.525-0.562-1.766-1.312 0.115 0.021 0.233 0.033 0.355 0.033 0.172 0 0.34-0.023 0.498-0.066-0.865-0.174-1.517-0.938-1.517-1.854v-0.023c0.255 0.141 0.547 0.227 0.857 0.237-0.508-0.34-0.841-0.918-0.841-1.575 0-0.346 0.093-0.672 0.256-0.951 0.933 1.144 2.325 1.896 3.897 1.977-0.033-0.139-0.049-0.283-0.049-0.432 0-1.043 0.846-1.891 1.891-1.891 0.543 0 1.035 0.23 1.38 0.598 0.431-0.086 0.835-0.242 1.2-0.459-0.141 0.441-0.44 0.812-0.831 1.047 0.383-0.047 0.747-0.148 1.086-0.299-0.253 0.379-0.574 0.713-0.943 0.979z"></path></symbol><symbol id="cloudsignLogo--white" viewbox="0 0 170 23"><title>cloudsignLogo--white</title><g fill="#fff" fill-rule="evenodd"><path d="m82.9048197 14.416v-9.27921311h3.4752459v9.18891801c0 2.5722951 1.2861475 3.9035902 3.4069672 3.9035902 2.121377 0 3.4072459-1.2864262 3.4072459-3.791v-9.30150821h3.4749672v9.16662291c0 4.7834099-2.6851639 7.1302459-6.9273607 7.1302459-4.2416393 0-6.8370655-2.3694098-6.8370655-7.0176557"></path><path d="m71.9167721 17.6524934c-2.5530655 0-4.6226065-2.0695409-4.6226065-4.6226065 0-2.5527869 2.069541-4.62260657 4.6226065-4.62260657 2.5530656 0 4.6226066 2.06981967 4.6226066 4.62260657 0 2.5530656-2.069541 4.6226065-4.6226066 4.6226065m0-12.77229504c-4.5008196 0-8.1496885 3.64886885-8.1496885 8.149
181968854 0 4.5008197 3.6488689 8.1496885 8.1496885 8.1496885 4.5008197 0 8.1496886-3.6488688 8.1496886-8.1496885 0-4.50081969-3.6488689-8.14968854-8.1496886-8.14968854"></path><path d="m103.51771 8.27314754v9.52195086h2.470295c2.842902 0 4.760836-1.9179345 4.760836-4.7156886v-.0451475c0-2.7980328-1.917934-4.76111476-4.760836-4.76111476zm-3.474689-3.13636065h5.944984c4.964 0 8.39382 3.4072459 8.39382 7.85232791v.0451475c0 4.4448033-3.42982 7.8971967-8.39382 7.8971967h-5.944984z"></path><path d="m155.702944 5.13681475h3.203804l7.401409 9.72511475v-9.72511475h3.429541v15.79467215h-2.95577l-7.649164-10.0408689v10.0408689h-3.42982z"></path><path d="m131.58223 20.9313754h3.474688v-15.79467212h-3.474688z"></path><path d="m46.2619049 15.3440607c-.7987213 1.3806229-2.2908197 2.3103278-4.0005738 2.3103278-2.5519508 0-4.620377-2.0687049-4.620377-4.6200983 0-2.5516722 2.0684262-4.62037709 4.620377-4.62037709 1.7097541 0 3.2018525.92970492 4.0005738 2.31032789l3.0524754-1.76214756c-1.4084918-2.43462295-4.0384754-4.07359016-7.0530492-4.07359016-4.4988688 0-8.1455081 3.64691803-8.1455081 8.14578692 0 4.4985901 3.6466393 8.1452295 8.1455081 8.1452295 3.0145738 0 5.6445574-1.6386886 7.0530492-4.0733115z"></path><path d="m61.9920049 17.7724967h-6.4343606v-12.63573768h-3.4749673v15.79467208h11.7330656z"></path><path d="m123.527211 11.4772574c-2.730032-.6995082-3.407245-1.0381148-3.407245-2.07567215v-.04514755c0-.7672295.699508-1.37672131 2.031082-1.37672131 1.329344 0 2.703836.58552459 4.100622 1.55313115l1.602181-2.77462295c-1.563164-1.18414754-3.454902-1.84714754-5.657377-1.84714754-3.226935 0-5.528344 1.89536065-5.528344 4.76111475v.04542623c0 3.13608197 2.053098 4.01618037 5.234606 4.82827867 2.640295.6769344 3.181787 1.1284099 3.181787 2.0082295v.0451476c0 .9249672-.857803 1.4893114-2.279115 1.4893114-1.803951 0-3.292705-.7438196-4.713459-1.9159836l-1.626426 2.8169836c1.823459 1.4500164 4.057426 2.1676394 6.271885 2.1676394 3.407525 0 5.79923-1.759918 5.79923-4.8962787v-.0451475c0-2.7528853-1.805066-3.9035902-5.009427-4.738541"></path><path d="m144.990854 11.8911934 1.55341 2.6904591h2.908672l.002508 1.7365082c-.144918.1440819-.300147.2786885-.464852.4015901-.804295.6401476-1.822066 1.023623-2.929853 1.023623-2.600721 0-4.709278-2.1082787-4.709278-4.709 0-2.601 2.108557-4.70955741 4.709278-4.70955741 1.30064 0 2.477541.52727869 3.33005 1.37922951l2.429885-2.42960656c-1.473984-1.4739836-3.51064-2.38585245-5.759935-2.38585245-4.49859 0-8.145508 3.64691803-8.145508 8.14578691 0 4.4983114 3.646918 8.1452295 8.145508 8.1452295 2.751492 0 5.182213-1.3616722 6.657033-3.4504426v-5.8379673z"></path><path d="m14.4949525 10.8700787-4.3450328 7.5257049v3.9392623l3.4114262-1.9697705 4.3450328-7.5257049z"></path><path d="m26.1399803 9.06375902c-1.0350492-5.16270492-5.6035901-9.0635082-11.0661639-9.0635082-5.4085082 0-9.94054099 3.82304918-11.03467214 8.90939344-2.3872459 1.13927874-4.03931147 3.56581964-4.03931147 6.36859014 0 3.3662787 2.3847377 6.1882787 5.56290164 6.8902951v-3.4749672c-1.32154099-.5835738-2.24288525-1.8928525-2.24288525-3.4153279 0-2.065918 1.69498361-3.7405574 3.78598361-3.7405574.00250819 0 .00529508.0002787.00780328.0002787-.00222951-.0838852-.00613115-.1674918-.00613115-.2519344 0-4.39937704 3.56665578-7.96603278 7.96631148-7.96603278 3.3119344 0 6.1512131 2.02160656 7.352918 4.89795082h-3.3077541l1.9168197 3.31973766h1.7387377c.0869508 0 .173623-.0075245.2591803-.0186721 0 .0094754 0 .0189508-.0002787.0284262 1.9697705.131541 3.527082 1.7507214 3.527082 3.7308033 0 2.0656394-1.6949836 3.7402787-3.7859836 3.7402787h-4.8681311l-1.9168197 3.3197377h6.7849508c3.9178033 0 7.1057213-3.1670164 7.1057213-7.0600164 0-2.6650983-1.5088197-5.015-3.7402787-6.21447538"></path></g></symbol></defs></svg>
1819<script> 1820 1821function get_compInfos(company_id) { 1822 var str = document.querySelector('input[id="compname"]').value; 1823 1824 // ãä¿®æ£ãå ¥åæååãã¹ãã¼ã¹ï¼åè§/å ¨è§ï¼ã§åºåã£ã¦é ååãã2æåæªæºã®åèªã¯é¤å¤ãããã«éè¤ãé¤å» 1825 // ããã«ãããè¤æ°ãã¼ã¯ã¼ãã§ã®ANDæ¤ç´¢ã®æºåãè¡ãã¾ãã 1826 var words = [...new Set(str.trim().split(/[\s\u3000]+/).filter(w => w.length >= 2))]; 1827 1828 // ã追å ãæ¤ç´¢æå¹ãªåèªã1ã¤ããªãï¼å ¥åã空ãã¾ãã¯1æåã®ã¿ï¼å ´åã¯ãµã¸ã§ã¹ãæ ãæ¶ã 1829 // åæã«ããã©ã¼ã«ã¹ãå½ãã£ã¦ããã°æ¡å ã¡ãã»ã¼ã¸ã表示ãã¾ãã 1830 if(words.length === 0) { 1831 hideSuggestions(); 1832 if(document.activeElement === inputField && guideMessage) { 1833 guideMessage.style.display = 'block'; 1834 } 1835 return; 1836 } 1837 1838 // ã追å ãAPIèªä½ã¯ã¹ãã¼ã¹åºåãã®è¤æ°åèªï¼ANDæ¤ç´¢ï¼ãå¦çã§ããªãããã 1839 // å ¥åãããåèªã®ãã¡ãå é 2åèªã¾ã§ãåå¥ã«APIæ¤ç´¢ããå¾ã§çµæããã¼ã¸ããæ¹å¼ã«å¤æ´ 1840 // ï¼3åèªç®ä»¥éã¯APIã«ã¯éãããå¾ç¶ã®showSuggestionså ã®ANDå¤å®ã®çµãè¾¼ã¿æ¡ä»¶ã¨ãã¦ã®ã¿ä½¿ç¨ãã¾ãï¼ 1841 var searchWords = words.slice(0, 2); 1842 1843 // ã追å ãã¿ã¤ãã³ã°ä¸ã«çºçããå¤ããªã¯ã¨ã¹ãã®çµæããæ°ããçµæããå¾ããé ãã¦è¡¨ç¤ºãããªãããã«ããèå¥åï¼ä¸ä»£ç®¡çï¼ 1844 var requestId = ++get_compInfos.requestSeq; 1845 get_compInfos.currentRequestId = requestId; 1846 1847 // ã追å ã並è¡ãªã¯ã¨ã¹ãã®ç®¡çç¨å¤æ° 1848 var pending = searchWords.length; // å®äºå¾ ã¡ã®ãªã¯ã¨ã¹ãæ° 1849 var merged = []; // ãã¼ã¸å¾ã®ãµã¸ã§ã¹ãçµæãæ ¼ç´ããé å 1850 var seen = new Set(); // éè¤æé¤ç¨ã®Set 1851 1852 searchWords.forEach(function(word, idx) { 1853 // ã追å ãåèªãã¨ã«åå¥ã®ã³ã¼ã«ããã¯é¢æ°åãçºè¡ãã並è¡ãã¦JSONPãªã¯ã¨ã¹ããå®è¡ã§ããããã«ãã 1854 var callbackName = '__suggestCb_' + requestId + '_' + idx; 1855 1856 // ã追å ãJSONPã§APIãããã¼ã¿ãè¿ã£ã¦ããã¨ãã«å®è¡ãããã³ã¼ã«ããã¯é¢æ° 1857 window[callbackName] = function(data) { 1858 // ã追å ãç¾å¨ã®ãªã¯ã¨ã¹ãIDã¨ä¸è´ããå ´åã®ã¿å¦çï¼å¤ããªã¯ã¨ã¹ãã®çµæã¯ç¡è¦ããï¼ 1859 if (requestId === get_compInfos.currentRequestId) { 1860 (data.list || []).forEach(function(item) { 1861 // ã追å ãä¼ç¤¾åã»ä½æã»å»ºç©åããã¼ã«ãã¦éè¤ãå¤å®ãããã¼ã¸ç¨é åã«è¿½å 1862 var key = item.cname + '|' + item.addr + '|' + item.bldg; 1863 if (!seen.has(key)) { 1864 seen.add(key); 1865 merged.push(item); 1866 } 1867 }); 1868 } 1869 pending--; 1870 delete window[callbackName]; // 使ãçµãã£ãã³ã¼ã«ããã¯é¢æ°ãåé¤ 1871 script.remove(); // 使ãçµãã£ãscriptã¿ã°ãåé¤ 1872 1873 // ã追å ãå ¨åèªåã®APIãªã¯ã¨ã¹ããæã£ã¦ãããä¸æ¬ã§ãã¼ã¸çµæã表示å¦çï¼showSuggestionsï¼ã«æ¸¡ã 1874 if (pending === 0 && requestId === get_compInfos.currentRequestId) { 1875 showSuggestions({ list: merged }); 1876 } 1877 }; 1878 1879 var newDate = new Date(); 1880 var script = document.createElement('script'); 1881 script.type = 'text/javascript'; 1882 script.charset = 'UTF-8'; 1883 // ãä¿®æ£ãæ¤ç´¢ã¯ã¼ãã str ãã word ã«å¤æ´ï¼åèªãã¨ã«åå¥ãªã¯ã¨ã¹ãï¼ããã³ã¼ã«ããã¯åãåççæãããã®ã«å¤æ´ 1884 script.src = 'https://apis.usonar.jp/suggest_search/quick_search.rb?cmd=search&cid='+company_id+'&callback='+callbackName+'&s='+encodeURIComponent(word)+'&cnt=100&sort=0'; 1885 script.method = 'GET'; 1886 1887 document.body.appendChild(script); 1888 }); 1889} 1890// ã追å ããªã¯ã¨ã¹ãã®ä¸ä»£ç®¡çç¨ã«ã¦ã³ã¿ã¼ï¼å¤ããªã¯ã¨ã¹ãã®çµæãç¡è¦ããããã«ä½¿ç¨ï¼ 1891get_compInfos.requestSeq = 0; 1892get_compInfos.currentRequestId = 0; 1893 1894const inputField = document.getElementById('compname'); 1895const suggestionsContainer = document.getElementById('suggestions'); 1896 1897// ã追å ã--- ããããï¼èªç¤¾ã®CSSè¨å®ã«åãããæ¡å ã¡ãã»ã¼ã¸ã®ä½æã¨ã¹ã¿ã¤ã«å®ç¾© --- 1898const guideMessage = document.createElement('div'); 1899guideMessage.textContent = 'æ³äººã®å ´åãä¼ç¤¾æ¤ç´¢ãã¦åè£ããé¸æãã¦ãã ãã'; 1900 1901guideMessage.style.display = 'none'; 1902guideMessage.style.position = 'absolute'; 1903guideMessage.style.top = '100%'; 1904guideMessage.style.left = '0'; 1905guideMessage.style.width = '100%'; 1906guideMessage.style.padding = '10px 12px'; 1907guideMessage.style.boxSizing = 'border-box'; 1908guideMessage.style.fontSize = '12px'; 1909guideMessage.style.color = '#8897A7'; // å ¥åã®ãã³ãã¨ãããããã«èãã°ã¬ã¼ 1910guideMessage.style.backgroundColor = 'rgba(255, 255, 255, 0.85)'; 1911guideMessage.style.backdropFilter = 'blur(8px)'; 1912guideMessage.style.webkitBackdropFilter = 'blur(8px)'; 1913guideMessage.style.border = '1px solid #BCC8D6'; 1914guideMessage.style.borderRadius = '4px'; 1915guideMessage.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; 1916guideMessage.style.zIndex = '9998'; 1917 1918// æ¡å ã¡ãã»ã¼ã¸ãDOMã«è¿½å 1919if (inputField && inputField.closest('.c-form__item')) { 1920 inputField.closest('.c-form__item').appendChild(guideMessage); 1921} 1922// ã追å ã--- ããã¾ã§ï¼æ¡å ã¡ãã»ã¼ã¸ã®ä½æ --- 1923
1924// ã追å ãJSå´ãããµã¸ã§ã¹ãæ ã®ã¹ã¿ã¤ã«ï¼ãã¶ã¤ã³ã»è¦æ ãï¼ãå¼·å¶é©ç¨ 1925if (suggestionsContainer) { 1926 suggestionsContainer.style.maxHeight = '340px'; 1927 suggestionsContainer.style.overflowY = 'auto'; 1928 suggestionsContainer.style.backgroundColor = 'rgba(255, 255, 255, 0.85)'; 1929 suggestionsContainer.style.backdropFilter = 'blur(8px)'; 1930 suggestionsContainer.style.webkitBackdropFilter = 'blur(8px)'; 1931 suggestionsContainer.style.border = '1px solid #BCC8D6'; 1932 suggestionsContainer.style.borderRadius = '4px'; 1933 suggestionsContainer.style.position = 'absolute'; 1934 suggestionsContainer.style.top = '100%'; 1935 suggestionsContainer.style.left = '0'; 1936 suggestionsContainer.style.width = '100%'; 1937 suggestionsContainer.style.zIndex = '9999'; 1938 suggestionsContainer.style.boxSizing = 'border-box'; 1939 suggestionsContainer.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)'; 1940} 1941 1942// ã追å ããµã¸ã§ã¹ãæ ã親è¦ç´ ããã¯ã¿åºãã¦ã表示ãããããã«CSSãèª¿æ´ 1943if (inputField && inputField.closest('.c-form__item')) { 1944 inputField.closest('.c-form__item').style.position = 'relative'; 1945} 1946if (inputField && inputField.closest('.form-field')) { 1947 inputField.closest('.form-field').style.overflow = 'visible'; 1948} 1949 1950// ã追å ãããã¦ã³ã¹å¦çç¨ã®ã¿ã¤ãã¼å¤æ°ï¼å ¥åé£æã«ããAPIéå¤ãé²ãï¼ 1951let typingTimer; 1952 1953inputField.addEventListener('input', function(event) { 1954 let company = document.querySelector('div.company div.c-form__item input'); 1955 if(company) { company.value = event.target.value; } 1956 1957 // ãä¿®æ£ãå ¥åã®ãã³ã«å³APIãå¼ã¶ã®ã§ã¯ãªããå ¥åã300ããªç§æ¢ã¾ãã¾ã§APIãªã¯ã¨ã¹ããä¿çããï¼ããã¦ã³ã¹å¦çï¼ 1958 clearTimeout(typingTimer); 1959 typingTimer = setTimeout(function() { 1960 get_compInfos('ASS8ca7tbpvaxthr'); 1961 }, 300); 1962}); 1963 1964inputField.addEventListener('blur', function() { 1965 setTimeout(function() { 1966 hideSuggestions(); 1967 // ã追å ããã©ã¼ã«ã¹ãå¤ãããæ¡å ã¡ãã»ã¼ã¸ãé表示ã«ãã 1968 if(guideMessage) guideMessage.style.display = 'none'; 1969 }, 200); 1970}); 1971 1972// ã追å ãå ¥åæ¬ã«ãã©ã¼ã«ã¹ããéã®ã¤ãã³ãï¼æ¡å ã¡ãã»ã¼ã¸ããµã¸ã§ã¹ãã®åè¡¨ç¤ºï¼ 1973inputField.addEventListener('focus', function() { 1974 if(guideMessage) guideMessage.style.display = 'block'; 1975 1976 if (inputField.value.trim().length >= 2 && suggestionsContainer.innerHTML.trim() !== '') { 1977 suggestionsContainer.style.display = 'block'; 1978 if(guideMessage) guideMessage.style.display = 'none'; 1979 } 1980}); 1981 1982function selectSuggestion(suggestion) { 1983 inputField.value = suggestion; 1984 hideSuggestions(); 1985} 1986 1987function showSuggestions(suggestions) { 1988 var str = document.querySelector('input[id="compname"]').value; 1989 suggestionsContainer.innerHTML = ''; 1990 1991 // ãµã¸ã§ã¹ãçµæã®å¦ç 1992 suggestions.list.forEach(suggestion => { 1993 const suggestionElement = document.createElement('div'); 1994 // ã追å ãåè£ãªã¹ãã®1è¡ãã¨ã®ã¹ã¿ã¤ã«ã調æ´ï¼ä½ç½ãæ ç·ãã«ã¼ã½ã«ãªã©ï¼ 1995 suggestionElement.style.padding = '6px 8px'; 1996 suggestionElement.style.borderBottom = '1px solid #DAE3ED'; 1997 suggestionElement.style.cursor = 'pointer'; 1998 suggestionElement.style.backgroundColor = 'transparent'; 1999 2000 // ã追å ããã¦ã¹ãªã¼ãã¼ï¼ããã¼ï¼æã®èæ¯è²å¤æ´ã¤ãã³ã 2001 suggestionElement.addEventListener('mouseenter', function() { 2002 this.style.backgroundColor = 'rgba(13, 100, 201, 0.08)'; 2003 }); 2004 suggestionElement.addEventListener('mouseleave', function() { 2005 this.style.backgroundColor = 'transparent'; 2006 }); 2007 2008 const nameElement = document.createElement('p'); 2009 // ãä¿®æ£ãä¼ç¤¾åã®ã¹ã¿ã¤ã«ã微調æ´ï¼å¤ªåããã©ã³ããµã¤ãºãæåè²ãªã©ï¼ 2010 nameElement.style.fontWeight = 'bold'; 2011 nameElement.style.fontSize = '13px'; 2012 nameElement.style.color = '#30363E'; 2013 nameElement.style.margin = '0'; 2014 nameElement.textContent = suggestion.cname; 2015 2016 const addressElement = document.createElement('p'); 2017 // ãä¿®æ£ãä½æã®ã¹ã¿ã¤ã«ãå¾®èª¿æ´ 2018 addressElement.style.fontSize = '11px'; 2019 addressElement.style.color = '#8897A7'; 2020 addressElement.style.margin = '0'; 2021 addressElement.style.marginTop = '2px'; 2022 addressElement.textContent = ' ' + suggestion.addr + suggestion.bldg; 2023 2024 suggestionElement.appendChild(nameElement); 2025 suggestionElement.appendChild(addressElement); 2026 2027 // ã追å ãAPIãã代表è å(rep)ãåå¾ã§ãã¦ããå ´åã¯ã代表è åããµã¸ã§ã¹ãçµæã«è¡¨ç¤ºãã 2028 if (suggestion.rep) { 2029 const repElement = document.createElement('p'); 2030 repElement.style.fontSize = '11px'; 2031 repElement.style.color = '#8897A7'; 2032 repElement.style.margin = '0'; 2033 repElement.textContent = ' 代表è : ' + suggestion.rep; 2034 suggestionElement.appendChild(repElement); 2035 } 2036 2037 suggestionElement.addEventListener('click', function() { 2038 inputField.value = suggestion.cname; 2039 let company = document.querySelector('div.company div.c-form__item input'); 2040 if ( company ) { 2041 company.value = suggestion.cname; 2042 } 2043 let address_one = document.querySelector('div.address_one div.c-form__item input'); 2044 if ( address_one ) { 2045 address_one.value = suggestion.addr; 2046 } 2047 let address_two = document.querySelector('div.address_two div.c-form__item input'); 2048 if ( address_two ) { 2049 address_two.value = suggestion.bldg; 2050 } 2051 let suggestLBC = document.querySelector('p.SuggestLBC input'); 2052 if ( suggestLBC ) { 2053 suggestLBC.value = suggestion.lbc; 2054 } 2055 2056 hideSuggestions(); 2057 }); 2058 2059 suggestionElement.classList.add('suggestion-item'); 2060 2061 // ãä¿®æ£ãä¼ç¤¾å ï¼ ä½æ ã®ã¹ãã¼ã¹åºåãANDæ¤ç´¢ãã¸ã㯠2062 // 1. æ¤ç´¢å¯¾è±¡ï¼ä¼ç¤¾åï¼ä½æï¼å»ºç©åï¼ãé£çµããã²ãããªãã«ã¿ã«ãã«å¤æãã¦å¤§æåã«çµ±ä¸ï¼è¡¨è¨æºãå¸åï¼ 2063 let targetText = hiraToKata(suggestion.cname + suggestion.addr + (suggestion.bldg || '')).toUpperCase(); 2064 2065 // 2. å ¥åå¤ãå ¨è§/åè§ã¹ãã¼ã¹ã§åå²ãã¦é ååã
2065ã空æåãæé¤ï¼åããã«ã¿ã«ã大æåã«çµ±ä¸ï¼ 2066 let inputStr = toFullWidth(str); 2067 let inputRawWords = hiraToKata(inputStr).toUpperCase().split(/[\s\u3000]+/).filter(w => w.length > 0); 2068 // æ³äººæ ¼ï¼æ ªå¼ä¼ç¤¾ãªã©ï¼ãé¤å¤ãããã¿ã¼ã³ã®å ¥ååèªé åãä½æ 2069 let inputNoLegalWords = hiraToKata(removeLegalPersonality(inputStr)).toUpperCase().split(/[\s\u3000]+/).filter(w => w.length > 0); 2070 2071 // 3. å ¥åããããã¹ã¦ã®ãã¼ã¯ã¼ããå«ã¾ãã¦ãããå¤å®ï¼ANDæ¤ç´¢ï¼ 2072 // ã¦ã¼ã¶ã¼ãå ¥åããè¤æ°åèªãã¹ã¦ã対象ããã¹ãã«å«ã¾ãã¦ããããã§ã㯠2073 let isMatchRaw = inputRawWords.length > 0 && inputRawWords.every(word => targetText.includes(word)); 2074 let isMatchNoLegal = inputNoLegalWords.length > 0 && inputNoLegalWords.every(word => targetText.includes(word)); 2075 2076 // ã©ã¡ããã®ãã¿ã¼ã³ã«å®å ¨ã«ä¸è´ããå ´åã®ã¿ããµã¸ã§ã¹ããªã¹ãã«è¿½å ãã 2077 if ( isMatchRaw || isMatchNoLegal ) { 2078 suggestionsContainer.appendChild(suggestionElement); 2079 } 2080 }); 2081 2082 // ã追å ãANDæ¤ç´¢ã«ããçµãè¾¼ã¿ã®çµæã1件ã§ã表示ãã¹ãåè£ãããã°ãµã¸ã§ã¹ãæ ã表示ãã 2083 if (suggestionsContainer.innerHTML.trim() !== '') { 2084 suggestionsContainer.style.display = 'block'; 2085 if(guideMessage) guideMessage.style.display = 'none'; 2086 } else { 2087 // ã追å ãANDæ¤ç´¢ã§1件ããããããªãã£ãå ´åã¯ãµã¸ã§ã¹ãæ ãé表示ã«ãã 2088 hideSuggestions(); 2089 } 2090} 2091 2092function hideSuggestions() { 2093 suggestionsContainer.style.display = 'none'; 2094} 2095 2096function toFullWidth(str) { 2097 str = str.replace(/[A-Za-z0-9]/g, function(s) { 2098 return String.fromCharCode(s.charCodeAt(0) + 0xFEE0); 2099 }); 2100 return str; 2101} 2102 2103// ã追å ãã²ãããªãã«ã¿ã«ãã«å¤æããã¦ã¼ãã£ãªãã£é¢æ°ï¼ã²ãããªå ¥åã§ã®æ¤ç´¢ãããçãä¸ããããï¼ 2104function hiraToKata(str) { 2105 return str.replace(/[\u3041-\u3096]/g, function(match) { 2106 var chr = match.charCodeAt(0) + 0x60; 2107 return String.fromCharCode(chr); 2108 }); 2109} 2110 2111function removeLegalPersonality(str){ 2112 const removeTexts = ['æ ªå¼ä¼ç¤¾','æéä¼ç¤¾','ååä¼ç¤¾','åè³ä¼ç¤¾','ååä¼ç¤¾','ç¸äºä¼ç¤¾','社å£æ³äºº','ä¸è¬ç¤¾å£æ³äºº','å ¬ç社å£æ³äºº','å»çæ³äºº','å»çæ³äººç¤¾å£','å»çæ³äººè²¡å£','社ä¼å»çæ³äºº','財å£æ³äºº','ä¸è¬è²¡å£æ³äºº','å ¬ç財å£æ³äºº','å®ææ³äºº','å¦æ ¡æ³äºº','社ä¼ç¦ç¥æ³äºº','ç¹å®éå¶å©æ´»åæ³äºº','ç¬ç«è¡æ¿æ³äºº','å°æ¹ç¬ç«è¡æ¿æ³äºº','å¼è·å£«æ³äºº','å¸æ³æ¸å£«æ³äºº','ç¨ç士æ³äºº','è¡æ¿æ¸å£«æ³äºº','æé責任ä¸éæ³äºº','ç¡é責任ä¸éæ³äºº','å½ç«å¤§å¦æ³äºº','å ¬ç«å¤§å¦æ³äºº','å¶æ¥æ','åºå¼µæ']; 2113
2114 removeTexts.forEach(text => { 2115 if (str.includes(text)) str = str.replace(text, ''); 2116 }); 2117 2118 return str; 2119} 2120 2121const companyName = document.querySelector('div.company div input'); 2122if ( companyName && inputField ) { 2123 inputField.value = companyName.value; 2124} 2125 2126 2127 2128 </script>
2128<script> 2129 (function(){ 2130 var observer = new MutationObserver(function (mutations) { 2131 mutations.forEach(function (mutation) { 2132 for (var i = 0; i < mutation.addedNodes.length; i++) { 2133 var node = mutation.addedNodes[i]; 2134 render(node); 2135 } 2136 }); 2137 }); 2138 if(document.getElementById('pardot-form')) { 2139 observer.observe(document.getElementById('pardot-form'), { 2140 childList: true, 2141 subtree: true 2142 }); 2143 } 2144 function render (node) { 2145 if (node.attributes) { 2146 var target = node.querySelector('.mktoFieldWrap [title], #pardot-form .form-field [title]'); 2147 // var target = node.querySelector('.mktoFieldWrap [title]'); 2148 if (target && target.hasAttribute('title')) { 2149 var text = target.getAttribute('title'); 2150 var element = document.createElement('div'); 2151 // element.classList.add('form__itemNote'); 2152 element.classList.add('form-wrap__itemNote'); 2153 element.innerText = text; 2154 target.parentNode.insertBefore(element, target.nextElementSibling); 2155 }; 2156 } 2157 } 2158 2159 // if(window.MktoForms2) { 2160 // MktoForms2.whenReady(function (form) { 2161 // form.onValidate(function () { 2162 // var vals = form.vals(); 2163 // var re = new RegExp(/^[A-Za-z0-9]+[A-Za-z0-9+_.-]*@[A-Za-z0-9_.-]+\.[A-Za-z0-9]{2,}$/); 2164 // if (re.test(vals.Email)) { 2165 // form.submittable(true); 2166 // } else { 2167 // form.submittable(false); 2168 // var emailElem = form.getFormElem().find('#Email'); 2169 // form.showErrorMessage('æå¹ãªã¡ã¼ã«ã¢ãã¬ã¹ãå ¥åãã¦ãã ãã', emailElem); 2170 // } 2171 // }); 2172 // }); 2173 // } 2174 })(); 2175 2176 $(function () { 2177 $('.mktoText table, .mktoForm table, #pardot-form table').wrap('<div class="table">'); 2178 // $('.mktoText table, .mktoForm table').wrap('<div class="table">'); 2179 $('a[href^="#"]').on('click', function (e) { 2180 e.preventDefault(); 2181 var speed = 400; 2182 var href = $(this).attr('href'); 2183 var target = $(href === '#' || href === '' ? 'html' : href).offset().top; 2184 var offset = $('.siteHeader').outerHeight() + 20; 2185 var position = target - offset; 2186 $('body, html').animate({ 2187 scrollTop: position 2188 }, speed, 'swing'); 2189 return false; 2190 }); 2191 }); 2192 </script>
2192<script> 2193 // cookieå¤ãé£æ³é åã¨ãã¦åå¾ãã 2194 function getCookieArray(){ 2195 var arr = new Array(); 2196 if(document.cookie != ''){ 2197 var tmp = document.cookie.split('; '); 2198 for(var i=0;i<tmp.length;i++){ 2199 var data = tmp[i].split('='); 2200 arr[data[0]] = decodeURIComponent(data[1]); 2201 } 2202 } 2203 return arr; 2204 } 2205 var arr = getCookieArray(); 2206 var cookieValue = arr["first_touch"]; 2207 var pArr = document.getElementsByClassName('LandingPageUrlLatest'); 2208 if (pArr.length > 0 && pArr[0].getElementsByTagName("input")) {var inputArr = pArr[0].getElementsByTagName("input"); 2209 if ( typeof cookieValue !== "undefined") {inputArr[0].value = cookieValue;} else {inputArr[0].value = location.href;} 2210 } 2211 </script>
2211<script> 2212 //==================== 2213 // è¤æ°é¸æãã§ãã¯ããã¯ã¹å¿ é å 2214 // â»äºåæºåâ¦è¤æ°ã®inputè¦ç´ ã®ãã¡ãæä½1ã¤requiredãåæè¨å®ãã¦ããã㨠2215 //==================== 2216 $(function() { 2217 //ãã§ãã¯ãããçºç« 2218 $('.ApplyDocsToBeUsedWhenApply__c').change(function() { 2219 console.log('js start'); 2220 //é¸æããinputã®nameå¤ãå¤æ°ã«æ ¼ç´ 2221 var name = $(this).attr('name'); 2222 //ãã§ãã¯ããã¦ãããã§ãã¯ããã¯ã¹ã®æ°ã0ããå¤ãå ´å 2223 if ($("input[name='" + name + "']:checked").length > 0) { 2224 //ãã§ãã¯æå¹ 2225 $('.ApplyDocsToBeUsedWhenApply__c').prop("required",false); //requiredå±æ§ã®è§£é¤ 2226 } else { 2227 //ãã§ãã¯æå¹ 2228 $('.ApplyDocsToBeUsedWhenApply__c').prop("required",true); //requiredå±æ§ã®ä»ä¸ 2229 } 2230 }); 2231 }); 2232 </script>
2232<script type="text/javascript"> 2233 //éä¿¡ãã¿ã³ãæ¼ããéã«éä¿¡ãã¿ã³ãç¡å¹åããï¼é£æã«ããå¤æ°éä¿¡åé¿ï¼ 2234 $(function(){ 2235 $('[type="submit"]').click(function(){ 2236 $(this).prop('disabled',true);//ãã¿ã³ãç¡å¹åãã 2237 $(this).closest('form').submit();//ãã©ã¼ã ãéä¿¡ãã 2238 }); 2239 }); 2240 </script>
2240<script> 2241 // ç³è¾¼ã¿ãã©ã¼ã ï¼å©ç¨éå§å¸ææ¥ï¼ãWeb to Caseã«å¯¾å¿ããæ¥ä»ãã©ã¼ããã 2242 $(function() { 2243 $.datepicker.setDefaults($.datepicker.regional["ja"]); 2244 $('#ApplyDesiredStartDate__c').datepicker({ 2245 dateFormat: 'yy/mm/dd', 2246 minDate: new Date(), 2247 maxDate: '+365d' 2248 }); 2249 }); 2250 </script>
2250</body></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.