diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index e1ea9861..7b974be9 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -1,11 +1,9 @@
 @import '../../node_modules/bootstrap/scss/bootstrap.scss';
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
 
-html,
-body {
+html {
   padding: 0;
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
 ::-webkit-full-page-media,
@@ -17,6 +15,20 @@ body {
   --vh100: 100vh;
   min-height: 100vh;
   min-height: var(--vh100);
+  max-width: 100%;
+  font-family: 'Aria', 'Noto Sans JP', sans-serif;
+}
+.fw-bold {
+  font-family: var(--bs-body-font-family);
+}
+.root {
+  min-height: var(--vh100);
+}
+main {
+  max-width: 1320px;
+  width: 90%;
+  margin: auto;
+  margin-top: 1rem;
 }
 
 a {
@@ -24,7 +36,7 @@ a {
   text-decoration: none;
 
   &:hover {
-    color: #0e6dfd;
+    color: var(--bs-link-color);
   }
 }
 
@@ -65,7 +77,11 @@ $main: rgb(20, 214, 182);
 .title-border-main,
 h1 {
   border-left: 8px solid $main;
-  border-bottom: 2px solid $main;
   padding: 4px 16px;
   margin-bottom: 16px !important;
+  font-weight: 500;
+}
+[data-bs-theme='dark'] {
+  --bs-body-color-rgb: 210, 210, 210 !important;
+  --bs-body-color: #dddddd !important;
 }