diff --git a/pages/index.tsx b/pages/index.tsx
index 4e7ecc6..6b1f9d4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -13,6 +13,9 @@ const Home: NextPage = () => {
             ガチで東京の人しか解けない！ #東京の難読地名クイズ
           </Typography>
         </Box>
+        {quizData.map((quiz) => {
+          return <Quiz quiz={quiz} key={quiz.id}></Quiz>
+        })}
       </Container>
     </>
   )
diff --git a/src/components/ChoiceList/index.tsx b/src/components/ChoiceList/index.tsx
index 2f6bce1..1767f87 100644
--- a/src/components/ChoiceList/index.tsx
+++ b/src/components/ChoiceList/index.tsx
@@ -16,7 +16,9 @@ const ChoiceList: FC<ChoiceListProps> = ({
 }) => {
   return (
     <>
-      
+      <Box>
+        <Button variant="outlined">{choices}</Button>
+      </Box>
     </>
   )
 }
diff --git a/src/components/Quiz/index.tsx b/src/components/Quiz/index.tsx
index 87eafff..451c88f 100644
--- a/src/components/Quiz/index.tsx
+++ b/src/components/Quiz/index.tsx
@@ -23,11 +23,17 @@ type QuizProps = {
 }
 
 const Quiz: FC<QuizProps> = ({ quiz }) => {
-
-
   return (
     <>
-      
+      <Box>
+        <Typography variant="subtitle1" component="h2">
+          {quiz.id}. この地名はなんて読む？
+          <img src={`/img/kuizy0${quiz.id}.png`} alt="" />
+          {quiz.choices.map((choices) => {
+            return <ChoiceList choices={choices} key={choices.id}></ChoiceList>
+          })}
+        </Typography>
+      </Box>
     </>
   )
 }