From fcc0821e6a680bbbda7315cc60fd5cfd0e454e84 Mon Sep 17 00:00:00 2001
From: juliecogley <151831029+juliecogley@users.noreply.github.com>
Date: Wed, 27 Mar 2024 23:49:08 +0900
Subject: [PATCH] =?UTF-8?q?=E5=B9=85=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/common.css     | 20 ++++++++++++++------
 css/contact.css    |  2 +-
 css/kotobagaki.css |  2 +-
 css/profile.css    |  1 +
 css/works.css      | 12 +++---------
 css/works1.css     |  3 +--
 css/works2.css     |  1 +
 css/works3.css     |  2 ++
 css/works4.css     |  3 +--
 css/works5.css     |  1 +
 css/works6.css     |  2 ++
 css/works7.css     |  2 ++
 css/works8.css     |  1 +
 13 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/css/common.css b/css/common.css
index 121825c..47628bc 100644
--- a/css/common.css
+++ b/css/common.css
@@ -126,21 +126,27 @@ transition: all  0.3s ease;
         }
 
 @media(min-width:1060px) {
+
+  .nakahara-nami {
+  font-size: 2.4rem;
+  }
+  .label .n {
+   width: 10px;}
   .header-content-wrapper {
     padding: 10px 50px 0 50px;
   }
 
   .contents-rectangle {
-    width: 240px;
-    height: 80px;
-    top: -90px;
+    width: 310px;
+    height: 127px;
+    top: -127px;
     position: relative;
     margin: 0 auto;
   }
 
   .contents-text {
-    font-size: 2.0rem;
-    top: 38px;
+    font-size: 2.4rem;
+    top: 70px;
     width: 100%;
     height: auto;
     writing-mode: horizontal-tb;
@@ -202,6 +208,8 @@ transition: all  0.3s ease;
   opacity: .5;
 }
 
+
+
 #nav-content {
   display: block;
   position: fixed;
@@ -256,7 +264,7 @@ transition: all  0.3s ease;
     width: 60px;
     height: 32px;
     position: relative;
-    top: -140px;
+    top: -210px;
     padding-right: 26px;
   }
 
diff --git a/css/contact.css b/css/contact.css
index 9fa619c..58c4f4f 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -49,7 +49,7 @@
 	.section-contact__name p {
 		font-size: 2.0rem;
 		line-height: 1.8em;
-		margin: 0 auto;
+		margin: 120px auto 0 auto;
 		padding:0 0 80px 0;
 		}
 	}
diff --git a/css/kotobagaki.css b/css/kotobagaki.css
index 4022954..489665a 100644
--- a/css/kotobagaki.css
+++ b/css/kotobagaki.css
@@ -35,7 +35,7 @@
 		display: flex;
 		padding: 0 224px;
 		align-items: center;
-		margin: 200px 0;
+		margin: 240px 0;
 		justify-content: space-between;
 	}
 
diff --git a/css/profile.css b/css/profile.css
index 8773dd6..5d1ea01 100644
--- a/css/profile.css
+++ b/css/profile.css
@@ -56,6 +56,7 @@ padding: 0 105px;
 align-items: stretch;
 margin-bottom: 0px;
 justify-content: space-between;
+margin-top:180px ;
 	}
 
 	.section-profile__name-container{
diff --git a/css/works.css b/css/works.css
index 646423d..d802716 100644
--- a/css/works.css
+++ b/css/works.css
@@ -19,15 +19,9 @@ margin-top: 20px;
 margin-top: 40px;
 border-bottom: 2px dotted #030303;
 position: relative;
--webkit-transition: all 0.3s ease;
--moz-transition: all 0.3s ease;
--o-transition: all 0.3s ease;
-transition: all  0.3s ease;
+
 }
-.section-works__index:hover{
-background-color: #f7f7f7;
-opacity: 1;
-	}
+
 .section-works__wrapper h2{
 font-size: 2.0rem;
 line-height: 2em;
@@ -74,7 +68,7 @@ line-height: 2em;
 
 .section-works__wrapper{
 	padding: 0 24px;
-	margin:120px auto 160px auto;
+	margin:240px auto 160px auto;
 	text-align: left;
 	display: block;
 	width: 72.2%;
diff --git a/css/works1.css b/css/works1.css
index 82f1022..95d272e 100644
--- a/css/works1.css
+++ b/css/works1.css
@@ -62,8 +62,7 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
-
-
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {
diff --git a/css/works2.css b/css/works2.css
index 5cdcd1c..e6b5fef 100644
--- a/css/works2.css
+++ b/css/works2.css
@@ -57,6 +57,7 @@
 		padding: 0 150px;
 		align-items: center;
 
+		margin: 240px auto 120px auto;
 
 	}
 
diff --git a/css/works3.css b/css/works3.css
index 1804ab6..e7d6fbf 100644
--- a/css/works3.css
+++ b/css/works3.css
@@ -58,6 +58,8 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
+		
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {
diff --git a/css/works4.css b/css/works4.css
index dd19532..a09541a 100644
--- a/css/works4.css
+++ b/css/works4.css
@@ -54,8 +54,7 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
-
-
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {
diff --git a/css/works5.css b/css/works5.css
index 444f434..799e8fa 100644
--- a/css/works5.css
+++ b/css/works5.css
@@ -64,6 +64,7 @@
 		padding: 0 150px;
 		align-items: center;
 
+		margin: 240px auto 120px auto;
 
 	}
 
diff --git a/css/works6.css b/css/works6.css
index f728d03..5544358 100644
--- a/css/works6.css
+++ b/css/works6.css
@@ -58,6 +58,8 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
+		
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {
diff --git a/css/works7.css b/css/works7.css
index f728d03..5544358 100644
--- a/css/works7.css
+++ b/css/works7.css
@@ -58,6 +58,8 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
+		
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {
diff --git a/css/works8.css b/css/works8.css
index 1804ab6..574d81e 100644
--- a/css/works8.css
+++ b/css/works8.css
@@ -58,6 +58,7 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
+		margin: 240px auto 120px auto;
 	}
 
 	.section-works1__title {