メール文例集

募集告知

「*|〇〇|*」の部分はカスタマイズしてご使用ください。
差し込みタグとして本文に挿入することも可能です。

件名

  • デザイン
  • コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="format-detection" content="telephone=no,address=no,email=no,date=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="copyright" content="*|自社名|*">
<!--[if mso]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
<title></title>
<style type="text/css" class="general">
.l-wrapper { margin: 30px 0; }
@media screen and (max-width: 480px) {
.body { font-size: 75%; }
.l-wrapper { margin: 0; }
.l-oneColumn { padding: 0; }
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="body" bgcolor="#f0f0f0" style="font-family: YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; margin: 0 !important; padding: 0;">
<center class="l-wrapper" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding: 0; table-layout: fixed; width: 100%;">
<div class="l-wrapperInner" style="margin: 0 auto; max-width: 640px;">
<!--[if mso]>
<table width="640" align="center">
<tr>
<td>
<![endif]-->
<table class="l-main s-box" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffed7b" style="background: #ffed7b; border-collapse: collapse; border-spacing: 0; max-width: 680px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="u-fullWidthImage" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/mat_image.gif" alt="" style="border: 0 none; height: auto; line-height: 1; max-width: 640px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;"><div class="u-center s-title" style="color: #ff5722; font-size: 190%; font-weight: bold; line-height: 1.25; margin: 0 0 23px; text-align: center;">○○○に関するアンケートご協力のお願い</div></td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<!--[if mso]>
<table width="460" align="center">
<tr>
<td>
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" class="s-columnInner" align="center" style="border-collapse: collapse; border-spacing: 0; max-width: 460px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 16px 0 10px;">こんにちは! ○○○事務局です。<br>いつも○○○をご愛顧いただきまして、誠にありがとうございます。</p>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 16px 0 10px;">このたび、○○○の全国テレビCM放送が決定しました。<br>これを機に、ご期待により一層応えられるサービスをご提供するため、ご購入いただいたお客様のご意見をお聞かせいただきたく、「○○○に関するアンケート」を実施しています。</p>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 16px 0 10px;">約○○○分でお答えいただける簡単なアンケートです。<br>アンケートにお答えいただいた方には、ささやかながら○○○をプレゼントさせていただきます。</p>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 16px 0 10px;">いただいたご意見は今後の製品開発やサービス拡充のために役立ててまいりますので、ご協力いただけますと幸いです。</p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>

<tr>
<td class="u-fullWidthImage s-line--top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding-top: 16px;">
<img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/line.png" width="640" alt="" style="border: 0 none; height: auto; line-height: 1; max-width: 640px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<div class="s-hero u-center" style="color: #ff5722; font-size: 190%; font-weight: bold; line-height: 1.25; margin: 27px 0; text-align: center;">○○○に関するアンケート</div>

<!--[if mso]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="font-size: 0;"><img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/spacer.gif" alt="" width="80" height="1" border="0" class="spacer" /></td>

<td bgcolor="#f57f17" style="color: #fff; font-weight: bold; font-size: 130%; text-align: center; padding: 20px; background: #f57f17;">
<![endif]-->
<a class="s-button" href="https://www" title="アンケートに回答する" target="_blank" style="background: #f57f17; border-radius: 6px; color: #fff; display: block; font-size: 130%; font-weight: bold; line-height: 1.5; margin: 24px auto 0; max-width: 420px; padding: 20px; text-align: center; text-decoration: none;">アンケートに回答する</a>
<!--[if mso]>
</td>
<td style="font-size: 0;"><img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/spacer.gif" alt="" width="80" height="1" border="0" class="spacer" /></td>

</tr>
</table>
<![endif]-->

<p class="s-small u-center" style="color: #756d38; font-size: 87.5%; line-height: 1.5; margin: 27px 0 17px; text-align: center;">実施期間: YYYY年MM月DD日 00:00 まで</p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="u-fullWidthImage s-line--bottom" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 0 10px;">
<img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/line.png" width="640" alt="" style="border: 0 none; height: auto; line-height: 1; max-width: 640px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="u-center" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; text-align: center;">
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 16px 0 10px;">今後とも○○○をどうぞよろしくお願いいたします。</p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="u-fullWidthImage s-footer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding-bottom: 15px;">
<img src="https://files.ecumerun.com/email-templates/promotion/questionnaire/recruitment-2/footer.png" alt="" width="100%" style="border: 0 none; height: auto; line-height: 1; max-width: 640px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-copyright s-copyright" style="background: #f0f0f0; border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<p style="font-size: 81.25%; margin: 10px 0; text-align: center;">*|自社名|* &copy; 2017</p>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</body>
</html>