diff --git a/components/about.vue b/components/about.vue
index 636ed06..186a390 100644
--- a/components/about.vue
+++ b/components/about.vue
@@ -19,12 +19,9 @@ export default {
       width: 0,
     };
   },
-  created() {
-  },
-  mounted() {
-  },
-  methods: {
-  },
+  created() {},
+  mounted() {},
+  methods: {},
 };
 </script>
 
@@ -32,5 +29,4 @@ export default {
 p {
   text-align: center;
 }
-
 </style>
diff --git a/components/aboutDet.vue b/components/aboutDet.vue
index 94a341a..bd2b77d 100644
--- a/components/aboutDet.vue
+++ b/components/aboutDet.vue
@@ -1,81 +1,78 @@
 <template>
   <div class="aboutHeight">
-        <v-row class="justify-center">
-            <v-col v-for="item in about" :key="item.topic" :cols="item.cols">
-              <div class="ImgBox">
-                <v-dialog transition="dialog-top-transition"
-                  max-width="800">
-                  <template v-slot:activator="{ on, attrs }">
-                    <v-img
-                      v-bind="attrs"
-                      v-on="on"
-                      class="photo"
-                      v-bind:src="item.srcimg"
-                      aspect-ratio="2"
-                    ></v-img>
-                  </template>
-                  <template v-slot:default="dialog">
-                      <v-card>
-                      <v-img
-                        :src="item.srcimg"
-                        aspect-ratio="2"
-                      ></v-img>
-                      <v-card-text>
-                        <h2 class="font-weight-bold pt-12 pb-8">{{item.topic}}</h2>
-                        <p>{{item.contents}}</p>
-                      </v-card-text>
-                      <v-card-actions class="justify-end">
-                        <v-btn
-                          text
-                          @click="dialog.value = false"
-                        >閉じる</v-btn>
-                      </v-card-actions>
-                    </v-card>
-                  </template>
-                </v-dialog>
-                <h2 class="title">{{item.topic}}</h2>
-              </div>
-            </v-col>
-        </v-row>
-
+    <v-row class="justify-center">
+      <v-col v-for="item in about" :key="item.topic" :cols="item.cols">
+        <div class="ImgBox">
+          <v-dialog transition="dialog-top-transition" max-width="800">
+            <template v-slot:activator="{ on, attrs }">
+              <v-img
+                v-bind="attrs"
+                v-on="on"
+                class="photo"
+                v-bind:src="item.srcimg"
+                aspect-ratio="2"
+              ></v-img>
+            </template>
+            <template v-slot:default="dialog">
+              <v-card>
+                <v-img :src="item.srcimg" aspect-ratio="2"></v-img>
+                <v-card-text>
+                  <h2 class="font-weight-bold pt-12 pb-8">{{ item.topic }}</h2>
+                  <p>{{ item.contents }}</p>
+                </v-card-text>
+                <v-card-actions class="justify-end">
+                  <v-btn text @click="dialog.value = false">閉じる</v-btn>
+                </v-card-actions>
+              </v-card>
+            </template>
+          </v-dialog>
+          <h2 class="title">{{ item.topic }}</h2>
+        </div>
+      </v-col>
+    </v-row>
   </div>
 </template>
 <script>
 export default {
   data() {
     return {
-      about:[
+      about: [
         {
-          srcimg:require('@/assets/webp/hackathon.webp'),
-          topic:"勉強会",
-          contents:"インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
-          cols:5,
-          daialog_contents:"インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
+          srcimg: require("@/assets/webp/hackathon.webp"),
+          topic: "勉強会",
+          contents:
+            "インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
+          cols: 5,
+          daialog_contents:
+            "インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
         },
         {
-          srcimg:require('@/assets/webp/benkyo.webp'),
-          topic:"ハッカソン",
-          contents:"ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
-          cols:5,
-          daialog_contents:"ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
+          srcimg: require("@/assets/webp/benkyo.webp"),
+          topic: "ハッカソン",
+          contents:
+            "ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
+          cols: 5,
+          daialog_contents:
+            "ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
         },
         {
-          srcimg:require('@/assets/webp/takopa.webp'),
-          topic:"イベント",
-          contents:"新入生歓迎会やBBQなどのイベントや、大学祭では模擬店を出したり、希望者で駅伝に参加したりなど、学校行事にも積極的に参加しています。",
-          cols:5,
+          srcimg: require("@/assets/webp/takopa.webp"),
+          topic: "イベント",
+          contents:
+            "新入生歓迎会やBBQなどのイベントや、大学祭では模擬店を出したり、希望者で駅伝に参加したりなど、学校行事にも積極的に参加しています。",
+          cols: 5,
         },
         {
-          srcimg:require('@/assets/webp/presen.webp'),
-          topic:"工科展",
-          contents:"大学祭のイベントの一つ。サークルや研究室が作ったものを発表するコンテスト。シス研では学部二年生を中心に活躍してもらいます。",
-          cols:5,
-        }
-      ]
-    }
-  }
-}
-
+          srcimg: require("@/assets/webp/presen.webp"),
+          topic: "工科展",
+          contents:
+            "大学祭のイベントの一つ。サークルや研究室が作ったものを発表するコンテスト。シス研では学部二年生を中心に活躍してもらいます。",
+          cols: 5,
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
@@ -109,6 +106,4 @@ export default {
   color: #ffffff;
   font-weight: bold;
 }
-
-
 </style>
diff --git a/components/product.vue b/components/product.vue
index 9325184..f803222 100644
--- a/components/product.vue
+++ b/components/product.vue
@@ -1,41 +1,48 @@
 <template>
-  <v-row  class="pa-0 ma-5 justify-space-around align-center">
+  <v-row class="pa-0 ma-5 justify-space-around align-center">
     <v-col cols="12">
       <h2 class="text-center pb-8 pt-10 mt-10">Products</h2>
     </v-col>
-    <template v-for="(slide,i) in slides">
-      <v-col v-if="i==selectItem" xs="12" sm="12" md="12" lg="6" xl="6" cols="12" :key="i">
-        <v-card  :href="slide.url" style="height:500px;">
-          <v-img class="white--text align-end" height="300px" :src="slide.src" />
+    <template v-for="(slide, i) in slides">
+      <v-col
+        v-if="i == selectItem"
+        xs="12"
+        sm="12"
+        md="12"
+        lg="6"
+        xl="6"
+        cols="12"
+        :key="i"
+      >
+        <v-card :href="slide.url" style="height:500px;">
+          <v-img
+            class="white--text align-end"
+            height="300px"
+            :src="slide.src"
+          />
           <v-card-title>{{ slide.text }}</v-card-title>
         </v-card>
       </v-col>
       <v-col v-else xs="12" sm="12" md="12" lg="3" xl="3" cols="12" :key="i">
         <v-card class="not-select" style="margin: 60px 0 0 0; height:300px;">
-          <v-img class="white--text align-end" height="180px" :src="slide.src" />
+          <v-img
+            class="white--text align-end"
+            height="180px"
+            :src="slide.src"
+          />
           <v-card-title>{{ slide.text }}</v-card-title>
         </v-card>
       </v-col>
     </template>
     <v-col cols="6" style="text-align: center;">
-      <v-btn
-        x-large
-        dark
-        color="indigo"
-        @click="prev()"
-      >
+      <v-btn x-large dark color="indigo" @click="prev()">
         <v-icon dark>
           mdi-arrow-left-bold
         </v-icon>
       </v-btn>
     </v-col>
     <v-col cols="6" style="text-align: center;">
-      <v-btn
-        x-large
-        dark
-        color="indigo"
-        @click="next()"
-      >
+      <v-btn x-large dark color="indigo" @click="next()">
         <v-icon dark>
           mdi-arrow-right-thick
         </v-icon>
@@ -50,45 +57,44 @@ export default {
       slides: [
         {
           text: "温度管理システム",
-          src: require('@/assets/webp/sysken_ondo.webp'),
-          url: "https://set1.ie.aitech.ac.jp/koukaten2016"
+          src: require("@/assets/webp/sysken_ondo.webp"),
+          url: "https://set1.ie.aitech.ac.jp/koukaten2016",
         },
         {
           text: "栄養管理アプリ",
-          src:  require('@/assets/webp/sysken_ryouri.webp'),
-          url: "https://set1.ie.aitech.ac.jp/koukaten2017"
+          src: require("@/assets/webp/sysken_ryouri.webp"),
+          url: "https://set1.ie.aitech.ac.jp/koukaten2017",
         },
         {
           text: "時間割作成アプリ",
           src: "https://cdn.vuetifyjs.com/images/carousel/planet.jpg",
-          url: "https://set1.ie.aitech.ac.jp/koukaten2019/"
-        }
+          url: "https://set1.ie.aitech.ac.jp/koukaten2019/",
+        },
       ],
       selectItem: 1,
     };
   },
