body {
    margin: 0;
    line-height: normal;
  }
    
    
      :root {

/* Common Style Variables */

/* Color */
--color-antiquewhite: #f6e2d4;
--color-black: #000;
--color-chocolate: #ff8021;
--color-darkorange: #ff8021;
--color-orange-deep: #f26a00;
--color-darkslateblue: #13254b;
--color-darkslategray: #4a4a4a;
--color-firebrick: #b72e00;
--color-ghostwhite: #eff1f7;
--color-gray: #081630;
--color-lightsteelblue-100: #b9bfd2;
--color-lightsteelblue-200: #babbd9;
--color-linen: #f5e6dc;
--color-mediumblue: #0017c6;
--color-white: #fff;

/* Gap */
--gap-4: 4px;
--gap-6: 6px;
--gap-8: 8px;
--gap-10: 10px;
--gap-12: 12px;
--gap-16: 16px;
--gap-20: 20px;
--gap-24: 24px;
--gap-32: 32px;
--gap-40: 40px;
--gap-48: 48px;
--gap-64: 64px;
--gap-80: 80px;

/* Padding */
--padding-0: 0px;
--padding-2: 2px;
--padding-3: 3px;
--padding-4: 4px;
--padding-5: 5px;
--padding-6: 6px;
--padding-8: 8px;
--padding-10: 10px;
--padding-12: 12px;
--padding-16: 16px;
--padding-22: 22px;
--padding-24: 24px;
--padding-32: 32px;
--padding-40: 40px;
--padding-64: 64px;
--padding-80: 80px;

/* BorderRadius */
--br-2: 2px;
--br-10: 10px;
--br-100: 100px;

/* Font */
--font-noto-sans-jp: Noto Sans JP;

/* FontSize */
--fs-10: 10px;
--fs-12: 12px;
--fs-14: 14px;
--fs-16: 16px;
--fs-18: 18px;
--fs-20: 20px;
--fs-24: 24px;
--fs-28: 28px;
--fs-32: 32px;
--fs-40: 40px;
--fs-48: 48px;
--fs-60: 60px;
--fs-64: 64px;

/* Borders */
--border-1: 1px solid var(--color-lightsteelblue-200);
--border-2: 1px solid var(--color-black);
--border-11: 2px solid var(--color-lightsteelblue-200);

/* Shadows */
--shadow-drop: 4px 4px 0px #c9cdd8;

/* WidthHeights */
--height-1: 1px;
--height-14: 14px;
--height-16: 16px;
--height-24: 24px;
--height-36: 36px;
--height-40: 40px;
--height-56: 56px;
--height-124: 124px;
--height-180: 180px;
--width-2: 2px;
--width-24: 24px;
--width-26: 26px;
--width-36: 36px;
--width-40: 40px;
--width-41: 41px;
--width-60: 60px;
--width-100: 100px;
--width-124: 124px;
--width-180: 180px;
--width-240: 240px;
--width-260: 260px;
--width-280: 280px;
--width-320: 320px;
--width-362: 362px;
--width-408: 408px;
--width-1000: 1000px;
--width-1080: 1080px;
--width-242_7: 242.7px;

/* LetterSpacings */
--ls-0_02: 0.02;
--ls-0_03: 0.03;

}