diff --git a/src/scss/modules/sp/_page-box.scss b/src/scss/modules/sp/_page-box.scss
index c81333e..f6d09a8 100644
--- a/src/scss/modules/sp/_page-box.scss
+++ b/src/scss/modules/sp/_page-box.scss
@@ -1,4 +1,4 @@
-@include tablet-layout {
+@include sp-layout {
   .page-box {
     position: absolute;
     top: 0; left: 0;
@@ -42,9 +42,9 @@
   /*** content ***/
   .page-box__content {
     position: absolute;
-    top: 20px; left: 20px;
-    width: calc(100% - 40px); height: calc(100% - 40px);
-    border: solid 10px $theme-pink;
+    top: 8px; left: 8px;
+    width: calc(100% - 16px); height: calc(100% - 16px);
+    border: solid 5px $theme-pink;
     box-sizing: border-box;
     background-color: $theme-bg;
     border-radius: 15px;
@@ -56,7 +56,7 @@
     .page-title {
       position: relative;
       margin: 50px auto;
-      width: 500px; height: 45px;
+      width: 280px; height: 40px;
 
       div {
         position: absolute;
@@ -64,18 +64,18 @@
         height: 100%;
       }
       div:nth-child(1) { width: 100%; background-color: $theme-gray; }
-      div:nth-child(2) { width: calc(100% - 15px); background-color: $theme-light-purple; }
-      div:nth-child(3) { width: calc(100% - 30px); background-color: $theme-light-pink; }
-      div:nth-child(4) { width: calc(100% - 45px); background-color: $theme-pink; }
+      div:nth-child(2) { width: calc(100% - 10px); background-color: $theme-light-purple; }
+      div:nth-child(3) { width: calc(100% - 20px); background-color: $theme-light-pink; }
+      div:nth-child(4) { width: calc(100% - 30px); background-color: $theme-pink; }
 
       h2 {
         position: absolute;
         top: 0; left: 0;
-        width: 100%; height: 45px;
+        width: 100%; height: 40px;
         font-size: 20px;
         color: #fff;
         text-align: center;
-        line-height: 45px;
+        line-height: 40px;
       }
     }
   }
@@ -84,7 +84,7 @@
   .page-box__close-btn {
     position: absolute;
     top: 5px; right: 5px;
-    width: 100px; height: 100px;
+    width: 50px; height: 50px;
     display: block;
     transform: translate(calc(100% + 20px), calc(-100% + -20px));
     z-index: 5;
@@ -108,8 +108,8 @@
       &::after {
         content: ""; display: block;
         position: absolute;
-        top: 49px; left: 20px;
-        width: 60px; height: 1px;
+        top: 24px; left: 10px;
+        width: 30px; height: 1px;
         border-top: dashed 2px $theme-purple;
         box-sizing: border-box;
         opacity: 0.7;
diff --git a/src/scss/modules/sp/_profile.scss b/src/scss/modules/sp/_profile.scss
index c20aafb..c7e13ef 100644
--- a/src/scss/modules/sp/_profile.scss
+++ b/src/scss/modules/sp/_profile.scss
@@ -1,11 +1,8 @@
-@include tablet-layout {
+@include sp-layout {
   .profile-page {}
 
   /*** body ***/
   .profile-page__body {
-    width: 600px;
-    margin: 0 auto;
-
     .icon {
       position: relative;
       width: 150px; height: 150px;
@@ -58,14 +55,14 @@
 
       .info-li {
         position: relative;
-        width: 400px;
+        width: 80%;
         padding: 0 10px;
         margin: 0 auto;
         margin-bottom: 15px;
         border-bottom: solid 1px $theme-light-pink;
         
         span {
-          font-size: 14px;
+          font-size: 10px;
           color: $theme-light-purple;
           margin-right: 5px;
         }
diff --git a/src/scss/modules/sp/_top-page.scss b/src/scss/modules/sp/_top-page.scss
index a5c22fc..ccf244a 100644
--- a/src/scss/modules/sp/_top-page.scss
+++ b/src/scss/modules/sp/_top-page.scss
@@ -5,7 +5,7 @@
     width: 100%; height: 100%;
     background-color: $theme-bg;
     overflow: hidden;
-    z-index: 996;
+    z-index: 1001;
 
     &::after {
       content: ""; display: block;