@charset "utf-8";

/* PC ================================================== */
@media all and (min-width:960px){
.star {
	position: absolute;
}
.star-image01 {
	width: 280px;
	/* height: 247px; */
	top: 0;
	left: -250px;
	z-index: -1;
}
.star-image02 {
	width: 146px;
	height: 146px;
	top: 280px;
	right: -160px;
	z-index: -1;
}
/* .star-image03 {
	width: 230px;
	height: 78px;
	top: -120px;
	right: 100px;
	z-index: -1;
} */
.star-image04 {
	width: 250px;
	top: 120px;
	left: -220px;
	z-index: -1;
}
.star-image05 {
	width: 220px;
	bottom: -30px;
	right: -200px;
	z-index: -1;
}


}



/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	.star {
		position: absolute;
	}
	.star-image01 {
		width: 200px;
		top: -130px;
		left: -60px;
		z-index: -1;
	}
	.star-image02 {
		width: 130px;
		top: -130px;
		right: -60px;
		z-index: -1;
	}
	/* .star-image03 {
		width: 78px;
		bottom: -30px;
		right: -50px;
		z-index: -1;
	} */
	.star-image04 {
		width: 200px;
		top: -130px;
		left: -60px;
		z-index: -1;
	}
	.star-image05 {
		width: 180px;
		top: -10px;
		right: -60px;
		z-index: -1;
	}
}


/* SP ================================================== */
@media all and (max-width:559px){
	.star {
		position: absolute;
	}
	.star-image01 {
		width: 130px;
		top: -100px;
		left: -60px;
		z-index: -1;
	}
	.star-image02 {
		width: 80px;
		top: 130px;
		right: -30px;
		z-index: -1;
	}
	/* .star-image03 {
		width: 78px;
		bottom: -30px;
		right: -50px;
		z-index: -1;
	} */
	.star-image04 {
		width: 120px;
		top: -150px;
		left: -60px;
		z-index: -1;
	}
	.star-image05 {
		width: 130px;
		top: -110px;
		right: -60px;
		z-index: -1;
	}
}