JSFiddle - React, Tailwind, and code Playground
by Trevor W
JavaScript
let foo = `
<p>個人情報保護方針</p>
<p><br></p>
<blockquote>VIVITA株式会社（以下「当社」といいます）は、個人情報の処理に関し個人が保護されることは個人の基本的権利であり、企業の重要な社会的責任であるという認識に基づいて、個人情報の保護に関する法律その他関連法令等を遵守し、当社の保管する会員、保護者、入会申込者その他の個人（以下「会員等」といいます）を特定できる情報（以下「個人情報」といいます）を適正に取り扱うため、以下のとおり個人情報保護に関する方針を定めます。</blockquote>
<h2>当社の取り扱う個人情報</h2>
<p>第1条</p>
<p>当社の取り扱う個人情報は、以下の通りです。</p>
<p>\n</p>
<p>\n</p>
<p>\n</p>
<ol>
<li>会員である児童生徒について氏名、年齢、性別、生年月日、住所、電話番号、電子メールアドレス、SNSへのアクセス履歴<br>
\n会員の来場日、来訪場所、来訪時刻及び退出時刻<br>
\n会員が当社施設において実施した活動の内容及び記録<br>
\n会員の当社実施イベントにおける活動の内容及び記録<br>
\n所属する学校名及び学年<br>
\n写真・映像または音声<br>
\nその保護者の氏名、年齢、性別、生年月日、住所、電話番号、電子メールアドレス<br>
\n</li>
</ol>
<p>\n</p>
<ol>
<li>会員である児童生徒の保護者について氏名、年齢、性別、生年月日、住所、電話番号、電子メールアドレス<br>
\nその子の氏名、年齢、性別、生年月日、住所、電話番号、電子メールアドレス<br>
\n</li>
</ol>
<p>\n</p>
<ol>
<li>上記各号の他、会員等が当社（業務提携先を含む、以下同じ）に提出する書類等により届け出た事項、または当社が会員等に問い合わせし、知り得た事項</li>
</ol>
<p>\n\n</p>
<h2>個人情報の取得</h2>
<p>\n</p>
<p>第2条</p>
<p>\n</p>
<p>当社は以下の方法により個人情報を取得します。</p>
<p>\n</p>
<p>\n</p>
<ol>
<li>入会時に会員が提出する申込書</li>
</ol>
<p>\n</p>
<ol>
<li>ウェブサイトに会員が入力する方法</li>
</ol>
<p>\n</p>
<ol>
<li>アンケートによる方法</li>
</ol>
<p>\n</p>
<ol>
<li>当社の社員（業務提携先を含む。以下同じ）が会員に直接連絡して取得する方法</li>
</ol>
<p>\n</p>
<ol>
<li>当社の社員もしくは施設に設置する機器（カメラ）が撮影し、記録し、または録音する方法</li>
</ol>
<p>\n</p>
<ol>
<li>その他会員の活動全般を電子機器等により記録する方法</li>
</ol>
<p>\n\n</p>
<h2>個人情報の利用目的</h2>
<p>\n</p>
<p>第3条 A</p>
<p>\n</p>
<p>当社は、取得した個人情報を以下の目的で利用するものとし、会員の明示の同意なく当該目的外で使用しません。会員が未成年者（18歳未満）の場合には、会員の保護者の明示の同意を要するものとします。当社の役職員は、取得した個人情報に、その業務に必要な限りでアクセスすることができます。</p>
<p>\n</p>
<p>\n</p>
<ol>
<li>VIVISTOPの運営及び運営に関するお知らせ<br>
\n→ 第1条 1. i. ～ vii. 、2. i. ～ ii. 及び 3. の情報</li>
</ol>
<p>\n</p>
<ol>
<li>VIVISTOPのサービス改善及び会員の要望の調査<br>
\n→ 第1条 1. i. ～ vii. 及び 2. i. ～ ii. 及び 3. の情報</li>
</ol>
<p>\n</p>
<ol>
<li>当社または共同研究機関（大学、政府、または民間の研究所）が実施する教育上の研究開発。但し、個人情報は匿名化して提供されるものとします。<br>
\n→ 第1条 1. ii. ～ vi. 及び 3. の情報</li>
</ol>
<p>\n</p>
<ol>
<li>当社活動の広報（SNSによるものを含みます）<br>
\n→ 第1条 1. v. 及び vi. の情報</li>
</ol>
<p>\n</p>
<ol>
<li>ニュースレターの送付・送信<br>
\n→ 第1条 1. i. 及び...