From b87d6b2edeb188f5831db0860f5b5e8447234d64 Mon Sep 17 00:00:00 2001
From: yui-szk <yuisuzuki.017@gmail.com>
Date: Thu, 5 Sep 2024 13:32:57 +0900
Subject: [PATCH] Change note

---
 src/pages/Home.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 60c6aac..15acbb2 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -102,17 +102,19 @@ const titleAnimation = css`
 `;
 
 const imageStyle = css`
+  height: calc(100svh - 15rem);
   display: flex;
   align-items: center;
   justify-content: center;
 
   img {
     height: calc(100svh - 15rem);
+    max-height: calc(820px - 15rem);
   }
 `;
 
 const noteStyle = css`
-  font-size: 0.75rem;
+  font-size: 0.8rem;
   margin-top: 1rem;
   text-align: center;
 `;
@@ -147,7 +149,12 @@ export const Home = () => {
             <img src="/public/images/cocktail-glass.svg" alt="カクテルグラス" />
           </a>
         </div>
-        <p class={noteStyle}>グラスをクリックすると音が鳴ります</p>
+        <div class={noteStyle}>
+          <p>グラスをクリックではじめる</p>
+          <p>
+            <small>※音が鳴ります</small>
+          </p>
+        </div>
       </section>
     </WithHTML>
   );