diff --git a/public/daily_result/daily_result.css b/public/daily_result/daily_result.css
deleted file mode 100644
index ead2906..0000000
--- a/public/daily_result/daily_result.css
+++ /dev/null
@@ -1,286 +0,0 @@
-h1,
-h2 {
-  display: block;
-  font-size: 2.4rem;
-  line-height: 1.3;
-  background-image: linear-gradient(45deg, #3b56dc, #f768d3 30%, #f2bc5f);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  animation: h1grad_always 3s ease-in-out infinite both;
-  animation-direction: alternate;
-  background-size: 300% 300%;
-  text-align: center;
-}
-
-h2 {
-  background-image: linear-gradient(-45deg, #3b56dc, #f768d3 30%, #f2bc5f);
-  font-size: 1.8rem;
-}
-
-@keyframes h1grad_always {
-  from {
-    background-position: 0% 0%;
-  }
-
-  to {
-    background-position: 100% 100%;
-  }
-}
-
-.main_form {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  row-gap: 1rem;
-  padding-inline: 1.75rem;
-  margin-top: 2rem;
-}
-
-#itemList {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  gap: 1.25rem;
-  justify-content: center;
-  padding-inline: 1.75rem;
-  margin-block: 1.75rem;
-}
-
-.item {
-    display: flex;
-    background-color: #c8f7f4;
-    column-gap: 1rem;
-    align-items: center;
-    border-radius: .5rem;
-    color: #155857;
-    overflow: hidden;
-}
-
-.user_link_outer {
-  background-color: #155857;
-  padding: .5rem 1rem;
-  align-items: center;
-  justify-content: center;
-}
-
-.user_link_outer:hover {
-  background-color: #206e6c;
-}
-
-.user_link_outer a {
-  color: whitesmoke;
-  text-decoration: none;
-  font-size: 1.35rem;
-  line-height: 1;
-  font-weight: bold;
-}
-
-.item .user_link_outer svg {
-    width: 1.35rem;
-    fill: whitesmoke;
-}
-
-.item .user_time_outer svg {
-  width: 1rem;
-  position: relative;
-  top: .2rem;
-  fill: #155857;
-}
-
-/* .item {
-  color: #22b4a0;
-  width: 15rem;
-  max-width: 80%;
-  padding: 1.5rem;
-  justify-content: center;
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  background-color: white;
-  border: 2px #8cf7e8 solid;
-  border-radius: .5rem;
-  filter: drop-shadow(.15rem .15rem 0 #8cf7e8);
-  -webkit-border-radius: .5rem;
-  -moz-border-radius: .5rem;
-  -ms-border-radius: .5rem;
-  -o-border-radius: .5rem;
-  -webkit-filter: drop-shadow(.15rem .15rem 0 #8cf7e8);
-}
-
-.item>p {
-  font-size: 1.2rem;
-}
-
-.item img {
-  filter: drop-shadow(.15rem .15rem 0 #8cf7e8);
-  pointer-events: none;
-  -webkit-filter: drop-shadow(.15rem .15rem 0 #8cf7e8);
-} */
-
-#point_icon {
-  display: inline-block;
-  position: relative;
-  top: .2rem;
-  width: 1.2rem;
-  height: 1.2rem;
-}
-
-#point_icon svg {
-  width: 100%;
-  fill: #22b4a0;
-}
-
-.item_cost {
-  color: #22b4a0;
-  font-weight: bold;
-  font-size: 1.3rem;
-  margin-block: .5rem;
-}
-
-button {
-  appearance: none;
-  border-style: solid;
-  border-width: 2px;
-  padding: .3rem 1.5rem;
-  background-color: #2dd3d0;
-  border-color: #2dd3d0;
-  border-color: #269b99;
-  border-radius: 3rem;
-  font-size: 1.2rem;
-  color: white;
-  font-weight: bold;
-  cursor: pointer;
-  display: inline-block;
-  margin-inline: 1.75rem;
-  -webkit-border-radius: 3rem;
-  -moz-border-radius: 3rem;
-  -ms-border-radius: 3rem;
-  -o-border-radius: 3rem;
-}
-
-button:hover {
-  background-color: #269b99;
-}
-
-.quest_box {
-  padding: 1rem 2rem;
-  margin-block: 1rem;
-  margin-inline: 1.75rem;
-  background-color: #f5f5f5;
-  display: flex;
-  flex-direction: column;
-  row-gap: .5rem;
-}
-
-.pos_box {
-  display: flex;
-  background-color: rgb(255, 242, 254);
-  flex-direction: column;
-  padding-block: 1.5rem;
-  gap: 1rem;
-  margin-inline: 1.75rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1rem;
-  -webkit-border-radius: 1rem;
-  -moz-border-radius: 1rem;
-  -ms-border-radius: 1rem;
-  -o-border-radius: 1rem;
-}
-
-.pos_box>div {
-  display: flex;
-  gap: .5rem;
-  align-items: center;
-  justify-content: center;
-}
-
-.pos_box input {
-  width: 4rem;
-}
-
-input {
-  display: block;
-  appearance: none;
-  border-style: solid;
-  border-width: 0 0 .125rem 0;
-  padding: .2rem 1.25rem;
-  border-radius: 0;
-  font-size: 1.2rem;
-  width: min(80%, 30rem);
-  border-color: gray;
-  background-color: transparent;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  -ms-border-radius: 0;
-  -o-border-radius: 0;
-}
-
-input:hover {
-  outline: none;
-  border-color: #2dd3d0;
-}
-
-input[type="number"]::-webkit-outer-spin-button,
-input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-input[type="number"] {
-  appearance: none;
-  -moz-appearance: none;
-}
-
-
-.link_button_over {
-  pointer-events: none;
-  text-decoration: none;
-  display: flex;
-  justify-content: center;
-}
-
-.link_button_over div {
-  display: inline-block;
-  margin-block: 1rem;
-  pointer-events: auto;
-  padding: .5rem 1.5rem;
-  color: white;
-  background-color: #435ee6;
-  border-style: solid;
-  border-color: #2b41ad;
-  border-width: .15rem;
-  text-align: center;
-  border-radius: 100vw;
-  font-weight: bold;
-  -webkit-border-radius: 100vw;
-  -moz-border-radius: 100vw;
-  -ms-border-radius: 100vw;
-  -o-border-radius: 100vw;
-}
-
-.link_button_over div:hover {
-  background-color: #2b41ad;
-}
-
-#user_content_card {
-  height: auto;
-  width: 100%;
-  margin-block: 1.5rem;
-}
-
-#user_header_area {
-  width: 100%;
-  height: 6rem;
-  background: linear-gradient(#aaecf1, #9bdee3);
-  /* justify-content: flex-end;
-  display: flex;
-  flex-direction: column;
-  align-items: end; */
-  position: relative;
-  color: white;
-  overflow: hidden;
-  pointer-events: none;
-  user-select: none;
-}
\ No newline at end of file
diff --git a/public/daily_result/index.html b/public/daily_result/index.html
index 729b6f8..d05edea 100644
--- a/public/daily_result/index.html
+++ b/public/daily_result/index.html
@@ -8,18 +8,20 @@
   </script>
   <script src="/lib/sessionChecker.js"></script>
   <script src="/search_around_people/post_location.js"></script>
