<!DOCTYPE html>
<html class="no-js"
      xmlns="http://www.w3.org/1999/xhtml">
    <head class="data-i18n">
        <title>direct</title>
        <link rel="stylesheet" href="/mcassets/css/management_console.css?v=1775095946857" />
        <style>
            select, input {
                font-weight: normal;
            }
        </style>
        <meta name="keywords" data-i18n="[content]trial:index.content_keywords">
        <meta name="description" data-i18n="[content]trial:index.content_description">
        <meta name="author" data-i18n="[content]trial:index.content_author">
        <style>
        @media (max-width: 576px) {
            h1 {
                font-size: 30px !important;
            }
        }

        ul {
            padding: 0 0 0 20px;
        }

        li {
            margin-bottom: 10px;
        }

        .information {
            background-color: #F3F8FB;
            border-radius: 8px;
            border: 1px solid rgba(0, 0, 0, 0.04);
            padding: 12px;
            margin-bottom: 20px;
        }

        .input-requirement {
            font-size: 13px;
        }

        .required {
            color: #F00;
        }

        .text-warning {
            margin: 0px;
        }

        .warning-border {
            border: solid 1px #f0ad4e !important;
        }
    </style>
        
            <script type="text/javascript">
      /*<![CDATA[*/
      const key = "GTM-T8LT2GC";
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer', key);
      /*]]>*/
    </script>
        

        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width" />
        <link rel="apple-touch-icon" sizes="152x152" href="/mcassets/images/ico/apple-touch-icon.png" />
        <link rel="mask-icon" href="/mcassets/images/ico/direct.svg" color="#1eb7c4"/>
        <link rel="shortcut icon" href="/favicon.ico" />

        <link rel="stylesheet" href="/mcassets/components/bootstrap/dist/css/bootstrap.min.css?v=1775095946857" />
        <link rel="stylesheet" href="/mcassets/css/main.css?v=1775095946857" />
    </head>
    <body class="data-i18n">
        
            <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8LT2GC"
                      height="0" width="0" style="display:none;visibility:hidden"></iframe>
      
    </noscript>
        

        <input type="hidden" name="context_path" value="" />

        
            <div id="app-container">
  </div>
            
  
  
  
  <script type="module" crossorigin src="/mcassets/assets/navbarNotSignedIn-8041f032.js"></script>
  <link rel="modulepreload" crossorigin href="/mcassets/assets/i18n-7948d3cb.js">

        
        <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ol class="breadcrumb-trial">
                    <li><a href="/ja/" data-i18n="trial:index.page_name"></a></li>
                    <li class="active" data-i18n="trial:index.title"></li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-title">
                    <span class="page-title-glyphicon glyphicon glyphicon-flag"></span>
                    <span data-i18n="trial:index.title"></span>
                </h1>
                <p data-i18n="trial:index.description"></p>

                <div class="information">
                    <ul>
                        <li>
                            <span data-i18n="trial:index.how_to_use"></span><strong><a target="_blank" href="#" data-i18n="[href]trial:index.manual_url;trial:index.manual"></a></strong><span data-i18n="trial:index.check_manual"></span>
                        </li>
                        <li>
                            <span data-i18n="trial:index.questions"></span><strong><a target="_blank" href="#" data-i18n="[href]trial:index.questions_form_url;trial:index.questions_form"></a></strong><span data-i18n="trial:index.contact_us"></span>
                        </li>
                        <li>
                            <span data-i18n="trial:index.invitation_other"></span><strong data-i18n="trial:index.via_email_invitation"></strong><span data-i18n="trial:index.register"></span>
                        </li>
                        <li>
                            <span data-i18n="trial:index.already_have_account_want_free_plan"></span><strong><a target="_blank" href="#" data-i18n="[href]trial:index.questions_form_url;trial:index.questions_form"></a></strong><span data-i18n="trial:index.contact_us_from"></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <br>
        <form role="form" id="form_trial" method="POST" action="/trial">
            <input type="hidden" name="action_token" value="AAB85ADB421ABB0531EB497A80048EE1" />
            <div class="row">
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="input_corporate_name" data-i18n="trial:index.company_name"></label>
                    <span class="input-requirement" data-i18n="trial:index.max_number_of_words" data-i18n-options='{"v1":"48"}'></span>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <input type="text" class="form-control" id="input_corporate_name" name="corporate_name"
                        value="" />
                </div>
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="select_business_category" data-i18n="trial:index.industry"></label>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <select id="select_business_category" class="form-control" name="business_category_key">
                        <option selected disabled value="" data-i18n="trial:index.select"></option>
                        <option value="2007:A:::">農業，林業</option>
                        <option value="2007:B:::">漁業</option>
                        <option value="2007:C:::">鉱業，採石業，砂利採取業</option>
                        <option value="2007:D:::">建設業</option>
                        <option value="2007:E:::">製造業</option>
                        <option value="2007:F:::">電気・ガス・熱供給・水道業</option>
                        <option value="2007:G:::">情報通信業</option>
                        <option value="2007:H:::">運輸業，郵便業</option>
                        <option value="2007:I:::">卸売業，小売業</option>
                        <option value="2007:J:::">金融業，保険業</option>
                        <option value="2007:K:::">不動産業，物品賃貸業</option>
                        <option value="2007:L:::">学術研究，専門・技術サービス業</option>
                        <option value="2007:M:::">宿泊業，飲食サービス業</option>
                        <option value="2007:N:::">生活関連サービス業，娯楽業</option>
                        <option value="2007:O:::">教育，学習支援業</option>
                        <option value="2007:P:::">医療，福祉</option>
                        <option value="2007:Q:::">複合サービス事業</option>
                        <option value="2007:R:::">サービス業（他に分類されないもの）</option>
                        <option value="2007:S:::">公務（他に分類されるものを除く）</option>
                        <option value="2007:T:::">分類不能の産業</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-5 col-md-3 form-group">
                    <label for="input_zip_code" data-i18n="trial:index.postal"></label>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <input type="text" class="form-control" id="input_zip_code" name="zip_code" placeholder="123-4567"
                        value="" />
                </div>
                <div class="col-xs-6 col-md-4 form-group" style="margin-top: 26px;">
                    <button type="button" class="btn addr-auto-input-btn"
                        data-i18n="trial:index.postal_auto_input"></button>
                    <div id="not_exist_zip_code_data" class="text-warning" hidden data-i18n="trial:index.no_data">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-5 col-md-3 form-group">
                    <label for="input_prefecture" data-i18n="trial:index.prefecture"></label>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <select id="input_prefecture" class="form-control" name="prefecture">
                        <option selected disabled value="" data-i18n="trial:index.select"></option>
                        <option value="北海道" data-i18n="trial:index.hokkaido"></option>
                        <option value="青森県" data-i18n="trial:index.aomori"></option>
                        <option value="岩手県" data-i18n="trial:index.iwate"></option>
                        <option value="宮城県" data-i18n="trial:index.miyagi"></option>
                        <option value="秋田県" data-i18n="trial:index.akita"></option>
                        <option value="山形県" data-i18n="trial:index.yamagata"></option>
                        <option value="福島県" data-i18n="trial:index.fukushima"></option>
                        <option value="群馬県" data-i18n="trial:index.gunma"></option>
                        <option value="栃木県" data-i18n="trial:index.tochigi"></option>
                        <option value="茨城県" data-i18n="trial:index.ibaraki"></option>
                        <option value="埼玉県" data-i18n="trial:index.saitama"></option>
                        <option value="千葉県" data-i18n="trial:index.chiba"></option>
                        <option value="東京都" data-i18n="trial:index.tokyo"></option>
                        <option value="神奈川県" data-i18n="trial:index.kanagawa"></option>
                        <option value="新潟県" data-i18n="trial:index.niigata"></option>
                        <option value="富山県" data-i18n="trial:index.toyama"></option>
                        <option value="石川県" data-i18n="trial:index.ishikawa"></option>
                        <option value="福井県" data-i18n="trial:index.fukui"></option>
                        <option value="山梨県" data-i18n="trial:index.yamanashi"></option>
                        <option value="長野県" data-i18n="trial:index.nagano"></option>
                        <option value="岐阜県" data-i18n="trial:index.gifu"></option>
                        <option value="静岡県" data-i18n="trial:index.shizuoka"></option>
                        <option value="愛知県" data-i18n="trial:index.aichi"></option>
                        <option value="三重県" data-i18n="trial:index.mie"></option>
                        <option value="滋賀県" data-i18n="trial:index.shiga"></option>
                        <option value="京都府" data-i18n="trial:index.kyoto"></option>
                        <option value="大阪府" data-i18n="trial:index.osaka"></option>
                        <option value="兵庫県" data-i18n="trial:index.hyogo"></option>
                        <option value="奈良県" data-i18n="trial:index.nara"></option>
                        <option value="和歌山県" data-i18n="trial:index.wakayama"></option>
                        <option value="鳥取県" data-i18n="trial:index.tottori"></option>
                        <option value="島根県" data-i18n="trial:index.shimane"></option>
                        <option value="岡山県" data-i18n="trial:index.okayama"></option>
                        <option value="広島県" data-i18n="trial:index.hiroshima"></option>
                        <option value="山口県" data-i18n="trial:index.yamaguchi"></option>
                        <option value="徳島県" data-i18n="trial:index.tokushima"></option>
                        <option value="香川県" data-i18n="trial:index.kagawa"></option>
                        <option value="愛媛県" data-i18n="trial:index.ehime"></option>
                        <option value="高知県" data-i18n="trial:index.kochi"></option>
                        <option value="福岡県" data-i18n="trial:index.fukuoka"></option>
                        <option value="佐賀県" data-i18n="trial:index.saga"></option>
                        <option value="長崎県" data-i18n="trial:index.nagasaki"></option>
                        <option value="熊本県" data-i18n="trial:index.kumamoto"></option>
                        <option value="大分県" data-i18n="trial:index.oita"></option>
                        <option value="宮崎県" data-i18n="trial:index.miyazaki"></option>
                        <option value="鹿児島県" data-i18n="trial:index.kagoshima"></option>
                        <option value="沖縄県" data-i18n="trial:index.okinawa"></option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-11 col-md-12 form-group">
                    <label for="input_address" data-i18n="trial:index.city_ward_town_village"></label>
                    <input type="text" class="form-control" id="input_address"
                        data-i18n="[placeholder]trial:index.city_ward_town_village_example" name="address"
                        value="" />
                </div>
            </div>
            <div class="row">
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="input_department" data-i18n="trial:index.department_name"></label>
                    <span class="input-requirement" data-i18n="trial:index.max_number_of_words" data-i18n-options='{"v1":"32"}'></span>
                    <input type="text" class="form-control" id="input_department" name="department"
                        value="" />
                </div>
            </div>
            <div class="row">
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="input_username" data-i18n="trial:index.name"></label>
                    <span class="input-requirement" data-i18n="trial:index.max_number_of_words" data-i18n-options='{"v1":"32"}'></span>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <input type="text" class="form-control" id="input_username" name="username"
                        value="" />
                </div>
                <div class="col-xs-5 col-md-3 form-group">
                    <label for="select_position" data-i18n="trial:index.role"></label>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <select id="select_position" class="form-control" name="position_id">
                        <option selected disabled value="" data-i18n="trial:index.select"></option>
                        <option value="1">経営層</option>
                        <option value="2">部長級</option>
                        <option value="3">課長級</option>
                        <option value="4">一般職</option>
                        <option value="99">その他</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="input_email" data-i18n="trial:index.email"></label>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <input type="text" class="form-control" id="input_email" name="email"
                        value="" />
                </div>
            </div>
            <div class="row">
                <div class="col-xs-11 col-md-6 form-group">
                    <label for="input_phone_number" data-i18n="trial:index.phone_number"></label>
                    <span class="input-requirement" data-i18n="trial:index.landline_phone_number"></span>
                    <span class="required" data-i18n="trial:index.asterisk"></span>
                    <input type="text" class="form-control" placeholder="03-1234-5678" id="input_phone_number"
                        name="phone_number" value="" />
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-12">
                    <label for="input_distributor_code" data-i18n="trial:index.partner_code"></label>
                    <span class="input-requirement" data-i18n="trial:index.registered_use_partner_code"></span>
                </div>
                <div class="col-xs-11 col-md-6 form-group">
                    <input type="text" class="form-control" id="input_distributor_code" name="distributor_code"
                        value="" />
                </div>
            </div>
            
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <label class="survey-text"
                               data-ja="「direct」をどちらで知りましたか？"
                               data-en="How did you know about &quot;direct&quot;?">
                        </label>
                        <span class="required" data-i18n="trial:index.asterisk"></span>
                    </div>
                    <div class="col-xs-12 col-md-12 form-group">
                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="0" />
                                        <span class="option-text"
                                              data-ja="Google/Yahoo!などの検索"
                                              data-en="Google/Yahoo! Search">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="1" />
                                        <span class="option-text"
                                              data-ja="展示会・イベント"
                                              data-en="Exhibitions/Events">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="2" />
                                        <span class="option-text"
                                              data-ja="L is B主催セミナー"
                                              data-en="L is B Seminars">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="3" />
                                        <span class="option-text"
                                              data-ja="メールマガジン"
                                              data-en="Email Newsletter">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="4" />
                                        <span class="option-text"
                                              data-ja="利用ツールが「direct」と連携していたから"
                                              data-en="Used a tool integrated with &quot;direct&quot;">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="5" />
                                        <span class="option-text"
                                              data-ja="取引先企業で利用したことがある"
                                              data-en="Used at a partner company">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="6" />
                                        <span class="option-text"
                                              data-ja="自社で利用したことがある"
                                              data-en="Used internally at my company">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="7" />
                                        <span class="option-text"
                                              data-ja="紹介（知人・現場）"
                                              data-en="Referral (acquaintance/colleague)">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey0"
                                               value="8" />
                                        <span class="option-text"
                                              data-ja="その他"
                                              data-en="Other">
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <label class="survey-text"
                               data-ja="ご検討状況についてお聞かせください。"
                               data-en="What is your consideration status?">
                        </label>
                        <span class="required" data-i18n="trial:index.asterisk"></span>
                    </div>
                    <div class="col-xs-12 col-md-12 form-group">
                        <div class="row">
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey1"
                                               value="0" />
                                        <span class="option-text"
                                              data-ja="既に利用中"
                                              data-en="Already in use">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey1"
                                               value="1" />
                                        <span class="option-text"
                                              data-ja="自社内での利用を検討中"
                                              data-en="Considering for internal use">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey1"
                                               value="2" />
                                        <span class="option-text"
                                              data-ja="協力会社との利用を検討中"
                                              data-en="Considering for use with partners">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey1"
                                               value="3" />
                                        <span class="option-text"
                                              data-ja="顧客への紹介・開発目的等"
                                              data-en="Introducing to customers/Development purposes,etc.">
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6 col-xs-12">
                                <div class="radio" style="margin: 5px 0;">
                                    <label>
                                        <input type="radio"
                                               name="survey1"
                                               value="4" />
                                        <span class="option-text"
                                              data-ja="その他"
                                              data-en="Other">
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            
            <div class="row">
                <div class="col-md-12 form-group">
                    <div data-i18n="trial:index.check_again"></div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="agree_eula">
                            <div id="agree_eula_message">
                                <span data-i18n="trial:index.agree_en"></span>
                                <a target="_blank" href="#" data-i18n="[href]trial:index.terms_of_service_url;trial:index.terms_of_service"></a>
                                <span data-i18n="trial:index.and"></span>
                                <a target="_blank" href="#" data-i18n="[href]trial:index.privacy_policy_url;trial:index.privacy_policy"></a>
                                <span data-i18n="trial:index.agree_jp"></span>
                            </div>
                        </label>
                    </div>
                </div>
                <div class="col-md-12 form-group">
                    <button type="submit" class="validate btn btn-primary" data-i18n="trial:index.registered"></button>
                </div>
                <div class="col-md-12">
                    <div id="not_completed" class="text-warning" hidden data-i18n="trial:index.failed_input"></div>
                </div>
            </div>
        </form>
    </div>

        <script src="/environment"></script>
        <script src="/mcassets/js/management.js?v=1775095946857"></script>

        <div class="modal fade" tabindex="-1" role="dialog" id="mc_alert_dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" aria-label="OK">&times;</span></button>
                <h4 id="mc_alert_dialog_title"></h4>
            </div>
            <div class="modal-body">
                <p id="mc_alert_dialog_message"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="mc_alert_dialog_ok" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>
        <div class="modal fade" tabindex="-1" role="dialog" id="mc_confirm_dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" aria-label="OK">&times;</span></button>
                <h4 id="mc_confirm_dialog_title"></h4>
            </div>
            <div class="modal-body">
                <p id="mc_confirm_dialog_message"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link" id="mc_confirm_dialog_cancel" data-dismiss="modal">キャンセル</button>
                <button type="button" class="btn btn-primary" id="mc_confirm_dialog_ok" data-dismiss="modal">OK</button>
            </div>
        </div>
    </div>
