お問い合わせありがとうございました
<!-- ▼▼▼ここからすべてコピー▼▼▼ -->
<style>
/* パソコン・スマホ共通のデザイン */
.thanks-container {
max-width: 680px; /* 横幅が広がりすぎないように設定 */
margin: 50px auto; /* ページの上下に余白を作り、全体を中央寄せ */
padding: 40px 20px; /* 内側の余白 */
background-color: #f7f7f7; /* 背景色を薄いグレーに */
border-radius: 12px; /* 角を丸くする */
text-align: center; /* 文字やボタンを中央寄せ */
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; /* 文字の種類 */
}
.thanks-icon {
color: #00873D; /* サイトのテーマカラー（緑） */
margin-bottom: 20px;
}
.thanks-h1 {
font-size: 26px; /* 見出しの文字サイズ */
color: #333;
margin-bottom: 20px;
line-height: 1.5; /* 行間 */
}
.thanks-p {
font-size: 16px; /* 本文の文字サイズ */
color: #555;
line-height: 1.8;
margin-bottom: 30px;
}
.thanks-button {
display: inline-block;
padding: 14px 40px;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #F57C00; /* サイトのアクセントカラー（オレンジ） */
text-decoration: none;
border-radius: 50px; /* ボタンを角丸に */
transition: opacity 0.3s; /* ホバー時のアニメーション */
}
.thanks-button:hover {
opacity: 0.8; /* マウスを乗せたら少し薄くする */
}
/* スマホ表示の調整 */
@media (max-width: 767px) {
.thanks-container {
margin: 20px 15px;
padding: 30px 15px;
}
.thanks-h1 {
font-size: 22px;
}
.thanks-p {
font-size: 15px;
}
}
</style>
<div class="thanks-container">
<div class="thanks-icon">
<!-- チェックマークのアイコン -->
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</svg>
</div>
<h1 class="thanks-h1">お問い合わせいただき、<br>誠にありがとうございました。</h1>
<p class="thanks-p">
ご入力いただいた内容を確認の上、担当者より3営業日以内に折り返しご連絡いたします。<br>
今しばらくお待ちくださいますよう、お願い申し上げます。
</p>
<a href="/" class="thanks-button">トップページへ戻る</a>
</div>
<!--
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
Googleアナリティクスなどの「データ解析用の計測タグ」は、この下に貼り付けてください。
この場所に貼ることで、このページが表示されたとき＝フォーム送信が完了したとき
というデータを正確に計測できます。
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
-->
<!-- 例：<script async src="https://www.googletagmanager.com/gtag/js?id=..."></script> -->
<!-- ▲▲▲ここまでコピー▲▲▲ -->