-  <link rel="stylesheet" href="/daily_result/daily_result.css">
+  <link rel="stylesheet" href="/styles/daily_result.css">
 </head>
 
 <body>
   <div id="header"></div>
   <main>
-    <h1>
-      <span>24時間以内の</span>
-      <span>交流済みユーザー</span>
-    </h1>
-    <div class="user_list" id="itemList">
-      <!-- ここに自動的にdivタグが生成される -->
+    <div class="main_form">
+      <h1>
+        <span>24時間以内の</span>
+        <span>交流済みユーザー</span>
+      </h1>
+      <div class="user_list" id="itemList">
+        <!-- ここに自動的にdivタグが生成される -->
+      </div>
     </div>
   </main>
 
diff --git a/public/styles/daily_result.css b/public/styles/daily_result.css
index 72b560e..d71812f 100644
--- a/public/styles/daily_result.css
+++ b/public/styles/daily_result.css
@@ -37,30 +37,220 @@ h2 {
   margin-top: 2rem;
 }
 
-.results_form {
+#itemList {
   display: flex;
+  flex-direction: column;
   flex-wrap: wrap;
+  gap: 1.25rem;
+  justify-content: center;
+  padding-inline: 1rem;
+  margin-block: 1.75rem;
+}
+
+.item {
+    display: flex;
+    background-color: #c8f7f4;
+    column-gap: 1rem;
+    align-items: center;
+    border-radius: .5rem;
+    color: #155857;
+    overflow: hidden;
+}
+
+.user_link_outer {
+  background-color: #155857;
+  padding: .5rem 1rem;
+  align-items: center;
+  justify-content: center;
+}
+
+.user_link_outer:hover {
+  background-color: #206e6c;
+}
+
+.user_link_outer a {
+  color: whitesmoke;
+  text-decoration: none;
+  font-size: 1.35rem;
+  line-height: 1;
+  font-weight: bold;
+}
+
+.item .user_link_outer svg {
+    width: 1.35rem;
+    fill: whitesmoke;
+}
+
+.item .user_time_outer svg {
+  width: 1rem;
+  position: relative;
+  top: .2rem;
+  fill: #155857;
 }
 
