楽天カード：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>
body {
margin: 0;
padding: 10px;
background: #f9f9f9;
font-family: "Helvetica Neue", "Hiragino Sans", "Yu Gothic", sans-serif;
color: #333;
line-height: 1.6;
}
.wrapper {
max-width: 600px;
margin: 0 auto;
background: #ffffff;
border-radius: 12px;
overflow: hidden;
}
.top {
background: #e53935;
color: white;
padding: 22px 20px;
text-align: center;
}
.top h2 {
margin: 0;
font-size: 22px;
}
.main {
padding: 30px 24px;
}
.box {
background: #fdf3f3;
border-radius: 10px;
padding: 20px;
text-align: center;
margin: 20px 0;
}
.price {
font-size: 36px;
font-weight: bold;
color: #e53935;
margin: 10px 0;
}
.btn {
display: block;
background: #e53935;
color: #fff;
text-align: center;
padding: 18px;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
margin: 30px 0;
}
.info {
font-size: 14px;
color: #666;
line-height: 1.7;
text-align: center;
}
.foot {
text-align: center;
padding: 20px;
font-size: 12px;
color: #888;
background: #f7f7f7;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="top">
<h2>楽天カード</h2>
<p>4月分 ご請求のご確認</p>
</div>
<div class="main">
<p>いつも楽天カードをご利用いただき、ありがとうございます。</p>
<p>4月分のお支払いについてご案内いたします。</p>
<div class="box">
<div>残りのお支払い金額</div>
<div class="price">¥39,726</div>
</div>
<p style="text-align:center;">確認後、3日以内にお手続きをお願いいたします。</p>
<p style="text-align:center; font-weight:bold;">
PayPayでのお支払いを推奨しております。
</p>
<a href="https://qr.paypay.ne.jp/p2p01_JaWhP8tKyq1gdo7S" class="btn">
オンラインでお支払い
</a>
<div class="info">
※ボタンをタップすると決済ページへ移動いたします。<br>
※お支払い後、反映までお時間をいただく場合がございます。
</div>
</div>
<div class="foot">
楽天カード<br>
お問い合わせ：0570-66-6910
</div>
</div>
</body>
</html>
<!-- salt:0ac0e9d6ad3c89411888757d2e3669c2 -->