@charset "UTF-8";

/*----------------------------------
  layout.css
-----------------------------------*/
.l-inner__narrow {
  width: 100%;
  max-width: 592px;
  padding: 0 1rem;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .l-inner__narrow {
    width: 100%;
    max-width: 1260px;
    padding: 0 5rem;
  }
}

.l-inner {
  width: 100%;
  max-width: 592px;
  padding: 0 1rem;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .l-inner {
    width: 100%;
    max-width: 1360px;
    padding: 0 5rem;
  }
}

.l-inner__page {
  width: 100%;
  max-width: 730px;
  padding: 0 1rem;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .l-inner__page {
    width: 100%;
    max-width: 1360px;
    padding: 0 5rem;
  }
}

.l-inner__lg {
  width: 100%;
  max-width: 592px;
  padding: 0 1rem;
  margin-inline: auto;
}

@media (min-width: 768px) {
  .l-inner__lg {
    width: 100%;
    max-width: 1360px;
    padding: 0 5rem;
  }
}

.l-section {
  width: 100%;
  -webkit-padding-before: 6.25rem;
  padding-block-start: 6.25rem;
  -webkit-padding-after: 5rem;
  padding-block-end: 5rem;
}

@media (min-width: 768px) {
  .l-section {
    -webkit-padding-before: 8.125rem;
    padding-block-start: 8.125rem;
    -webkit-padding-after: 6.25rem;
    padding-block-end: 6.25rem;
  }
}