-.user {
-  width: 5rem;
+#point_icon {
+  display: inline-block;
   position: relative;
+  top: .2rem;
+  width: 1.2rem;
+  height: 1.2rem;
+}
+
+#point_icon svg {
+  width: 100%;
+  fill: #22b4a0;
+}
+
+.item_cost {
+  color: #22b4a0;
+  font-weight: bold;
+  font-size: 1.3rem;
+  margin-block: .5rem;
+}
+
+button {
+  appearance: none;
+  border-style: solid;
+  border-width: 2px;
+  padding: .3rem 1.5rem;
+  background-color: #2dd3d0;
+  border-color: #2dd3d0;
+  border-color: #269b99;
+  border-radius: 3rem;
+  font-size: 1.2rem;
+  color: white;
+  font-weight: bold;
+  cursor: pointer;
+  display: inline-block;
+  margin-inline: 1.75rem;
+  -webkit-border-radius: 3rem;
+  -moz-border-radius: 3rem;
+  -ms-border-radius: 3rem;
+  -o-border-radius: 3rem;
+}
+
+button:hover {
+  background-color: #269b99;
+}
+
+.quest_box {
+  padding: 1rem 2rem;
+  margin-block: 1rem;
+  margin-inline: 1.75rem;
+  background-color: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+  row-gap: .5rem;
+}
+
+.pos_box {
+  display: flex;
+  background-color: rgb(255, 242, 254);
+  flex-direction: column;
+  padding-block: 1.5rem;
+  gap: 1rem;
+  margin-inline: 1.75rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1rem;
+  -webkit-border-radius: 1rem;
+  -moz-border-radius: 1rem;
+  -ms-border-radius: 1rem;
+  -o-border-radius: 1rem;
+}
+
+.pos_box>div {
+  display: flex;
+  gap: .5rem;
+  align-items: center;
+  justify-content: center;
+}
+
+.pos_box input {
+  width: 4rem;
 }
 
-.user svg {
+input {
+  display: block;
+  appearance: none;
+  border-style: solid;
+  border-width: 0 0 .125rem 0;
+  padding: .2rem 1.25rem;
+  border-radius: 0;
+  font-size: 1.2rem;
+  width: min(80%, 30rem);
+  border-color: gray;
+  background-color: transparent;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+}
+
+input:hover {
+  outline: none;
+  border-color: #2dd3d0;
+}
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  appearance: none;
+  -moz-appearance: none;
+}
+
+
+.link_button_over {
+  pointer-events: none;
+  text-decoration: none;
+  display: flex;
+  justify-content: center;
+}
+
+.link_button_over div {
+  display: inline-block;
+  margin-block: 1rem;
+  pointer-events: auto;
+  padding: .5rem 1.5rem;
+  color: white;
+  background-color: #435ee6;
+  border-style: solid;
+  border-color: #2b41ad;
+  border-width: .15rem;
+  text-align: center;
+  border-radius: 100vw;
+  font-weight: bold;
+  -webkit-border-radius: 100vw;
+  -moz-border-radius: 100vw;
+  -ms-border-radius: 100vw;
+  -o-border-radius: 100vw;
+}
+
+.link_button_over div:hover {
+  background-color: #2b41ad;
+}
+
+#user_content_card {
+  height: auto;
+  width: 100%;
+  margin-block: 1.5rem;
+}
+
+#user_header_area {
+  width: 100%;
+  height: 6rem;
+  background: linear-gradient(#aaecf1, #9bdee3);
+  /* justify-content: flex-end;
+  display: flex;
+  flex-direction: column;
+  align-items: end; */
   position: relative;
-  fill: #7ae09e;
-  transform: rotateY(0);
-  -webkit-transform: rotateY(0);
-  -moz-transform: rotateY(0);
-  -ms-transform: rotateY(0);
-  -o-transform: rotateY(0);
-}
-
-.user:hover svg {
-  transform: rotateY(180deg);
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-  -ms-transform: rotateY(180deg);
-  -o-transform: rotateY(180deg);
+  color: white;
+  overflow: hidden;
+  pointer-events: none;
+  user-select: none;
 }
\ No newline at end of file