/**
 *
 * page-dream.scss
 *
 */
/* ------------------------------------------------------------
 dream-message
------------------------------------------------------------ */
.dream-message {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.dream-message {
		padding: 35rem 0 28rem ;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message {
		padding: 39.6rem 0 4.9rem ;
	}
}

.dream-message::before, .dream-message::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.dream-message::before {
	z-index: -12;
}

@media screen and (min-width: 1024px) {
	.dream-message::before {
		background-image: url("../img/dream/message_bg_1-pc.webp");
	}
}

@media screen and (max-width: 1023px) {
	.dream-message::before {
		background-image: url("../img/dream/message_bg_1-sp.webp");
	}
}

.dream-message::after {
	z-index: -11;
}

@media screen and (min-width: 1024px) {
	.dream-message::after {
		background-image: url("../img/dream/message_bg_2-pc.webp");
	}
}

@media screen and (max-width: 1023px) {
	.dream-message::after {
		background-image: url("../img/dream/message_bg_2-sp.webp");
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* ---------- dream-message__catch ---------- */
.dream-message__catch {
	display: flex;
	align-items: flex-start;
	font-family: var(--font-mincho);
	letter-spacing: 0.12em;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.9);
	transform: scaleY(0.9);
}

@media screen and (min-width: 1024px) {
	.dream-message__catch {
		font-size: var(--font-size65);
		margin-left: 17.53333%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__catch {
		justify-content: center;
		font-size: var(--font-size44);
		padding-left: 0.5em;
	}
}

.dream-message__catch__txt {
	display: block;
}

/* ---------- dream-message__txt ---------- */
.dream-message__txt {
	font-family: var(--font-mincho);
}

@media screen and (min-width: 1024px) {
	.dream-message__txt {
		--column-width: 42.4rem ;
		--column-gap: 11rem ;
		min-width: 60rem ;
		width: 56rem ;
		margin-top: 26.5rem ;
		margin-left: auto;
		margin-right: 18%;
		font-size: 1.8rem ;
		--line-height: 2.61111;
		letter-spacing: 0.02em;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__txt {
		--column-width: 33.8rem ;
		--column-gap: 7.6rem ;
		max-width: 28rem ;
		width: 95%;
		margin-top: 12.4rem ;
		font-size: 1.5rem ;
		--line-height: 2.4;
		letter-spacing: -0.03em;
	}
}

/* ---------- dream-message__motif ---------- */
.dream-message__motif {
	position: absolute;
	pointer-events: none;
}

.dream-message__motif img {
	width: 100%;
	-webkit-animation: scale var(--animation-scale);
	animation: scale var(--animation-scale);
}

.dream-message__motif.-unique1 {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.dream-message__motif.-unique1 {
		width: 10.46667%;
		top: 29.4rem ;
		right: 17.66667%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__motif.-unique1 {
		max-width: 13.32rem ;
		width: 27.75%;
		top: 16.4rem ;
		right: 16.75%;
	}
}

.dream-message__motif.-unique1 img {
	-webkit-animation-delay: -7500ms;
	animation-delay: -7500ms;
}

.dream-message__motif.-unique2 {
	z-index: -2;
}

@media screen and (min-width: 1024px) {
	.dream-message__motif.-unique2 {
		width: 20.6%;
		top: 24rem ;
		right: 15.06667%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__motif.-unique2 {
		max-width: 26.88rem ;
		width: 56%;
		top: 12.2rem ;
		right: 8.75%;
	}
}

.dream-message__motif.-unique2 img {
	-webkit-animation-delay: -6000ms;
	animation-delay: -6000ms;
}

.dream-message__motif.-unique3 {
	z-index: -3;
}

@media screen and (min-width: 1024px) {
	.dream-message__motif.-unique3 {
		width: 33.93333%;
		top: 16.8rem ;
		right: 12.2%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__motif.-unique3 {
		max-width: 44.4rem ;
		width: 92.5%;
		top: 7rem ;
		right: 1%;
	}
}

.dream-message__motif.-unique3 img {
	-webkit-animation-delay: -4500ms;
	animation-delay: -4500ms;
}

.dream-message__motif.-unique4 {
	z-index: -4;
}

@media screen and (min-width: 1024px) {
	.dream-message__motif.-unique4 {
		width: 51.46667%;
		top: 4.5rem ;
		right: 8.13333%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__motif.-unique4 {
		max-width: 67.32rem ;
		width: 140.25%;
		top: -1.2rem ;
		right: -10%;
	}
}

.dream-message__motif.-unique4 img {
	-webkit-animation-delay: -3000ms;
	animation-delay: -3000ms;
}

.dream-message__motif.-unique5 {
	z-index: -5;
}

@media screen and (min-width: 1024px) {
	.dream-message__motif.-unique5 {
		width: 95.4%;
		top: -25.4rem ;
		right: -1.86667%;
	}
}

@media screen and (max-width: 1023px) {
	.dream-message__motif.-unique5 {
		max-width: 124.92rem ;
		width: 260.25%;
		top: -23rem ;
		right: -37.5%;
	}
}

.dream-message__motif.-unique5 img {
	-webkit-animation-delay: -1500ms;
	animation-delay: -1500ms;
}
/*# sourceMappingURL=sourcemaps/page-dream.css.map */