@charset "UTF-8";

html {
  font-size: calc(10 * (100vw / 390));
  scroll-behavior: smooth;
}
body {
  color: var(--color-text-default);
  letter-spacing: var(--base-letter-spacing);
  font-family: var(--font-main);
  line-height: var(--base-line-height);
}
@media (max-width: 767px) {
  .u-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-hidden-md-up {
    display: none !important;
  }
}

@media (min-width: 767px) {
  html {
    font-size: calc(10 * (100vw /1440));
  }
}

.l-wrapper {
	display: grid;
	grid-template-rows: auto 1fr auto;
  min-height: 100svh;
}
/* ================================================================== container size */
.l-container--l {
  margin-inline: auto;
  padding-inline: var(--space-padding-l);
}
.l-container--m {
  margin-inline: auto;
  padding-inline: var(--space-padding-m);
}