@charset "UTF-8";

.wrapper{
  overflow: initial;
}

@media screen and (min-width: 769px) {
  .scroll{
    overflow: initial;
  }
}

/* intro
---------------------------------------------- */
@media screen and (max-width: 768px) {
  .intro__ttl{
    letter-spacing: 0.1em;
  }
}

/* chartStep
---------------------------------------------- */
.chartListWrap{
  position: relative;
  max-width: 1300px;
  z-index: 0;
}
.chartListWrap .scrollInner{
  position: relative;
  z-index: 0;
}
.chartListHead{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1300px;
  z-index: 1;
}
.chartListHead.fixed{
  position: fixed;
  width: 95%;
}

.chartList{
  margin-top: -80px;
}
.chartList > li + li{
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .chartListWrap{
    width: 100%;
    /* max-width: 560px; */
    padding-inline: calc(27.5 / 375 * 100%);
    /* overflow: initial; */
  }

  .chartList{
    margin-top: -63px;
  }
  .chartList > li + li{
    margin-top: 20px;
  }
}