@charset "utf-8";

/*----------------------------------
  layout.css
-----------------------------------*/
.l-inner__narrow {
  width: 100%;
  max-width: 630px;
  padding: 0 1.5625rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-inner__narrow {
    width: 100%;
    max-width: 1260px;
    padding: 0 5rem;
  }
}

.l-inner {
  width: 100%;
  max-width: 630px;
  padding: 0 1.5625rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-inner {
    width: 100%;
    max-width: 1376px;
    padding: 0 5rem;
  }
}

.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: 1376px;
    padding: 0 5rem;
  }
}

.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: 7.5rem;
            padding-block-start: 7.5rem;
    -webkit-padding-after: 7.5rem;
            padding-block-end: 7.5rem;
  }
}


/*----------------------------------
  utility.css 
-----------------------------------*/
.u-absolute {
  position: absolute;
}

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

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

.u-marginright {
  -webkit-margin-end: unset !important;
          margin-inline-end: unset !important;
}
@media (min-width: 0px) {
  .u-marginright--sp {
    -webkit-margin-end: unset !important;
            margin-inline-end: unset !important;
  }
}
@media (min-width: 768px) {
  .u-marginright--sp {
    -webkit-margin-end: inherit !important;
            margin-inline-end: inherit !important;
  }
}
@media (min-width: 768px) {
  .u-marginright--pc {
    -webkit-margin-end: unset !important;
            margin-inline-end: unset !important;
  }
}

/*----------------------------------
  u-font
-----------------------------------*/
.u-ls--07 {
  letter-spacing: 0.07em;
}

.u-ls--06 {
  letter-spacing: 0.06em;
}

.u-ls--05 {
  letter-spacing: 0.05em;
}

.u-ls--04 {
  letter-spacing: 0.04em;
}

.u-ls--03 {
  letter-spacing: 0.03em;
}

.u-ls--02 {
  letter-spacing: 0.02em;
}

.u-ls--01 {
  letter-spacing: 0.01em;
}

.u-ls--0 {
  letter-spacing: 0em;
}

/*----------------------------------
  u-pointer
-----------------------------------*/
.u-pointer__none {
  pointer-events: none !important;
}
@media (min-width: 0px) {
  .u-pointer__none--sp {
    pointer-events: none !important;
  }
}
@media (min-width: 768px) {
  .u-pointer__none--pc {
    pointer-events: none !important;
  }
}

/*----------------------------------
  u-text
-----------------------------------*/
.u-text__center {
  text-align: center !important;
}
.u-text__center--sp {
  text-align: center !important;
}
@media (min-width: 768px) {
  .u-text__center--sp {
    text-align: unset !important;
  }
}
@media (min-width: 768px) {
  .u-text__center--pc {
    text-align: center !important;
  }
}

.u-text__left {
  text-align: left !important;
}
.u-text__left--sp {
  text-align: left !important;
}
@media (min-width: 768px) {
  .u-text__left--sp {
    text-align: unset !important;
  }
}
@media (min-width: 768px) {
  .u-text__left--pc {
    text-align: left !important;
  }
}

.u-text__right {
  text-align: right !important;
}
.u-text__right--sp {
  text-align: right !important;
}
@media (min-width: 768px) {
  .u-text__right--sp {
    text-align: unset !important;
  }
}
@media (min-width: 768px) {
  .u-text__right--pc {
    text-align: right !important;
  }
}

.u-text__nowrap {
  white-space: nowrap !important;
}
.u-text__nowrap--sp {
  white-space: nowrap !important;
}
@media (min-width: 768px) {
  .u-text__nowrap--sp {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .u-text__nowrap--pc {
    white-space: nowrap !important;
  }
}