-  created(){
-  },
+  created() {},
   methods: {
     // slidesのリストを右シフトする
-    rightShift(){
+    rightShift() {
       const firstElement = this.slides.shift();
-      this.slides.push(firstElement)
+      this.slides.push(firstElement);
     },
     // slidesのリストを左シフトする
-    leftShift(){
+    leftShift() {
       const lastElement = this.slides.pop();
-      this.slides.unshift(lastElement)
+      this.slides.unshift(lastElement);
     },
     // nextボタンを押したときにrightShiftを呼び出す関数
-    next(){
-      this.rightShift()
+    next() {
+      this.rightShift();
     },
     // prevボタンを押したときにleftShiftを呼び出す関数
-    prev(){
-      this.leftShift()
-    }
-  }
+    prev() {
+      this.leftShift();
+    },
+  },
 };
 </script>
 <style scoped>
@@ -102,19 +108,19 @@ li {
   display: flex;
   justify-content: center;
 }
-.blacktext{
-  color: #000000
+.blacktext {
+  color: #000000;
 }
-.backcolor{
-  background:whitesmoke;
+.backcolor {
+  background: whitesmoke;
 }
 /* 選択していない要素を薄くしている */
-.not-select{
-  opacity:0.5;
+.not-select {
+  opacity: 0.5;
 }
 @media screen and (max-width: 1264px) {
-  .not-select{
-    display:none;
+  .not-select {
+    display: none;
   }
 }
 </style>
diff --git a/components/team.vue b/components/team.vue
index 46b3c8f..ef409be 100644
--- a/components/team.vue
+++ b/components/team.vue
@@ -40,7 +40,7 @@
             <p style="font-size: 25px; font-weight: bold">Infrastructure</p>
             <div class="px-11">
               <p class="pt-7" style="font-size: 18px; font-weight: 500">
-                インフラ班では、シス研に置いてあるサーバーの管理を行い、設計や構築、ネットワークの運用保守などを行います！　
+                インフラ班では、シス研に置いてあるサーバーの管理を行い、設計や構築、ネットワークの運用保守などを行います！
               </p>
             </div>
           </center>
@@ -59,8 +59,7 @@
   </div>
 </template>
 
-<script>
-</script>
+<script></script>
 
 <style scoped>
 .center {
diff --git a/layouts/default.vue b/layouts/default.vue
index fc8e421..039fdc5 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -20,4 +20,4 @@ export default {
 .slide-group > .v-slide-group__prev {
   display: none;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/layouts/error.vue b/layouts/error.vue
index ae22f7c..293f424 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -14,27 +14,27 @@
 
 <script>
 export default {
-  layout: 'empty',
+  layout: "empty",
   props: {
     error: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
-  data () {
+  data() {
     return {
-      pageNotFound: '404 Not Found',
-      otherError: 'An error occurred'
-    }
+      pageNotFound: "404 Not Found",
+      otherError: "An error occurred",
+    };
   },
-  head () {
+  head() {
     const title =
-      this.error.statusCode === 404 ? this.pageNotFound : this.otherError
+      this.error.statusCode === 404 ? this.pageNotFound : this.otherError;
     return {
-      title
-    }
-  }
-}
+      title,
+    };
+  },
+};
 </script>
 
 <style scoped>
diff --git a/nuxt.config.js b/nuxt.config.js
index 2eb8286..608e0fa 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -56,15 +56,11 @@ export default {
           "愛知工業大学 システム工学研究会 / 愛知工業大学 システム工学研究会についての情報など このサークルの部室には、プログラミングや電子工作、インフラなどといった様々な分野の勉強ができる環境が整っています。勉強会を開いたり、作品を作ってコンテストに出したりすることもできます。",
       },
     ],
-    link: [
-      { rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
-    ],
+    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [
-    '@/assets/css/defult.css'
-  ],
+  css: ["@/assets/css/defult.css"],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   plugins: [],
diff --git a/pages/index.vue b/pages/index.vue
index b313213..54a801b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,20 +1,21 @@
 <template>
   <div class="backcolor">
     <Top />
-    <Linked />
-    <About />
-    <AboutDet />
-    <Product />
-    <Team />
-    <News />
-    <Question />
-    <Contact />
+    <v-container>
+      <Linked />
+      <About />
+      <AboutDet />
+      <Product />
+      <Team />
+      <News />
+      <Question />
+      <Contact />
+    </v-container>
     <Footer />
   </div>
 </template>
 
-<script>
-</script>
+<script></script>
 <style scoped>
 .backcolor {
   background: whitesmoke;