@charset "UTF-8";

@media (min-width: 1024px) {
body {
    overflow-y: hidden;
}
#scroll > div {
  font-size: 14em;
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 1;
  background: #ccdfff;
}

[data-scroll-direction="horizontal"] [data-scroll-container] {
  white-space: nowrap;
  overflow: hidden;
}
.area-scroll {
    width: auto;
}


#scroll-line {
     position: fixed;
    top: 101px;
    left: 0;
    width: 0; /* 横スクロール領域の幅を設定 */
    height: 1px; /* 線の高さを設定 */
    background-color: #cf4092; /* 線の色を設定 */
    z-index: 1100;
   
}

    .area-scroll {
    height: 100vh;
    padding: 0 !important;
      /*
    font-size: 0;
    letter-spacing: 0;
      */
    white-space: nowrap;
    position: relative;
      display: flex;
      align-items: center;
  }
  .scroll-section {
    width: max-content;
      /*
    font-size: 1rem;
    letter-spacing: .075em;
      */
    position: relative;
    vertical-align: middle;
  }
}