style: --

src/views/EpilogueView.vue

@@ -323,6 +323,7 @@ function onClickOfflineMuseumEntry() {
     bottom: 0;
     left: 158px;
     width: 298px;
+    z-index: 2;
   }
   @media screen and (max-height: 740px) {
     >img.character{
@@ -361,7 +362,7 @@ function onClickOfflineMuseumEntry() {
   .mxdw-title {
     display: inline-block;
     position: relative;
-    margin: calc(50 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) 0 calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    margin: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) 0 calc(10 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
 
     &::before,
     &::after {
@@ -383,7 +384,7 @@ function onClickOfflineMuseumEntry() {
   }
   .bottom-wrap-c {
     width: 100%;
-    height: 480px;
+    height: calc(650 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     margin-bottom: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     padding-right: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     overflow: hidden;
@@ -423,11 +424,11 @@ function onClickOfflineMuseumEntry() {
       }
     }
     .mxdw {
-      margin-bottom: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
       text-align: center;
 
       p {
-        line-height: calc(70 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) !important;
+        font-size: calc(18 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) !important;
+        line-height: calc(40 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef')) !important;
       }
     }
   }