some fix

.gitignore

@@ -130,3 +130,5 @@ dist
 .pnp.*
 
 data
+
+.DS_Store

frontend/core/src/app/page.module.scss

@@ -8,6 +8,13 @@
   min-height: 100vh;
 }
 
+.hideOnlySmartphone {
+  display: block;
+  @include m.sm {
+    display: none;
+  }
+}
+
 .hero {
   position: relative;
   width: 100%;
@@ -54,12 +61,6 @@
   animation: 300s linear 0s infinite running slide-space;
 }
 
-.heroOverlay {
-  min-height: 1320px;
-  position: absolute;
-  background-image: url("/assets/hero-overlay.svg");
-}
-
 @keyframes slide-space {
   from {
     transform: translateX(0);
@@ -123,7 +124,7 @@
 }
 
 .background {
-  margin: 128px 0;
+  padding: 128px 0;
   background-image: url("/assets/background-stars.svg");
   width: 100%;
 }
@@ -161,6 +162,10 @@
 .priceCol {
   margin-right: 32px;
 
+  @include m.sm {
+    margin-bottom: 64px;
+  }
+
   @include m.lg {
     margin: auto;
   }
@@ -181,6 +186,7 @@
   width: 360px;
   @include m.lg {
     min-width: 100%;
+    margin-bottom: 64px;
   }
 }
 

frontend/core/src/app/page.tsx

@@ -24,7 +24,6 @@ export default function Home() {
         <Image className={styles.heroEarth} src={earth} alt="Earth" />
       </div>
       <div className={styles.heroSpace}></div>
-      <div className={styles.heroOverlay} />
       <div className={styles.heroContainer}>
         <div className={styles.copyContainer}>
           <div className={styles.catchCopy}>
@@ -108,7 +107,7 @@ Turbo では、具体的な期日や目標達成までに必要な意識を設
           </div>
           <div className={styles.priceContent}>
             <div className={styles.priceTable}>
-              <div className={styles.priceCol}>
+              <div className={[styles.priceCol, styles.hideOnlySmartphone].join(' ')}>
                 <div className={styles.priceTableHeader}>
                   <div className={styles.priceTableHeaderHeader}></div>
                   <div className={styles.priceTableHeaderBody}>

frontend/core/src/components/section/index.module.scss

@@ -86,8 +86,8 @@
 .right {
   position: relative;
   flex: 1;
-  width: 900px;
-  height: 566px;
+  width: 768px;
+  height: 480px;
 
   @include m.lg {
     min-width: 100%;
@@ -102,6 +102,6 @@
 .image {
   display: block;
   border-radius: 8px;
-  box-shadow: 1px 1px 4px 8px var(--shadow-color);
+  box-shadow: 1px 1px 8px 4px var(--shadow-color);
 }
 

frontend/core/src/components/shared/footer/index.tsx

@@ -19,7 +19,7 @@ const footerMenus = [
     title: "ドキュメント",
     list: [
       {
-        label: "Turoboの使い方",
+        label: "Turboの使い方",
         link: "",
       },
       {