ホームページを制作で必要な『個人情報保護方針』ページ。
記載する内容はサイトによって異なりますが、タグやスタイルはほとんど同じなので、テンプレート化しています。
自由にお使いください。(テキストは変更してください)
HTML
<div class="privacypolicy_in">
<h2 class="sub_center_ttl">プライバシーポリシー</h2>
<p>ウェブサイトは、株式会社*****(以下「当社」)の****を紹介するサイトです。</p>
<h3 class="policy_ttl">個人情報保護方針</h3>
<p>当社は、以下のとおり個人情報保護方針を定め、個人情報保護の仕組みを構築し、全従業員に個人情報保護の重要性の認識と取組みを徹底させることにより、個人情報の保護を推進致します。</p>
<h3 class="policy_ttl">個人情報の管理</h3>
<p>当社は、お客さまの個人情報を正確かつ最新の状態に保ち、個人情報への不正アクセス・紛失・破損・改ざん・漏洩などを防止するため、セキュリティシステムの維持・管理体制の整備・社員教育の徹底等の必要な措置を講じ、安全対策を実施し個人情報の厳重な管理を行ないます。</p>
<h3 class="policy_ttl">個人情報の利用目的</h3>
<p>本ウェブサイトでは、お客様からのお問い合わせ時に、お名前、e-mailアドレス、電話番号等の個人情報をご登録いただく場合がございますが、これらの個人情報はご提供いただく際の目的以外では利用いたしません。<br>
お客さまからお預かりした個人情報は、当社からのご連絡や業務のご案内やご質問に対する回答として、電子メールや資料のご送付に利用いたします。</p>
<h3 class="policy_ttl">個人情報の第三者への開示・提供の禁止</h3>
<p>当社は、お客さまよりお預かりした個人情報を適切に管理し、次のいずれかに該当する場合を除き、個人情報を第三者に開示いたしません。</p>
<ul>
<li>お客さまの同意がある場合</li>
<li>お客さまが希望されるサービスを行なうために当社が業務を委託する業者に対して開示する場合</li>
<li>法令に基づき開示することが必要である場合</li>
</ul>
<h3 class="policy_ttl">個人情報の安全対策</h3>
<p>当社は、個人情報の正確性及び安全性確保のために、セキュリティに万全の対策を講じています。</p>
<h3 class="policy_ttl">ご本人の照会</h3>
<p>お客さまがご本人の個人情報の照会・修正・削除などをご希望される場合には、ご本人であることを確認の上、対応させていただきます。</p>
<h3 class="policy_ttl">法令、規範の遵守と見直し</h3>
<p>社は、保有する個人情報に関して適用される日本の法令、その他規範を遵守するとともに、本ポリシーの内容を適宜見直し、その改善に努めます。</p>
<h3 class="policy_ttl">お問い合せ</h3>
<p>当社の個人情報の取扱に関するお問い合せは下記までご連絡ください。</p>
<br>
<p>株式会社*****<br>〒***-**** *******住所を記載******<br>TEL:**-****-****<br>MAIL:****@****<br>お問い合わせはお問い合わせフォームよりご連絡ください。</p>
</div>
会社概要はサイトに合わせて変更してください。
h2タグやh3タグはマークアップ構造に合わせて変更してください。
CSSはクラスで指定しているので、タグを変更してもデザインに変更はありません。
CSS
サイトによってmarginやfont-sizeを変更してください。
PCデザイン
.privacypolicy_in{
width: 800px;
margin: 0 auto;
}
.privacypolicy_in .sub_center_ttl{
font-size: 26px;
line-height: 42px;
font-weight: 500;
margin-bottom: 48px;
text-align: center;
}
.privacypolicy_in .policy_ttl{
font-size: 20px;
margin: 48px 0 24px;
}
.privacypolicy_in p{ margin-bottom: 12px;}
.privacypolicy_in ul{margin: 0 0 12px 24px;}
.privacypolicy_in ul li{list-style: disc;}
スマホデザイン
.privacypolicy_in{
width: 100%;
}
.privacypolicy_in .sub_center_ttl{
font-size: 19px;
line-height: 36px;
font-weight: 500;
margin-bottom: 24px;
position: relative;
text-align: center;
}
.privacypolicy_in .policy_ttl{
font-size: 16px;
margin: 36px 0 12px;
}
.privacypolicy_in p{ margin-bottom: 12px;}
.privacypolicy_in ul{margin: 0 0 12px 24px;}
.privacypolicy_in ul li{list-style: disc;}