app/template/default/Contact/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'mail_page' %}
  15. {% block main %}
  16.     <style>
  17.         #privacy_box {
  18.             height: 300px;
  19.             font-family: 'ＭＳ Ｐゴシック', serif;
  20.         }
  22.         #privacy_box .MsoNormal {
  23.             line-height: 1.8;
  24.             font-size: 12px;
  25.         }
  27.         #privacy_box .MsoNormal span {
  28.             font-size: 11pt;
  29.             letter-spacing: 0;
  30.         }
  32.         #privacy_box .MsoNormalTable .MsoNormal {
  33.             line-height: 1.6;
  34.         }
  36.         .mail_page .ec-layoutRole #contents_wrapper .ec-layoutRole__contents .ec-layoutRole__mainWithColumn #pankuzu {
  37.             padding-top: 3px !important;
  38.             padding-bottom: 0px !important;
  39.         }
  41.         .mail_page .ec-layoutRole #contents_wrapper .ec-layoutRole__contents .ec-layoutRole__mainWithColumn #pankuzu ul {
  42.             margin-bottom: 0px !important;
  43.         }
  44.     </style>
  46.     <div id="contents_wrapper">
  47.         {% if isShowLeftMenu is defined and isShowLeftMenu %}
  48.             {% include 'Block/Sidebar/lm_left_menu_my_page.twig' %}
  49.         {% endif %}
  50.         <div id="mail_content">
  51.             <div class="page-title">
  52.                 <h3>メール問合せ<span>（データ入稿フォーム）</span></h3>
  53.                 <p>見積もり、疑問を気軽にご相談ください。</p>
  54.             </div>
  55.             <p style="margin: 5px;">
  56.                 ・当サイトは、ＳＳＬ暗号化によりお客様情報を保護しております。<br>
  57.                 ・下記の項目をご入力ください。入力が完了いたしましたら、画面下の｢確認画面へ進む｣ボタンを押してください。確認画面に移動します。<br>
  58.             </p>
  60.             <br>
  62.             <form name="mail_confirm" id="mail_confirm" method="post" action="{{ url(confirmRouteName) }}"
  63.                   enctype="multipart/form-data"
  64.                   onsubmit="javascript:if(!document.getElementById('privacy1').checked){document.getElementById('privacy1').focus();alert('利用目的に同意していただく必要があります。');return false}">
  65.                 {{ form_widget(form._token) }}
  67.                 <div class="page-title">
  68.                     <h3>お見積り・ご相談フォーム</h3>
  69.                     <span class="f-right">メールの返信日時:AM9:00〜PM6:00（土日、祝日を除く）<br>
  70.                 【必須】の項目は必須入力です。必ずご入力いただけますようにお願いいたします。</span>
  71.                 </div>
  72.                 <input type="hidden" name="mode" value="confirm">
  73.                 <table class="new_input left" style="margin:0px;">
  74.                     <tbody>
  75.                     <tr>
  76.                         <th>会社名</th>
  77.                         <td class="c1">
  78.                             {{ form_widget(form.inquiry_company_name, { attr: {id:'inquiry_company_name', class:"efo w350", style:"ime-mode:active;", 'data-efo-validate-required':"会社名をご入力ください", placeholder:"（例）株式会社ランドマーク" }}) }}
  79.                             {{ form_errors(form.inquiry_company_name) }}
  80.                         </td>
  81.                     </tr>
  82.                     <tr>
  83.                         <th class="h">お名前</th>
  84.                         <td class="c1">
  85.                             <div class="ec-halfInput">
  86.                                 {{ form_widget(form.inquiry_user_name, { attr: {id:'inquiry_user_name', class:"efo-required w350", style:"ime-mode:active;", 'data-efo-validate-required':"お名前をご入力ください", placeholder:"（例）山田　太郎" }}) }}
  87.                                 {{ form_errors(form.inquiry_user_name) }}
  88.                             </div>
  89.                         </td>
  90.                     </tr>
  91.                     <tr>
  92.                         <th class="h">メールアドレス</th>
  93.                         <td class="c1">
  94.                             {{ form_widget(form.inquiry_email, { attr: {id:'inquiry_email', class:"efo-required-email w350", style:"ime-mode:active;", 'data-efo-validate-required':"メールアドレスをご入力ください", placeholder:"（例）info@l-m.co.jp" }}) }}
  95.                             {{ form_errors(form.inquiry_email) }}
  96.                         </td>
  97.                     </tr>
  98.                     <tr>
  99.                         <th class="h">電話番号</th>
  100.                         <td class="c1">
  101.                             <p>半角英数字ハイフンなし</p>
  102.                             {{ form_widget(form.inquiry_tel, { attr: {id:'inquiry_tel', class:"efo-required-pattern w200", style:"ime-mode:active;", 'data-efo-validate-required':"電話番号をご入力ください", placeholder:"例）0359093351", "data-efo-validation": '{"pattern":"^[0-9]+$"}' }}) }}
  103.                             {{ form_errors(form.inquiry_tel) }}
  104.                         </td>
  105.                     </tr>
  106.                     <tr>
  107.                         <th>ご注文番号<br><span style="color:red">※すでにご注文されているお客様はご記入下さい。</span>
  108.                         </th>
  109.                         <td class="c1">
  110.                             <p>半角英数字</p>
  111.                             {{ form_widget(form.inquiry_oh_id, { attr: {id:'inquiry_oh_id', class:"efo w200", style:"ime-mode:active;", 'data-efo-validate-required':"ご注文番号をご入力ください", placeholder:"（例）ｃ-200000" }}) }}
  112.                             {{ form_errors(form.inquiry_oh_id) }}
  113.                         </td>
  114.                     </tr>
  115.                     <tr>
  116.                         <th class="h">お問い合わせ内容</th>
  117.                         <td class="c1" style="padding:8px;">
  118.                             {{ form_widget(form.contents, { attr: {id:'contents', class:"efo-required", style:"ime-mode:active;width:80%;height:160px;padding:6px;box-sizing:border-box;", 'data-efo-validate-required':"お問い合わせ内容をご入力ください", placeholder:"（例）商品番号：○○の見積りをお願いします。" }}) }}
  119.                             {{ form_errors(form.contents) }}
  120.                         </td>
  121.                     </tr>
  122.                     <tr>
  123.                         <th>資料添付</th>
  124.                         <td class="c1" style="position:relative;">
  125.                             <span id="inquiry_file1_1"
  126.                                   style="display:inline">{{ form_widget(form.inquiry_file1, { attr: {id:'inquiry_file1', class:"efo opw", style:"padding-bottom:7px;", 'data-efo-validate-required':"添付する資料を選択してください", 'data-efo-validate-ok':"選択が完了しました" }}) }}</span>
  127.                             {{ form_errors(form.inquiry_file1) }}
  128.                             <span id="inquiry_file2_1" style="display:none"><label><input type="checkbox" class="efo"
  129.                                                                                           name="inquiry_file_delete1"
  130.                                                                                           value="1"
  131.                                                                                           onclick="javascript:document.getElementById('inquiry_file1').style.display='inline';document.getElementById('inquiry_file2_1').style.display='none';">
  132.                                         <a href="https://img0.land-mark.biz/ut_img/public_images/tmp_img/"
  133.                                            target="_blank" rel="nofollow"></a>
  134.                                 を削除する</label></span>
  137.                             <span id="inquiry_file1_2"
  138.                                   style="display:inline">{{ form_widget(form.inquiry_file2, { attr: {id:'inquiry_file2', class:"efo opw", style:"padding-bottom:7px;", 'data-efo-validate-required':"添付する資料を選択してください", 'data-efo-validate-ok':"選択が完了しました" }}) }}</span>
  139.                             {{ form_errors(form.inquiry_file1) }}
  140.                             <span id="inquiry_file2_2" style="display:none"><label><input type="checkbox" class="efo"
  141.                                                                                           name="inquiry_file_delete2"
  142.                                                                                           value="1"
  143.                                                                                           onclick="javascript:document.getElementById('inquiry_file2').style.display='inline';document.getElementById('inquiry_file2_2').style.display='none';">
  144.                                         <a href="https://img0.land-mark.biz/ut_img/public_images/tmp_img/"
  145.                                            target="_blank" rel="nofollow"></a>
  146.                                     を削除する</label></span>
  148.                             <span id="inquiry_file1_3"
  149.                                   style="display:inline">{{ form_widget(form.inquiry_file3, { attr: {id:'inquiry_file3', class:"efo opw", style:"padding-bottom:7px;", 'data-efo-validate-required':"添付する資料を選択してください", 'data-efo-validate-ok':"選択が完了しました" }}) }}</span>
  150.                             {{ form_errors(form.inquiry_file1) }}
  151.                             <span id="inquiry_file2_3" style="display:none"><label><input type="checkbox" class="efo"
  152.                                                                                           name="inquiry_file_delete3"
  153.                                                                                           value="1"
  154.                                                                                           onclick="javascript:document.getElementById('inquiry_file3').style.display='inline';document.getElementById('inquiry_file2_3').style.display='none';">
  155.                                         <a href="https://img0.land-mark.biz/ut_img/public_images/tmp_img/"
  156.                                            target="_blank" rel="nofollow"></a>
  157.                                     を削除する</label></span>
  159.                             {{ FileUploadNotice() | raw }}
  161.                         </td>
  162.                     </tr>
  163.                     </tbody>
  164.                 </table>
  166.                 <div class="page-title">
  167.                     <h3>個人情報の取扱いについての同意</h3>
  168.                 </div>
  169.                 <table class="new_input left">
  170.                     <tbody>
  171.                     <tr>
  172.                         <td colspan="2" style="padding:10px;border-left:none;">
  173.                             <div id="privacy_box">
  174.                                 <p class="MsoNormal" align="right" style="margin-top:6.0pt;mso-para-margin-top:
  175. .5gd;text-align:right;mso-layout-grid-align:none;text-autospace:none"><span>株式会社ランドマーク<span
  176.                                                 lang="EN-US"></span></span></p>
  178.                                 <p class="MsoNormal" align="right" style="margin-top:6.0pt;mso-para-margin-top:
  179. .5gd;text-align:right;mso-layout-grid-align:none;text-autospace:none"><span lang="EN-US"
  180.                                                                             style="font-size:11.0pt;"></span></p>
  181.                                 <p class="MsoNormal" align="center" style="margin-top:6.0pt;mso-para-margin-top:
  182. .5gd;text-align:center;mso-layout-grid-align:none;text-autospace:none"><span>個人情報の取扱いについての同意<span
  183.                                                 lang="EN-US"></span></span></p>
  184.                                 <p class="MsoNormal" align="left" style="margin-top:2.4pt;mso-para-margin-top:.2gd;
  185. text-align:left;mso-layout-grid-align:none;text-autospace:none"><span style="font-size:11.0pt;mso-bidi-font-family:ＭＳ明朝;
  186. mso-font-kerning:0pt">弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、下記のように定め、保護に努めております。<span
  187.                                                 lang="EN-US"></span></span></p>
  189.                                 <p class="MsoNormal" align="left" style="margin-top:6.0pt;mso-para-margin-top:.5gd;
  190. text-align:left;mso-layout-grid-align:none;text-autospace:none"><span>【利用目的】<span lang="EN-US"></span></span></p>
  191.                                 <table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0"
  192.                                        style="margin-left:12.5pt;border-collapse:collapse;mso-table-layout-alt:fixed; border:none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0mm 5.4pt 0mm 5.4pt;mso-border-insideh:.5pt solid windowtext;mso-border-insidev:.5pt solid windowtext">
  193.                                     <tbody class="normal-table">
  194.                                     <tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
  195.                                         <td width="198" valign="top"
  196.                                             style="width:148.85pt;border:solid windowtext 1.0pt;mso-border-alt:solid windowtext .5pt;padding:0mm 5.4pt 0mm 5.4pt">
  197.                                             <p class="MsoNormal"><span
  198.                                                         style="font-size:9.0pt;mso-bidi-font-size:12.0pt;">個人情報の種別</span>
  199.                                             </p>
  200.                                         </td>
  201.                                         <td width="378" valign="top"
  202.                                             style="width:100.0mm;border:solid windowtext 1.0pt;border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;padding:0mm 5.4pt 0mm 5.4pt">
  203.                                             <p class="MsoNormal"><span
  204.                                                         style="font-size:9.0pt;mso-bidi-font-size:12.0pt;">利用目的</span>
  205.                                             </p>
  206.                                         </td>
  207.                                     </tr>
  208.                                     <tr style="mso-yfti-irow:2">
  209.                                         <td width="198" valign="top"
  210.                                             style="width:148.85pt;border:solid windowtext 1.0pt;border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;padding:0mm 5.4pt 0mm 5.4pt">
  211.                                             <p class="MsoNormal"><span
  212.                                                         style="font-size:9.0pt;mso-bidi-font-size:12.0pt;mso-highlight:yellow">お問い合わせを頂いた方の情報</span>
  213.                                             </p>
  214.                                         </td>
  215.                                         <td width="378" valign="top"
  216.                                             style="width:100.0mm;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;padding:0mm 5.4pt 0mm 5.4pt">
  217.                                             <p class="MsoNormal"><span
  218.                                                         style="font-size:9.0pt;mso-bidi-font-size:12.0pt;mso-highlight:yellow">・問い合わせへの対応のため</span>
  219.                                             </p>
  220.                                             <p class="MsoNormal"><span
  221.                                                         style="font-size:9.0pt;mso-bidi-font-size:12.0pt;mso-highlight:yellow">・当社が提供するメールマガジン配信のため（ご希望された方のみ）</span>
  222.                                             </p>
  223.                                         </td>
  224.                                     </tr>
  225.                                     </tbody>
  226.                                 </table>
  227.                                 <p class="MsoNormal" align="left" style="margin-top:6.0pt;mso-para-margin-top:.5gd;
  228. text-align:left;mso-layout-grid-align:none;text-autospace:none"><span>【第三者への提供】<span lang="EN-US"></span></span>
  229.                                 </p>
  230.                                 <p class="MsoNormal" align="left" style="margin-top:2.4pt;margin-right:0mm;
  231. margin-bottom:0mm;margin-left:22.05pt;margin-bottom:.0001pt;mso-para-margin-top:
  232. .2gd;mso-para-margin-right:0mm;mso-para-margin-bottom:0mm;mso-para-margin-left:
  233. 2.1gd;mso-para-margin-bottom:.0001pt;text-align:left;mso-layout-grid-align:
  234. none;text-autospace:none"><span style="font-size:11.0pt;
  235. mso-bidi-font-family:ＭＳ明朝;mso-font-kerning:0pt">弊社は法律で定められている場合を除いて、お客様の個人情報を当該本人の同意を得ず第三者に提供することはありません。<span
  236.                                                 lang="EN-US"></span></span></p>
  238.                                 <p class="MsoNormal" align="left" style="margin-top:6.0pt;mso-para-margin-top:.5gd;
  239. text-align:left;mso-layout-grid-align:none;text-autospace:none"><span>【個人情報の取扱い業務の委託】<span
  240.                                                 lang="EN-US"></span></span></p>
  242.                                 <p class="MsoNormal" align="left" style="margin-top:2.4pt;margin-right:0mm;
  243. margin-bottom:0mm;margin-left:21.0pt;margin-bottom:.0001pt;mso-para-margin-top:
  244. .2gd;mso-para-margin-right:0mm;mso-para-margin-bottom:0mm;mso-para-margin-left:
  245. 2.0gd;mso-para-margin-bottom:.0001pt;text-align:left;mso-layout-grid-align:
  246. none;text-autospace:none"><span style="font-size:11.0pt;
  247. mso-bidi-font-family:ＭＳ明朝;mso-font-kerning:0pt">弊社は</span><span>事業運営上、お客様に上記の利用目的の達成をするために業務の一部を外部に委託しており、業務委託先に対してお客様の個人情報を預けることがあります。この場合、個人情報を適切に取り扱っていると認められる委託先を選定し、契約等において個人情報の適正管理・機密保持などによりお客様の個人情報の漏洩防止に必要な事項を取決め、適切な管理を実施させます。<span
  248.                                                 lang="EN-US"></span></span></p>
  250.                                 <p class="MsoNormal" align="left" style="margin-top:6.0pt;mso-para-margin-top:.5gd;
  251. text-align:left;mso-layout-grid-align:none;text-autospace:none"><br>
  252.                                     <span>【個人情報提供の任意性】<span lang="EN-US"></span></span></p>
  254.                                 <p class="MsoNormal" align="left" style="margin-top:2.4pt;margin-right:0mm;
  255. margin-bottom:0mm;margin-left:22.05pt;margin-bottom:.0001pt;mso-para-margin-top:
  256. .2gd;mso-para-margin-right:0mm;mso-para-margin-bottom:0mm;mso-para-margin-left:
  257. 2.1gd;mso-para-margin-bottom:.0001pt;text-align:left;mso-layout-grid-align:
  258. none;text-autospace:none"><span style="font-size:11.0pt;
  259. mso-bidi-font-family:ＭＳ明朝;mso-font-kerning:0pt">お客様が弊社に対して個人情報を提供することは任意です。ただし、個人情報を提供されない場合には、弊社からの返信やサービスの提供ができない場合がありますので、あらかじめご了承ください。<span
  260.                                                 lang="EN-US"></span></span></p>
  262.                                 <p class="MsoNormal" align="left" style="margin-top:6.0pt;mso-para-margin-top:.5gd;
  263. text-align:left;mso-layout-grid-align:none;text-autospace:none"><span>【個人情報の開示請求について】<span
  264.                                                 lang="EN-US"></span></span></p>
  266.                                 <p class="MsoNormal" align="left" style="margin-top:2.4pt;margin-right:0mm;
  267. margin-bottom:0mm;margin-left:22.05pt;margin-bottom:.0001pt;mso-para-margin-top:
  268. .2gd;mso-para-margin-right:0mm;mso-para-margin-bottom:0mm;mso-para-margin-left:
  269. 2.1gd;mso-para-margin-bottom:.0001pt;text-align:left;mso-layout-grid-align:
  270. none;text-autospace:none"><span style="font-size:11.0pt;
  271. mso-bidi-font-family:ＭＳ明朝;mso-font-kerning:0pt">お客様には、貴殿の個人情報の利用目的の通知、開示、訂正、追加、削除および利用又は提供の拒否権を要求する権利があります。詳細につきましては下記の窓口までご連絡いただくか<u>「<a
  272.                                                     href="/privacy.html">個人情報保護方針と取扱いについて</a>」</u>（ページにリンク）をご確認ください。<span
  273.                                                 lang="EN-US"></span></span><br>
  274.                                 </p>
  275.                                 <p class="MsoNormal" align="right"><br>
  276.                                     <span style="font-size:11.0pt;
  277. mso-bidi-font-weight:bold">株式会社ランドマーク<span lang="EN-US"></span></span><br>
  278.                                     <span style="font-size:11.0pt;
  279. mso-bidi-font-weight:bold">個人情報保護相談窓口　<a href="mailto:privacy@l-m.co.jp"><span
  280.                                                     lang="EN-US">privacy</span>＠<span lang="EN-US">l-m.co.jp</span></a></span><br>
  281.                                     <span style="font-size:11.0pt;
  282. mso-bidi-font-weight:bold"><span>【</span>個人情報に関する責任者<span>】</span><span lang="EN-US"></span></span><br>
  283.                                     <span style="font-size:11.0pt;
  284. mso-bidi-font-weight:bold">個人情報保護管理者　加藤貴一<span lang="EN-US"></span></span></p>
  285.                             </div>
  286.                         </td>
  287.                     </tr>
  288.                     <tr>
  289.                         <th class="h">個人情報の<br>取扱いについて</th>
  290.                         <td class="c3" style="border:none;">
  291.                             <label class="lb-agree"><input type="radio" name="privacy" id="privacy1" value="1"> 同意する</label>
  292.                             <label class="lb-agree"><input type="radio" name="privacy" id="privacy2" value="2"
  293.                                                            checked="checked"> 同意しない</label>
  294.                             <br>
  295.                             ユニフォームタウンをご利用いただくには、上記「個人情報の取扱いについての同意」にご同意いただく必要がございます。<br>
  296.                             <div style="text-align: right">
  297.                                 <a href="{{ eccube_config.UT_URL }}/company/privacy/" id="privacyLink" target="_blank"
  298.                                    rel="noopener noreferrer">
  299.                                     →個人情報保護方針
  300.                                 </a>
  301.                             </div>
  302.                         </td>
  303.                     </tr>
  304.                     </tbody>
  305.                 </table>
  306.                 <br class="clear">
  307.                 <p class="btn">
  308.                 </p>
  309.                 <center>
  310.                     <input type="image" src="https://img0.land-mark.biz/ut_img/public_images/regi/btn_kakunin_off.gif"
  311.                            width="205" height="45" alt="未入力、もしくは入力間違いの必須項目があります。" id="btn1">
  312.                     <input type="image" name="mode" value="confirm"
  313.                            src="https://img0.land-mark.biz/ut_img/public_images/contact/btn_kakunin.gif" width="298"
  314.                            height="38" alt="確認画面へ進む" id="btn2" style="display:none;">
  315.                 </center>
  316.                 <p></p>
  317.             </form>
  318.             <table style="margin-top: 10px;">
  319.                 <tbody>
  320.                 <tr>
  321.                     <td>
  323.                         <div id="DigiCertClickID_2phMqn4D">
  324.                             <div id="DigiCertClickID_2phMqn4DSeal"
  325.                                  style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: default;">
  326.                                 <img src="//seal.digicert.com/seals/cascade/?tag=2phMqn4D&amp;referer={{ eccube_config.UT_URL }}&amp;format=png&amp;seal_number=15&amp;seal_size=s&amp;an=min"
  327.                                      alt="DigiCert Seal" tabindex="0"
  328.                                      style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: pointer;">
  329.                             </div>
  330.                         </div>
  332.                         <script type="text/javascript">
  333.                             var __dcid = __dcid || [];
  334.                             __dcid.push(["DigiCertClickID_2phMqn4D", "15", "s", "black", "2phMqn4D"]);
  335.                             (function () {
  336.                                 var cid = document.createElement("script");
  337.                                 cid.async = true;
  338.                                 cid.src = "//seal.digicert.com/seals/cascade/seal.min.js";
  339.                                 var s = document.getElementsByTagName("script");
  340.                                 var ls = s[(s.length - 1)];
  341.                                 ls.parentNode.insertBefore(cid, ls.nextSibling);
  342.                             }());
  343.                         </script>
  344.                         <script async="" src="//seal.digicert.com/seals/cascade/seal.min.js"></script>
  345.                     </td>
  346.                     <td style="padding: 10px 0px 0px 10px; font-size: 12px; line-height: 120%;">
  347.                         当サイトはデジサート・ジャパン合同会社により「サイトの運営主体の実在証明」及び「SSL暗号化通信による情報の保護」の認証証明を受けており、お客様よりご登録いただく個人情報やクレジットカード番号等の情報は
  348.                         SSL(Secure Socket Layer)という信用性・安全性の高い暗号通信技術で暗号化され、第三者の盗聴、改ざん、成りすましなどから保護されます。安心してご利用ください。<br>
  349.                     </td>
  350.                 </tr>
  351.                 </tbody>
  352.             </table>
  353.             <br class="clear">
  354.         </div>
  355.     </div>
  357. {% endblock %}
  359. {% block stylesheet %}
  360.     <link rel="stylesheet" href="/stylesheets/jquery.efo.css">
  361.     <link rel="stylesheet" href="/stylesheets/mail.css?20230217">
  362.     <link rel="stylesheet" href="/stylesheets/mypage.css?20211226">
  364.     <style>
  365.         table#icon {
  366.             counter-reset: menu-num 0;
  367.         }
  369.         table#icon > tbody > tr > td > a {
  370.             position: relative;
  371.             display: inline-block;
  372.         }
  374.         table#icon > tbody > tr > td > a::before {
  375.             counter-increment: menu-num 1;
  376.             content: counter(menu-num);
  377.             position: absolute;
  378.             top: 10px;
  379.             left: 11px;
  380.             line-height: 36px;
  381.             font-size: 25px;
  382.             font-weight: bold;
  383.             color: #444;
  384.             width: 36px;
  385.             height: 36px;
  386.             background: white;
  387.             border-radius: 18px;
  388.         }
  389.     </style>
  391.     <style>
  392.         body {
  393.             color: #000;
  394.         }
  396.         hr {
  397.             border-color: #666;
  398.         }
  399.     </style>
  401.     <link href="/stylesheets/topcss.min.css" rel="stylesheet" type="text/css"/>
  402.     <link href="/stylesheets/base_stylesheet2.css" rel="stylesheet" type="text/css"/>
  403.     <link href="/stylesheets/sp_common.css" rel="stylesheet" type="text/css"/>
  404.     <link href="/stylesheets/menu.min.css" rel="stylesheet" type="text/css"/>
  405.     <link href="/stylesheets/brandpage.min.css?20200617_01" rel="stylesheet" type="text/css"/>
  406.     <link rel="stylesheet" type="text/css" href="/stylesheets/first_view.css?20180302_01"/>
  407.     <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
  408.     <link rel="stylesheet" type="text/css"
  409.           href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  410.     <link rel="stylesheet" type="text/css" href="/stylesheets/jquery.fbnr.css?20170629_01">
  412.     {% if isMobile() %}
  413.         <style>
  414.             #mail_content,
  415.             #contents_wrapper {
  416.                 width: auto;
  417.             }
  418.         </style>
  419.     {% endif %}
  421. {% endblock %}
  423. {% block javascript %}
  424. <script src="/javascripts/jquery-ui.min.js" type="text/javascript"></script>
  425. <script src="/javascripts/jquery.efo.js" type="text/javascript"></script>
  426. <script type="text/javascript" src="/javascripts/jquery.fbt.js?20200715_01"></script>
  427. <script type="text/javascript">
  428.     $(function() {
  429.     $(window).on('scroll', function (e) {
  430.         var $this = $('.fbnr,.fbnr2');
  431.         var scrollTop = $(window).scrollTop();
  432.         if (scrollTop >= 200) {
  433.             $this.addClass('fixed');
  434.         } else {
  435.             $this.removeClass('fixed');
  436.         }
  437.     });
  438. });
  439. </script>
  441. <script>
  442.     const efo_notification_enabled = {% if isMobile() %}false{% else %}true{% endif %};
  443.         (function() {
  444.             $(function() {
  445.                 var efo_elm = $("[class^=efo]").efo({ confirmation : { enabled : false, form : document.forms.fm }, notification : { enabled : efo_notification_enabled }, validation : { bind : 'efo_change' }, tooltipping : { enabled : true }, observation : { enabled : true } })
  446.                     .on('efo_afterValidate', function(event, data){
  447.                         if (data.remaining > 0) {
  448.                             $('#btn1').show();
  449.                             $('#btn2').hide();
  450.                         } else {
  451.                             $('#btn1').hide();
  452.                             $('#btn2').show();
  453.                         }
  454.                     })
  455.                 ;
  456.                 var efo = $.data(efo_elm, 'plugin_efo');
  457.                 $('#btn1').on('click', function(event, ui) {
  458.                     if (efo.remaining > 0) {
  459.                         alert('未入力、もしくは入力間違いの項目が'+efo.remaining+'個あります。');
  460.                         return false;
  461.                     }
  462.                 });
  463.             });
  464.         }());
  465.     </script>
  467.     <script>
  468.     document.getElementById("privacyLink").addEventListener("click", function(event) {
  469.         event.preventDefault();
  470.         window.open(this.href, '_blank', 'width=500,height=500,scrollbars=yes,resizable=yes');
  471.     });
  472. </script>
  473. {% endblock %}