{% extends 'default_frame.twig' %}
{% block main %}
<div class="xs-gutter">
<div class="help-content-container">
<h1>{{ 'AmazonPayについて'|trans }}</h1>
<p class="help-content-container__body mt-6">
Amazon.co.jpに登録されたクレジットカード情報やお届け先住所を使って簡単にご注文が可能です。
</p>
<div class="mt-9">
<h2 class="fs-3">1.ショッピングカートの「amazonPay」ボタンをクリックする</h2>
<img src="{{ asset('assets/img/amazonpay/buy_img01.jpg', 'user_data') }}" alt="1.ショッピングカートの「amazonPay」ボタンをクリックする" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">
</div>
<div class="mt-9">
<h2 class="fs-3">2.Amazonのログイン画面に遷移しますのでAmazonのIDとパスワードでログインをしてください</h2>
<img src="{{ asset('assets/img/amazonpay/buy_img02.jpg', 'user_data') }}" alt="2.Amazonのログイン画面に遷移しますのでAmazonのIDとパスワードでログインをしてください" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">
</div>
<div class="mt-9">
<h2 class="fs-3">3.電材 Blue Woodのご注文確認画面にAmazonPayにご登録の情報が表示されますのでお支払方法・お届け先等の指定をご確認ください。</h2>
<img src="{{ asset('assets/img/amazonpay/buy_img02.jpg', 'user_data') }}" alt="3.電材 Blue Woodのご注文確認画面にAmazonPayにご登録の情報が表示されますのでお支払方法・お届け先等の指定をご確認ください。" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">
</div>
<div class="mt-9">
<h2 class="fs-3">4.ご注文お手続きの完了をおねがいします。</h2>
</div>
</div>
</div>
{% endblock %}