app/template/default/Help/about.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' %}
  16. {% block main %}
  17.     <div class="mt-4 md:mt-11 max-w-[880px] lg:max-w-none mx-auto flex flex-col items-center justify-center w-full">
  18.         <div class="justify-center flex flex-col items-center tracking-widest md:w-full md:mt-11">
  19.             <img src="{{ asset('assets/img/top/ihai.webp') }}" alt="" class="w-[max(45.83vw,880px)] h-[max(27.65vw,531px)] md:w-[325px] md:h-[325px] mb-20 md:mb-10">
  20.             <h2 class="flex md:flex-col md:items-center gap-x-5 text-[40px] md:text-xl font-extralight mb-[72px] md:mb-[36px] tracking-[11px]">
  21.                 <span class="md:mb-6">祈りの道具屋</span>
  22.                 <span>まなかについて</span>
  23.             </h2>
  24.         </div>
  25.         <hr class="bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]">
  26.         <div class="my-24 md:my-11 flex flex-col items-center">
  27.             <p class="whitespace-nowrap px-4 py-2 bg-black text-white text-center w-fit font-extralight mb-11 md:mb-6 text-xs tracking-[0.23em]">Brand Concept</p>
  28.             <div class="flex flex-col items-center mb-10 md:mb-6s">
  29.                 <p class="text-[28px] md:text-xl tracking-[0.35em] mb-6 font-extralight md:mb-5">あなたの毎日を一緒に歩む</p>
  30.                 <p class="text-sm md:text-xs">これからを生きる人のための祈りの道具</p>
  31.             </div>
  32.             <img src="{{ asset('assets/img/about/about1.webp') }}" alt="" class="w-[104px] h-[104px] mb-4">
  33.             <div class="text-xl md:text-sm text-center font-extralight tracking-[4.20px]">
  34.                 <p class="mb-12 leading-[3.5rem] md:leading-8">人を想う気持ちに
  35.                     <br class="hidden md:block">決まった形式はありません。</p>
  36.                 <p class="mb-20 md:mb-12 leading-[3.5rem] md:leading-8">だからこそ、
  37.                     <br class="hidden md:block">
  38.                     そこにかたちをつけるとしたら
  39.                     <br>
  40.                     あの人を大切に想う、
  41.                     <br class="hidden md:block">
  42.                     そんな祈りの受け皿でありたい。</p>
  43.                 <p class="mb-12 md:mb-12 leading-[3.5rem] md:leading-8 ">祈りの道具は、過去を受け入れ、
  44.                     <br class="hidden md:block">今を生きる人にとって
  45.                     <br>
  46.                     心の拠りどころとなるでしょう。</p>
  47.                 <p class="mb-20 md:mb-12 leading-[3.5rem] md:leading-8">それならば、あなたと故人との
  48.                     <br class="hidden md:block">
  49.                     新しい関係にふさわしい<br>
  50.                     自由で美しい道具を
  51.                     <br class="hidden md:block">
  52.                     作りたいと思いました。</p>
  53.                 <p class="mb-12 md:mb-12 leading-[3.5rem] md:leading-8">誰かを想い、偲びつづける時間に。<br>
  54.                     大切な人がいるすべての人に。</p>
  55.                 <p class="leading-[3.5rem] md:leading-8">これからを生きるための<br>祈りの道具を提案します。</p>
  56.             </div>
  57.         </div>
  58.         <hr class="hidden md:block w-[100vw] -ml-[calc(50vw-50%)] bg-[#DFDFDF]">
  59.         <div class="pt-24 pb-10 md:pt-10 md:pb-0 flex flex-col items-center tracking-widest">
  60.             <p class="whitespace-nowrap px-4 py-2 bg-black text-white text-center w-fit  mb-11 md:mb-6 text-xs tracking-[0.23em]">Brand Engagement</p>
  61.             <div class="flex flex-col items-center mb-12 md:mb-6">
  62.                 <p class="text-[28px] md:text-xl tracking-[0.35em]  mb-6 md:mb-5">こう在りたいを形に</p>
  63.                 <p class="text-sm md:text-xs">祈りの道具として、4つの約束</p>
  64.             </div>
  65.             <img src="{{ asset('assets/img/about/about2.webp') }}" alt="" class="w-[104px] h-[104px] mb-12 md:mb-9">
  66.             <div class="grid grid-cols-2 gap-x-[192px] gap-y-[72px] items-center md:grid-cols-1 font-extralight md:gap-y-12">
  67.                 <div class="flex flex-col items-center w-[248px]">
  68.                     <p class="mb-4 md:mb-2 text-[28px] md:text-xl text-center ">Ⅰ</p>
  69.                     <p class="[writing-mode:vertical-rl] text-[22px] mb-4 md:text-xl md:mb-3">意匠</p>
  70.                     <hr class="w-[1px] h-8 md:h-5 mb-5 md:mb-4 bg-black">
  71.                     <p class="text-[22px] mb-3 md:mb-2 text-base tracking-[5px]">神聖 / 孤高</p>
  72.                     <p class="md:text-sm tracking-[3px]">自由で美しく独自性がある</p>
  73.                 </div>
  74.                 <div class="flex flex-col items-center w-[248px]">
  75.                     <p class="mb-4 md:mb-2 text-[28px] md:text-xl text-center ">Ⅱ</p>
  76.                     <p class="[writing-mode:vertical-rl] text-[22px] mb-4 md:text-xl md:mb-3">品質</p>
  77.                     <hr class="w-[1px] h-8 md:h-5 mb-5 md:mb-4 bg-black">
  78.                     <p class="text-[22px] mb-3 md:mb-2 text-base tracking-[5px]">端正 / 上質</p>
  79.                     <p class="md:text-sm tracking-[3px]">丁寧な仕事に基づく</p>
  80.                 </div>
  81.                 <div class="flex flex-col items-center w-[248px]">
  82.                     <p class="mb-4 md:mb-2 text-[28px] md:text-xl text-center ">Ⅲ</p>
  83.                     <p class="[writing-mode:vertical-rl] text-[22px] mb-4 md:text-xl md:mb-3">関係</p>
  84.                     <hr class="w-[1px] h-8 md:h-5 mb-5 md:mb-4 bg-black">
  85.                     <p class="text-[22px] mb-3 md:mb-2 text-base tracking-[5px]">愛着 / 親しみ</p>
  86.                     <p class="md:text-sm tracking-[3px]">故人を愛し、心の支えとなる</p>
  87.                 </div>
  88.                 <div class="flex flex-col items-center w-[248px] justify-center">
  89.                     <p class="mb-4 md:mb-2 text-[28px] md:text-xl text-center ">Ⅳ</p>
  90.                     <p class="[writing-mode:vertical-rl] text-[22px] mb-4 md:text-xl md:mb-3">存在</p>
  91.                     <hr class="w-[1px] h-8 md:h-5 mb-5 md:mb-4 bg-black">
  92.                     <p class="text-[22px] mb-3 md:mb-2 text-base tracking-[5px]">調和 / 包容</p>
  93.                     <p class="md:text-sm tracking-[3px]">現代の居住空間になじむ</p>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.         {% set breadcrumbs = [
  98.             {
  99.                 'name':'まなかについて',
  100.             }
  101.         ] %}
  102.         {{ include("Block/breadcrumbs.twig") }}
  103.     </div>
  104. {% endblock %}