</div>
        <div class="modal fade" tabindex="-1" role="dialog" id="mc_confirm_deletion_dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"
                            aria-label="OK">&times;</span></button>
                    <h4 id="mc_confirm_deletion_dialog_title"></h4>
                </div>
                <div class="modal-body">
                    <p id="mc_confirm_deletion_dialog_message"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-muted" id="mc_confirm_deletion_dialog_cancel"
                        data-dismiss="modal">キャンセル</button>
                    <button type="button" class="btn btn-warning" id="mc_confirm_deletion_dialog_deletion"
                        data-dismiss="modal">削除</button>
                </div>
            </div>
        </div>
    </div>
        
        <script type="text/javascript" src="/mcassets/js/mc_common.js?v=1775095946857"></script>
        <script type="text/javascript" src="/mcassets/js/trial.js?v=1775095946857"></script>
        <script type="text/javascript">
            window.i18n.runAfterInit(function () {
                window.i18next.loadNamespaces(['trial']).then(function () {
                    const langJa = window.i18n ? window.i18n.langJa : true;
                    const applicationName = langJa ? window.env.applicationName.ja : window.env.applicationName.en;

                    document.title = window.i18next.t('trial:index.content_title');

                    $('.data-i18n').localize();
                    $('.data-i18n').show();
                });

                const lang = window.i18n.lang;
                document.querySelectorAll('.survey-text').forEach(function(label) {
                    const text = label.dataset[lang];
                    label.textContent = text;
                });

                document.querySelectorAll('.option-text').forEach(function(span) {
                    const text = span.dataset[lang];
                    span.textContent = text;
                });
            });
        </script>
    

        
    </body>
</html>