diff --git a/index.html b/index.html
index e7d9b0d..86be3f6 100644
--- a/index.html
+++ b/index.html
@@ -20,30 +20,35 @@
         <h1 class="site-title">オープンアトリエ</h1>
 
         <div class="main-btn">
-            <p class="title-btn-text">お申し込みの手続きに便利な<span>利用者カード</span>あります</p>
+            <a href="#">
+                <p class="title-btn-text">お申し込みの<br>手続きに便利な<br><span class="large">利用者カード</span><br>あります<br>
+                    <span class="small">※詳しくは受付まで</span></p>
+            </a>
         </div>
     </div>
     <section class="wrapper" id="about">
         <h2 class="section-ttl">アートフォーラムについて</h2>
-        <div class="comment">
-            <h3>創作にふける休日のひととき</h3>
-            <p>日曜日の午後のひとときに、広いアトリエを使って、ゆったりとした創作活動をしませんか。
-                アートフォーラムでは、個人や少人数の方々が、集中して制作を行えるように、アトリエを開放しています。
-                お気軽にご利用ください。
-            </p>
+        <div class="flex">
+            <div class="comment">
+                <h3>創作にふける休日のひととき</h3>
+                <p>日曜日の午後のひとときに、広いアトリエを使って、ゆったりとした創作活動をしませんか。
+                    アートフォーラムでは、個人や少人数の方々が、集中して制作を行えるように、アトリエを開放しています。
+                    お気軽にご利用ください。
+                </p>
+            </div>
+            <dl>
+                <dt>日時</dt>
+                <dd>毎月大２・４日曜日<br>
+                    <span class="small">※ただし、１２月は第１・４日曜日</span></dd>
+                <dd>午後１時〜５時<br>
+                    <span class="small">※この時間は出入り自由</span></dd>
+                <dt>対象</dt>
+                <dd>中学生以上</dd>
+                <dt>料金</dt>
+                <dd>200円<br>
+                    <span>※中学生は無料</span></dd>
+            </dl>
         </div>
-        <dl>
-            <dt>日時</dt>
-            <dd>毎月大２・４日曜日<br>
-                <span class="small">※ただし、１２月は第１・４日曜日</span></dd>
-            <dd>午後１時〜５時<br>
-                <span class="small">※この時間は出入り自由</span></dd>
-            <dt>対象</dt>
-            <dd>中学生以上</dd>
-            <dt>料金</dt>
-            <dd>200円<br>
-                <span>※中学生は無料</span></dd>
-        </dl>
     </section>
     <section class="ex wrapper">
         <h2 class="section-ttl">ご利用についてのご案内</h2>
diff --git a/khara-woods-KR84RpMCb0w-unsplash.jpg b/khara-woods-KR84RpMCb0w-unsplash.jpg
new file mode 100644
index 0000000..0f96b91
--- /dev/null
+++ b/khara-woods-KR84RpMCb0w-unsplash.jpg
Binary files differ
diff --git a/style.css b/style.css
index 9e5f161..ad443dd 100644
--- a/style.css
+++ b/style.css
@@ -5,7 +5,7 @@
 }
 body {
   color: #333;
-  font-size: 1rem;
+  font-size: 1.1rem;
   font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
   margin: 0 auto;
 }
@@ -21,6 +21,12 @@
     padding: 0 16px;
     margin: 0 auto;
   }
+  .section-ttl{
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 30px;
+    text-align: center;
+  }
 
   /*ヘッダー*/
   header {
@@ -44,7 +50,7 @@
       filter: drop-shadow(1px 1px 2px #121212);
   }
   #mainvisual{
-      background-image: url(khara-woods-KR84RpMCb0w-unsplash\ \(1\).jpg);
+      background-image: url(khara-woods-KR84RpMCb0w-unsplash.jpg);
       width: 100%;
       min-height: 90vh;
       background-size: cover;
@@ -67,5 +73,61 @@
     font-size: 5rem;
     color: whitesmoke;
   }
+  .main-btn {
+    background-color: rgb(69, 197, 248);
+    border-radius: 100px;
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    color: #fff;
+    text-align: center;
+    display: inline-block;
+    margin-top: 50px;
+    margin-left: 50px;
+    border: white 4px solid;
+  }
+  .main-btn:hover{
+    background-color: rgb(69, 96, 248);
+  }
+  .title-btn-text{
+    font-size: 1.1rem;
+    color: #fff;
+    margin: 27px;
+  }
+  .large{
+    font-size: 1.5rem;
+    font-weight: bold;
+      filter: drop-shadow(1px 1px 2px #121212);
+  }
+  .small{
+    font-size: 1rem;
+  }
+  #about{
+    background-color: rgb(194, 253, 253);
+    padding: 60px;
+    margin-bottom: 60px;
+    margin-top: 60px;
+  }
+  #about .flex {
+    display: flex;
+  }
+  .comment{
+    width: 60%;
+    padding-right: 35px;
+  }
+  dl{
+    width: 40%;
+    border-left: solid 1px #333;
+    padding-left: 45px;
+  }
+  dt{
+    background-color: black;
+    color: white;
+    padding: 3px 4px;
+    display: inline-block;
+  }
+  dd{
+    margin-left: 60px;
+  }