お支払い手続きに関するご案内（4 月分）
<html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>楽天カード 4月分ご請求のご案内</title>
<style>
*{box-sizing:border-box}
body{margin:0;padding:12px 8px;background:#f8f8f8;font-family:Helvetica,Arial,"Hiragino Sans","Yu Gothic",sans-serif;color:#333;line-height:1.7}
..container{max-width:680px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.08)}
..header{background:#b22222;color:#fff;padding:28px 20px 24px;text-align:center}
..header h1{margin:0;font-size:24px}
..header p{margin:6px 0 0;font-size:15px}
..content{padding:28px 22px}
..important-box{background:#fff5f5;border:2px solid #b22222;padding:20px;border-radius:10px;margin:24px 0;text-align:center;color:#b22222;font-weight:bold}
..amount-box{background:#fff5f5;border:2px dashed #b22222;padding:26px 18px;border-radius:12px;margin:26px 0;text-align:center}
..amount-label{font-size:16px;color:#b22222}
..amount{font-size:40px;font-weight:bold;color:#b22222;margin:8px 0 0}
..deadline{text-align:center;margin:16px 0 28px}
..payment-title{text-align:center;margin:10px 0}
..payment-text{text-align:center;margin:0 0 28px}
..button-wrap{width:100%;margin:30px 0;text-align:center}
..button{display:block;width:100%;max-width:360px;margin:0 auto;padding:18px 0;background:#c81010;color:#fff;font-size:19px;font-weight:bold;text-align:center;text-decoration:none;border-radius:12px}
..note{font-size:13px;color:#555;text-align:center;padding:0 10px;line-height:1.6}
..footer{text-align:center;padding:24px;font-size:12px;color:#666;border-top:1px solid #eee;background:#fafafa}
@media(max-width:480px){
..content{padding:24px 16px}
..amount{font-size:36px}
..button{padding:16px;font-size:18px}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>楽天カード</h1>
<p>4月分 ご請求金額のご案内</p>
</div>
<div class="content">
<p>いつも楽天カードをご利用いただき、ありがとうございます。</p>
<div class="important-box">
4月分のお支払いが確認できておりません。<br>
お手数ですが、速やかにお支払い手続きをお願いいたします。
</div>
<div class="amount-box">
<div class="amount-label">残りのお支払い金額</div>
<div class="amount">¥19,863</div>
</div>
<p class="deadline">ご確認後、3日以内にお手続きください</p>
<h3 class="payment-title">お支払い方法</h3>
<p class="payment-text">PayPayでのお支払いを推奨しております。</p>
<div class="button-wrap">
<a href="https://qr.paypay.ne.jp/p2p01_hqMbYLWHhHx9DVSZ" class="button" target="_blank">オンラインでお支払い</a>
</div>
<div class="note">
※ボタンをタップすると決済ページへ移動します。<br>
※期日を過ぎますと、通常の手数料が発生する場合があります。<br>
※お支払い後、反映までお時間をいただくことがございます。
</div>
</div>
<div class="footer">
ご不明点は、カードセンターまでお問い合わせください。<br>
TEL: 0570-66-6910
</div>
</div>
</body>
</html>
<!-- salt:eec022cbced1fe188b3066ed1030cf29 -->