@charset "utf-8";


.l-main {
  -webkit-padding-before: 4.5rem;
          padding-block-start: 4.5rem;
  min-height: 100vh;
}

.l-inner {
  width: 100%;
  max-width: 640px;
  padding: 0 1.25rem;
  margin-inline: auto;
  height: inherit;
}
@media (min-width: 768px) {
  .l-inner {
    width: 100%;
    max-width: 1180px;
    padding: 0 2.5rem;
  }
}

.l-service__inner {
  width: 100%;
  max-width: 650px;
  padding: 0 20px;
  margin-inline: auto;
  height: inherit;
}

@media (min-width: 414px) {
  .l-service__inner {
    padding: 0 26px;
  }
}

@media (min-width: 768px) {
  .l-service__inner {
    width: 100%;
    max-width: 1146px;
    padding: 0 22px;
  }
}

@media (min-width: 1024px) {
  .l-service__inner {
    padding: 0 14px;
  }
}
.l-inner__narrow {
  max-width: 50rem;
}
@media (min-width: 769px) {
  .l-inner__narrow {
    padding: 0 1.25rem;
    max-width: 600px;
  }
}

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


.u-pc {
  display: none !important;
}

@media (min-width: 768px) {
  .u-pc {
    display: block !important;
  }
  .u-sp {
    display: none !important;
  }
}