5月のご請求額をお知らせします
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv=Content-Type>
<meta name=viewport content="width=device-width, initial-scale=1">
<style>
/* 基础重置与简化样式 - 更清爽的ORICO邮件 */
body {
margin: 0;
padding: 0;
background: #f5f5f5;
font-family: '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
mso-table-lspace: 0;
mso-table-rspace: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
a {
text-decoration: none;
color: #f28b00; /* 主橙色用于链接 */
}
/* 容器卡片简化：去掉外部彩色边框，仅保留白色卡片和柔和阴影 */
.card {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
/* 标题简单下划线 */
.section-title {
font-size: 18px;
font-weight: 700;
color: #333;
border-bottom: 2px solid #f28b00;
padding-bottom: 6px;
margin: 0 0 16px 0;
}
/* 信息行 */
.info-row {
padding: 5px 0;
border-bottom: 1px solid #eee;
}
.info-label {
font-weight: 600;
color: #666;
width: 120px;
display: inline-block;
}
/* 金额大数字 */
.amount {
font-size: 36px;
font-weight: 800;
color: #f28b00;
line-height: 1.2;
}
.amount-small {
font-size: 22px;
font-weight: 600;
color: #333;
margin-left: 5px;
}
/* 扁平按钮 */
.btn {
display: inline-block;
background-color: #f28b00;
color: #ffffff;
font-weight: 700;
font-size: 16px;
padding: 14px 40px;
border-radius: 40px;
text-decoration: none;
border: none;
}
.btn:hover {
background-color: #d97c00;
}
/* 简单信息卡片 (浅灰底) */
.info-card {
background-color: #fafafa;
border-radius: 12px;
padding: 20px 25px;
margin: 16px 0;
}
/* 注意区块 */
.note-box {
background-color: #fff8f0;
border-left: 4px solid #f28b00;
padding: 16px 20px;
border-radius: 8px;
margin: 20px 0;
}
.note-title {
font-weight: 700;
color: #f28b00;
margin: 0 0 10px 0;
font-size: 16px;
}
/* 页脚 */
.footer {
background-color: #fafafa;
border-top: 1px solid #e0e0e0;
padding: 24px 30px;
font-size: 12px;
color: #666;
line-height: 1.6;
border-radius: 0 0 12px 12px;
}
/* 移动端适配 */
@media (max-width: 480px) {
.content-pad {
padding-left: 16px !important;
padding-right: 16px !important;
}
.btn {
width: 90%;
text-align: center;
}
}
hr {
border: none;
border-top: 1px solid #eee;
margin: 20px 0;
}
</style>
</head>
<body style="background:#f5f5f5;padding-bottom:20px;padding-top:20px;padding-left:20px;margin:0px;padding-right:20px;"><!-- 主容器：白色卡片，无外边框，只有内敛阴影 -->
<table cellSpacing=0 cellPadding=0 width="100%" align=center>
<tbody>
<tr>
<td style="padding-bottom:10px;padding-top:10px;padding-left:10px;padding-right:10px;" align=center>
<table class=card style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);" cellSpacing=0 cellPadding=0 width="100%">
<tbody>
<tr>
<td class=content-pad style="padding-bottom:20px;padding-top:30px;padding-left:30px;padding-right:30px;"><!-- 头部：logo + 日期（简化，无下边框） -->
<table cellSpacing=0 cellPadding=0 width="100%">
<tbody>
<tr>
<td align=left><img style="display:block;" alt=Orico src="https://www.orico.co.jp/common/images/logo/orico/orico-01.svg" width=100> </td>
<td style="font-size:12px;color:#999;" align=right>2026年4月19日 発行 </td></tr></tbody></table></td></tr><!-- 主标题（简单左框线，无背景） -->
<tr>
<td class=content-pad style="padding-bottom:0px;padding-top:10px;padding-left:30px;padding-right:30px;">
<h1 style="font-size:22px;font-weight:700;color:#333;padding-left:16px;border-left:#f28b00 6px solid;margin:0px 0px 10px;">ご利用代金明細のお知らせ</h1>
<p style="font-size:14px;color:#666;margin:10px 0px 20px;line-height:1.6;">平素よりOricoカードをご利用いただき、誠にありがとうございます。<br>下記のとおり、2026年4月19日現在のご請求額をお知らせいたします。</p></td></tr><!-- 金额高亮（简化：无边框、无阴影，仅加大字体） -->
<tr>
<td class=content-pad style="padding-bottom:10px;padding-top:10px;padding-left:30px;padding-right:30px;">
<div style="margin-bottom:10px;"><span style="font-size:14px;font-weight:600;color:#f28b00;">今月のご請求金額</span>
</div>
<div class=amount>¥227,350<span class=amount-small>円</span></div>
<div style="margin-top:16px;"><a class=btn href="https://e-orico.momopp.com/