.l-main {
  padding-top: calc(var(--height-header) * 1px);
}

@media screen and (max-width: 1024px) {
  .l-main {
    padding-top: calc(var(--height-header-sp) * 1px);
  }
}

.l-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.l-inner {
  max-width: calc(var(--width-inner) * 1px);
  margin-left: auto;
  margin-right: auto;
}

.l-inner-sm {
  max-width: calc(var(--width-inner-sm) * 1px);
  margin-left: auto;
  margin-right: auto;
}

.l-inner-lg {
  max-width: calc(var(--width-inner-lg) * 1px);
  margin-left: auto;
  margin-right: auto;
}