@charset "UTF-8";

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

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

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

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

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

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

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

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


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

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