mobileの文字サイズを大きくした

src/components/atoms/anchor-text/__snapshots__/anchor-text.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`(components) atoms/anchor take snap shot 1`] = `
 <div>
   <a
-    class="twin-38ucqm-AnchorText ey6ijqd0"
+    class="twin-1yx28h9-AnchorText ey6ijqd0"
     href="#"
     role="link"
     tabindex="0"

src/components/atoms/anchor-text/index.tsx

@@ -1,5 +1,5 @@
 import tw from "twin.macro";
 
-const AnchorText = tw.a`font-zen text-white text-[calc(8px + 8 * ((100vw - 378px) / 1134))]`;
+const AnchorText = tw.a`font-zen text-white text-[calc(12px + 4 * ((100vw - 378px) / 1134))]`;
 
 export { AnchorText };

src/components/atoms/button/__snapshots__/button.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`(components) atoms/button take anchor button's snap shot 1`] = `
     tabindex="0"
   >
     <p
-      class="twin-1u06aab-Text-Button epv4mo00"
+      class="twin-cryf0r-Text-Button epv4mo00"
     >
       This is test
     </p>
@@ -24,7 +24,7 @@ exports[`(components) atoms/button take default button's snap shot 1`] = `
     tabindex="0"
   >
     <p
-      class="twin-1u06aab-Text-Button epv4mo00"
+      class="twin-cryf0r-Text-Button epv4mo00"
     >
       This is test
     </p>

src/components/atoms/button/index.tsx

@@ -13,9 +13,7 @@ const Button = <T extends AnyComponent>({
   ...rest
 }: ButtonProperties<T>): JSX.Element => (
   <ButtonBox css={boxStyles} as={as} tabIndex={0} {...rest}>
-    <Text css={[tw`text-[calc(8px + 16 * ((100vw - 378px) / 1134))] font-bold text-black`, textStyles]}>
-      {children}
-    </Text>
+    <Text css={[tw`font-bold text-black`, textStyles]}>{children}</Text>
   </ButtonBox>
 );
 

src/components/atoms/heading/__snapshots__/heading.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`(components) atoms/heading take snap shot 1`] = `
 <div>
   <h1
-    class="twin-1bh7ayn-Heading ebaq0s80"
+    class="twin-f7kb4u-Heading ebaq0s80"
   >
     This is test
   </h1>

src/components/atoms/heading/index.tsx

@@ -1,5 +1,5 @@
 import tw from "twin.macro";
 
-const Heading = tw.h1`font-zen text-white text-[calc(10px + 26 * ((100vw - 378px) / 1134))] select-none`;
+const Heading = tw.h1`font-zen text-white text-[calc(14px + 22 * ((100vw - 378px) / 1134))] select-none`;
 
 export { Heading };

src/components/atoms/text/__snapshots__/text.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`(components) atoms/text take snap shot 1`] = `
 <div>
   <p
-    class="twin-11l9qz8-Text epv4mo00"
+    class="twin-w53v7j-Text epv4mo00"
   >
     This is test
   </p>

src/components/atoms/text/index.tsx

@@ -1,5 +1,5 @@
 import tw from "twin.macro";
 
-const Text = tw.p`font-zen text-white text-[calc(8px + 8 * ((100vw - 378px) / 1134))] select-none`;
+const Text = tw.p`font-zen text-white text-[calc(12px + 4 * ((100vw - 378px) / 1134))] select-none`;
 
 export { Text };

src/components/organisms/footer/__snapshots__/footer.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`(components) organisms/footer take snap shot 1`] = `
 <div>
   <footer
-    class="twin-lirwr2-FooterBox e1cwxp960"
+    class="twin-ey91xp-FooterBox e1cwxp960"
     role="contentinfo"
   >
     <a
-      class="twin-38ucqm-AnchorText ey6ijqd0"
+      class="twin-1yx28h9-AnchorText ey6ijqd0"
       href="#"
       rel="noopener noreferrer"
       role="link"

src/components/organisms/footer/index.tsx

@@ -3,7 +3,7 @@ import tw from "twin.macro";
 import type { FooterProperties } from "../../../models";
 import { AnchorText } from "../../atoms/anchor-text";
 
-const FooterBox = tw.footer`bg-black text-center leading-[calc(8px + 16 * ((100vw - 378px) / 1134))] py-[calc(100vw / 63)] w-screen`;
+const FooterBox = tw.footer`bg-black text-center leading-[calc(12px + 4 * ((100vw - 378px) / 1134))] py-[calc(100vw / 63)] w-screen`;
 
 const Footer: React.FC<FooterProperties> = ({ link, children, ...rest }) => (
   <FooterBox role={"contentinfo"} {...rest}>

src/components/organisms/map-section/__snapshots__/map-section.test.tsx.snap

@@ -7,15 +7,15 @@ exports[`(components) organisms/map-section take snap shot 1`] = `
     class="twin-1xd1333-MapSectionContainer eo5dcy1"
   >
     <h1
-      class="twin-1bh7ayn-Heading ebaq0s80"
+      class="twin-f7kb4u-Heading ebaq0s80"
     >
       アクセス
     </h1>
     <div
       class="twin-takigz-MapBox eo5dcy0"
     >
       <p
-        class="twin-1eur3k6-Text-MapSection epv4mo00"
+        class="twin-n0izib-Text-MapSection epv4mo00"
       >
         〒
         510-0294 三重県鈴鹿市白子町

src/components/templates/layout/__snapshots__/layout.test.tsx.snap

@@ -15,11 +15,11 @@ exports[`(components) templates/layout take snap shot 1`] = `
         <section />
       </div>
       <footer
-        class="twin-lirwr2-FooterBox e1cwxp960"
+        class="twin-ey91xp-FooterBox e1cwxp960"
         role="contentinfo"
       >
         <a
-          class="twin-38ucqm-AnchorText ey6ijqd0"
+          class="twin-1yx28h9-AnchorText ey6ijqd0"
           href="https://github.com/suzuka-kosen-festa/2022-HP/blob/main/LICENSE"
           rel="noopener noreferrer"
           role="link"