.main-image {
  padding-bottom: 3rem;
	background-image: url('../img/top_mainbg.png');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 67vw;
}

.mainimg-wrapper {
	width: 67vw;
	animation: floating-x 10s ease-in-out infinite alternate-reverse;
}
.target1 {
	animation: floating-y 3.6s ease-in-out infinite alternate-reverse;
	position: absolute;
	width: calc(0.08 * 67vw);
	top:   calc(0.4  * 67vw);
	left:  calc(0.68 * 67vw);
}

.target2 {
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
	width: calc(0.09 * 67vw);
	position: absolute;
	top: calc(0.16 * 67vw);
	left: calc(0.75* 67vw);
}

.target3 {
	animation: floating-y 2.6s ease-in-out infinite alternate-reverse;
	width: calc(0.12 * 67vw);
	position: absolute;
	top: calc(0.32 * 67vw);
	left: calc(0.9 * 67vw);
}

.target4 {
	animation: floating-y 3.0s ease-in-out infinite alternate-reverse;
	width: calc(0.11 * 67vw);
	position: absolute;
	top: calc(0.12 * 67vw);
	left: calc(1.06 * 67vw);
}

.target5 {
	animation: floating-y 1.2s ease-in-out infinite alternate-reverse;
	width: calc(0.08 * 67vw);
	position: absolute;
	top: calc(0.3 * 67vw);
	left: calc(1.18 * 67vw);
}

/**
 トップキャッチコピー部分
------------------------------- */
.top-subtitle {
  position: relative;
}

.change-title {
  position: absolute;
  top: 16%;
  left: 16%;
  font-size: 6.2rem;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  color: #003c41;
  text-shadow: 0.1rem 0.1rem 0.4rem rgba(130, 130, 130, 0.8);
}

.change-title p {
  margin: 0;
  line-height: 1.4;
}

.change-title p:nth-child(2) {
  position: absolute;
  top: 100%;
  right: 0;
}

.change-title span {
  font-size: 8.2rem;
  color: #90c31d;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(20, 20, 20, 0.4);
}

@media screen and (max-width: 768px) {
  .main-image {
    padding-bottom: 7rem;
  }

  .change-title {
    width: 90%;
    top: 25%;
    left: 0;
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: 0.1rem;
  }

  .change-title p {
    display: flex;
    align-items: center;
    margin-left: 1.6rem;
  }

  .change-title p:nth-child(2) {
    top: 100%;
    right: -4%;
  }

  .change-title span {
    font-size: 4.2rem;
  }

  /* 雲 -SP版- */
  .target1 {
    width: calc(0.2 * 67vw);
    top: calc(1.1 * 67vw);
    left: calc(0.1 * 67vw);
  }

  .target2 {
    width: calc(0.4 * 67vw);
    top: calc(0.42 * 67vw);
    left: calc(0.2 * 67vw);
  }

  .target3 {
    width: calc(0.12 * 67vw);
    top: calc(0.6 * 67vw);
    left: calc(0.9 * 67vw);
  }

  .target4 {
    width: calc(0.25 * 67vw);
    top: calc(0.12 * 67vw);
    left: calc(1.06 * 67vw);
  }

  .target5 {
    width: calc(0.2 * 67vw);
    top: calc(0.5 * 67vw);
    left: calc(1.18 * 67vw);
  }
}




@keyframes floating-x {
	0% {
	  transform: translateX(-2%);
	}
	100% {
	  transform: translateX(2%);
	}
  }
  @keyframes floating-y {
	0% {
	  transform: translateY(-10%);
	}
	100% {
	  transform: translateY(5%);
	}
}