app/template/user_data/about_visit.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  6.   <div id="contents_wrap">
  8.     <div id="kaso_h1title">
  9.       <p>Business trip / Visit</p>
  10.       <h1>出張・訪問のご案内</h1>
  11.     </div>
  14.               <style>
  15.                   #contents_wrap {
  16.                       font-size: 120%;
  17.                       line-height: 180%;
  18.                       color: black;
  19.                   }
  20.                   
  21.                   /*----------*/
  22. #visit_flow {
  23.     margin: 30px 0;
  24. }
  26. #visit_flow th {
  27.   text-align: left;
  28.   vertical-align: top;
  29.     overflow: hidden;
  30.     position: relative;
  31.   width: 100px !imporant;
  32. }
  33. #visit_flow th p {
  34.   background-color: #0f43c9;
  35.   color: white;
  36.   padding: 15px 0 !imporant;
  37.   text-align: center;
  38.   width: 100px !imporant;
  39.   font-size: 20px !imporant;
  40.   line-height: 0;
  41.     margin: 0;
  42.     height: 50px;
  43.     display: block;
  44. }
  45.                   #visit_flow th p.num{
  46.                       background-color: #5d83e5;
  47.                       padding: 23px 20px;
  48.                   }
  49. #visit_flow th b{
  50.     display: block;
  51.     width: 1px;
  52.     clear: both;
  53.   background-color: #5d83e5;
  54.     position: absolute;
  55.     left: 25px;
  56. }
  57. #visit_flow tr:nth-child(1) th b{
  58.     height: 400px;
  59. }
  60. #visit_flow tr th#jiga_flow2 b{
  61.     height: 400px !imporant;
  62. }
  63.                   #visit_flow td{
  64.                       padding-left: 20px;
  65.                       padding-bottom: 50px;
  66.                   }
  67. #visit_flow td h3 {
  68.   font-size: 20px;
  69.   margin: 10px 0 20px 0;
  70.   padding: 0px;
  71.   color: #0f43c9;
  72. }
  73. #visit_flow td img{
  74.     float: left;
  75.     width: 200px;
  76.     height: auto;
  77.     margin: 5px 20px 0 0;
  78. }
  79. #visit_flow td a{
  80.     color: blue;
  81.     text-decoration: underline;
  82. }
  83. #visit_flow td p.red{
  84.     font-size: 14px;
  85.     line-height: 160%;
  86. }
  87.                   .glbox{
  88.                       background-color: #f7f7f7;
  89.                       padding: 2% 5%;
  90.     border-radius: 10px;
  91.     -moz-border-radius: 10px;
  92.     -webkit-border-radius: 10px;
  93.                   }
  94.                   .glbox h4{
  95.                       background-color: white;
  96.                       padding: 1%;
  97.     border-radius: 10px;
  98.     -moz-border-radius: 10px;
  99.     -webkit-border-radius: 10px;
  100.                   }
  102.                   /* about_visit専用: #kaso_h1title 指定CSS適用 */
  103.                   #kaso_h1title {
  104.                       position: relative;
  105.                       padding: 1rem 0rem;
  106.                       border-bottom: 3px solid #e5e5e5;
  107.                       margin: 0 0 50px 0 !important; /* WORKAROUND: pc.css #kaso_h1title{margin:auto!important} を上書き(原因=pc.css側グローバル!important)。恒久対応はpc.css見直し時 */
  108.                   }
  109.                   #kaso_h1title:before {
  110.                       position: absolute;
  111.                       bottom: -3px;
  112.                       left: 0;
  113.                       width: 20%;
  114.                       height: 3px;
  115.                       content: "";
  116.                       background: #0f43c9;
  117.                   }
  118.                   #kaso_h1title p {
  119.                       font-family: "Noto Sans JP", sans-serif;
  120.                       font-size: 30px;
  121.                       font-weight: 900;
  122.                       color: #052a89;
  123.                   }
  124.                   #kaso_h1title h1,
  125.                   #kaso_h1title div {
  126.                       font-family: "Noto Sans JP", sans-serif;
  127.                       font-size: 22px;
  128.                       font-weight: 700;
  129.                   }
  130.               </style>
  132. <div id="baseimage"><img src="https://www.coinpalace.jp/user_data/img/visitimg.jpg" alt="image" /></div>
  133.       
  134.       <p>私たちの訪問販売サービスは、アンティークコインの世界をあなたのもとまで、またはお近くのホテルまでお届けします。<br>歴史と芸術が息づくこれらの貴重なコインを、身近な快適さの中でじっくりとご覧いただけます。</p>
  135.       
  136.       
  138.       <p class="btn_blue"><a href="/contact"><i class="fa-solid fa-envelope"></i> 出張・訪問の予約フォームはこちら</a></p>
  139.       
  140.       
  141.         <h2 class="line_bl_title">【出張・訪問サービスの流れ】</h2>
  142.         
  143.     <table border="0" cellspacing="0" cellpadding="0" id="visit_flow">
  144.       <tbody>
  145.         <tr>
  146.           <th>
  147.             <p class="num">1</p><b></b>
  148.           </th>
  149.           <td>
  150.             <h3>予約</h3>
  151.               
  152.               
  153.             <p>当社のホームページ、またはお電話で出張・訪問の予約を行ってください。あなたのご希望の日時と、興味のあるコインの種類や予算範囲をお知らせください。</p>
  156.               <p class="btn_blue2"><a href="/contact"><i class="fa-solid fa-envelope"></i> 出張・訪問の予約フォーム</a></p>
  157.               
  158.               <p class="red">※出張料、手数料、キャンセル料などの諸費用はいただきません！お客様負担は一切ございません。</p>
  160.           </td>
  161.         </tr>
  162.           
  163.         <tr>
  164.           <th id="jiga_flow2">
  165.             <p class="num">2</p><b style="height: 1000px;"></b>
  166.           </th>
  167.           <td>
  168.             <h3>訪問</h3>
  169.             <p><strong>予定した日時に、当社スタッフがご指定の場所までお伺いします。</strong></p>
  170.               <p>選ばれたコインを持参し、各コインの歴史、デザイン、そして投資としての価値について、詳しく説明します。</p>
  171.                         <div class="glbox">
  172.                             <p><b>※当社スタッフは常に身分証明を提示しますので、ご安心ください※</b></p>
  173.                             <p>当社スタッフは、訪問時に必ず身分を証明するためのIDを携帯し、お客様に提示します。これは、私たちが信頼と透明性を大切にしていることを示すためです。お客様の安全と信頼を第一に考え、すべてのスタッフは適切な訓練を受け、専門的な知識と共に厳格な倫理規範を持っています。<br>お客様のお宅を訪問する当社スタッフは、最高水準のプロフェッショナルサービスを提供することに全力を注いでいます。安心してご利用いただけるよう、私たちの全ての行動はお客様を尊重し、信頼の範疇で行動いたします。</p>
  174.                         </div>
  175.               
  176.           </td>
  177.         </tr>
  178.           
  179.         <tr>
  180.           <th id="jiga_flow2">
  181.             <p class="num">2</p><b style="height: 1000px;"></b>
  182.           </th>
  183.           <td>
  184.             <h3>ご購入</h3>
  185.             <p><strong>押し売りや過剰な営業活動は一切しません。</strong></p>
  186.               <p>お客様のニーズに合わせて柔軟な支払い方法をご提供しています。一部現金で、残金を銀行振込で支払うという方法も可能です。<br>
  187.                   どの支払い方法を選択いただいても、お客様の情報の安全性とプライバシー保護は最優先事項として扱われます。<br>この組み合わせの支払い方法を選んだお客様にも、安心して購入を楽しんでいただけるよう、当社は安全で便利な取引環境をお約束します。
  188.               </p>
  189.               
  190.           </td>
  191.         </tr>
  192.           
  193.         <tr>
  194.           <th>
  195.             <p class="num">3</p><b></b>
  196.           </th>
  197.           <td>
  198.             <h3>アフターサポート</h3>
  199.             <p><strong>購入後も当社はお客様の質問や懸念に対応します。</strong></p>
  200.               
  201.               <p>コインの管理や保存方法についてのアドバイス、または追加情報が必要な場合も、お気軽にお問い合わせください。</p>
  202.               
  203.                         <div class="glbox">
  204.                             <h4>注意点</h4>
  205.                             <p>※当社は、お客様のプライバシーを尊重し、すべての個人情報は厳密に管理されます。お客様の情報は、法律により明確に認められた場合を除き、第三者に提供されることはありません。<br>
  206.                             ※当社の出張訪問販売に関するキャンセル・返品ポリシーは、ウェブサイト上に詳細に記載しています。購入前にそれらのポリシーをよく読んで理解し、ご同意の上で購入を進めてください。</p>
  207.                         </div>
  208.               
  209.               <p>出張・訪問サービスのご理解とご協力をお願いいたします。私たちはお客様に最良のサービスを提供するために、これらのガイドラインを設けています。何か質問がございましたら、お気軽にお問い合わせください。</p>
  210.           </td>
  211.         </tr>
  212.       
  213.         </tbody></table>
  214.       
  215.       
  216.   </div><!-- contents_wrap -->
  218.   <script>$(function (){$("#about_f").load("/about_f.html");});</script>
  219.   <div id="about_f"></div>
  220. {% endblock %}