2024/05/17 00:32
[tailwindcss]
<section class="py-20 md:py-36">
<div class="flex flex-col space-y-[-.25rem]" data-aos="flip-down" data-aos-duration="800">
<h1 class="font-bold text-4xl">FAQ</h1>
<p class="text-zinc-400 pl-1">よくある質問</p>
<p class="py-5">商品のご購入方法や配送などよくお問い合わせいただく内容についてまとめました。</p>
</div>
<div class="w-full py-5 space-y-3" id="collapse" data-aos="fade-up" data-aos-delay="400" data-aos-duration="900">
<div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 発送はいつですか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content">
<p><span class="font-bold">A.</span> 13時までのご注文については当日中に発送致します。13時以降のご注文については翌日発送となります。</p>
<p>イベントや配送行者の都合で発送が遅れる場合がございますので予めご了承ください。</p>
<p>尚、店休日は発送業務もお休みとさせて頂いております。(店休日が不定期のため、休日についてはトップページのお知らせをご覧ください)</p>
</div>
</div> <div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 配送業者はどこですか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> 配送業者はクロネコになります。配送業者などの都合により業者が変わることがありますので予めご了承ください。</p>
</div>
</div> <div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 支払い方法は何がありますか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> 下記のお支払い方法をご利用いただけます。<br></p>
<p>・クレジットカード</p> <p>・amazon pay</p>
<p>・あと払い(Pay ID)</p>
<p>・Paypal</p>
<p>・d払い</p>
<p>・auかんたん決済</p>
<p>・ソフトバンクまとめて払い</p>
</div>
</div>
<div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. ギフトラッピングは可能ですか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> 簡易的なものでよろしければ対応させて頂きます。ご購入時、備考欄に「ギフトラッピング希望」とご入力ください。</p> <p>ギフトラッピングの場合は納品書はお付けせず発送致します。</p>
</div>
</div>
<div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 届いた商品を返品もしくは交換できますか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> 恐れ入りますが、お客様のご都合による返品・交換はお受けしておりません。</p>
<p>不良品の場合は対応致しますので商品到着後1週間以内に<a href="https://thebase.com/inquiry/lilkaye1007-base-shop">お問い合わせフォーム</a>よりご連絡ください。</p>
</div>
</div>
<div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 配達の注文方法は？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> ケーキ配達のご注文については現在WEBページにてご注文頂けないため、お電話やFAXにてご連絡くださいますようお願い致します。</p>
<p>尚、ケーキ配達は4,000円以上のお買上げでご利用可能となっており、送料は800円〜です。その他、ケーキ配達についてのご不明点などございましたらお気軽にご連絡ください。</p>
</div>
</div> <div class="collapse_item">
<div class="bg-zinc-200 flex items-center justify-between p-3 rounded">
<span class="font-bold">Q. 店舗に駐車場はありますか？</span>
<div class="cursor-pointer collapse_ctrl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
</svg>
</div>
</div>
<div class="p-3 collapse_content hidden">
<p><span class="font-bold">A.</span> 店舗の横側に駐車場がありますのでそちらをご利用ください。</p>
</div>
</div></div>
</section>
[/tailwindcss]
