diff --git a/class_content/index.html b/class_content/index.html
index 447a9a8..de46137 100644
--- a/class_content/index.html
+++ b/class_content/index.html
@@ -10,32 +10,75 @@
 <header id="header">この部分は header.html に置き換わる</header>
 <main>
 <section id="class-content" class="wrapper">
-    <h2 class="section-title" style="width: auto; text-align: center;">ジュニアドクター鳥海塾第2回</h2>
+    <h2 class="section-title" style="width: auto; text-align: center;">ジュニアドクター鳥海塾第2021授業内容</h2>
     <p class="class-content-text" style="text-align: center;">※(8月11日現在)感染症対策や講師の都合により変更になる場合があります。</p>
-    <div class="class-content-items">
-            <div class="class-content-item-left">
-                <dl class="class-content-dl class-content-dl-left">
-                    <dt>日時</dt>
-                    <dd>令和3年8月28日(土)午後2時から</dd>
-                    <dt>場所</dt>
-                    <dd>オンライン</dd>
-                </dl>
-            </div>
+    <div class="class-content-items" id="class-1">
+        <p class="class-content-items-text">第１日目</p>
+        <div class="class-content-item-left">
+            <dl class="class-content-dl class-content-dl-left">
+                <dt>日時</dt>
+                <dd>令和3年8月7日(土)午後2時から</dd>
+                <dt>場所</dt>
+                <dd>東北公益分科大学</dd>
+            </dl>
+        </div>
 
-            <div class="class-content-item-right">
-                <dl class="class-content-dl">
-                    <dt>目次</dt>
-                    <dd>1. 変数とは</dd>
-                    <dd>2. print、printf</dd>
-                    <dd>3. gets.chomp!<br>
-                        <span class="bottom">-.to_i</span><br>
-                        <span class="bottom">-.to_f</span>
-                    </dd>
-                    <dd>4. 練習問題</dd>
-                    <!-- <dd>5. ファイルをつくろう</dd> -->
-                    <!-- <dd>6. おまけ(コマンド編)</dd> -->
-                </dl>
-            </div>
+        <div class="class-content-item-right">
+            <dl class="class-content-dl">
+                <dt>目次</dt>
+                <dd>1. 受講生への挨拶</dd>
+                <dd>2. メンターの自己紹介</dd>
+                <dd>3. グループごとでの自己紹介</dd>
+                <dd>4. メール設定、s４設定</dd>
+            </dl>
+        </div>
+    </div>
+    <div class="class-content-items" id="class-2">
+        <p class="class-content-items-text">第2日目</p>
+        <div class="class-content-item-left">
+            <dl class="class-content-dl class-content-dl-left">
+                <dt>日時</dt>
+                <dd>令和3年8月21日(土)午後2時から</dd>
+                <dt>場所</dt>
+                <dd>東北公益分科大学</dd>
+            </dl>
+        </div>
+
+        <div class="class-content-item-right">
+            <dl class="class-content-dl">
+                <dt>目次</dt>
+                <dd>1. 抽象表現について</dd>
+                <dd>2. ジュニアドクターシステムの話し合い</dd>
+                <dd>3. ログインの操作</dd>
+                <dd>4. サンプルプログラムの話し合い</dd>
+            </dl>
+        </div>
+    </div>
+    <div class="class-content-items" id="class-3">
+        <p class="class-content-items-text">第3日目</p>
+        <div class="class-content-item-left">
+            <dl class="class-content-dl class-content-dl-left">
+                <dt>日時</dt>
+                <dd>令和3年8月28日(土)午後2時から</dd>
+                <dt>場所</dt>
+                <dd>オンライン</dd>
+            </dl>
+        </div>
+
+        <div class="class-content-item-right">
+            <dl class="class-content-dl">
+                <dt>目次</dt>
+                <dd>1. 変数とは</dd>
+                <dd>2. print、printf</dd>
+                <dd>3. gets.chomp!<br>
+                    <span class="bottom">-.to_i</span><br>
+                    <span class="bottom">-.to_f</span>
+                </dd>
+                <dd>4. 練習問題</dd>
+                <!-- <dd>5. ファイルをつくろう</dd> -->
+                <!-- <dd>6. おまけ(コマンド編)</dd> -->
+            </dl>
+        </div>
     </div>
 </section>
 </main>
diff --git a/jdmain.css b/jdmain.css
index 3e1a6f2..60175c7 100644
--- a/jdmain.css
+++ b/jdmain.css
@@ -236,13 +236,20 @@
 
 /* ---------------------------------------- class-content -----------------------------------------*/
 .class-content-items{
-    background-color:rgb(187, 235, 241);
+    background-color:white;
     padding: 60px;
     margin-bottom: 60px;
     margin-top: 60px;
-    box-shadow: 0 0 8px 4px #ccc;
+    /* box-shadow: 0 0 8px 4px #ccc; */
     font-size: 1.1rem;
 }
+.class-content-items-text{
+    text-align: left;
+    background-color: rgb(24, 99, 238);
+    color: white;
+    font-size: 1.1rem;
+    padding: 5px 7px;
+}
 #class-content .class-content-items {
     display: flex;
     align-items: center;