{% extends 'default_frame.twig' %}{% set breadcrumbs = [ {'name': 'CONCEPT'}] %}{% block main %} <div class="bg-[url('/html/template/default/assets/img/help/about/bg.webp')] bg-no-repeat bg-cover"> <section class="px-6 pb-10 pt-[7.5rem] md:pt-20 md:pb-1 text-black"> <div class="mx-auto w-full max-w-[63rem]"> <h1 class="flex items-start gap-4 md:gap-2"> <span class="block h-[7.5rem] w-0.5 bg-gradient-to-b from-[#ADAAA6] md:h-16 md:w-px"></span> <p class="text-[2rem] font-light leading-normal tracking-widest md:text-xl"> CONCEPT</p> </h1> </div> </section> {{ include('Block/breadcrumb.twig') }} <section class="px-6 pb-[7.5rem] md:pb-20 text-black"> <div class="mx-auto w-full max-w-[37rem]"> <h2 class="font-notoserif text-[2.5rem] md:text-[1.5rem] font-extralight tracking-wider leading-[1.6] md:leading-10">やわらかな<br class="md:hidden">時間を<br class="hidden md:block">抱きしめる。</h2> <div class="mt-20 md:mt-10 grid gap-10 text-sm leading-[2.5] tracking-widest "> <p>楽しい時も悲しい時も<br class="hidden md:inline">いつもそばにいてくれた大切な存在に<br/>心からの想いを伝えよう。<br/>お互いがこの世で出会えたことに感謝し、<br/>生あるものが懸命に生きた時間を<br class="hidden md:inline">つかまえておこう。 </p> <p>今は悲しみに暮れているかもしれない。<br/>だけど、揺らぐ気持ちに嘘をつかずに<br class="hidden md:inline">心のままに思いを届けることが、<br class="md:hidden"/>しあわせに過ごした時間への供養になるだろう。</p> <p>ありがとうの気持ちをたくさん伝えて、<br class="hidden md:inline">あなた自身も一歩ずつ進んでいけるように。<br/>ともに過ごしたやわらかな時間を抱きしめる、<br/>あなたと大切な存在のための供養です。</p> </div> <img src="{{asset('assets/img/help/about/animals.webp')}}" alt="動物たちのイラスト" class="mt-20"> <a href="{{ url('product_list') }}" class="w-full max-w-[28rem] border grid place-items-center h-10 md:h-11 mx-auto mt-20 text-sm tracking-wider hover">商品一覧へ</a> </div> </section> </div>{% endblock %}