/* Figma Styles of your File */
:root {
  /* Colors */
  --primarymain: #ff0000;
  --primarypale: #ffecec;
  --accent: #022b8a;
  --accentpale: #d9d9d9;
  --blackmain: #333333;
  --graymain: #777777;
  --graysub: #bdbdbd;
  --graylight: #e3e3e3;
  --graypale: #f6f6f6;
  --whitepale: #fff8f8;
  --whitemain: #ffffff;
  --alertmain: #ff0000;
  --alertpale: #fff4f9;
  --successmain: #06c755;
  --souiaward: linear-gradient(
    180deg,
    rgba(165, 0, 0, 1) 0%,
    rgba(255, 95, 95, 1) 60.09615659713745%,
    rgba(102, 0, 0, 1) 100%
  );
  --hama: linear-gradient(
    160.63deg,
    rgba(252, 237, 140, 1) 0%,
    rgba(236, 208, 98, 1) 48.557692766189575%,
    rgba(201, 158, 0, 1) 100%
  );
  --hama2: linear-gradient(
    135deg,
    rgba(239, 194, 75, 1) 0%,
    rgba(248, 240, 181, 1) 12.999999523162842%,
    rgba(245, 202, 102, 1) 25%,
    rgba(248, 217, 108, 1) 50%,
    rgba(245, 202, 102, 1) 75%,
    rgba(245, 204, 107, 1) 75.99999904632568%,
    rgba(247, 230, 160, 1) 82.99999833106995%,
    rgba(248, 240, 181, 1) 87.00000047683716%,
    rgba(244, 221, 137, 1) 91.00000262260437%,
    rgba(242, 207, 104, 1) 94.9999988079071%,
    rgba(240, 199, 84, 1) 98.00000190734863%,
    rgba(240, 196, 77, 1) 100%
  );
  --buttonaccent: linear-gradient(
    261.74deg,
    rgba(0, 242, 255, 1) 2.8846153989434242%,
    rgba(0, 179, 255, 1) 10.677649825811386%,
    rgba(2, 43, 138, 1) 57.95742869377136%,
    rgba(0, 66, 220, 1) 100%
  );

  /* Fonts */
  --bold-notob0-font-family: "Noto Sans JP", sans-serif;
  --bold-notob0-font-size: 48px;
  --bold-notob0-line-height: 160%;
  --bold-notob0-font-weight: 700;
  --bold-notob0-font-style: normal;
  --bold-notob1-font-family: "Noto Sans JP", sans-serif;
  --bold-notob1-font-size: 36px;
  --bold-notob1-line-height: 160%;
  --bold-notob1-font-weight: 700;
  --bold-notob1-font-style: normal;
  --bold-notob1sp-font-family: "Noto Sans JP", sans-serif;
  --bold-notob1sp-font-size: 30px;
  --bold-notob1sp-line-height: 160%;
  --bold-notob1sp-font-weight: 700;
  --bold-notob1sp-font-style: normal;
  --bold-notob2-font-family: "Noto Sans JP", sans-serif;
  --bold-notob2-font-size: 28px;
  --bold-notob2-line-height: 160%;
  --bold-notob2-font-weight: 700;
  --bold-notob2-font-style: normal;
  --bold-notob3-font-family: "Noto Sans JP", sans-serif;
  --bold-notob3-font-size: 24px;
  --bold-notob3-line-height: 160%;
  --bold-notob3-font-weight: 700;
  --bold-notob3-font-style: normal;
  --bold-notob2sp-font-family: "Noto Sans JP", sans-serif;
  --bold-notob2sp-font-size: 20px;
  --bold-notob2sp-line-height: 160%;
  --bold-notob2sp-font-weight: 700;
  --bold-notob2sp-font-style: normal;
  --bold-notob4-font-family: "Noto Sans JP", sans-serif;
  --bold-notob4-font-size: 18px;
  --bold-notob4-line-height: 160%;
  --bold-notob4-font-weight: 700;
  --bold-notob4-font-style: normal;
  --bold-notob5-font-family: "Noto Sans JP", sans-serif;
  --bold-notob5-font-size: 16px;
  --bold-notob5-line-height: 160%;
  --bold-notob5-font-weight: 700;
  --bold-notob5-font-style: normal;
  --bold-notob6-font-family: "Noto Sans JP", sans-serif;
  --bold-notob6-font-size: 14px;
  --bold-notob6-line-height: 160%;
  --bold-notob6-font-weight: 700;
  --bold-notob6-font-style: normal;
  --bold-notob7-font-family: "Noto Sans JP", sans-serif;
  --bold-notob7-font-size: 12px;
  --bold-notob7-line-height: 160%;
  --bold-notob7-font-weight: 700;
  --bold-notob7-font-style: normal;
  --nomal-noton1-font-family: "Noto Sans JP", sans-serif;
  --nomal-noton1-font-size: 16px;
  --nomal-noton1-line-height: 160%;
  --nomal-noton1-font-weight: 400;
  --nomal-noton1-font-style: normal;
  --nomal-noton2-font-family: "Noto Sans JP", sans-serif;
  --nomal-noton2-font-size: 14px;
  --nomal-noton2-line-height: 160%;
  --nomal-noton2-font-weight: 400;
  --nomal-noton2-font-style: normal;
  --nomal-noton3-font-family: "Noto Sans JP", sans-serif;
  --nomal-noton3-font-size: 12px;
  --nomal-noton3-line-height: 160%;
  --nomal-noton3-font-weight: 400;
  --nomal-noton3-font-style: normal;
  --nomal-noton4-font-family: "Noto Sans JP", sans-serif;
  --nomal-noton4-font-size: 10px;
  --nomal-noton4-line-height: 160%;
  --nomal-noton4-font-weight: 400;
  --nomal-noton4-font-style: normal;

  /* Effects */
  --card-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.05),
    9px 0px 12px 0px rgba(0, 0, 0, 0.03), -9px 0px 12px 0px rgba(0, 0, 0, 0.03);
  --buttoninner-box-shadow: inset 0px 4px 4px 0px rgba(124, 124, 124, 0.2);
  --button-box-shadow: 0px 4px 16.8px 0px rgba(66, 66, 66, 0.25),
    -4px 5px 15.3px 0px rgba(66, 66, 66, 0.25);
}
/* Figma Color Variables of your File */
[data-1-mode="mode-1"] {
  /* mode-1 */
  --bule: #021e8a;
}