.l-inner {
  margin: 0 auto;
  max-width: 376px;
  padding-inline: 16.5px;
}
@media (min-width: 600px) {
  .l-inner {
    max-width: 1023px;
    padding-inline: 16.5px;
  }
}
@media (min-width: 1200px) {
  .l-inner {
    padding-inline: 40px;
    max-width: 1106px;
  }
}
@media (min-width: 1365px) {
  .l-inner {
    padding-inline: 40px;
    max-width: 1445px;
  }
}
@media (min-width: 1619px) {
  .l-inner {
    padding-inline: 40px;
    max-width: 1620px;
  }
}

.l-title__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.l-max__wrapper {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.l-logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .l-contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 600px) {
  .u-sp {
    display: none;
  }
}

@media (min-width: 768px) {
  .u-td {
    display: none;
  }
}

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

.u-over {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}