.ballWrapper {
	width: 100%;
	overflow: visible;
	box-sizing: border-box;
	margin: 0 auto 0 0;
	padding: 0 10% 0 0;
  }
  .ballWrapper.right {
	margin: 0 0 0 auto;
	padding: 0 0 0 10%;
  }
  .ballWrapper.left {
	max-width: 1600px;
  }
  .line-container {
	position: relative;
	width: 100%;
	aspect-ratio: 1700 / 450;
	overflow: visible;
  }

  .anime_bg, .anime_bg2, svg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
  }

  .anime_bg {
	background: url(line1.svg) no-repeat center center / cover;
	z-index: 1;
	width: 0;
	right: 0;
	overflow: hidden;
  }

  .anime_bg2 {
	background: url(line2.svg) no-repeat center center / cover;
	z-index: 1;
	width: 0;
	left: 0;
	right: auto;
	overflow: hidden;
  }

  svg {
	z-index: 2;
	pointer-events: none;
  }

  .ball, .ball2 {
	position: absolute;
	max-width: 144px;
	width: 15vw;
	height: 15vw;
	max-height: 144px;
	z-index: 3;
	transform: translate(-50%, -50%);
	left: 0;
	pointer-events: none;
	opacity: 0;
	
  }