app/template/default/landing_page.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="format-detection" content="telephone=no">
  8.     <meta name="description" content="">
  9.     <title></title>
  10.     <link rel="icon" href="{{ asset('assets/img/common/art-favicon.ico', 'user_data') }}">
  11.     <link rel="preload" href="{{ asset('assets/lp/resources/images/mv_base_s.webp', 'user_data') }}" as="image">
  12.     <link rel="preload" href="{{ asset('assets/lp/resources/images/mv_base.webp', 'user_data') }}" as="image">
  13.     <link rel="stylesheet" href="{{ asset('assets/lp/resources/css/sanitize.css', 'user_data') }}">
  14.     <link rel="stylesheet" href="{{ asset('assets/lp/resources/css/form.css', 'user_data') }}">
  15.     <link rel="stylesheet" href="{{ asset('assets/lp/resources/css/base.css', 'user_data') }}">
  16.     <script src="{{ asset('assets/lp/resources/js/jquery-3.6.0.min.js', 'user_data') }}"></script>
  17.     <script src="{{ asset('assets/lp/resources/js/config.js', 'user_data') }}"></script>
  18.     <script src="{{ asset('assets/lp/resources/js/smoothScroll.js', 'user_data') }}"></script>
  19.     <!-- Google tag (gtag.js) -->
  20.     <script>
  21.     window.dataLayer = window.dataLayer || [];
  22.     function gtag(){dataLayer.push(arguments);}
  23.     gtag('js', new Date());
  24.     </script>
  25. </head>
  26. <body>
  27. <div id="wrapper">
  28.     <header>
  29.         <p class="head_logo fadein">
  30.             <img src="{{ asset('assets/lp/resources/images/logo.png', 'user_data') }}" alt="UNITEDAUCTION">
  31.             <span class="small">ユナイテッドオークション</span>
  32.         </p>
  33.         <nav class="head_nav fadein">
  34.             <ul>
  35.                 <li>
  36.                     <a href="#cont2">
  37.                         <span class="en orange">AUCTION</span>
  38.                         オークション情報
  39.                     </a>
  40.                 </li>
  41.                 <li>
  42.                     <a href="/login" target="_blank">
  43.                         <span class="en orange">LOG IN</span>
  44.                         会員ログイン
  45.                     </a>
  46.                 </li>
  47.             </ul>
  48.         </nav>
  49.         <div class="right_fix only_pc">
  50.             <a href="/login" target="_blank" class="head_login fadein_0">
  51.                 <img src="{{ asset('assets/lp/resources/images/icon_login.png', 'user_data') }}" alt="ログイン">
  52.                 <span class="en">LOG IN</span>
  53.             </a>
  54.             <a href="#contact" class="head_start fadein_0">
  55.                 <span class="en">START</span>
  56.                 <span class="orange">お申し込み</span>
  57.             </a>
  58.             <a href="#wrapper" class="head_top fadein_0">
  59.                 <span class="en">TOP</span>
  60.                 <img src="{{ asset('assets/lp/resources/images/icon_top.png', 'user_data') }}" alt="ページTOPへ">
  61.             </a>
  62.         </div>
  63.         <div id="btnmenu" class="only_smart"><span></span></div>
  64.         <nav class="smart_nav">
  65.             <p class="head_logo">
  66.                 <img src="{{ asset('assets/lp/resources/images/logo.png', 'user_data') }}" alt="UNITEDAUCTION">
  67.                 <span class="small">ユナイテッドオークション</span>
  68.             </p>
  69.             <ul>
  70.                 <li>
  71.                     <a href="#wrapper">ホーム</a>
  72.                 </li>
  73.                 <li>
  74.                     <a href="#cont2">オークション情報</a>
  75.                 </li>
  76.                 <li>
  77.                     <a href="">会員ログイン</a>
  78.                 </li>
  79.                 <li>
  80.                     <a href="#contact">お申込み</a>
  81.                 </li>
  82.                 <li>
  83.                     <a href="#cont1">ユナイテッドオークションとは</a>
  84.                 </li>
  85.                 <li>
  86.                     <a href="#cont3">サポート体制</a>
  87.                 </li>
  88.                 <li>
  89.                     <a href="#cont4">お申し込みから利用開始までの流れ</a>
  90.                 </li>
  91.                 <li>
  92.                     <a href="#cont5">売り手さまの流れ</a>
  93.                 </li>
  94.                 <li>
  95.                     <a href="#cont6">買い手さまの流れ</a>
  96.                 </li>
  97.                 <li>
  98.                     <a href="#contact">新規会員登録申込フォーム</a>
  99.                 </li>
  100.             </ul>
  101.         </nav>
  102.     </header>
  103.     <main>
  104.         <div id="mv" class="cont">
  105.             <section class="fadein">
  106.                 <p class="slide_text only_pc">
  107.                     <img src="{{ asset('assets/lp/resources/images/mv_en.png', 'user_data') }}" alt="UNITEDAUCTION">
  108.                     <img src="{{ asset('assets/lp/resources/images/mv_en.png', 'user_data') }}" alt="UNITEDAUCTION">
  109.                 </p>
  110.                 <p class="lead">見逃せない逸品が集まる、<br class="only_smart">楽器・音楽専門の新しい競りの場所</p>
  111.                 <a href="#contact" class="mv_start">
  112.                     <span class="en">START</span>
  113.                     <span class="orange">お申し込み</span>
  114.                 </a>
  115.                 <h1>楽器音楽特化型<br class="only_smart">ウェブライブオークション</h1>
  116.             </section>
  117.             <img src="{{ asset('assets/lp/resources/images/mv_bg.webp', 'user_data') }}" alt="聴衆イメージ" class="only_pc">
  118.             <img src="{{ asset('assets/lp/resources/images/mv_bg_s.webp', 'user_data') }}" alt="聴衆イメージ" class="only_smart">
  119.             <div class="movie">
  120.                 <iframe width="720" height="405" src="https://www.youtube.com/embed/ZtpkFmmO71U?si=uayGdSqQ4Brs9rcn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  121.             </div>
  122.         </div>
  123.         <section id="cont1" class="cont bg_gray">
  124.             <h2 class="tit inner">
  125.                 <span class="en">ABOUT</span>
  126.                 <span class="orange">ユナイテッドオークションとは?</span>
  127.             </h2>
  128.             <ul class="point inner">
  129.                 <li class="fadein">
  130.                     <section>
  131.                         <span class="en">01</span>
  132.                         <h3>楽器・音楽関連アイテム専門の<br>オークションプラットフォーム</h3>
  133.                         <p>楽器や音楽関連機材に特化した専門性の高いオークションプラットフォームです。 音楽のプロや愛好家が集まり、専門的なニーズに応える幅広い商品ラインナップを提供しています。 簡単に出品できます。</p>
  134.                     </section>
  135.                 </li>
  136.                 <li class="fadein delay1">
  137.                     <section>
  138.                         <span class="en">02</span>
  139.                         <h3>初心者も安心!おまかせ出品サービス</h3>
  140.                         <p>出品が初めての方でも、専門スタッフによるサポートがあるので安心です。 商品の撮影や説明を代行し、スムーズな出品をサポートするため、初心者でも簡単に取引を始められます。</p>
  141.                     </section>
  142.                 </li>
  143.                 <li class="fadein delay2">
  144.                     <section>
  145.                         <span class="en">03</span>
  146.                         <h3>リアルタイムで臨場感あふれる<br>WEBオークション体験</h3>
  147.                         <p>リアルタイムでのオークション進行により、参加者はその場の雰囲気を感じながら、臨場感あるスピーディーな取引と世界中の参加者との競り合いが魅力です。透明で公正な環境の中、最適なタイミングで有利な取引を実現します。</p>
  148.                     </section>
  149.                 </li>
  150.                 <li class="fadein delay3">
  151.                     <section>
  152.                         <span class="en">04</span>
  153.                         <h3>AIで最適な価格提案!公正で有利な取引</h3>
  154.                         <p>AIと市場データ分析を活用し、常に最適な価格を自動で提案。 市場の需要と供給をリアルタイムで反映させ、売り手と買い手双方が納得できる公正で有利な取引を実現します。</p>
  155.                     </section>
  156.                 </li>
  157.             </ul>
  158.             <figure>
  159.                 <img src="{{ asset('assets/lp/resources/images/cont1_1.webp', 'user_data') }}" alt="楽器イメージ" class="only_pc">
  160.                 <img src="{{ asset('assets/lp/resources/images/cont1_1_s.webp', 'user_data') }}" alt="楽器イメージ" class="only_smart">
  161.             </figure>
  162.             <ul class="point inner">
  163.                 <li class="fadein">
  164.                     <section>
  165.                         <span class="en">05</span>
  166.                         <h3>多様な品揃え!<br>初心者からプロフェッショナルまで対応</h3>
  167.                         <p>初心者向けのリーズナブルな商品から、プロフェッショナル向けの高級機材まで、幅広い選択肢が揃っています。 中古品やヴィンテージアイテムもあり、さまざまなニーズに応じた商品が出品されています。</p>
  168.                     </section>
  169.                 </li>
  170.                 <li class="fadein delay1">
  171.                     <section>
  172.                         <span class="en">06</span>
  173.                         <h3>BtoB専用!<br>業界プロフェッショナル向けオークション</h3>
  174.                         <p>楽器業界や音楽業界のプロフェッショナル向けに、企業間取引(BtoB)に特化した会員専用管理画面で、楽器店や音響会社、音楽スタジオ、そして中古販売業者など、音楽業界のプロフェッショナルが効率的で安全に取引できる場を提供します。</p>
  175.                     </section>
  176.                 </li>
  177.                 <li class="fadein delay2">
  178.                     <section>
  179.                         <span class="en">07</span>
  180.                         <h3>多言語機能でグローバルに<br>世界中の業者間取引に対応!</h3>
  181.                         <p>多言語対応や国際配送サービスを備えており、国内外を問わず円滑な取引をサポートします。 世界中のバイヤーとセラーがスムーズに取引できる環境を提供します。</p>
  182.                     </section>
  183.                 </li>
  184.                 <li class="fadein delay3">
  185.                     <section>
  186.                         <span class="en">08</span>
  187.                         <h3>堅牢なセキュリティ!<br>安心して利用できる取引環境</h3>
  188.                         <p>お預かりした商品は、最新のセキュリティ技術を採用し、個人情報や取引データを徹底的に保護します。安全で信頼できる取引環境を提供し、安心してご利用いただけます。</p>
  189.                     </section>
  190.                 </li>
  191.             </ul>
  192.         </section>
  193.         <section id="cont2" class="cont">
  194.             <h2 class="tit inner">
  195.                 <span class="en">INFORMATION</span>
  196.                 <span class="orange">オークション情報</span>
  197.             </h2>
  198.             <p class="lead inner">
  199.                 <span class="large">月1開催予定:当日13:00〜終了まで</span>(下見期間:火曜日〜2日間*当日12:30まで)
  200.             </p>
  201.             <div class="calender">
  202.                 <iframe loading="lazy" src="https://calendar.google.com/calendar/embed?src=a477314a063ca82534ea75025a2e23ce5e74fdd33746698eecf4d22d58913ca9%40group.calendar.google.com&ctz=Asia%2FTokyo&showPrint=0&showTabs=0" style="border: 0" width="1000" height="750" frameborder="0" scrolling="no"></iframe>
  203.             </div>
  204.         </section>
  205.         <section id="cont3" class="cont">
  206.             <h2 class="tit inner">
  207.                 <span class="en">SUPPORT</span>
  208.                 <span class="orange">サポート体制</span>
  209.             </h2>
  210.             <ul class="flex inner fadein">
  211.                 <li>
  212.                     <h3>
  213.                         <img src="{{ asset('assets/lp/resources/images/cont3_1.png', 'user_data') }}" alt="おまかせ出品" class="only_pc">
  214.                         <img src="{{ asset('assets/lp/resources/images/cont3_1_s.png', 'user_data') }}" alt="おまかせ出品" class="only_smart">
  215.                         おまかせ出品
  216.                     </h3>
  217.                     <p>メーカーや型番が分からなくても不明で問題なし。<br>最適なスタート価格に設定可能です。</p>
  218.                 </li>
  219.                 <li>
  220.                     <h3>
  221.                         <img src="{{ asset('assets/lp/resources/images/cont3_2.png', 'user_data') }}" alt="検品・撮影・商品登録・状態確認" class="only_pc">
  222.                         <img src="{{ asset('assets/lp/resources/images/cont3_2_s.png', 'user_data') }}" alt="検品・撮影・商品登録・状態確認" class="only_smart">
  223.                         検品・撮影・商品登録・状態確認
  224.                     </h3>
  225.                     <p>バイヤー歴10年以上の選任スタッフが楽器の状態を<br>詳しく検品から撮影、状態確認、商品登録まで丁寧にしっかりと<br>商品発送の最後の最後まで心を込めてご対応いたします。</p>
  226.                 </li>
  227.                 <li>
  228.                     <h3>
  229.                         <img src="{{ asset('assets/lp/resources/images/cont3_3.png', 'user_data') }}" alt="LINE対応" class="only_pc">
  230.                         <img src="{{ asset('assets/lp/resources/images/cont3_3_s.png', 'user_data') }}" alt="LINE対応" class="only_smart">
  231.                         LINE対応
  232.                     </h3>
  233.                     <p>公式LINEアカウントから24時間お問合せ受付中。<br>*営業時間外のお問合せは翌営業日にご回答</p>
  234.                 </li>
  235.                 <li>
  236.                     <h3>
  237.                         <img src="{{ asset('assets/lp/resources/images/cont3_4.png', 'user_data') }}" alt="保証制度" class="only_pc">
  238.                         <img src="{{ asset('assets/lp/resources/images/cont3_4_s.png', 'user_data') }}" alt="保証制度" class="only_smart">
  239.                         保証制度
  240.                     </h3>
  241.                     <p>状態保証・真贋保証をお約束いたします。<br>*万一の場合は、迅速に対応いたします。</p>
  242.                 </li>
  243.             </ul>
  244.         </section>
  245.         <section id="cont4" class="cont">
  246.             <h2 class="tit inner">
  247.                 <span class="en">FLOW</span>
  248.                 <span class="orange">登録から利用開始までの流れ</span>
  249.             </h2>
  250.             <ol class="inner">
  251.                 <li class="fadein_l">
  252.                     <figure>
  253.                         <figcaption>お申込み申請</figcaption>
  254.                         <img src="{{ asset('assets/lp/resources/images/cont4_1.png', 'user_data') }}" alt="お申込み申請">
  255.                     </figure>
  256.                 </li>
  257.                 <li class="fadein_l delay1">
  258.                     <figure>
  259.                         <figcaption>必要書類提出</figcaption>
  260.                         <img src="{{ asset('assets/lp/resources/images/cont4_2.png', 'user_data') }}" alt="必要書類提出">
  261.                     </figure>
  262.                 </li>
  263.                 <li class="fadein_l delay2">
  264.                     <figure>
  265.                         <figcaption>ID/PASS発行</figcaption>
  266.                         <img src="{{ asset('assets/lp/resources/images/cont4_3.png', 'user_data') }}" alt="ID/PASS発行">
  267.                     </figure>
  268.                 </li>
  269.                 <li class="fadein_l delay3">
  270.                     <figure>
  271.                         <figcaption>ご利用スタート</figcaption>
  272.                         <img src="{{ asset('assets/lp/resources/images/cont4_4.png', 'user_data') }}" alt="ご利用スタート">
  273.                     </figure>
  274.                 </li>
  275.             </ol>
  276.         </section>
  277.         <div class="cont_wrapper">
  278.             <section id="cont5" class="cont fadein_l">
  279.                 <h2 class="tit">
  280.                     <span class="en">SELLER’S FLOW</span>
  281.                     <span class="orange">売り手さまの流れ</span>
  282.                 </h2>
  283.                 <ol class="flow">
  284.                     <li>
  285.                         <section>
  286.                             <span class="en">01</span>
  287.                             <h3>
  288.                                 No.タグを発行
  289.                                 <img src="{{ asset('assets/lp/resources/images/cont5_1.png', 'user_data') }}" alt="No.タグを発行">
  290.                             </h3>
  291.                             <p>出品する商品をお知らせいただき、No.タグを発行。 発行されたNo.タグをご送付いたしますので、商品にお取り付けください。</p>
  292.                         </section>
  293.                     </li>
  294.                     <li>
  295.                         <section>
  296.                             <span class="en">02</span>
  297.                             <h3>
  298.                                 商品発送
  299.                                 <img src="{{ asset('assets/lp/resources/images/cont5_2.png', 'user_data') }}" alt="商品発送">
  300.                             </h3>
  301.                             <p>No.タグを取り付けた商品の出品表を作成し、弊社へご発送ください。<br>*弊社への持ち込みも可能(要事前予約)</p>
  302.                         </section>
  303.                     </li>
  304.                     <li>
  305.                         <section>
  306.                             <span class="en">03</span>
  307.                             <h3>
  308.                                 検品・撮影・商品登録
  309.                                 <img src="{{ asset('assets/lp/resources/images/cont5_3.png', 'user_data') }}" alt="検品・撮影・商品登録">
  310.                             </h3>
  311.                             <p>発送いただいた商品を選任スタッフが検品し、問題なければ撮影と商品登録いたします。発送前にオークションのご確認ください。</p>
  312.                         </section>
  313.                     </li>
  314.                     <li>
  315.                         <section>
  316.                             <span class="en">04</span>
  317.                             <h3>
  318.                                 オークション開催
  319.                                 <img src="{{ asset('assets/lp/resources/images/cont5_4.png', 'user_data') }}" alt="オークション開催">
  320.                             </h3>
  321.                             <p>オークション終了後に結果をご覧になれます(出品一覧ページにて確認可能)。 保留交渉後に金額が確定されます。</p>
  322.                         </section>
  323.                     </li>
  324.                     <li>
  325.                         <section>
  326.                             <span class="en">05</span>
  327.                             <h3>
  328.                                 精算
  329.                                 <img src="{{ asset('assets/lp/resources/images/cont5_5.png', 'user_data') }}" alt="精算">
  330.                             </h3>
  331.                             <p>金額確定後、精算に進み売上金額を指定の口座にお振込みいたします。<br>*2営業日中に対応</p>
  332.                         </section>
  333.                     </li>
  334.                 </ol>
  335.             </section>
  336.             <section id="cont6" class="cont fadein_r">
  337.                 <h2 class="tit">
  338.                     <span class="en">BUYER’S FLOW</span>
  339.                     <span class="orange">買い手さまの流れ</span>
  340.                 </h2>
  341.                 <ol class="flow">
  342.                     <li>
  343.                         <section>
  344.                             <span class="en">01</span>
  345.                             <h3>
  346.                                 下見
  347.                                 <img src="{{ asset('assets/lp/resources/images/cont5_3.png', 'user_data') }}" alt="下見">
  348.                             </h3>
  349.                             <p>大会開始2日前から下見にて商品をご確認いただきます。</p>
  350.                         </section>
  351.                     </li>
  352.                     <li>
  353.                         <section>
  354.                             <span class="en">02</span>
  355.                             <h3>
  356.                                 オークション開催
  357.                                 <img src="{{ asset('assets/lp/resources/images/cont5_4.png', 'user_data') }}" alt="オークション開催">
  358.                             </h3>
  359.                             <p>月1にオークションを開催いたします。当日13時00分から開始となります。</p>
  360.                         </section>
  361.                     </li>
  362.                     <li>
  363.                         <section>
  364.                             <span class="en">03</span>
  365.                             <h3>
  366.                                 ご精算
  367.                                 <img src="{{ asset('assets/lp/resources/images/cont5_5.png', 'user_data') }}" alt="ご精算">
  368.                             </h3>
  369.                             <p>前受け金ほか売上金との相殺を行い、不足金がある場合は差額をお振り込みいただきます。 また、余剰金がある場合は振込にてお戻しさせていただきます。 *土日祝の場合、2営業日平日の対応となります。 精算が完了後に商品をご納品いたします。</p>
  370.                         </section>
  371.                     </li>
  372.                     <li>
  373.                         <section>
  374.                             <span class="en">04</span>
  375.                             <h3>
  376.                                 納品
  377.                                 <img src="{{ asset('assets/lp/resources/images/cont5_2.png', 'user_data') }}" alt="納品">
  378.                             </h3>
  379.                             <p>ご精算がお済みであればお買い上げ品を当日お持ち帰りも可能です。 発送をご希望の場合は、2営業日中に対応いたします。</p>
  380.                         </section>
  381.                     </li>
  382.                 </ol>
  383.             </section>
  384.         </div>
  385.         <section id="cont7" class="cont">
  386.             <h2 class="tit inner">
  387.                 <span class="en">FEES and CHARGES</span>
  388.                 <span class="orange">費用・手数料について</span>
  389.             </h2>
  390.             <dl class="fee inner fadein">
  391.                 <dt>費用について</dt>
  392.                 <dd>
  393.                     <p>年会費/<span class="en">11,000</span>円(税込)</p>
  394.                 </dd>
  395.                 <dd>
  396.                     <p>入会費/<span class="en">22,000</span>円(税込)</p>
  397.                 </dd>
  398.             </dl>
  399.             <dl class="charge inner fadein">
  400.                 <dt>手数料について</dt>
  401.                 <dd>
  402.                     <h3 class="orange">|販売の場合|</h3>
  403.                     <p class="lead">1点ごとの商品取引金額に対し、<br class="only_smart">販売手数料は</p>
  404.                     <dl>
  405.                         <dt><span class="large">売り歩</span>*20,001円以上〜</dt>
  406.                         <dd>1円〜1,000円以下:250円/1点</dd>
  407.                         <dd>1,001円以上〜5,000円以下:500円/1点</dd>
  408.                         <dd>5,001円以上〜20,000円以下:10%</dd>
  409.                         <dd class="orange en">
  410.                             8<span>%</span>
  411.                         </dd>
  412.                     </dl>
  413.                 </dd>
  414.                 <dd>
  415.                     <h3 class="orange">|落札の場合|</h3>
  416.                     <p class="lead">1点ごとの商品金額に対し、<br class="only_smart">落札手数料は</p>
  417.                     <dl>
  418.                         <dt><span class="large">買い歩</span>*一律</dt>
  419.                         <dd>商品取引1点につき</dd>
  420.                         <dd class="orange en">
  421.                             8<span>%</span>
  422.                         </dd>
  423.                     </dl>
  424.                 </dd>
  425.             </dl>
  426.         </section>
  427.         <section id="contact" class="cont bg_gray">
  428.             <h2 class="tit inner">
  429.                 <span class="en">REGISTRATION FORM</span>
  430.                 <span class="orange">新規会員登録申込フォーム</span>
  431.             </h2>
  432.             <p class="lead inner">*印の項目はすべて必須ですので、ご入力をお願いします。</p>
  433.             <p class="lead inner">{{formResult}}</p>
  434.             <form name="landing-page-form" id="landing-page-form" method="post" action="#contact" class="landing-page-form">
  435.                 {{ form_widget(form._token) }}
  436.                 <div aria-hidden="true" style="position:absolute; left:-9999px; top:-9999px; height:0; overflow:hidden;">
  437.                     {{ form_label(form.contact_hp, '入力しないでください') }}
  438.                     {{ form_widget(form.contact_hp, {'attr': {'tabindex': '-1', 'autocomplete': 'off'}}) }}
  439.                 </div>
  440.                 <dl class="inner">
  441.                     <div>
  442.                         <dt class="hissu">{{ form_label(form.company_name, '社名/屋号') }}</dt>
  443.                         <dd>
  444.                             {{ form_widget(form.company_name) }}
  445.                             {{ form_errors(form.company_name) }}
  446.                         </dd>
  447.                     </div>
  448.                     <div>
  449.                         <dt class="hissu">{{ form_label(form.representative_name, '代表者名') }}</dt>
  450.                         <dd>
  451.                             {{ form_widget(form.representative_name, {'attr': {'class': 'middle'}}) }}
  452.                             {{ form_errors(form.representative_name) }}
  453.                         </dd>
  454.                     </div>
  455.                     <div>
  456.                         <dt>{{ form_label(form.contact_person_name, 'ご担当者名') }}</dt>
  457.                         <dd>
  458.                             {{ form_widget(form.contact_person_name, {'attr': {'class': 'middle'}}) }}
  459.                             {{ form_errors(form.contact_person_name) }}
  460.                         </dd>
  461.                     </div>
  462.                     <div>
  463.                         <dt class="hissu">{{ form_label(form.address, '住所') }}</dt>
  464.                         <dd>
  465.                             <p>
  466.                                 {{ form_widget(form.address.pref) }}
  467.                             </p>
  468.                             <p>
  469.                                 <span>〒</span>
  470.                                 {{ form_widget(form.postal_code, {'attr': {'class': 'post', 'placeholder': '例:)000-0000'}}) }}
  471.                                 {{ form_errors(form.postal_code) }}
  472.                             </p>
  473.                             <p>
  474.                                 {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '例:)滋賀県大津市◯◯町00-00'}}) }}
  475.                                 {{ form_errors(form.address.addr01) }}
  476.                             </p>
  477.                         </dd>
  478.                     </div>
  479.                     <div>
  480.                         <dt class="hissu">{{ form_label(form.phone_number, '電話番号') }}</dt>
  481.                         <dd>
  482.                             {{ form_widget(form.phone_number, {'attr': {'class': 'middle'}}) }}
  483.                             {{ form_errors(form.phone_number) }}
  484.                         </dd>
  485.                     </div>
  486.                     <div>
  487.                         <dt class="hissu">{{ form_label(form.email, 'メールアドレス') }}</dt>
  488.                         <dd>
  489.                             {{ form_widget(form.email, {'attr': {'class': 'middle'}}) }}
  490.                             {{ form_errors(form.email) }}
  491.                         </dd>
  492.                     </div>
  493.                     <div>
  494.                         <dt>{{ form_label(form.fax_number, 'FAX番号') }}</dt>
  495.                         <dd>
  496.                             {{ form_widget(form.fax_number, {'attr': {'class': 'middle'}}) }}
  497.                              {{ form_errors(form.fax_number) }}
  498.                         </dd>
  499.                     </div>
  500.                     <div>
  501.                         <dt>{{ form_label(form.url, 'URL') }}</dt>
  502.                         <dd>
  503.                             {{ form_widget(form.url) }}
  504.                              {{ form_errors(form.url) }}
  505.                         </dd>
  506.                     </div>
  507.                     <div>
  508.                         <dt>{{ form_label(form.business_form, '事業形態') }}</dt>
  509.                         <dd>
  510.                             {{ form_widget(form.business_form) }}
  511.                             <p>「その他」をご選択の場合はご記入ください</p>
  512.                             {{ form_widget(form.business_form_other, {'attr': {'class': 'middle'}}) }}
  513.                             {{ form_errors(form.business_form_other) }}
  514.                         </dd>
  515.                     </div>
  516.                     <div>
  517.                         <dt>{{ form_label(form.sales_form, '営業形態') }}</dt>
  518.                         <dd>
  519.                             {{ form_widget(form.sales_form) }}
  520.                             <p>「その他」をご選択の場合はご記入ください</p>
  521.                             {{ form_widget(form.sales_form_other, {'attr': {'class': 'middle'}}) }}
  522.                             {{ form_errors(form.sales_form_other) }}
  523.                         </dd>
  524.                     </div>
  525.                     <div>
  526.                         <dt class="hissu">{{ form_label(form.use_case, 'ご利用目的') }}</dt>
  527.                         <dd>
  528.                             {{ form_widget(form.use_case) }}
  529.                         </dd>
  530.                     </div>
  531.                     <div>
  532.                         <dt>{{ form_label(form.selling_schedule, '売買予定商品') }}</dt>
  533.                         <dd>
  534.                             {{ form_widget(form.selling_schedule) }}
  535.                             <p>「その他」をご選択の場合はご記入ください</p>
  536.                             {{ form_widget(form.selling_schedule_other, {'attr': {'class': 'middle'}}) }}
  537.                             {{ form_errors(form.selling_schedule_other) }}
  538.                         </dd>
  539.                     </div>
  540.                     <div>
  541.                         <dt>{{ form_label(form.experience, '古物市場経験') }}</dt>
  542.                         <dd>
  543.                             {{ form_widget(form.experience) }}
  544.                         </dd>
  545.                     </div>
  546.                     <div>
  547.                         <dt>{{ form_label(form.chance, 'ご参加のきっかけ') }}</dt>
  548.                         <dd>
  549.                             <ul>
  550.                                 <li>
  551.                                     <label><input {{ form.chance.vars.data == "ご紹介" ? "checked" : "" }} type="radio" id="chance_0" name="chance" class="form-check-input" value="ご紹介"><span>ご紹介</span></label>
  552.                                 </li>
  553.                                 <li>
  554.                                     <label><input {{ form.chance.vars.data == "ネット" ? "checked" : "" }}  type="radio" id="chance_1" name="chance" class="form-check-input" value="ネット"><span>ネット</span></label>
  555.                                 </li>
  556.                             </ul>
  557.                             <p>「ご紹介者様」のお名前をご記入ください</p>
  558.                             {{ form_widget(form.chance_other, {'attr': {'class': 'middle'}}) }}
  559.                             {{ form_errors(form.chance_other) }}
  560.                         </dd>
  561.                     </div>
  562.                     <div>
  563.                         <dt>{{ form_label(form.remarks, '備考・ご質問') }}</dt>
  564.                         <dd>
  565.                             {{ form_widget(form.remarks) }}
  566.                         </dd>
  567.                     </div>
  568.                 </dl>
  569.                 <ul class="links">
  570.                     <li>
  571.                         <a target="_blank" href="/agreement">利用規約はこちら</a>
  572.                     </li>
  573.                     <li>
  574.                         <a target="_blank" href="/privacy">プライバシーポリシーはこちら</a>
  575.                     </li>
  576.                 </ul>
  577.                 <p class="privacy">
  578.                     <label><input required="required" type="checkbox"><span>利用規約とプライバシーポリシーに同意する</span></label>
  579.                 </p>
  580.                 <button type="submit" class="inner">送信する</button>
  581.             </form>
  582.         </section>
  583.         <section id="cont8" class="cont">
  584.             <h2 class="tit inner">
  585.                 <span class="en"> THOUGHT</span>
  586.                 <span class="orange">市場開催への想い</span>
  587.             </h2>
  588.             <section class="inner">
  589.                 <h3>ローカルとグローバルの架け橋に</h3>
  590.                 <p>古物市場は、地域に根ざしたローカルな特性を持ちながらも、グローバルな市場とのつながりがますます強まっています。<br>地域特有のアイテムが国際市場で評価されることが増え、また世界中で珍しい楽器や品物が地域の市場に流入する機会も増えています。<br>これからのトレンドが複合的に作用し、WEB古物市場は今後も進化し続けると確信しています。<br>テクノロジーの活用と消費者の意識変化を取り入れ、時代に合った市場の形成を目指しています。<br>当社には、バイヤー歴10年以上の経験を持つスタッフや、元プロミュージシャンや現役ミュージシャンが在籍しており、<br class="only_pc">ライブやレコーディングなどの実用的な視点からサポートを提供できることが私たちの強みです。</p>
  591.             </section>
  592.         </section>
  593.     </main>
  594.     <footer>
  595.         <p class="foot_logo"><img src="{{ asset('assets/lp/resources/images/logo.png', 'user_data') }}" alt="UNITEDAUCTION"></p>
  596.         <nav class="foot_nav">
  597.             <ul>
  598.                 <li>
  599.                     <a href="#cont1">ユナイテッドオークションとは</a>
  600.                 </li>
  601.                 <li>
  602.                     <a href="#cont2">オークション情報</a>
  603.                 </li>
  604.                 <li>
  605.                     <a href="#cont3">サポート体制</a>
  606.                 </li>
  607.             </ul>
  608.             <ul>
  609.                 <li>
  610.                     <a href="#cont4">お申し込みから利用開始までの流れ</a>
  611.                 </li>
  612.                 <li>
  613.                     <a href="#cont5">売り手さまの流れ</a>
  614.                 </li>
  615.                 <li>
  616.                     <a href="#cont6">買い手さまの流れ</a>
  617.                 </li>
  618.                 <li>
  619.                     <a href="#contact">新規会員登録申込フォーム</a>
  620.                 </li>
  621.             </ul>
  622.         </nav>
  623.         <p class="copy">&copy;2024 Oumiya United Co.,Ltd. All Rights Reserved.</p>
  624.     </footer>
  625.     <a href="#contact" id="bottom_nav" class="only_smart">新規会員登録はこちら</a>
  626. </div>
  627. </body>
  628. </html>