仕事を依頼する - TED マーケティングの力で 成長を加速させる

<div id="fix-btn" class="header open is-firstview"><div class="header-content-linklist" id="header-content-linklist"><a href="/" class="logolink"><img src="https://asset.tedjp-x.com/images/wp-content/uploads/2024/03/logo.png" alt="TED" class="header-content-logo header-content-logo-open" /></a><ul><li><a href="#marketing">マーケティング</a></li><li><a href="#seo_consulting">SEOコンサルティング</a></li><li><a href="#new_business">新規事業企画</a></li><li><a href="#company">会社概要</a></li><li><a href="https://tedjp-x.com/inquiry/" class="contact">CONTACT</a></li></ul></div><a id="htmlBoxMenuSdBtn"></a></div><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

   <div class="htmlBoxMenuSdInner"><a href="/" class="logo"><img src="https://asset.tedjp-x.com/images/wp-content/uploads/2024/03/logo.png" alt="TED" /></a><div id="htmlBoxMenuSdBtnClose"></div><ul class="menu"><li><a href="#marketing" class="part998_link">マーケティング</a></li><li><a href="#seo_consulting" class="part998_link">SEOコンサルティング</a></li><li><a href="#new_business" class="part998_link">新規事業企画</a></li><li><a href="#company" class="part998_link">会社概要</a></li><li><a href="#" class="part998_link contact">CONTACT</a></li></ul></div>


<form id="part1004Form" action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSeT4F64iua9JlkJGXjF5UCvVdz9FX64DZhobfhZAhsN4lntAg/formResponse" method="post" target="hidden_iframe" class="part1004" onsubmit="document.getElementById('btnSubmit').disabled = true; document.getElementById('btnSubmit').classList.add('element'); submitted=true;" >
    <div class="part1004_list">


<h2>仕事を依頼する</h2>


        <div class="part1004_item">
            <div class="part1004_title">
                お名前<span class="part1004_required">必須</span>
            </div>
            <input type="text" name="entry.1388701615" id="1388701615" placeholder="お名前" required="" class="part1004_inputtext">
        </div>
        <div class="part1004_item">
            <div class="part1004_title">
                メールアドレス<span class="part1004_required">必須</span>
            </div>
            <input type="text" name="entry.1858077641" id="1858077641" placeholder="メールアドレス" required="" class="part1004_inputtext">
        </div>


        <div class="part1004_item">
            <div class="part1004_title">
                依頼内容<span class="part1004_required">必須</span>
            </div>
            <textarea name="entry.1930712943" id="1930712943" cols="30" rows="10" placeholder="お問い合わせ内容が入ります。" required="" class="part1004_freetext"></textarea>
        </div>



    </div>


    <p class="privacy_text"><input name="approve[]" id="approve0" value="0" type="checkbox" checked=""> <span class="approve_text"><a href="https://tedjp-x.com/terms_of_service/" target="_blank" draggable="false">利用規約</a>および<a href="https://tedjp-x.com/privacy_policy/" target="_blank" draggable="false">プライバシーポリシー</a>に同意します。</span></p>


    <div class="part1004_btn"><input type="submit" id="btnSubmit" data-sb-tracking="true" sb_tracking="true" value="送信する"></div>

</form>






<script type="text/javascript">

function sleep(waitSec, callbackFunc) {
 
    // 経過時間（秒）
    var spanedSec = 0;
 
    // 1秒間隔で無名関数を実行
    var id = setInterval(function () {
 
        spanedSec++;
 
        // 経過時間 >= 待機時間の場合、待機終了。
        if (spanedSec >= waitSec) {
 
            // タイマー停止
            clearInterval(id);
 
            // 完了時、コールバック関数を実行
            if (callbackFunc) callbackFunc();
        }
    }, 1000);
 
}

    var submitted = false;

    window.onload = function() {

        var checkbox = document.getElementById("approve0"); // チェックボックスの要素を取得
        var button = document.getElementById("btnSubmit"); // ボタンの要素を取得
        
        button.addEventListener("click", function(event) {

            if (!checkbox.checked) { // チェックがされていない場合
                alert("個人情報取り扱いに同意されていません。")
                event.preventDefault(); // イベントをキャンセル
            }
        });

const form = document.querySelector("#part1004Form");
form.addEventListener("submit", function(){
submitted=true;

sleep(1, function () {
window.location='https://tedjp-x.com/inquiry_completed/';
});

})

    }
</script>


<iframe name="hidden_iframe" id="hidden_iframe" style="display: none" onload="if(submitted)  {window.location='https://tedjp-x.com/inquiry_completed/';}"></iframe>


