* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

:root {
  --lm-primary-color: #F08336;
  --lm-primary-light-color: #F0D4C0;
  --lm-secondary-color: #EA5433;
  --lm-secondary-light-color: #EBC4BC;
  --lm-black: #000000;
  --lm-gray: #CCCCCC;
  --lm-gray-light: #E9E9E9;
  --lm-white: #F9F9F9;
  --lm-white-light: #FCFCFC;
  --lm-primary-effect: radial-gradient(#F08336 0%, #EA5433 100%);
  --lm-primary-effect: radial-gradient(100% 100% at 68.92% 0%, #F08336 0%, #EA5433 100%);
  --lm-gray-effect: radial-gradient(#CCCCCC 0%, #FEFEFE 100%);
  --lm-gray-effect: radial-gradient(100% 100% at 68.92% 0%, #CCCCCC 0%, #FEFEFE 100%);
  --lm-light-effect: radial-gradient(#F0D4CD 0%, #EBC4BC 100%);
  --lm-error: #E34C26;
  --lm-font-family: 'Noto Sans JP', sans-serif;

  --lm-small-font: 400 12px/18px var(--lm-font-family);
  --lm-regular-font: 400 16px/30px var(--lm-font-family);
  --lm-regular-bold-font: 700 16px/24px 'Inter', 'Noto Sans JP', sans-serif;
  --lm-large-font: 400 24px/36px var(--lm-font-family);
  --lm-largest-line-height: 60px;
  --lm-largest-font: 700 48px/var(--lm-largest-line-height) var(--lm-font-family);
  --lm-margin: 20px;

  font-family: var(--lm-font-family);
}

html {
  font: 400 16px/30px 'Noto Sans JP', sans-serif;
}

.regular {
  font: var(--lm-regular-font);
}

.regular-bold {
  font: var(--lm-regular-bold-font);
}

.large {
  font: var(--lm-large-font);
}

.largest {
  font: var(--lm-largest-font);
}

@media only screen and (min-width: 600px) {
  :root {
    --lm-margin: 60px;
  }
}

@media only screen and (min-width: 992px) {
  :root {
    --lm-margin: 160px;
  }
}