app/template/user_data/qa.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 = 'front_page' %}
  15. {% block main %}
  16.     <div class="md:mt-6 w-full lg:max-w-none mx-auto lg:mx-0 flex flex-col tems-center justify-center">
  17.         <div class="w-full max-w-[720px] mx-auto lg:mx-0 flex flex-col tems-center justify-center font-extralight">
  18.             <div class="lg:px-4 flex gap-x-[70px]  justify-center  animate-slideIn">
  19.                 <div class="max-w-[720px] w-full flex flex-col mt-10 md:mt-6">
  20.                     <div class="flex flex-col gap-y-8 md:gap-y-2 mb-8 md:mb-4">
  21.                         <h2 class="text-[26px] md:text-lg ">よくあるご質問</h2>
  22.                         <span class="text-[#666666] md:text-sm">
  23.                             よく頂く質問へのご回答をご用意しました。もし、こちらを読んでも解決しない場合は、
  24.                             <a href="{{url('contact')}}" class="underline hover:no-underline">お気軽にお問い合わせ</a>
  25.                             ください。できるかぎり迅速に回答させて頂きます。
  26.                         </span>
  27.                     </div>
  28.                     <div class="flex flex-col items-center gap-y-12 text-base md:text-sm">
  29.                         <div
  30.                             class="flex flex-col gap-y-7">
  31.                             {# 1．商品について #}
  32.                             <div class="w-full flex flex-col gap-y-7">
  33.                                 <h3 class="text-white font-bold bg-[#A7A79B] w-full px-5 py-2">
  34.                                     1．商品について
  35.                                 </h3>
  36.                                 <div class="flex flex-col gap-y-6">
  37.                                     <div class="pt-6 border-t-2 gap-y-3 flex flex-col">
  38.                                         <div class="flex items-center gap-x-2">
  39.                                             <div class="rounded-full bg-[#666666] w-[14px] h-[14px] border-[#CCCCCC]"></div>
  40.                                             <p class="text-[#666666] font-bold">お位牌</p>
  41.                                         </div>
  42.                                         <div class="flex flex-col gap-y-7">
  43.                                             <div class="flex flex-col gap-y-2">
  44.                                                 <p class="text-[#C5A688] font-bold">Q. サイズや形は全て同じですか？</p>
  45.                                                 <div class="flex gap-[2px]">
  46.                                                     <p class="text-[#666666]">A.</p>
  47.                                                     <p class="text-[#666666]">天然の素材を使用し、全て手仕事での制作のため、色や形が一つ一つわずかながらも異なります。サイトやカタログと全く同じものはご用意できませんので、ご了承ください。</p>
  48.                                                 </div>
  50.                                             </div>
  51.                                             <div class="flex flex-col gap-y-2">
  52.                                                 <p class="text-[#C5A688] font-bold">Q. 宗教・宗派の決まりはありますか？</p>
  53.                                                 <div class="flex gap-[2px]">
  54.                                                     <p class="text-[#666666]">A.</p>
  55.                                                     <p class="text-[#666666]">仏教や神道など宗教・宗派に係わりなく、多くの方にご購入頂いております。現代的でありながらも神聖な雰囲気は、どんな宗教の方でも安心してお祀り頂けます。ご心配でしたら、一度お寺にご確認ください。</p>
  56.                                                 </div>
  57.                                             </div>
  58.                                             <div class="flex flex-col gap-y-2">
  59.                                                 <p class="text-[#C5A688] font-bold">Q. オーダーメイドはできますか？</p>
  60.                                                 <div class="flex gap-[2px]">
  61.                                                     <p class="text-[#666666]">A.</p>
  62.                                                     <p class="text-[#666666]">オーダーメイドは残念ながら承っておりません が、ECサイトでは購入いただけない、特別な素材を使 ったショールーム限定商品もございます。ぜひお気軽にショールームへお越しください。</p>
  63.                                                 </div>
  64.                                             </div>
  65.                                             <div class="flex flex-col gap-y-2">
  66.                                                 <p class="text-[#C5A688] font-bold">Q. 夫婦位牌（1つのお位牌に2名の名入れをすること）には対応していますか？</p>
  67.                                                 <div class="flex gap-[2px]">
  68.                                                     <p class="text-[#666666]">A.</p>
  69.                                                     <p class="text-[#666666]">「
  70.                                                         <a href="{{url('product_detail',{'id':'1'})}}" class="underline hover:no-underline">虎空檀</a>
  71.                                                         」が対応しております。他のお位牌は現在は対応しておりませんが、ご夫婦が対象の場合は、それぞれの個性に合わせて別のカラーで2種類のお位牌をお選びいただく方もいらっしゃいますのでご検討ください。
  72.                                                     </p>
  73.                                                 </div>
  74.                                             </div>
  75.                                             <div class="flex flex-col gap-y-2">
  76.                                                 <p class="text-[#C5A688] font-bold">Q. 名入れの方法を詳しく教えてください。</p>
  77.                                                 <div class="flex gap-[2px]">
  78.                                                     <p class="text-[#666666]">A.</p>
  79.                                                     <p class="text-[#666666]">
  80.                                                         「<a href="{{url('user_data',{route:'naire'})}}" class="underline hover:no-underline">お位牌への名入れについて</a>」のページで詳細をご説明しております。お電話で相談して内容を決めることもできますので、お気軽にご相談ください。
  81.                                                     </p>
  82.                                                 </div>
  83.                                             </div>
  84.                                         </div>
  85.                                     </div>
  86.                                     <div class="pt-6 border-t-[2px] gap-y-3 flex flex-col">
  87.                                         <div class="flex items-center gap-x-2">
  88.                                             <div class="rounded-full bg-[#666666] w-[14px] h-[14px] border-[#CCCCCC]"></div>
  89.                                             <p class="text-[#666666] font-bold">お仏壇</p>
  90.                                         </div>
  91.                                         <div class="flex flex-col gap-y-7">
  92.                                             <div class="flex flex-col gap-y-2">
  93.                                                 <p class="text-[#C5A688] font-bold">Q. 簾（すだれ）はどのように使えばよいのでしょうか？</p>
  94.                                                 <div class="flex gap-[2px]">
  95.                                                     <p class="text-[#666666]">A.</p>
  96.                                                     <p class="text-[#666666]">来客時などお客様に気を使わせたくない時や、旅行などでしばらく部屋を空ける際にご利用される方が多いです。簾の長さを調節すると中のお位牌や仏壇の見え方が変わりますので、シーンに合わせてご利用ください。</p>
  97.                                                 </div>
  98.                                             </div>
  99.                                             <div class="flex flex-col gap-y-2">
  100.                                                 <p class="text-[#C5A688] font-bold">Q. 位牌や本尊を並べる必要はありますか？</p>
  101.                                                 <div class="flex gap-[2px]">
  102.                                                     <p class="text-[#666666]">A.</p>
  103.                                                     <p class="text-[#666666]">お位牌やご本尊をお祀りするのが一般的ではありますが、写真立てや骨壺などを象徴としてお祀りされる方もいらっしゃいます。故人の存在を身近に感じて頂けるものを象徴とされるのも、素敵なご供養の形だと思います。まなかではお客様に合ったご供養の形を一緒に考えさせて頂きますので、組み合わせに迷う場合はぜひショールームへお越しください。</p>
  104.                                                 </div>
  105.                                             </div>
  106.                                         </div>
  107.                                     </div>
  108.                                     <div class="pt-6 border-t-[2px] gap-y-3 flex flex-col">
  109.                                         <div class="flex items-center gap-x-2">
  110.                                             <div class="rounded-full bg-[#666666] w-[14px] h-[14px] border-[#CCCCCC]"></div>
  111.                                             <p class="text-[#666666] font-bold">仏具</p>
  112.                                         </div>
  113.                                         <div class="flex flex-col gap-y-7">
  114.                                             <div class="flex flex-col gap-y-2">
  115.                                                 <p class="text-[#C5A688] font-bold">Q. 仏具は全て揃えた方がよいのでしょうか？</p>
  116.                                                 <div class="flex">
  117.                                                     <p class="text-[#666666]">A.</p>
  118.                                                     <div class="flex flex-col gap-[2px]">
  119.                                                         <p class="text-[#666666]">ご供養の方法に合わせて、必要なものをお選びください。あとから追加でそろえる方もいらっしゃいます。</p>
  120.                                                     </div>
  121.                                                 </div>
  122.                                             </div>
  123.                                         </div>
  124.                                     </div>
  125.                                     <div class="pt-6 border-t-[2px] gap-y-3 flex flex-col">
  126.                                         <div class="flex items-center gap-x-2">
  127.                                             <div class="rounded-full bg-[#666666] w-[14px] h-[14px] border-[#CCCCCC]"></div>
  128.                                             <p class="text-[#666666] font-bold">色について</p>
  129.                                         </div>
  130.                                         <div class="flex flex-col gap-y-7">
  131.                                             <div class="flex flex-col gap-y-2">
  132.                                                 <p class="text-[#C5A688] font-bold">Q. 掲載と同じ色の商品が届きますか？</p>
  133.                                                 <div class="flex gap-[2px]">
  134.                                                     <p class="text-[#666666]">A.</p>
  135.                                                     <p class="text-[#666666]">商品の画像はできるだけ実物に近い色を再現するよう注意しておりますが、お客様のご覧になっているパソコンや携帯のモニタ環境等により画面上ご覧になっている色や素材感と実際の商品が異なって見える場合がございます。なお、色や素材感などのイメージ違いより万が一ご返品となった場合につきましては、お客様の送料ご負担となりますのでご了承ください。</p>
  136.                                                 </div>
  137.                                             </p>
  138.                                         </div>
  139.                                     </div>
  140.                                 </div>
  141.                             </div>
  142.                         </div>
  143.                         {# 2. サービス内容について #}
  144.                         <div class="w-full flex flex-col gap-y-7">
  145.                             <h3 class="text-white font-bold bg-[#A7A79B] w-full px-5 py-2">
  146.                                 2. サービス内容について
  147.                             </h3>
  148.                             <div class="pt-6 border-t-[2px] gap-y-3 flex flex-col">
  149.                                 <div class="flex flex-col gap-y-7">
  150.                                     <div class="flex flex-col gap-y-2">
  151.                                         <p class="text-[#C5A688] font-bold">Q. カタログはありますか？</p>
  152.                                         <div class="flex gap-[2px]">
  153.                                             <p class="text-[#666666]">A.</p>
  154.                                             <p class="text-[#666666]">
  155.                                                 <a href="{{url('catalog_confirm')}}" class="underline hover:no-underline">お問い合わせフォーム</a>、またはお電話（03-5579-5671）でお申し込み頂ければ、無料でお届けしています。ぜひご利用ください
  156.                                             </p>
  157.                                         </div>
  158.                                     </div>
  159.                                     <div class="flex flex-col gap-y-2">
  160.                                         <p class="text-[#C5A688] font-bold">Q. 古いお仏壇を引き取ってもらえますか？</p>
  161.                                         <div class="flex">
  162.                                             <p class="text-[#666666]">A.</p>
  163.                                             <div class="flex flex-col gap-[2px]">
  164.                                                 <p class="text-[#666666]">当店にて10万円以上のお仏壇・お位牌をご購入頂いたお客様を対象に提携会社によるお仏壇引き取りサービス（有償）をご紹介しております。事前の訪問見積り（無料）から、仏壇引き取り、遺品整理、お焚き上げまで対応しておりますので安心してご相談頂けます。</p>
  165.                                                 <a href="{{url('user_data',{route:'guide_detail'})}}#sec05" class="text-[#666666] underline hover:no-underline">詳しくは、ご利用ガイドをご覧ください。</a>
  166.                                             </div>
  167.                                         </div>
  168.                                     </div>
  169.                                     <div class="flex flex-col gap-y-2">
  170.                                         <p class="text-[#C5A688] font-bold">Q. 領収書の発行はできますか？</p>
  171.                                         <div class="flex">
  172.                                             <p class="text-[#666666]">A.</p>
  173.                                             <div class="flex flex-col gap-[2px]">
  174.                                                 <p class="text-[#666666]">ご注文の際、備考欄に【領収書希望の旨】と【宛名】【但し書き】をご記入ください。商品に領収書を同封させて頂きます。</p>
  175.                                                 <a href="{{url('user_data',{route:'guide_detail'})}}#sec08" class=" text-[#666666] underline hover:no-underline">詳しくは、ご利用ガイドをご覧ください。</a>
  176.                                             </div>
  177.                                         </div>
  178.                                     </div>
  179.                                 </div>
  180.                             </div>
  181.                         </div>
  182.                         {# 3. ショールームについて #}
  183.                         <div class=" w-full flex flex-col gap-y-7">
  184.                             <h3 class="text-white font-bold bg-[#A7A79B] w-full px-5 py-2">
  185.                                 3. ショールームについて
  186.                             </h3>
  187.                             <div class="pt-6 border-t-[2px] gap-y-3 flex flex-col">
  188.                                 <div class="flex flex-col gap-y-7">
  189.                                     <div class="flex flex-col gap-y-2">
  190.                                         <p class="text-[#C5A688] font-bold">Q. どのような商品が置いてありますか？</p>
  191.                                         <div class="flex">
  192.                                             <p class="text-[#666666]">A.</p>
  193.                                             <div class="flex flex-col gap-[2px]">
  194.                                                 <p class="text-[#666666]">まなかのお仏壇・お位牌・仏具の全ラインナップに加え、希少素材を使った一点物も取りそろえ、手に取ってお選び頂けます。<br>
  195.                                                     ※「仏壇に合う家具」の展示はございませんのでご了承ください。</p>
  196.                                                 <a href="{{url('user_data',{route:'showroom'})}}" class="text-[#666666] underline hover:no-underline">詳しくは「ショールームページ」をご覧ください。</a>
  197.                                             </div>
  198.                                         </div>
  199.                                     </div>
  200.                                     <div class="flex flex-col gap-y-2">
  201.                                         <p class="text-[#C5A688] font-bold">Q. 予約は必要ですか？</p>
  202.                                         <div class="flex gap-[2px]">
  203.                                             <p class="text-[#666666]">A.</p>
  204.                                             <p class="text-[#666666]">一組ずつゆっくりご覧頂けるよう、完全予約制となっております。ご予約は、ご訪問の前日までにお願い致します。10:00～、13:30～、16:00～の3枠をご用意しております。</p>
  205.                                         </div>
  206.                                     </div>
  207.                                     <div class="flex flex-col gap-y-2">
  208.                                         <p class="text-[#C5A688] font-bold">Q. 予約方法を教えてください。</p>
  209.                                         <div class="flex gap-[2px]">
  210.                                             <p class="text-[#666666]">A.</p>
  211.                                             <p class="text-[#666666]">お電話（03-5579-5671）または、
  212.                                                 <a href="{{url('showroom_confirm')}}" class="underline hover:no-underline">当サイトのフォーム</a>でご予約ください。
  213.                                             </p>
  214.                                         </div>
  215.                                     </div>
  216.                                     <div class="flex flex-col gap-y-2">
  217.                                         <p class="text-[#C5A688] font-bold">Q. ショールームに行くことができないのですが、商品をもっと詳しく知る方法はありますか？</p>
  218.                                         <div class="flex gap-[2px]">
  219.                                             <p class="text-[#666666]">A.</p>
  220.                                             <p class="text-[#666666]">遠方にお住まいなどでショールームをご利用いただけない方のために、コーディネート撮影サービスを承っております。無料でご利用いただけますので、ぜひお気軽にご利用ください。詳しくは
  221.                                                 <a href="{{url('user_data',{route:'photo_services'})}}" class="underline hover:no-underline">「コーディネート撮影サービス」のページをご覧ください。</a>
  222.                                             </p>
  223.                                         </div>
  224.                                     </p>
  225.                                 </div>
  226.                             </div>
  227.                         </div>
  228.                     </div>
  229.                 </div>
  230.                 <a href="" class="underline  hover:no-underline  text-lg">ご利用ガイド・サービスTOPへ</a>
  231.             </div>
  232.         </div>
  233.     </div>
  234.     <div class="max-w-[1120px] w-full lg:px-12 mt-[130px] md:mt-10 mb-8 md:mb-0 mx-auto">
  235.         <ul id="breadcrumbs" class="border-t border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1">
  236.             <li>
  237.                 <a href="{{ url('homepage') }}" class="hover">
  238.                     <span>HOME</span>
  239.                 </a>
  240.             </li>
  241.             <span>/</span>
  242.             <li>
  243.                 <a href="{{ url('user_data',{'route': 'guide_top'}) }}" class="hover">
  244.                     <span>ご利用ガイド・サービス</span>
  245.                 </a>
  246.             </li>
  247.             <span>/</span>
  248.             <li>
  249.                 <span>よくあるご質問</span>
  250.             </li>
  251.         </ul>
  252.     </div>
  253. {% endblock %}