diff --git a/testpage/test.css b/testpage/test.css
index 95742e1..f42eb61 100644
--- a/testpage/test.css
+++ b/testpage/test.css
@@ -13,14 +13,6 @@
     font-family: "Sawarabi Gothic";
     color: rgb(45, 45, 45);
 }
-.c, body.top h2 {text-align: center;}
-body.top h2 {
-    padding: 1ex 2em; width: 20em;
-    border: groove #4a7 3px; margin: 5em auto; border-radius: 1em;
-}
-body.top a {text-decoration: none; color: #284}
-body.top a:hover h2 {background: #9ea;}
-
 body:after{
     margin: 0;
     position: fixed;
@@ -34,7 +26,6 @@
     z-index: -1;
 }
 
-
 body.vmenuspace {margin-top: 2em; border-top: 3px solid;}
 div.scrollbox {
     height: 6em; overflow: auto; background: #eff;
@@ -51,7 +42,7 @@
     position: relative;
     width: 100%;
     margin-top: 50px;
-    margin-bottom: 50px;
+    margin-bottom: 70px;
   }
   .section-title::before{
     position: absolute;
@@ -80,7 +71,6 @@
     top:0;
     padding-top: 10px;
     padding-bottom: 10px;
-    
 }
 
 .header.change-color {
@@ -256,14 +246,6 @@
 /* home */
 #home{
     height: 2000px;
-
-}
-#home h3{
-    font-size: 1.3rem;
-}
-#home p{
-    font-size: 1.2rem;
-    line-height: 2.0;
 }
 .home-items{
     display: flex;
@@ -273,21 +255,45 @@
     align-items: center;
     margin-top: 30px;
 }
+#home .home-items h3{
+  font-size: 1.4rem;
+}
+#home .home-items p{
+  font-size: 1.3rem;
+  line-height: 2.0;
+}
 .what_study{
     width:730px;
+    margin-bottom: 10px;
 }
 .what_study h3{
-    background: linear-gradient(transparent 50%, yellow 50%);
+    /* background: linear-gradient(transparent 50%, yellow 50%); */
+    border-bottom: rgb(247, 108, 44) 5px double;
+    padding-bottom: 2px;
     width: 346px;
+    font-size: 1.3rem;
+    margin-bottom: 5px;
+}
+.what_study p{
+  font-size: 1.2rem;
+  line-height: 2.0;
 }
 main {margin: 1ex;} /* PLEASE Remove this if this is too much effective */
 .aiming_top{
     width:730px;
     margin-top: 50px;
 }
-.aiming_top > h3{
-    background: linear-gradient(transparent 50%, yellow 50%);
+.aiming_top h3{
+    /* background: linear-gradient(transparent 50%, yellow 50%); */
+    border-bottom: rgb(247, 108, 44) 5px double;
+    padding-bottom: 2px;
     width: 680px;
+    font-size: 1.3rem;
+    margin-bottom: 5px;
+}
+.aiming_top p{
+  font-size: 1.2rem;
+  line-height: 2.0;
 }
 em.see {
     font-style: normal; font-weight: bold;
diff --git a/testpage/test.html b/testpage/test.html
index 39577b1..3600f7a 100644
--- a/testpage/test.html
+++ b/testpage/test.html
@@ -79,39 +79,33 @@
         <section id="about">
             <h2 class="section-title">第1期 ジュニアドクター鳥海塾</h2>
             <div class="about-container">
-
+                <div class="home-items">
+                    <img src="../img/riku_umi.png" alt="キャラ画像ウミリク"
+                      width="300" height="216">
+                    <div class="what_study">
+                        <h3>鳥海塾でどんなことが学べるの?</h3>
+                        <p>まずは、プログラミングの基礎を身に付けます。そして、情報技術が身近な
+                        地域社会のどんな場面に使われているのかを学びます。講座の終わりには、受講
+                        生それぞれが自分のアイディアを出してオリジナルのプログラミングづくりに挑
+                        戦します。<br>
+                        実際の授業では、大学の先生や大学生のお兄さんお姉さんがみなさん
+                        の学びをサポートします。授業当日に学校行事やイベントで欠席になる場合には、
+                        オンラインでの補講にも対応します。</p>
+                    </div>
+                    <div class="aiming_top">
+                        <h3>鳥海塾で学びを積み上げて「鳥海山の頂 (2236m)」を目指そう !</h3>
+                        <p>鳥海塾では受講生の学習の記録を積み重ね、標高メートルとして高さで示し
+                        ながら、名峰「鳥海山」の頂上標高2236メートルを目指して登っていきます。<br>
+                        受講生のみなさんの研究を鳥海山から世界に向けて発信する気持ちで、一緒に挑戦していきましょう。</p>
+                    </div>
+                    <img src="../img/umi_ukiwa.png" alt="キャラ画像ウミ浮輪"
+                      width="300" height="227">
+                  </div>
             </div>
         </section>
         <!-- //about -->
 
-
-
-        <section id="home js-section-1" class="wrapper">
-          <h2 class="section-title">第1期 受講生募集</h2>
-      
-                <div class="home-items">
-                  <img src="../img/riku_umi.png" alt="キャラ画像ウミリク"
-                    width="300" height="216">
-                  <div class="what_study">
-                      <h3>鳥海塾でどんなことが学べるの?</h3>
-                      <p>まずは、プログラミングの基礎を身に付けます。そして、情報技術が身近な
-                      地域社会のどんな場面に使われているのかを学びます。講座の終わりには、受講
-                      生それぞれが自分のアイディアを出してオリジナルのプログラミングづくりに挑
-                      戦します。<br>
-                      実際の授業では、大学の先生や大学生のお兄さんお姉さんがみなさん
-                      の学びをサポートします。授業当日に学校行事やイベントで欠席になる場合には、
-                      オンラインでの補講にも対応します。</p>
-                  </div>
-                  <div class="aiming_top">
-                      <h3>鳥海塾で学びを積み上げて「鳥海山の頂 (2236m)」を目指そう !</h3>
-                      <p>鳥海塾では受講生の学習の記録を積み重ね、標高メートルとして高さで示し
-                      ながら、名峰「鳥海山」の頂上標高2236メートルを目指して登っていきます。<br>
-                      受講生のみなさんの研究を鳥海山から世界に向けて発信する気持ちで、一緒に挑戦していきましょう。</p>
-                  </div>
-                  <img src="../img/umi_ukiwa.png" alt="キャラ画像ウミ浮輪"
-                    width="300" height="227">
-                </div>
-        </section> 
+        
       </main>
       <script>
         window.addEventListener("scroll", function(){