diff --git a/hataraku.css b/hataraku.css
index db76147..982746f 100644
--- a/hataraku.css
+++ b/hataraku.css
@@ -43,7 +43,7 @@
     background-color: rgb(255, 255, 123);
     position: relative;
   }
-  .section-title-box .section-title:before, .section-title-box .section-title:after {
+  .section-title-box :before, .section-title-box :after {
     content: '';
     position: absolute;
     top: 50%;
@@ -54,11 +54,11 @@
     border-bottom: solid 1px black;
   }
   
-  .section-title-box .section-title:before {
+  .section-title-box:before {
     left:-120px;
   }
-  .section-title-box .section-title:after {
-    right: -120px;
+  .section-title-box:after {
+    left: 280px;
   }
   .section-title-box .title-red{
     background-color: #FFA3A3;
@@ -445,10 +445,31 @@
       }
     /*記事の一覧見るところ終わり*/
   /*-----------------------------------------------------ハタラクをみるページーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
- 
+ /*みんなの声コーナー*/
+ #voice{
+  background-color: #fff1f1;
+ }
   .voice-mainvisual{
     background-image: url(../hatarakuweb/hataraku_view/img/pink2.jpg);
   }
+  .post-container {
+    max-width: 600px;
+    margin: 60px auto 0 auto;
+    padding-bottom: 60px;
+    padding-left: 15px;
+    padding-right: 15px;
+    clear: both;
+  }
+  .posts-index{
+    padding-top: 80px;
+  }
+  .posts-index-item {
+      padding: 25px 30px;
+      background-color: white;
+      overflow: hidden;
+      box-shadow: 0 2px 6px #c1ced7;
+      margin-top: 40px;
+    }
 /*プロフィール*/
 #president_profile{
   position: relative;
diff --git a/hataraku_view/index.html b/hataraku_view/index.html
index 6ab5472..9862d59 100644
--- a/hataraku_view/index.html
+++ b/hataraku_view/index.html
@@ -56,7 +56,7 @@
 
          <section id="article-view" class="wrapper">
                     <div class="view-left">
-                        <div class="section-title-box"><h2 class="section-title title-red">社長編</h2></div>
+                        <div class="section-title-box section-title-box-view"><h2 class="section-title section-title-view title-red">社長編</h2></div>
                                 <article class="class">
                                     <div class="article-inner">
                                         <img src="../hataraku_view/img/sticky-note-yellow.png" alt="付箋" class="sticky-note">
diff --git a/voice/index.html b/voice/index.html
index e74b399..d9d9384 100644
--- a/voice/index.html
+++ b/voice/index.html
@@ -31,14 +31,45 @@
         </nav>
     </header>
     <main>
-        <div id="mainvisual" class="voice-mainvisual">
-            <div class="mainvisual-inner">
-                <p class="mainvisual-title">みんなの声</p>
-                <p class="mainvisual-text">庄内地方に住んでいる方々や庄内地方で働く方々の、<br>リアルな声を集める場所です。</p>
+        <div id="voice">
+            <div id="mainvisual" class="voice-mainvisual">
+                <div class="mainvisual-inner">
+                    <p class="mainvisual-title">みんなの声</p>
+                    <p class="mainvisual-text">庄内地方に住んでいる方々や庄内地方で働く方々の、<br>リアルな声を集める場所です。</p>
+                </div>
+                <p class="decoration">Works View</p>
             </div>
-            <p class="decoration">Works View</p>
+            <div class="posts-index">
+                <div class="section-title-box"><h2 class="section-title">みんなの声投稿</h2></div>
+                <div class="post-container">
+                    <div class="posts-index-item">
+                        庄内地域の会社を紹介するよ
+                    </div>
+                    <div class="posts-index-item">
+                        紅茶はアールグレイが美味しい
+                    </div>
+                    <div class="posts-index-item">
+                        このホームページ完成させるのもむずい
+                    </div>
+                    <div class="posts-index-item">
+                        作るの頑張って
+                    </div>
+                    <div class="posts-index-item">
+                        でも作るの難しい
+                    </div>
+                    <div class="posts-index-item">
+                        投稿機能あればアツい
+                    </div>
+                    <div class="posts-index-item">
+                        初投稿だよ
+                    </div>
+                </div>
+              </div>
         </div>
     </main>
+    <footer id="footer">
+        <small>&copy; 2019 - 2022 ハタラクカタチプロジェクト　ーーーーー</small>
+    </footer>
     
 </body>
 </html>