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 main_class = 'l-main l-main--contact' %}
  15. {% form_theme form 'Form/form_div_layout.twig' %}
  17. {% block main %}
  19.     <div class="l-page-heading">
  20.         <ul class="c-breadcrumb">
  21.             <li class="c-breadcrumb__item"><a href="{{ url('homepage') }}" class="c-breadcrumb__link c-btn-txt">TOP</a></li>
  22.             <li class="c-breadcrumb__item"><span class="c-breadcrumb__txt">お問い合わせ</span></li>
  23.         </ul>
  24.         <h1 class="l-page-heading__ttl">
  25.             <span class="l-page-heading__ttl-jp">お問い合わせ</span>
  26.             <span class="l-page-heading__ttl-en">CONTACT</span>
  27.         </h1>
  28.     </div>
  30.     <div class="ec-contactRole p-contact-form l-form">
  31.         <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  32.             <span class="p-country-name" style="display:none;">Japan</span>
  33.             {{ form_widget(form._token) }}
  35.             <p class="p-contact-form__txt">当社へのお問い合わせは、こちらのフォームよりお願いいたします。<br>必ず「<a href="#policy" class="c-btn-txt">プライバシーポリシー</a>」をご⼀読いただき、その内容に同意していただけましたら、下記フォームに必要事項をご⼊⼒の上、「⼊⼒内容確認」ボタンを押してください。</p>
  37.             <ul class="l-form__step">
  38.                 <li class="l-form__step-item current">
  39.                     <span class="l-form__step-num">STEP1．</span>
  40.                     <span class="l-form__step-txt">情報の入力</span>
  41.                 </li>
  42.                 <li class="l-form__step-item">
  43.                     <span class="l-form__step-num">STEP2．</span>
  44.                     <span class="l-form__step-txt">入力内容の確認</span>
  45.                 </li>
  46.                 <li class="l-form__step-item">
  47.                     <span class="l-form__step-num">STEP3．</span>
  48.                     <span class="l-form__step-txt">送信完了</span>
  49.                 </li>
  50.             </ul>
  52.             <dl class="l-form__dl l-form__dl--radio">
  53.                 <dt class="l-form__dt">
  54.                     {{ form_label(form.item, 'お問い合わせ項⽬', { 'label_attr': { 'class': 'ec-label l-form__dt-label' }}) }}
  55.                 </dt>
  56.                 <dd class="l-form__dd">
  57.                     <div class="ec-halfInput{{ has_errors(form.item) ? ' error' }}">
  58.                         {{ form_widget(form.item, {'attr': { 'placeholder': 'test' }}) }}
  59.                         {{ form_errors(form.item) }}
  60.                     </div>
  61.                 </dd>
  62.             </dl>
  63.             <dl class="l-form__dl">
  64.                 <dt class="l-form__dt">
  65.                     {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label l-form__dt-label' }}) }}
  66.                 </dt>
  67.                 <dd class="l-form__dd">
  68.                     <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  69.                         {{ form_widget(form.name.name01, {'attr': { 'placeholder': '鈴木' }}) }}
  70.                         {{ form_widget(form.name.name02, {'attr': { 'placeholder': '花子' }}) }}
  71.                         {{ form_errors(form.name.name01) }}
  72.                         {{ form_errors(form.name.name02) }}
  73.                     </div>
  74.                 </dd>
  75.             </dl>
  76.             <dl class="l-form__dl">
  77.                 <dt class="l-form__dt">
  78.                     {{ form_label(form.kana, 'フリガナ', {'label_attr': {'class': 'ec-label l-form__dt-label'}}) }}
  79.                     <span class="l-form__dt-ic">任意</span>
  80.                 </dt>
  81.                 <dd class="l-form__dd">
  82.                     <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  83.                         {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'スズキ' }}) }}
  84.                         {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'ハナコ' }}) }}
  85.                         {{ form_errors(form.kana.kana01) }}
  86.                         {{ form_errors(form.kana.kana02) }}
  87.                     </div>
  88.                 </dd>
  89.             </dl>
  90.             <dl class="l-form__dl">
  91.                 <dt class="l-form__dt">
  92.                     {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label l-form__dt-label' }}) }}
  93.                     <span class="l-form__dt-ic">任意</span>
  94.                 </dt>
  95.                 <dd class="l-form__dd">
  96.                     <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  97.                         {{ form_widget(form.phone_number, {'attr': { 'placeholder': '0312341234' }}) }}
  98.                         {{ form_errors(form.phone_number) }}
  99.                     </div>
  100.                 </dd>
  101.             </dl>
  102.             <dl class="l-form__dl l-form__dl--mail">
  103.                 <dt class="l-form__dt">
  104.                     {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label l-form__dt-label' }}) }}
  105.                 </dt>
  106.                 <dd class="l-form__dd">
  107.                     <div class="ec-input{{ has_errors(form.email.first) ? ' error' }}">
  108.                         {{ form_widget(form.email.first, { 'attr': { 'placeholder': 'abc@sample.com' }}) }}
  109.                         {{ form_errors(form.email.first) }}
  110.                     </div>
  111.                     <p class="l-form__dd-txt">確認のため、再度メールアドレスの⼊⼒をお願いします。</p>
  112.                     <div class="ec-input{{ has_errors(form.email.second) ? ' error' }}">
  113.                         {{ form_widget(form.email.second, { 'attr': { 'placeholder': '' }}) }}
  114.                         {{ form_errors(form.email.second) }}
  115.                     </div>
  116.                 </dd>
  117.             </dl>
  118.             <dl class="l-form__dl">
  119.                 <dt class="l-form__dt">
  120.                     {{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label l-form__dt-label' }}) }}
  121.                 </dt>
  122.                 <dd class="l-form__dd">
  123.                     <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  124.                         {{ form_widget(form.contents) }}
  125.                         {{ form_errors(form.contents) }}
  126.                     </div>
  127.                     <p class="l-form__dd-txt">担当者からのご希望の連絡⽅法（電話、メール）や、ご都合の良いお時間帯などございましたらご⼊⼒ください。</p>
  128.                 </dd>
  129.             </dl>
  130.             {# エンティティ拡張の自動出力 #}
  131.             {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  132.                 {% if f.vars.eccube_form_options.form_theme %}
  133.                     {% form_theme f f.vars.eccube_form_options.form_theme %}
  134.                     {{ form_row(f) }}
  135.                 {% else %}
  136.                     <dl class="l-form__dl">
  137.                         <dt class="l-form__dt">
  138.                             {{ form_label(f) }}
  139.                         </dt>
  140.                         <dd class="l-form__dd">
  141.                             <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  142.                                 {{ form_widget(f) }}
  143.                                 {{ form_errors(f) }}
  144.                             </div>
  145.                         </dd>
  146.                     </dl>
  147.                 {% endif %}
  148.             {% endfor %}
  150.             <div class="ec-input{{ has_errors(form.consent) ? ' error' }} l-form__consent">
  151.                 {{ form_widget(form.consent) }}
  152.                 {{ form_errors(form.consent) }}
  153.                 <p class="l-form__consent-caution">※ご同意いただけない場合は送信ができません。</p>
  154.             </div>
  156.             <div class="ec-RegisterRole__actions l-form__btn-row">
  157.                 <div class="ec-off4Grid">
  158.                     <div class="ec-off4Grid__cell">
  159.                         <button type="submit" class="ec-blockBtn--action l-form__btn c-btn" name="mode" value="confirm">{{ '⼊⼒内容確認'|trans }}</button>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </form>
  164.     </div>
  166.     <section class="p-contact-policy" id="policy">
  167.         <h2 class="p-contact-policy__ttl c-ttl-sec">
  168.             <span class="jp">プライバシーポリシー</span>
  169.             <span class="en">PRIVACY POLICY</span>
  170.         </h2>
  171.         <div class="p-contact-policy__container">
  172.             <p class="p-contact-policy__lead">当サイトの運営に際し、お客様のプライバシーを尊重し個⼈情報に対して⼗分な配慮を⾏うとともに、⼤切に保護し、適正な管理を⾏うことに努めております。</p>
  173.         </div>
  174.         <div class="p-contact-policy__bg">
  175.             <div class="p-contact-policy__container">
  176.                 <h3 class="p-contact-policy__sub-ttl c-ttl-bg">個⼈情報の利⽤⽬的</h3>
  177.                 <dl class="p-contact-policy__dl">
  178.                     <dt class="p-contact-policy__dt">
  179.                         <h4 class="p-contact-policy__dt-ttl p-contact-policy__dt-ttl--indent c-ttl-bold">
  180.                             <span class="p-contact-policy__dt-ic">A.</span>お客様のご要望に合わせたサービスをご提供するための各種ご連絡。
  181.                         </h4>
  182.                         <h4 class="p-contact-policy__dt-ttl p-contact-policy__dt-ttl--indent c-ttl-bold">
  183.                             <span class="p-contact-policy__dt-ic">B.</span>お問い合わせいただいたご質問への回答のご連絡。
  184.                         </h4>
  185.                     </dt>
  186.                     <dd class="p-contact-policy__dd">
  187.                         <div class="p-contact-policy__dd-indent">
  188.                             <ul class="p-contact-policy__list">
  189.                                 <li class="p-contact-policy__list-item">公正かつ適正な⼿段で、上記⽬的に必要となる個⼈情報を収集します。</li>
  190.                                 <li class="p-contact-policy__list-item">要配慮個⼈情報を取得する際は、ご本⼈の同意を得るものとします。</li>
  191.                                 <li class="p-contact-policy__list-item">取得した個⼈情報・要配慮個⼈情報は、ご本⼈の同意なしに⽬的以外では利⽤しません。</li>
  192.                                 <li class="p-contact-policy__list-item">情報が漏洩しないよう対策を講じ、従業員だけでなく委託業者も監督します。</li>
  193.                                 <li class="p-contact-policy__list-item">国内外を問わず、ご本⼈の同意を得ずに第三者に情報を提供しません。</li>
  194.                                 <li class="p-contact-policy__list-item">ご本⼈からの求めに応じ情報を開⽰します。</li>
  195.                                 <li class="p-contact-policy__list-item">公開された個⼈情報が事実と異なる場合、訂正や削除に応じます。</li>
  196.                                 <li class="p-contact-policy__list-item">個⼈情報の取り扱いに関する苦情に対し、適切・迅速に対処します。</li>
  197.                                 <li class="p-contact-policy__list-item">本プライバシーポリシーの適⽤範囲は本ホームページ内のみとします。</li>
  198.                             </ul>
  199.                         </div>
  200.                     </dd>
  201.                 </dl>
  202.                 <dl class="p-contact-policy__dl">
  203.                     <dt class="p-contact-policy__dt">
  204.                         <h4 class="p-contact-policy__dt-ttl c-ttl-bold">Googleアナリティクスの使⽤について</h4>
  205.                     </dt>
  206.                     <dd class="p-contact-policy__dd">
  207.                         <p class="p-contact-policy__dd-txt">当サイトでは、より良いサービスの提供、またユーザビリティの向上のため、Googleアナリティクスを使⽤し、当サイトの利⽤状況などのデータ収集及び解析を⾏っております。その際、「Cookie」を通じて、Googleがお客様のIPアドレスなどの情報を収集する場合がありますが、「Cookie」で収集される情報は個⼈ を特定できるものではありません。<br>収集されたデータはGoogleのプライバシーポリシーにおいて管理されます。なお、当サイトのご利⽤をもって、上述の⽅法・⽬的においてGoogle及び当サイトが⾏うデータ処理に関し、お客様にご承諾いただいたものとみなします。</p>
  208.                     </dd>
  209.                 </dl>
  210.                 <dl class="p-contact-policy__dl">
  211.                     <dt class="p-contact-policy__dt">
  212.                         <h4 class="p-contact-policy__dt-ttl c-ttl-bold">Googleのプライバシーポリシー</h4>
  213.                     </dt>
  214.                     <dd class="p-contact-policy__dd">
  215.                         <p class="p-contact-policy__dd-txt">
  216.                             <a href="https://policies.google.com/privacy" target="_blank" class="c-btn-txt c-btn-txt--blank">https://policies.google.com/privacy</a><br><a href="https://policies.google.com/technologies/partner-sites" target="_blank" class="c-btn-txt c-btn-txt--blank">https://policies.google.com/technologies/partner-sites</a>
  217.                         </p>
  218.                     </dd>
  219.                 </dl>
  220.                 <dl class="p-contact-policy__dl">
  221.                     <dt class="p-contact-policy__dt">
  222.                         <h4 class="p-contact-policy__dt-ttl c-ttl-bold">＜個⼈情報に関するお問い合わせ窓⼝＞</h4>
  223.                     </dt>
  224.                     <dd class="p-contact-policy__dd">
  225.                         <p class="p-contact-policy__dd-txt">有限会社くす無憂扇<br>TEL: 0973-77-6277</p>
  226.                     </dd>
  227.                 </dl>
  228.             </div>
  229.         </div>
  230.     </section>
  232. {% endblock %}