diff --git a/about/index.html b/about/index.html
index 988b53c..8e4558e 100644
--- a/about/index.html
+++ b/about/index.html
@@ -13,11 +13,13 @@
   
 <section id="about" class="wrapper">
     <h2 class="section-title">ジュニアドクター育成塾(ジュニアドクター鳥海塾)とは</h2>
-    <p>ジュニアドクター育成塾は、将来の科学技術イノベーションを牽引する傑出した
-    人材の育成に向けて、高い意欲や突出した能力を持つ小中学生を発掘し、
-    理数・情報分野の学習などを通じてその能力を伸長させる体系的な取り組みを
-    支援するものです。東北公益文科大学は、科学技術振興機構(JST)の令和3年度
-    「ジュニアドクター育成塾」の実施機関に選定されました。</p>
+    <div class="about-text">
+        <p>ジュニアドクター育成塾は、将来の科学技術イノベーションを牽引する傑出した
+        人材の育成に向けて、高い意欲や突出した能力を持つ小中学生を発掘し、
+        理数・情報分野の学習などを通じてその能力を伸長させる体系的な取り組みを
+        支援するものです。東北公益文科大学は、科学技術振興機構(JST)の令和3年度
+        「ジュニアドクター育成塾」の実施機関に選定されました。</p>
+    </div>
 </section>
 
 </main>
diff --git a/home/index.html b/home/index.html
index be7e0d2..2ff09ec 100644
--- a/home/index.html
+++ b/home/index.html
@@ -14,26 +14,28 @@
   <section id="home" class="wrapper">
     <h2 class="section-title" style="text-align: center;">第1期 受講生募集</h2>
 
-        <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 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>
 
diff --git a/jdmain.css b/jdmain.css
index af9cb70..9dc8585 100644
--- a/jdmain.css
+++ b/jdmain.css
@@ -51,6 +51,19 @@
   .section-title {
     font-size: 1.6rem;
     text-align: center;
+    position: relative;
+    margin-left:20px;
+    width: 100%;
+  }
+  .section-title::before{
+    position: absolute;
+    bottom: -20px;
+    left: calc(50% - 30px);
+    width: 65px;
+    height: 5px;
+    content: '';
+    border-radius: 3px;
+    background: rgb(2, 219, 248);
   }
 
 /*--------------------------------------//common----------------------------------*/
@@ -101,27 +114,26 @@
 /* -------------------------------------- home ---------------------------------------*/
 #home{
     padding: 0 1ex;  
+}
+#home h3{
+    font-size: 1.3rem;
+}
+#home p{
+    font-size: 1.2rem;
+    line-height: 2.0;
+}
+.home-items{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content:space-evenly;
     align-items: center;
-}
-#home > h3{
-    font-size: 1.3rem;
-}
-#home > p{
-    font-size: 1.2rem;
-    line-height: 2.0;
-}
-h2{
-    margin-left:20px;
-    width: 100%;
+    margin-top: 30px;
 }
 .what_study{
     width:730px;
 }
-#home > .what_study > h3{
+.what_study h3{
     background: linear-gradient(transparent 50%, yellow 50%);
     width: 346px;
 }
@@ -138,8 +150,31 @@
     font-style: normal; font-weight: bold;
     background: linear-gradient(to top, yellow, transparent);
 }
+@media screen and (max-width: 746px){
+    #home h3{
+        font-size: 1.2rem;
+    }
+    #home p{
+        font-size: 1.1rem;
+        line-height: 1.85;
+    }
+    .aiming_top{
+        max-width: 500px;
+    }
+}
 /* -------------------------------------- //ホーム ---------------------------------------*/
 
+/* -------------------------------------- about ---------------------------------------*/
+.about-text{
+    margin-top: 40px;
+    font-size: 1.2rem;
+}
+
+/* -------------------------------------- //about ---------------------------------------*/
+
+
+
+
 /* --------------------------------------- Q&A ----------------------------------------------*/
 @keyframes slidein {
 	0% {
@@ -303,4 +338,22 @@
 table.form th:first-child {min-width: 10em;}
 
 
-/*------------------------------------------ //footer -------------------------------------------------*/
\ No newline at end of file
+/*------------------------------------------ //footer -------------------------------------------------*/
+
+/*------------------------------------------ media -------------------------------------------------*/
+@media screen and (max-width: 746px){
+    .section-title{
+        font-size: 1.55rem;
+    }
+    #home h3{
+        font-size: 1.2rem;
+    }
+    #home p{
+        font-size: 1.1rem;
+        line-height: 1.85;
+    }
+    .aiming_top{
+        max-width: 500px;
+    }
+}
+/*------------------------------------------ //media -------------------------------------------------*/
\ No newline at end of file