@charset "UTF-8";

/* ===============================================
# Inner
=============================================== */
.l-inner-sm {
  max-width: calc(var(--content-width-sm) + (var(--content-padding-side) * 2));
  padding-inline: var(--content-padding-side);
  margin-inline: auto;
}

.l-inner-md {
  max-width: calc(var(--content-width-md) + (var(--content-padding-side) * 2));
  padding-inline: var(--content-padding-side);
  margin-inline: auto;
}

.l-inner-lg {
  max-width: calc(var(--content-width-lg) + (var(--content-padding-side) * 2));
  padding-inline: var(--content-padding-side);
  margin-inline: auto;
}

@media (max-width: 768px) {
  .l-inner-sm,
  .l-inner-md,
  .l-inner-lg {
    max-width: revert;
  }
}

/* ===============================================
# Footer
=============================================== */
.l-footer {
  background-color: var(--color-white);
  margin-top: 150px;
}

@media (max-width: 768px) {
  .l-footer {
    margin-top: 80px;
  }
}

.l-footer__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 40px;
}

@media (max-width: 768px) {
  .l-footer__inner {
    grid-template-columns: revert;
    row-gap: 10px;
    text-align: center;
    padding-block: 30px;
  }
}

.l-footer__logo {
  width: 120px;
}

@media (max-width: 768px) {
  .l-footer__logo {
    width: 80px;
    margin-inline: auto;
  }
}

.l-footer__tagline {
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-xl);
}

.l-footer__copyright {
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-xl);
}

@media (max-width: 768px) {
  .l-footer__copyright {
    font-size: var(--font-size-3xs);
  }
}