body{font-family:"Montserrat",sans-serif;font-size:14px}.header{position:absolute;top:30px;left:30px;right:30px;z-index:101;pointer-events:none;opacity:0;transform:translateY(-100px);transition:all .2s ease-out}.header .header-content-linklist{background:#fff}.header.is-firstview .header-content-linklist{background:transparent}.header.open{pointer-events:auto;opacity:1;transform:translateY(0px);transition:all .3s ease-out}.header-content-linklist{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:100;padding:0 0 10px 0}.header-content-linklist a:hover{opacity:.6}.header-content-linklist ul>li a{color:#333;font-size:16px}.header-content-logo{width:80px;height:auto;animation-duration:3s;animation-timing-function:linear;margin:0}.header-content-logo.header-content-logo-open{width:80px;height:auto}.header-content-linklist ul{list-style:none;display:flex;padding:0 0 0 20px;margin:0 0 0 15px;background:#fff;border-radius:40px}.header-content-linklist ul li{display:inline-block;margin-right:8px}.header-content-linklist ul li:last-child{margin-right:0}.header-content-linklist ul li a{display:inline-block;text-decoration:none;color:#161616;font-size:15px;padding:8px 8px;line-height:1.6}.header-content-linklist ul li a:hover{color:#161616;opacity:.6;text-decoration:none}.header-content-linklist ul li a.contact{border-radius:40px;padding:8px 20px;background:#161616;color:#fff;margin-left:3px;font-weight:bold;box-sizing:border-box;height:100%;display:flex;justify-content:center;align-items:center}.header-content-linklist ul li a.contact:hover{color:#fff}.htmlBoxMenuSdBtnWrapper{display:none}#htmlBoxMenuSdBtnClose{display:block;height:40px;width:40px;position:fixed;right:14px;top:14px}#htmlBoxMenuSdBtnClose:before{-moz-transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);background-color:#5f5f5f;content:"　";height:1px;left:19%;position:absolute;top:50%;transform:rotateZ(-45deg);width:25px}#htmlBoxMenuSdBtnClose:after{-moz-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);background-color:#5f5f5f;content:"　";height:1px;left:19%;position:absolute;top:50%;transform:rotateZ(45deg);width:25px}.htmlBoxMenuSd{display:none}@keyframes animationv2{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}.part1000{background:#161616;display:flex;justify-content:space-between;padding:60px 40px 100px;margin:140px 0 0}.part1000_copy{color:#888;color:#fff;font-size:12px;line-break:1.4;margin:0;padding:0}.part1000_info{color:#fff;font-size:16px;line-break:1.6;margin:0;padding:0}.privacy_text{display:none}.part1004{width:auto;margin:0 auto;padding:60px 40px 80px 340px;padding-top:0;max-width:1000px}.part1004 h2{padding:30px 0 30px 0}.part1004_title{display:block;font-size:16px;margin-bottom:4px}.part1004_item{margin-bottom:20px}.part1004_checkbox_wrap{display:block}.part1004_checkbox{font-size:14px;line-height:1.8}.part1004_checkbox_item{display:inline-block;margin:0 10px 4px 0;position:relative;padding-left:22px;cursor:pointer;vertical-align:middle}.part1004_checkbox_item input[type=checkbox]{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.part1004_checkbox_item input[type=checkbox]::before,.part1004_checkbox_item input[type=checkbox]::after{content:"";display:block;position:absolute}.part1004_checkbox_item input[type=checkbox]::before{background-color:#fff;border-radius:4px;border:1px solid #d9d9d9;width:15px;height:15px;transform:translateY(-50%);top:13px;left:0}.part1004_checkbox_item input[type=checkbox]::after{border-bottom:2px solid #00bcd4;border-left:2px solid #00bcd4;opacity:0;height:6px;width:14px;transform:rotate(-45deg);top:5px;left:2px}.part1004_checkbox_item input[type=checkbox]:checked::after{opacity:1}.part1004_required{color:#fff;background-color:#f44336;font-size:12px;display:inline-block;padding:3px 8px;margin:0 0 0 2px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;position:relative;top:-1px}.part1004 textarea{border-width:1px;border-color:#d9d9d9;border-radius:4px;padding:10px;background-color:#fff;width:100%;min-height:200px;box-sizing:border-box}.part1004 textarea::placeholder{color:#d9d9d9}.part1004 textarea:focus{border-color:#00bcd4;background-color:#fff;outline:none}.part1004 input[type=text],.part1004 input[type=email]{border-width:1px;border-color:#d9d9d9;border-style:solid;border-radius:4px;padding:10px;width:100%;min-height:2.4em;box-sizing:border-box;box-shadow:none;box-sizing:border-box}.part1004 input[type=text]::placeholder,.part1004 input[type=email]::placeholder{color:#d9d9d9}.part1004 input[type=text]:focus,.part1004 input[type=email]:focus{border-color:#00bcd4;background-color:#fff;outline:none}.part1004 input[type=submit]{width:100%;font-size:18px;font-weight:bold;color:#fff;display:inline-block;padding:12px 0;text-align:center;background-color:#000;border:1px solid #000;border-radius:34px;text-decoration:none;cursor:pointer;transition:.2s;margin-top:30px;border:1px solid #000}.part1004 input[type=submit]:hover{color:#00bcd4;background-color:#fff}#btnSubmit.element{background:linear-gradient(to right, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;animation:gradient-animation 3s ease infinite}  @media screen and (min-width: 0px) and (max-width: 800px) {.header{position:absolute;top:15px;left:15px;right:15px}.header .pc_only{display:none}.header .sd_only{display:inline-block}.header-content-logo{margin:34px 0 0px 42px}.header-content-logo.header-content-logo-open{margin:0;width:60px}.header-content-linklist ul{display:inline-block;display:none;width:650px;text-align:left;position:relative;right:0px;top:0px;vertical-align:top;margin:35px 0 0 130px}@-webkit-keyframes "slide"{100%{right:0}}@keyframes "slide"{100%{right:0}}.header-content-logo.sd:not(.white){display:none}.header-content-logo.pc{display:none}.header-content-logo.sd{display:inline-block}.header-content-logo{margin:0}.header-content-logo-close{display:none}#header-content-linklist .reservationBtn{display:none}.header-content-linklist .menu{display:inline-block;display:none;width:650px;text-align:left;position:relative;right:0px;top:0px;vertical-align:top;margin:35px 0 0 130px}.header-content-linklist .menu_other{width:auto;position:static;padding:0 70px 0 0;margin:0;display:flex;flex-direction:row-reverse}.header-content-linklist .reservationBtn{padding:8px 10px;font-size:11px;text-decoration:none}.header-content-linklist .sns_menu{margin:10px 15px 0 0}.header-content-linklist .sns_menu>li{margin-right:6px}.header-content-linklist .sns_menu>li svg{width:16px;height:16px}.header-content__btn{width:auto;margin:0 auto;font-size:16px;padding:10px;max-width:70%}.htmlBoxMenuSdBtnWrapper{display:block;position:absolute;right:0;top:0;bottom:0;margin:auto}.htmlBoxMenuSdBtnWrapper::before{content:"MENU";position:absolute;top:15px !important;right:22px !important;color:#fff !important;font-size:10px !important}#htmlBoxMenuSdBtn{display:block;width:28px;height:1px;margin:-1px 0 0 -7px;transition:.2s;right:0;position:absolute;top:2px !important;background:transparent;height:27px;border-top:1px solid #161616}#htmlBoxMenuSdBtn:before{display:block;content:"";position:absolute;width:28px;height:1px;background:#161616 !important;transition:.3s;top:17px;left:0px}#htmlBoxMenuSdBtn:after{display:block;content:"";position:absolute;width:28px;height:1px;background:#161616 !important;transition:.3s;top:8px;left:0px}.spaceBottom #htmlBoxMenuSdBtn{border-top:1px solid #000;top:20px}.spaceBottom #htmlBoxMenuSdBtn:before{background:#000}.spaceBottom #htmlBoxMenuSdBtn:after{background:#000}.htmlBoxMenuSd{display:none;background:#00000045;position:fixed;width:100%;z-index:101;height:100%}.htmlBoxMenuSd .htmlBoxMenuSdInner{background:#fff;position:absolute;top:0px;right:-300px;z-index:100;padding:10px 0px;height:100%;width:260px;-webkit-animation:slide .3s forwards;-webkit-animation-delay:.1s;animation:slide .3s forwards;animation-delay:.1s}.htmlBoxMenuSd ul{margin:0;text-align:right;font-size:11px;line-height:15px;float:right;width:565px;position:relative;top:auto;margin-top:0px;padding:6px 0px}.htmlBoxMenuSd ul li{margin:0px 0px 0px 10px;padding:0;display:block}.htmlBoxMenuSd ul li a{color:#333;font-size:14px;display:inline-block;text-align:left;width:220px;padding:10px;background-color:#fff;margin:0px 10px;border-bottom:1px solid #ddd}.htmlBoxMenuSd .logo img{width:110px !important;margin:13px 10px 28px 18px}.htmlBoxMenuSd.open{display:block;z-index:100001 !important}.htmlBoxMenuSd.close{display:none;background:#fff;position:fixed;top:0px;right:0px;z-index:100;padding:10px;height:100%;width:260px}.htmlBoxMenuSdBk::after{font-size:23px;display:inline-block;content:"×";color:#333;position:absolute;top:7px;right:15px}.htmlBoxMenuSd .logo img{width:47px !important;margin:50px 10px 28px 18px}.part1000{display:block;justify-content:space-between;padding:40px 15px 60px;margin:80px 0 0}.part1000_copy{margin:0 0 20px;font-size:12px}.part1000_info{text-align:right;font-size:12px}.part1004{width:auto;padding:0 16px} }