diff --git a/common.css b/common.css
index a4bd24c..d9c0183 100644
--- a/common.css
+++ b/common.css
@@ -111,7 +111,8 @@ body {
   .contents-text {
     font-size: 2.0rem;
     top: 38px;
-    width: 240px;  
+    width: 100%; 
+    height: auto; 
     writing-mode: horizontal-tb;
     margin: 0 auto;
   }
diff --git a/contact.css b/contact.css
index 1faab55..4341265 100644
--- a/contact.css
+++ b/contact.css
@@ -5,11 +5,6 @@
 	/*1160+pad24+24*/
 	margin: 0 auto;
 }
-
-#nav-open {
-	top: -144px;
-}
-
 .section-contact__name {
 	padding: 0 24px;
 	margin: 80px auto;
diff --git a/contact.html b/contact.html
index 78f6b26..ba212cb 100644
--- a/contact.html
+++ b/contact.html
@@ -29,28 +29,20 @@
     <div class="header-content-wrapper">
       <div class="label">
         <a class="go-to-top" href="index.html">
-        <p class="nakahara-nami">
-          <span class="n">N</span>
-          <span class="another">akahara
-            <br>
-          </span>
-          <span class="n">N</span>
-          <span class="another">ami
-            <br>PORTFOLIO</span>
-        </p>
-      </a>
+          <p class="nakahara-nami">
+            <span class="n">N</span>
+            <span class="another">akahara
+              <br>
+            </span>
+            <span class="n">N</span>
+            <span class="another">ami
+              <br>PORTFOLIO</span>
+          </p>
+        </a>
       </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
-      </div>
-    --> 
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        お問い合わせ</div>
+      <div class="contents-text">お問い合わせ</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
@@ -59,16 +51,16 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li class="nav-drawer__link-top none" >目　次</li>
+          <li class="nav-drawer__link-top none">目　次</li>
           <li><a href="index.html">トップページ</a></li>
           <li><a href="profile.html">プロフィール</a></li>
           <li><a href="works.html">作品集</a></li>
-          <li><a href="contact.html">ことばがき</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
           <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
-      </div>
-      </header>
+    </div>
+  </header>
   <main class="main">
     <section class="section-contact__name">
       <div class="section-contact__name-text">
diff --git a/kotobagaki.css b/kotobagaki.css
index bfbc2d6..4022954 100644
--- a/kotobagaki.css
+++ b/kotobagaki.css
@@ -6,9 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
 
 .section-kotobagaki__name {
 	padding: 0 24px;
diff --git a/kotobagaki.html b/kotobagaki.html
index 4ea2ddf..619cf1b 100644
--- a/kotobagaki.html
+++ b/kotobagaki.html
@@ -29,28 +29,20 @@
     <div class="header-content-wrapper">
       <div class="label">
         <a class="go-to-top" href="index.html">
-        <p class="nakahara-nami">
-          <span class="n">N</span>
-          <span class="another">akahara
-            <br>
-          </span>
-          <span class="n">N</span>
-          <span class="another">ami
-            <br>PORTFOLIO</span>
-        </p>
-      </a>
+          <p class="nakahara-nami">
+            <span class="n">N</span>
+            <span class="another">akahara
+              <br>
+            </span>
+            <span class="n">N</span>
+            <span class="another">ami
+              <br>PORTFOLIO</span>
+          </p>
+        </a>
       </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
-      </div>
-    --> 
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        ことばがき</div>
+      <div class="contents-text">ことばがき</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
@@ -59,7 +51,7 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li class="nav-drawer__link-top none" >目　次</li>
+          <li class="nav-drawer__link-top none">目　次</li>
           <li><a href="index.html">トップページ</a></li>
           <li><a href="profile.html">プロフィール</a></li>
           <li><a href="works.html">作品集</a></li>
@@ -67,8 +59,8 @@
           <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
-      </div>
-      </header>
+    </div>
+  </header>
   <main class="main">
     <section class="section-kotobagaki__name">
 
diff --git a/profile.css b/profile.css
index a17fbd9..adfd5bc 100644
--- a/profile.css
+++ b/profile.css
@@ -5,9 +5,6 @@
 	margin: 0 auto;
 }
 
-#nav-open{
-top: -144px;
-}
 .section-works1__title {
 	max-width: 327px;
 	/*327px+24+24=375px*/
diff --git a/profile.html b/profile.html
index 0b6be1e..3291360 100644
--- a/profile.html
+++ b/profile.html
@@ -30,22 +30,20 @@
     <div class="header-content-wrapper">
       <div class="label">
         <a class="go-to-top" href="index.html">
-        <p class="nakahara-nami">
-          <span class="n">N</span>
-          <span class="another">akahara
-            <br>
-          </span>
-          <span class="n">N</span>
-          <span class="another">ami
-            <br>PORTFOLIO</span>
-        </p>
-      </a>
+          <p class="nakahara-nami">
+            <span class="n">N</span>
+            <span class="another">akahara
+              <br>
+            </span>
+            <span class="n">N</span>
+            <span class="another">ami
+              <br>PORTFOLIO</span>
+          </p>
+        </a>
       </div>
- 
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        プロフィール</div>
+      <div class="contents-text">プロフィール</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
@@ -62,8 +60,8 @@
           <li><a href="contact.html">お問い合わせ</a></li>
         </ul>
       </nav>
-      </div>
-      </header>
+    </div>
+  </header>
   <main class="main">
 
     <section class="section-profile__name">
diff --git a/works.css b/works.css
index 7feb895..a4e9461 100644
--- a/works.css
+++ b/works.css
@@ -1,8 +1,5 @@
 @charset "UTF-8";
 
-#nav-open{
-	top: -144px;
-	}
 .section-works__top{
 width: 100%;
 height: 375px;
diff --git a/works.html b/works.html
index 5f5f896..b7259dc 100644
--- a/works.html
+++ b/works.html
@@ -28,8 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -42,11 +40,9 @@
           </p>
         </a>
       </div>
-
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
@@ -232,7 +228,7 @@ <h2>よるの森</h2>
             </svg>
           </div>
         </a>
-        <a class="go-to-works" href="works7.html">
+        <a class="go-to-works" href="works8.html">
           <div class="section-works__index">
             <h2>目が眩む</h2>
             <p>「それは木であり、人であり、<br>
diff --git a/works1.html b/works1.html
index 3f26de4..0155c85 100644
--- a/works1.html
+++ b/works1.html
@@ -41,32 +41,25 @@
         </a>
       </div>
     </div>
-      <div class="contents-rectangle">
-        <div class="contents-text">作品集</div>
-      </div>
-      <div id="nav-drawer">
-        <input id="nav-input" class="none" type="checkbox">
-        <label id="nav-open" for="nav-input"><span></span></label>
-        <label id="nav-close" class="none" for="nav-input"></label>
-        <nav id="nav-content" class="header__navigation">
-          <div class="nav-drawer__title none"></div>
-          <ul>
-            <li class="nav-drawer__link-top none">目　次</li>
-            <li><a href="index.html">トップページ</a></li>
-            <li><a href="profile.html">プロフィール</a></li>
-            <li><a href="works.html">作品集</a></li>
-            <li><a href="kotobagaki.html">ことばがき</a></li>
-            <li><a href="contact.html">お問い合わせ</a></li>
-          </ul>
-        </nav>
-      </div>
-    
-  
-  
- 
-
-  
-
+    <div class="contents-rectangle">
+      <div class="contents-text">作品集</div>
+    </div>
+    <div id="nav-drawer">
+      <input id="nav-input" class="none" type="checkbox">
+      <label id="nav-open" for="nav-input"><span></span></label>
+      <label id="nav-close" class="none" for="nav-input"></label>
+      <nav id="nav-content" class="header__navigation">
+        <div class="nav-drawer__title none"></div>
+        <ul>
+          <li class="nav-drawer__link-top none">目　次</li>
+          <li><a href="index.html">トップページ</a></li>
+          <li><a href="profile.html">プロフィール</a></li>
+          <li><a href="works.html">作品集</a></li>
+          <li><a href="kotobagaki.html">ことばがき</a></li>
+          <li><a href="contact.html">お問い合わせ</a></li>
+        </ul>
+      </nav>
+    </div>
   </header>
   <main class="main">
 
@@ -111,14 +104,14 @@ <h2>watering flowers,is it love or not?</h2>
       <div class="img-09"></div>
       <div class="img-10"></div>
       <div class="img-11"></div>
-      <div class="img-12"></div> 
+      <div class="img-12"></div>
       <div class="img-13"></div>
-      <div class="img-14"></div> 
+      <div class="img-14"></div>
     </div>
 
     <div class="back-to-works">
       <img class="back-to-works__line" src="photo/line.svg" alt="line">
-     <a class="back-to-works__text" href="works.html">作品集へ戻る</a>
+      <a class="back-to-works__text" href="works.html">作品集へ戻る</a>
     </div>
   </main>
 
@@ -134,7 +127,7 @@ <h2>目次</h2>
           <li><a class="links" href="contact.html">お問い合わせ</a></li>
         </ul>
         <h2>SNS</h2>
-        <ul class="site-map__links"> 
+        <ul class="site-map__links">
           <li><a class="links" href="">instagram</a></li>
         </ul>
       </nav>
diff --git a/works2.css b/works2.css
index 0c952c2..da2a364 100644
--- a/works2.css
+++ b/works2.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works2.html b/works2.html
index e33548e..0d2408f 100644
--- a/works2.html
+++ b/works2.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
diff --git a/works3.css b/works3.css
index a57649e..42886c8 100644
--- a/works3.css
+++ b/works3.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works3.html b/works3.html
index 678ccf0..4ce7ca8 100644
--- a/works3.html
+++ b/works3.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
diff --git a/works4.css b/works4.css
index 78404a9..8d8df2e 100644
--- a/works4.css
+++ b/works4.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works4.html b/works4.html
index 91ef418..cec3a7a 100644
--- a/works4.html
+++ b/works4.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
diff --git a/works5.css b/works5.css
index c53bae7..028e3d2 100644
--- a/works5.css
+++ b/works5.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works5.html b/works5.html
index 1f1a879..5f80290 100644
--- a/works5.html
+++ b/works5.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
@@ -61,7 +51,7 @@
       <nav id="nav-content" class="header__navigation">
         <div class="nav-drawer__title none"></div>
         <ul>
-          <li class="nav-drawer__link-top none" >目　次</li>
+          <li class="nav-drawer__link-top none">目　次</li>
           <li><a href="index.html">トップページ</a></li>
           <li><a href="profile.html">プロフィール</a></li>
           <li><a href="works.html">作品集</a></li>
diff --git a/works6.css b/works6.css
index a57649e..42886c8 100644
--- a/works6.css
+++ b/works6.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works6.html b/works6.html
index 38c9fcc..f7bf92b 100644
--- a/works6.html
+++ b/works6.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,13 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
       </div>
- 
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
diff --git a/works7.css b/works7.css
index 72fb417..07532e2 100644
--- a/works7.css
+++ b/works7.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works7.html b/works7.html
index d4bd734..8a00cfc 100644
--- a/works7.html
+++ b/works7.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">
diff --git a/works8.css b/works8.css
index 72fb417..07532e2 100644
--- a/works8.css
+++ b/works8.css
@@ -6,10 +6,6 @@
 	margin: 0 auto;
 }
 
-#nav-open {
-	top: -144px;
-}
-
 .section-works1__top {
 	padding: 0 24px;
 	margin: 80px auto 120px auto;
diff --git a/works8.html b/works8.html
index c71493a..4796c57 100644
--- a/works8.html
+++ b/works8.html
@@ -28,7 +28,6 @@
   <header class="header">
     <div class="header-content-wrapper">
       <div class="label">
-
         <a class="go-to-top" href="index.html">
           <p class="nakahara-nami">
             <span class="n">N</span>
@@ -40,19 +39,10 @@
               <br>PORTFOLIO</span>
           </p>
         </a>
-
-      </div>
-      <!-- ハンバーガーアイコン(旧式)
-      <div class="hamburger">
-        <div class="line-1"></div>
-        <div class="line-2"></div>
-        <div class="line-3"></div>
       </div>
-    -->
     </div>
     <div class="contents-rectangle">
-      <div class="contents-text">
-        作品集</div>
+      <div class="contents-text">作品集</div>
     </div>
     <div id="nav-drawer">
       <input id="nav-input" class="none" type="checkbox">