</noscript> <!-- End Google Tag Manager (noscript) --> <header> <div class="header-inner"> <p> <img src="https://caddi.jp/lp/template01/assets/images/logo.svg" alt="CADDi" /> </p> <a class="bt-application" href="https://info.caddi.jp/seminar" >セミナー一覧へ</a > </div> <!-- .header-inner --> </header> <article> <section id="form-wrap"> <div class="inner"> <div class="iframe-wrap"> <form accept-charset="UTF-8" method="post" action="https://info.caddi.jp/seminar/apply" class="form" id="pardot-form"> <style type="text/css"> form.form p label { color: #000000; } </style> <p class="form-field company pd-text required "> <label class="field-label" for="871171_303974pi_871171_303974">会社名</label> <input type="text" name="871171_303974pi_871171_303974" id="871171_303974pi_871171_303974" value="" class="text" size="30" maxlength="255" onchange="" onfocus="" /> <span class="description">「株式会社」等を含んだ正式名称をご入力ください。</span> </p> <div id="error_for_871171_303974pi_871171_303974" style="display:none"></div> <p class="form-field department pd-text required "> <label class="field-label" for="871171_303978pi_871171_303978">部署名</label> <input type="text" name="871171_303978pi_871171_303978" id="871171_303978pi_871171_303978" value="" class="text" size="30" maxlength="100" onchange="" onfocus="" /> <span class="description">記入例：エネルギー事業部 調達部 外注課</span> </p> <div id="error_for_871171_303978pi_871171_303978" style="display:none"></div> <p class="form-field job_title pd-select required "> <label class="field-label" for="871171_307831pi_871171_307831">役職</label> <select name="871171_307831pi_871171_307831" id="871171_307831pi_871171_307831" class="select" onchange=""><option value="" selected="selected"></option> <option value="4253125">社長・取締役・執行役員</option> <option value="4253127">事業部長・部長</option> <option value="4253129">課長級</option> <option value="4253131">リーダー・主任級</option> <option value="4253133">一般社員</option> </select> </p> <div id="error_for_871171_307831pi_871171_307831" style="display:none"></div> <p class="form-field two-col last_name pd-text required "> <label class="field-label" for="871171_303970pi_871171_303970">お名前</label> <input type="text" name="871171_303970pi_871171_303970" id="871171_303970pi_871171_303970" value="" class="text" size="30" maxlength="80" onchange="" onfocus="" /> </p> <div id="error_for_871171_303970pi_871171_303970" style="display:none"></div> <p class="form-field two-col first_name pd-text required "> <label class="field-label" for="871171_303972pi_871171_303972">名</label> <input type="text" name="871171_303972pi_871171_303972" id="871171_303972pi_871171_303972" value="" class="text" size="30" maxlength="40" onchange="" onfocus="" /> </p> <div id="error_for_871171_303972pi_871171_303972" style="display:none"></div> <p class="form-field email pd-text required "> <label class="field-label" for="871171_303980pi_871171_303980">メールアドレス</label> <input type="text" name="871171_303980pi_871171_303980" id="871171_303980pi_871171_303980" value="" class="text" size="30" maxlength="255" onchange="" onfocus="" /> <span class="description">会社などでご利用のメールアドレスをご記入ください。Gmail等のフリーアドレスはご利用頂けません。</span> </p> <div id="error_for_871171_303980pi_871171_303980" style="display:none"></div> <p class="form-field phone pd-text required "> <label class="field-label" for="871171_303982pi_871171_303982">電話番号</label> <input type="text" name="871171_303982pi_871171_303982" id="871171_303982pi_871171_303982" value="" class="text" size="30" maxlength="40" onchange="" onfocus="" /> </p> <div id="error_for_871171_303982pi_871171_303982" style="display:none"></div> <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"> <label for="pi_extra_field">Comments</label> <input type="text" name="pi_extra_field" id="pi_extra_field"/> </p> <!-- forces IE5-8 to correctly submit UTF8 content --> <input name="_utf8" type="hidden" value="☃" /> <p class="submit"> <input type="submit" accesskey="s" value="申し込む" /> </p> <div class="agreement-text"> <p>弊社では、お預かりした個人情報の取扱いについて、次のように管理し保護に努めてまいります。この先続行することで下記に同意したものとします。</p> <h3>【個人情報の収集・利用・提供について】</h3> <!-- 見出し --> <p>お預かりしました個人情報は、本セミナーご参加の確認、及び次回以降に開催するセミナーのご案内、製品・サービスのご紹介に利用させていただきます。</p> <h3>【個人情報保護方針】</h3> <!-- 見出し --> <p>個人情報取扱い管理の詳細については、以下のリンクを参照してください。</p> <h3>キャディ株式会社</h3> <!-- 見出し --> <p><a href="https://caddi.jp/privacy-policy" style="color:#0096d1;" target="_blank">https://caddi.jp/privacy-policy</a></p> <h3>【共催セミナー回にお申し込みの方へ：第三者への提供について】</h3> <p>共催企業がいる各回にお申し込みいただいた際、お預かりした個人情報については共催企業へ提供することを予定しています。 お申し込みいただいた回における共催企業以外の第三者に提供することは、ご本人様の同意がある場合又は法令に基づく場合を除きありません。</p> </div> <script type="text/javascript"> //<![CDATA[ var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if(anchor.getAttribute("href")&&!anchor.getAttribute("target")) { anchor.target = "_top"; } } //]]> </script> <input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value="" /></form> </div> <style> html { overflow-y: scroll; } body { color: #28375a; font-family: 'Noto Sans JP', sans-serif; overflow: hidden; } /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; } /* フォーム全体のレイアウト */ .iframe-wrap { position: relative; padding-bottom: 136px; } .agreement-text { height: 100px; overflow-y: scroll; border: 1px solid #ceced8; padding: 12px 15px; box-sizing: border-box; margin: 40px 5px 30px 5px; } .agreement-text h3 { font-size: 0.8rem; color: #5c719b; font-weight: 700; margin: 15px 0 5px 0; } .agreement-text p { color: #5c719b; font-size: 0.8rem; margin: 0; word-wrap: break-word; overflow-wrap: break-word; } /* form-field ------------------------ */ .form-field { margin: 40px 5px 0 5px; } .form-field.last_name, .form-field.first_name { display: inline-block; width: 48%; } .description { font-size: 0.8rem; color: #5c719b; margin: 5px 0 0 0; display: block; line-height: 1.5; } .errors { color: #ff765f; } .agreement { font-size: 0.9rem; text-align: center; margin: 40px 0 0 0; } .agreement a { padding: 0 5px; } /* label ------------------------ */ form.form p label { color: #28375a; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; } form.form p label.field-label { display: block; margin: 0 0 6px 0; } .form-field label:before { content: "任意"; background: #5c719b; border-radius: 3px; color: #fff; font-size: 0.8rem; padding: 0 8px; height: 25px; line-height: 24px; display: inline-block; margin: 0 13px 0 0; vertical-align: 1.5px; } .form-field.required label:before { content: "必須"; background: #0096d1; } .form-field.error label:before { background: #ff765f; } form.form p label.inline:before { display: none; } /* input[type='text'] ------------------------ */ input[type='text'] { padding: 0 15px; border: 1px solid #ceced8; outline: none; background: none; height: 42px; width: 100%; border-radius: 4px; font-size: 1rem; box-sizing: border-box; } .form-field.error input[type='text'] { border: 1px solid #ff765f; } input[type='text']:focus { border: 1px solid #5c719b; box-shadow: 0 4px 2px rgba(23, 38, 68, 0.05); } .form-field.error input[type='text']:focus { box-shadow: 0 4px 2px rgba(255, 118, 95, 0.05); } /* checkbox ------------------------ */ .form-field.pd-checkbox .field-label { margin: 0 0 10px 0; } .form-field.pd-checkbox .value { margin: 20px 0 0 0; } .form-field.pd-checkbox .value span { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; background: #f6f6fa; border-radius: 4px; padding: 0 0 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; line-height: 1.5; } .form-field.pd-checkbox.error .value span { background: #fff2f0; } .form-field.pd-checkbox label.inline { cursor: pointer; display: inline-block; padding: 15px; width: 90%; } input[type=checkbox] { transform: scale(1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } /* radio ------------------------ */ .form-field.pd-radio .value span { margin: 10px 25px 0 0; display: inline-block; } .form-field.pd-radio .value span input { margin: 0 10px 0 0; } /* select ------------------------ */ select { /* styling */ background-color: white; border: 1px solid #ceced8; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: 100%; } select.select { background-image: linear-gradient(45deg, transparent 50%, #5c719b 50%), linear-gradient(135deg, #5c719b 50%, transparent 50%), linear-gradient(to right, #ceced8, #ceced8); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } select.select:focus { background-image: linear-gradient(45deg, #5c719b 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #5c719b 50%), linear-gradient(to right, #5c719b, #5c719b); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: #5c719b; outline: 0; box-shadow: 0 4px 2px rgba(23, 38, 68, 0.05); } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .error select { border: 1px solid #ff765f; } .error select:focus { border: 1px solid #ff765f; box-shadow: 0 4px 2px rgba(255, 118, 95, 0.05); } /* input[type='submit'] ------------------------ */ .submit { text-align: center; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } input[type='submit'], input[type='submit']:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } input[type='submit'] { background: #3254a3; height: 70px; width: 300px; padding: 20px; z-index: 1; cursor: pointer; margin: 0 auto; border: 0; border-radius: 50px; cursor: pointer; font-size: 1.2rem; font-weight: 700; color: #fff; letter-spacing: .2em; } input[type='submit']:hover { background: #0096d1; } .iframe-wrap { width: 660px; margin: 0 auto; box-sizing: border-box; } @media screen and (max-width: 480px) { .iframe-wrap { width: 100%; padding: 0 20px 140px 20px; } .form-field { margin: 30px 0 0 0; } .form-field.pd-checkbox label.inline { width: 80%; } .form-field.last_name, .form-field.first_name, .form-field.industry, .form-field.department { display: block; width: 100%; } .form-field.pd-checkbox .value span { display: flex; align-items: center; } } </style> <script type="text/javascript">(function(){ pardot.$(document).ready(function(){ (function() { var $ = window.pardot.$; window.pardot.FormDependencyMap = []; $('.form-field-primary input, .form-field-primary select').each(function(index, input) { $(input).on('change', window.piAjax.checkForDependentField); window.piAjax.checkForDependentField.call(input); }); })(); });})();</script> <!-- <div class="mail"> <p>※ ブラウザによりお申込みフォームが表示されないケースがございます。フォームが表示されない場合はお手数ですが、下記メールアドレスまでご連絡をお願いいたします。 メールアドレス：m_lg@members.co.jp </div> --> </div> </section> <!-- #form-wrap --> </article> <footer> <div class="inner"> <div class="company"> <p> <img src="https://caddi.jp/lp/template01/assets/images/logo_white.svg" alt="CADDi" /> </p> <p>キャディ株式会社</p> </div> <ul> <li> <a href="https://caddi.jp/" target="_blank">サービスサイト</a> </li> <li> <a href="https://caddi.jp/partner" target="_blank" >パートナー加工工場募集</a > </li> <li> <a href="https://caddi.jp/company" target="_blank">会社概要</a> </li> <li> <a href="https://caddi.jp/contact/us" target="_blank" >お問い合わせ</a > </li> <li> <a href="https://caddi.jp/privacy-policy" target="_blank" >プライバシーポリシー</a > </li> </ul> </div> <p class="copyright">copyrights 2020 Caddi, Inc. All Rights Reserved.</p> </footer> <style> h2 { margin: 40px 0 60px 0; font-size: 1.5rem; line-height: 1.5; font-family: 'Noto Sans JP', sans-serif; } .inner { padding: 0 0 50px 0; } .header-inner p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -js-display: flex; align-items: center; font-size: 1rem; font-weight: bold; } .header-inner p img { margin: 0 15px 0 0; } header.fixed p img { height: auto; } footer .company img { height: auto; } header .bt-application { margin-left: auto; } h1 { display: none; } .mail { width: 660px; margin: 40px auto 0; } .mail p, .mail a { font-size: 0.8rem; color: #5c719b; line-height: 1.5; } @media screen and (max-width: 480px) { .header-inner p { font-size: 0.8rem; } .mail { width: 100%; } } </style> </body> </html>