diff --git a/header.html b/header.html
index 8d1fc47..1b4c4cf 100644
--- a/header.html
+++ b/header.html
@@ -1,11 +1,17 @@
 <header>
-<nav>
-<ul>
- <li><a href="../home/">ホーム</a></li>
- <li><a href="../about/">ジュニアドクター鳥海塾とは</a></li>
- <li><a href="../class_content/">授業内容</a></li>
- <li><a href="../QA/">Q&amp;A</a></li>
- <li><a href="../apply/appform.html">お申し込み</a></li>
-</ul>
-</nav>
-</header>
+    <div class="list">
+        <nav>
+            <ul>
+                <li><a href="../home/">ホーム</a></li>
+                <li><a href="../about/">ジュニアドクター鳥海塾とは</a></li>
+                <li><a href="../class_content/">授業内容</a></li>
+                <li><a href="../QA/">Q&amp;A</a></li>
+                <li><a href="../apply/appform.html">お申し込み</a></li>
+            </ul>
+        </nav>
+    </div>
+    <div class="logobox">
+        <img src="jdlogo_A.png" alt="Junior-Doctor Chokai Academy">
+        <h1>ジュニアドクター鳥海塾</h1>
+    </div>
+</header>
\ No newline at end of file
diff --git a/jdmain.css b/jdmain.css
index aeb7fa3..5766156 100644
--- a/jdmain.css
+++ b/jdmain.css
@@ -30,18 +30,15 @@
 }
 
 body.vmenuspace {margin-top: 2em; border-top: 3px solid;}
-section.logobox {
-    position: relative;
-    margin-left: 20px;
-}
-section.logobox > h1 {
-    position:absolute; top: 30px; left: 170px;
-}
 div.scrollbox {
     height: 6em; overflow: auto; background: #eff;
 }
 
 header{
+    width: 100%;
+    height: auto;
+}
+header > div.list{
     display: flex;
     align-items: center;
     justify-content: left;
@@ -50,28 +47,30 @@
     background: linear-gradient(to bottom, rgba(15, 15, 15, 0.8),
     rgba(40, 40, 40, 0.8));
 }
-
 header nav a {
     color: white;
     text-decoration: none;
     margin-left: 20px;
     margin-right: 20px;
 }
-
 header nav a:hover {
     color: white;
     text-decoration: underline;
 }
-
 header ul{
     display:flex;
 }
-
-header ul li{
+header  ul  li{
     list-style: none;
 }
-
-section.logobox img {
+header > div.logobox {
+    position: relative;
+    margin-left: 20px;
+}
+header > div.logobox > h1 {
+    position:absolute; top: 30px; left: 170px;
+}
+header > div.logobox > img {
     width: 150px;
     height: 150px;
 }
@@ -83,10 +82,6 @@
     position: relative;
 }
 
-/*h1{*/
-/*    margin-left:20px;*/
-/*    font-size: xx-large;*/
-/*}*/
 
 h2{
     margin-left:20px;