diff --git a/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/all_namespaces_all_kinds.export_metadata b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/all_namespaces_all_kinds.export_metadata
new file mode 100644
index 0000000..ab3a604
Binary files /dev/null and b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/all_namespaces_all_kinds.export_metadata differ
diff --git a/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/output-0 b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/output-0
new file mode 100644
index 0000000..2a2dd13
Binary files /dev/null and b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/all_namespaces/all_kinds/output-0 differ
diff --git a/firebase/firebase-export-1660870771922JcAg6U/firestore_export/firestore_export.overall_export_metadata b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/firestore_export.overall_export_metadata
new file mode 100644
index 0000000..ca69d82
Binary files /dev/null and b/firebase/firebase-export-1660870771922JcAg6U/firestore_export/firestore_export.overall_export_metadata differ
diff --git a/services/backend/src/bin/createUser.ts b/services/backend/src/bin/createUser.ts
index e463d97..bf19d5d 100644
--- a/services/backend/src/bin/createUser.ts
+++ b/services/backend/src/bin/createUser.ts
@@ -2,7 +2,7 @@ import { PaymentStatus, RankKind, UserRole } from '../generates/graphql'
 import { createUserWithId } from '../modules/user'
 
 const main = async () => {
-  await createUserWithId('eee', {
+  await createUserWithId('LFoYLqtv4t5AXKSNDzuWC3ngTjlD', {
     currentRank: RankKind.Evangelist,
     name: '諸田健太朗',
     paymentStatus: PaymentStatus.Paid,
diff --git a/services/frontend/src/assets/images/pay.jpg b/services/frontend/src/assets/images/pay.jpg
new file mode 100644
index 0000000..92fcfe6
Binary files /dev/null and b/services/frontend/src/assets/images/pay.jpg differ
diff --git a/services/frontend/src/pages/member_fee.tsx b/services/frontend/src/pages/member_fee.tsx
index 2b72636..86ed376 100644
--- a/services/frontend/src/pages/member_fee.tsx
+++ b/services/frontend/src/pages/member_fee.tsx
@@ -1,16 +1,34 @@
 import { DefaultLayout } from '../components/DefaultLayout'
-import { Text, Box, Heading, Flex } from '@chakra-ui/react'
+import Image from 'next/image'
+import Pay from '../assets/images/pay.jpg'
+import {
+  Text,
+  Box,
+  Heading,
+  Flex,
+  OrderedList,
+  ListItem,
+} from '@chakra-ui/react'
 
 const Page = () => {
   return (
     <DefaultLayout>
-      <Flex direction={{ base: 'column', md: 'row' }} gap={5}>
-        <Box background="#fff" borderRadius="3xl" flex={1} p={5}>
+      <Flex direction={{ base: 'column', md: 'row' }} gap={5} padding={10}>
+        <Box background="#fff" borderRadius="3xl" flex={2} p={5}>
           <Heading textAlign="center">支払い状況</Heading>
+
+          <Image src={Pay} />
         </Box>
 
-        <Flex direction="column" flex={1}>
-          <Box background="#fff" borderRadius="3xl" flex={1} p={5}>
+        <Flex direction="column" flex={1} justify="left" padding={10}>
+          <Box
+            background="#fff"
+            borderRadius="3xl"
+            flex={1}
+            margin={5}
+            mx="auto"
+            p={5}
+          >
             <Text color="pink.500" fontSize="3xl" textAlign="center">
               名前：
               <Text as="span" color="#000">
@@ -26,17 +44,34 @@ const Page = () => {
             </Text>
           </Box>
 
-          <Box background="#fff" borderRadius="3xl" flex={1} p={5}>
+          <Box
+            background="#fff"
+            borderRadius="3xl"
+            flex={1}
+            mx="auto"
+            p={5}
+            padding={10}
+          >
             <Text fontSize="2xl" textAlign="left">
               &emsp;会費についての注意事項
             </Text>
 
-            <Text fontSize="2xl" textAlign="center">
-              1.会費の徴収は4月と10月に行います 2.徴収金額は3000円です
-              3.脱退される場合、月割り計算で差額を返金致します
-              4.会費を期限内に納めていただけない場合、除名処分及び在籍期間中の会費を請求します
-            </Text>
+            <OrderedList fontSize="2xl" textAlign="left">
+              <ListItem>会費の徴収は4月と10月に行います</ListItem>
+
+              <ListItem>徴収金額は3000円です</ListItem>
+
+              <ListItem>
+                脱退される場合、月割り計算で差額を返金致します
+              </ListItem>
+
+              <ListItem>
+                会費を期限内に納めていただけない場合、除名処分及び在籍期間中の会費を請求します
+              </ListItem>
+            </OrderedList>
           </Box>
+
+          <Text>支払いはこちらから</Text>
         </Flex>
       </Flex>
     </DefaultLayout>