/* セクション２背景アニメーション */
#section2-animations {
  position: absolute;
  top: 85%;
  left: 0;
  width: 100%;
  height: 100%;

  pointer-events: none;
  z-index: -1;
}

/* 事務所名スクロール */
.scroll-bg {
    position: relative;
    overflow: hidden;
    height: 200px;
  }

 .scroll-track {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

.scroll-text {
    font-size: 200px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.05);
    padding-right: 100px;
    white-space: nowrap;
}

/* Vの文字アニメーション */
#v-animation-container {
  position: relative;
  width: 100%;
  height: 400px; /* 表示領域の高さを必要に応じて調整 */
  overflow: hidden;
  z-index: 0;
}

.line-wrapper {
  position: absolute;
  width: 300px;
  height: 300px;
  pointer-events: none; /* クリック無効 */
}

.line {
  width: 140px;
  height: 14px;
  background-color: #e0fffb;
  border-radius: 7px;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease;  
}

.line1-wrapper {
  position: absolute;
  top: 100px;
  left: 40px;
  transform: rotate(60deg);  
}
    
.line2-wrapper {
  position: absolute;
  top: 100px;
  left: 120px;
  transform: rotate(-60deg);
}