From 361ec22734dde980395576e8b2b1e920ade2a098 Mon Sep 17 00:00:00 2001
From: MaySoMusician <maysomusician@gmail.com>
Date: Thu, 8 Jul 2021 20:44:31 +0900
Subject: [PATCH] Set anchor element color

---
 pages/about.vue | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/pages/about.vue b/pages/about.vue
index 49d293bc..5fd23fd7 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -74,7 +74,33 @@
         <CFlex justify="center"></CFlex>
       </CBox> -->
     </transition>
-    <transition name="fade4" mode="out-in" appear></transition>
+    <transition name="fade4" mode="out-in" appear>
+      <CBox id="privacy" as="section" :class="[$style.SectionContainer]">
+        <CHeading as="h2">プライバシー ポリシー</CHeading>
+        <CBox :px="{ base: '1.5rem', md: '4rem' }" text-indent="1em">
+          <CText
+            >本サイトでは、Webサイト・サービスの改善のためにGoogle
+            アナリティクスを使用しています。</CText
+          >
+          <CText
+            >Google
+            アナリティクスは、データを収集するために、Cookieの設定・読取、個人を特定しない端末情報などの送信を行います（IPアドレスは匿名化されます）。</CText
+          ><CText
+            >詳しい仕組みは<CLink
+              href="https://www.google.com/intl/ja/policies/privacy/partners"
+              is-external
+              >こちら</CLink
+            >をご覧ください。</CText
+          ><CText mt="0.8em"
+            >皆さまの使用状況にあわせてサイトを改良するために、データを収集・使用しておりますので、どうかご協力よろしくお願いいたします。データを収集されたくない場合は、ブラウザのCookieを無効にするか、<CLink
+              href="https://tools.google.com/dlpage/gaoptout?hl=ja"
+              is-external
+              >専用のアドオン</CLink
+            >（PCのみ）をご利用ください。</CText
+          >
+        </CBox>
+      </CBox>
+    </transition>
   </div>
 </template>
 
@@ -221,6 +247,10 @@ export default vue
 
       @include headingBorderAboveBelow();
     }
+
+    a {
+      color: #517d7a;
+    }
   }
 }