楽天カード：4 月ご利用明細のお知らせnow-okuyama。
<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: 0;
background-color: #f4f4f4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
table {
border-collapse: collapse;
}
..container {
width: 600px;
background-color: #ffffff;
}
@media screen and (max-width: 600px) {
.container {
width: 100% !important;
}
.content-padding {
padding: 20px !important;
}
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
<tr>
<td align="center" style="padding: 20px 0;">
<table class="container" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#bf212f" style="color: #ffffff; padding: 30px 20px;">
<h1 style="font-size: 24px; margin: 0; font-weight: normal; letter-spacing: 2px;">楽天カード</h1>
<p style="font-size: 16px; margin: 10px 0 0;">4月分 お支払い状況のご確認</p>
</td>
</tr>
<tr>
<td class="content-padding" style="color: #333333; padding: 40px 50px; text-align: center;">
<p style="font-size: 15px; text-align: left; margin: 0 0 25px;">
日頃よりご利用いただき、誠にありがとうございます。
</p>
<div style="margin-bottom: 30px; border: 1px solid #bf212f; padding: 20px; background-color: #fff8f8; border-radius: 8px;">
<p style="font-size: 16px; font-weight: bold; color: #bf212f; margin: 0;">
お支払いのご確認をお願いいたします
</p>
<p style="font-size: 14px; color: #bf212f; margin: 5px 0 0; line-height: 1.5;">
4月分のお支払いについてご案内いたします。<br>
速やかにお手続きをお願いいたします。
</p>
</div>
<div style="margin-bottom: 10px; border: 2px dashed #e0e0e0; padding: 30px 20px; border-radius: 8px;">
<p style="font-size: 16px; color: #666666; margin: 0 0 10px;">
残りのお支払い金額
</p>
<p style="font-size: 36px; font-weight: bold; color: #bf212f; margin: 0;">
¥39,872
</p>
</div>
<p style="font-size: 14px; color: #666666; text-align: right; margin: 0 0 30px;">
ご確認後、3日以内にお手続きください
</p>
<div style="margin-bottom: 20px; text-align: left;">
<p style="font-size: 16px; font-weight: bold; margin: 0;">
PayPayでのお支払い
</p>
<p style="font-size: 14px; color: #444444; margin: 5px 0 0;">
ボタンからスムーズにお手続きいただけます。
</p>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<a href="https://qr.paypay.ne.jp/p2p01_H81dgClpsuviRVkt"
style="font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; display: inline-block; padding: 15px 60px; background-color: #bf212f; border-radius: 50px;">
オンラインお手続き
</a>
</td>
</tr>
</table>
<p style="font-size: 12px; color: #999999; margin: 30px 0 0;">
※お支払い後、反映までお時間をいただく場合がございます。
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<!-- salt:9b309f5bcca6868d86cb5284471461ba -->