@charset "utf-8";
body {
	background: url('../img/bg.jpg') repeat top center fixed;
}
.cta-section {
	background: url('../img/bg2.jpg') top center;
}

.diamond {
	background-color: #ff1d4e;
}
.diamond-text {
	color: #fff;
}
.cta-section h2{
	color: #333!important;
}

.float-up1{
	position: absolute;
	width: 100%;          /* 横幅いっぱい */
	overflow: hidden;     /* はみ出しを隠す（任意） */
	text-align: center;   /* 画像中央寄せ（任意） */
}
.float-up2{
	position: absolute;
	width: 100%;          /* 横幅いっぱい */
	overflow: hidden;     /* はみ出しを隠す（任意） */
	text-align: center;   /* 画像中央寄せ（任意） */
}
.float-up3{
	position: absolute;
	width: 100%;          /* 横幅いっぱい */
	overflow: hidden;     /* はみ出しを隠す（任意） */
	text-align: center;   /* 画像中央寄せ（任意） */
}

.float-up1 img {
	width: 100%;          /* 画像を横幅いっぱいに */
	opacity: 0;           /* 初期は透明 */
	transform: translateY(50px); /* 下にずらす */
	animation: floatUp1 1s ease-out forwards;
	animation-delay: 0.4s;
}
.float-up2 img {
	width: 100%;          /* 画像を横幅いっぱいに */
	opacity: 0;           /* 初期は透明 */
	transform: translateY(50px); /* 下にずらす */
	animation: floatUp2 1s ease-out forwards;
	animation-delay: 0.12s;
}
.float-up3 img {
	width: 100%;          /* 画像を横幅いっぱいに */
	opacity: 0;           /* 初期は透明 */
	transform: translateY(50px); /* 下にずらす */
	animation: floatUp3 1s ease-out forwards;
	animation-delay: 0.8s;
}

@keyframes floatUp1 {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes floatUp2 {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes floatUp3 {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (min-width: 768px) {
	.float-up1 img {
		width: auto;
		max-width: none;
	}
	.float-up2 img {
		width: auto;
		max-width: none;
	}
	.float-up3 img {
		width: auto;
		max-width: none;
	}
}

.movie-wrap {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  aspect-ratio: 16 /9;
}

.movie-wrap iframe,
.movie-wrap video {
  width: 100%;
  height: 100%;
  border: 0;
}