@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:var(--subtitle-2-font-weight),var(--body-4-font-weight),var(--body-3-font-weight),var(--h-1-font-weight),var(--btn-2-font-weight),var(--btn-1-font-weight),var(--body-1-font-weight),var(--subtitle-1-font-weight),var(--body-2-font-weight)");
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}



/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

.noshow {
  display:none !important;
}
#root,form,.App {
 height: 100%;

}




:root {
  --attentionprimary: rgba(242, 32, 12, 1);
  --attentionsecondary: rgba(249, 143, 133, 1);
  --attentiontertiary: rgba(255, 240, 238, 1);
  --background-2primary: rgba(255, 255, 255, 1);
  --basehightlight: rgba(239, 245, 241, 1);
  --baseprimary: rgba(14, 137, 56, 1);
  --baseprimary-dark: rgba(11, 110, 45, 1);
  --baseprimary-light: rgba(138, 182, 146, 1);
  --body-1-font-family: "Noto Sans JP", Helvetica;
  --body-1-font-size: 16px;
  --body-1-font-style: normal;
  --body-1-font-weight: 400;
  --body-1-letter-spacing: 0px;
  --body-1-line-height: 150%;
  --body-2-font-family: "Noto Sans JP", Helvetica;
  --body-2-font-size: 14px;
  --body-2-font-style: normal;
  --body-2-font-weight: 400;
  --body-2-letter-spacing: 0.17000000178813934px;
  --body-2-line-height: 142.99999475479126%;
  --body-3-font-family: "Noto Sans JP", Helvetica;
  --body-3-font-size: 13px;
  --body-3-font-style: normal;
  --body-3-font-weight: 400;
  --body-3-letter-spacing: 0px;
  --body-3-line-height: 142.99999475479126%;
  --body-4-font-family: "Noto Sans JP", Helvetica;
  --body-4-font-size: 12px;
  --body-4-font-style: normal;
  --body-4-font-weight: 400;
  --body-4-letter-spacing: 0px;
  --body-4-line-height: 136.00000143051147%;
  --borderprimary: rgba(196, 196, 196, 1);
  --bordersecondary: rgba(228, 228, 228, 1);
  --btn:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(
      0,
      0,
      0,
      0.12
    );
  --btn-1-font-family: "Noto Sans JP", Helvetica;
  --btn-1-font-size: 14px;
  --btn-1-font-style: normal;
  --btn-1-font-weight: 700;
  --btn-1-letter-spacing: 0px;
  --btn-1-line-height: 142.99999475479126%;
  --btn-2-font-family: "Noto Sans JP", Helvetica;
  --btn-2-font-size: 13px;
  --btn-2-font-style: normal;
  --btn-2-font-weight: 700;
  --btn-2-letter-spacing: 0px;
  --btn-2-line-height: 142.99999475479126%;
  --btn-s: 0px 1px 1px -2px rgba(0, 0, 0, 0.15), 0px 2px 2px 0px
    rgba(0, 0, 0, 0.14);
  --caption-font-family: "Noto Sans JP", Helvetica;
  --caption-font-size: 11px;
  --caption-font-style: normal;
  --caption-font-weight: 700;
  --caption-letter-spacing: 0px;
  --caption-line-height: 165.9999966621399%;
  --card:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(
      0,
      0,
      0,
      0.12
    );
  --fixed-bottom:
    0px -2px 1px -1px rgba(0, 0, 0, 0.2), 0px -1px 1px 0px rgba(0, 0, 0, 0.14), 0px -1px 3px 0px rgba(
      0,
      0,
      0,
      0.12
    );
  --h-1-font-family: "Noto Sans JP", Helvetica;
  --h-1-font-size: 20px;
  --h-1-font-style: normal;
  --h-1-font-weight: 700;
  --h-1-letter-spacing: 0.15000000596046448px;
  --h-1-line-height: 148.00000190734863%;
  --h-2-font-family: "Noto Sans JP", Helvetica;
  --h-2-font-size: 18px;
  --h-2-font-style: normal;
  --h-2-font-weight: 700;
  --h-2-letter-spacing: 0.15000000596046448px;
  --h-2-line-height: 120.00000476837158%;
  --header: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  --infoprimary: rgba(83, 83, 78, 1);
  --infosecondary: rgba(153, 153, 151, 1);
  --infotertiary: rgba(224, 224, 224, 1);
  --keyprimary: rgba(255, 104, 98, 1);
  --keysecondary: rgba(249, 187, 184, 1);
  --keytertiary: rgba(255, 239, 239, 1);
  --labelcontrastdefault: rgba(255, 255, 255, 1);
  --labelcontrastdisable: rgba(255, 255, 255, 0.35);
  --labelcontrasthover: rgba(255, 255, 255, 0.7);
  --labelprimary: rgba(51, 51, 48, 1);
  --labelsecondary: rgba(94, 94, 88, 1);
  --labeltertiary: rgba(181, 181, 181, 1);
  --order-colorsblue: rgba(42, 76, 252, 1);
  --order-colorsgreen: rgba(114, 197, 9, 1);
  --order-colorsorange: rgba(251, 149, 76, 1);
  --order-colorsother: rgba(222, 222, 222, 1);
  --order-colorspink: rgba(255, 138, 229, 1);
  --order-colorspurple: rgba(160, 94, 245, 1);
  --order-colorsred: rgba(255, 79, 79, 1);
  --order-colorswhite: rgba(255, 255, 255, 1);
  --order-colorsyellow: rgba(255, 241, 116, 1);
  --otherbackground-grey: rgba(249, 249, 249, 1);
  --otherempty-overall: rgba(240, 242, 240, 1);
  --otheremptypartially: rgba(240, 240, 240, 1);
  --otherlight: rgba(216, 231, 219, 1);
  --otherlogo: rgba(0, 167, 59, 1);
  --othersub: rgba(193, 217, 197, 1);
  --popup:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(
      0,
      0,
      0,
      0.12
    );
  --subtitle-1-font-family: "Noto Sans JP", Helvetica;
  --subtitle-1-font-size: 16px;
  --subtitle-1-font-style: normal;
  --subtitle-1-font-weight: 700;
  --subtitle-1-letter-spacing: 0.15000000596046448px;
  --subtitle-1-line-height: 150%;
  --subtitle-2-font-family: "Noto Sans JP", Helvetica;
  --subtitle-2-font-size: 14px;
  --subtitle-2-font-style: normal;
  --subtitle-2-font-weight: 700;
  --subtitle-2-letter-spacing: 0.17000000178813934px;
  --subtitle-2-line-height: 142.99999475479126%;
  --subtitle-3-font-family: "Noto Sans JP", Helvetica;
  --subtitle-3-font-size: 13px;
  --subtitle-3-font-style: normal;
  --subtitle-3-font-weight: 700;
  --subtitle-3-letter-spacing: 0px;
  --subtitle-3-line-height: 142.99999475479126%;
  --subtitle-4-font-family: "Noto Sans JP", Helvetica;
  --subtitle-4-font-size: 12px;
  --subtitle-4-font-style: normal;
  --subtitle-4-font-weight: 700;
  --subtitle-4-letter-spacing: 0.17000000178813934px;
  --subtitle-4-line-height: 136.00000143051147%;
  --successprimary: rgba(133, 114, 0, 1);
  --successsecondary: rgba(225, 217, 170, 1);
  --successtertiary: rgba(246, 244, 229, 1);
}