diff --git a/src/components/molecules/Project/Project.tsx b/src/components/molecules/Project/Project.tsx
new file mode 100644
index 0000000..12e84cb
--- /dev/null
+++ b/src/components/molecules/Project/Project.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { Accordion, AccordionDetails, AccordionSummary, Typography } from '@mui/material'
+import { ExpandMore as ExpandIcon } from '@mui/icons-material'
+
+const Project = (props: { title: string; children?: React.ReactNode }) => {
+  return (
+    <Accordion>
+      <AccordionSummary expandIcon={<ExpandIcon />}>
+        <Typography>{props.title}</Typography>
+      </AccordionSummary>
+      <AccordionDetails>{props.children}</AccordionDetails>
+    </Accordion>
+  )
+}
+
+export default Project
diff --git a/src/components/molecules/Project/index.ts b/src/components/molecules/Project/index.ts
new file mode 100644
index 0000000..c3d37d8
--- /dev/null
+++ b/src/components/molecules/Project/index.ts
@@ -0,0 +1 @@
+export { default } from './Project'
diff --git a/src/components/molecules/index.ts b/src/components/molecules/index.ts
index 503bfbb..72e8e9b 100644
--- a/src/components/molecules/index.ts
+++ b/src/components/molecules/index.ts
@@ -1,2 +1,3 @@
 export { default as Toobar } from './Toobar'
 export { default as Footer } from './Footer'
+export { default as Project } from './Project'