@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;
}

:root {
  --variable-collection-white: rgba(255, 255, 255, 1);
  --variable-collection-black: rgba(0, 0, 0, 1);
  --variable-collection-gray-silver-sand: rgba(196, 196, 196, 1);
  --variable-collection-gray-bright-gray: rgba(239, 239, 239, 1);
  --variable-collection-gray-ghost-white: rgba(249, 249, 249, 1);
  --variable-collection-denim-blue: rgba(47, 58, 188, 1);
  --variable-collection-gray-spanish-gray: rgba(156, 156, 156, 1);
  --variable-collection-maincolor: rgba(14, 32, 235, 1);
  --variable-collection-browncolor: rgba(67, 5, 5, 1);
  --variable-collection-textcolor: rgba(27, 3, 3, 1);
  --variable-collection-browncolor2: rgba(162, 150, 150, 1);
  --variable-collection-redcolor: rgba(157, 33, 37, 1);
  --variable-collection-greencolor: rgba(40, 140, 30, 1);
  --variable-collection-yellowcolor: rgba(223, 223, 71, 1);
  --variable-collection-light-silver: rgba(217, 217, 217, 1);
}

.sp,
.pc {
  width: 100%;
}

.pc {
  display: none;
}

body.active {
  overflow: hidden;
}

@media (min-width: 769px) {
}