@use '../global' as *;

.l-wrapper {
  width: 100%;
  position: relative;
}

.l-main {
}

.l-outer {
  position: relative;
  max-width: 1720px;
  width: percent(1720, 1920);
  margin-left: auto;
  margin-right: auto;

  @include mq-down(sm) {
    width: 100%;
  }
}

.l-inner {
  //width: fz(740);
  width: percent(1408, 1920);
  width: percent(1508, 1920);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  //max-width: 90%;

  @include mq-down(lg) {
    //max-width: 90%;
    width: 90%;
  }

  @include mq-down(md) {
  }
}

.l-inner-small {
  width: percent(1168, 1920);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  @include mq-down(xl) {
    width: 72.5%;
  }

  @include mq-down(md) {
    width: 90%;
  }
}

.l-inner-wide {
  // max-width: 90%;
  width: percent(1760, 1920);
  margin-left: auto;
  margin-right: auto;
  position: relative;

  @include sp {
    width: 90%;
  }
}