@charset "UTF-8";

.message__header {
	margin-top: -3rem;
	padding: 3rem 7.5% 4.5rem 0;
}
.message__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(100%, 75rem);
	font-size: 3.6rem;
	font-weight: 600;
	line-height: var(--lineHeight-text);
}
.message__image {
	width: min(49.73%, 46rem);
	mask: url("../../images/symbol_13.svg") no-repeat center center / contain;
	margin-left: auto;
}
.message__content {
	width: min(100%, 75rem);
	margin: 0 auto 2rem;
}
.message__content p {
	line-height: var(--lineHeight-text);
}
.message__content p + p:not(:last-child) {
	margin-top: 3rem;
}
.message__content p + p:last-child {
	margin-top: 4rem;
}
.message__content p:last-child {
	text-align: right;
}
.decoration--message {
	z-index: 1;
}
@media (max-width: 767px) {
	.message__header {
		display: flex;
		flex-direction: column;
		gap: min(35 / 750 * 100vw, 1.75rem) 0;
		margin-top: min(-26 / 750 * 100vw, -1.3rem);
		margin-bottom: min(50 / 750 * 100vw, 2.5rem);
		padding: min(34 / 750 * 100vw, 1.7rem) 0 0;
	}
	.message__title {
		order: 2;
		position: static;
		transform: unset;
		width: 100%;
		font-size: 1.8rem;
	}
	.message__image {
		order: 1;
		width: min(650 / 750 * 100vw, 32.5rem);
		margin: 0 auto min(20 / 750 * 100vw, 1rem);
	}
	.message__content {
		width: 100%;
		margin: 0 auto min(30 / 750 * 100vw, 1.5rem);
	}
	.message__content p + p:not(:last-child) {
		margin-top: min(50 / 750 * 100vw, 2.5rem);
	}
	.message__content p + p:last-child {
		margin-top: min(70 / 750 * 100vw, 3.5rem);
	}
}

/* 飾り設定 */
.decoration__item--message.symbol--01 {
	left: calc(50% + 29.9%);
	bottom: min(120.5 / 1366 * 100vw, 12.05rem);
	width: min(127 / 1366 * 100vw, 12.7rem);
	background-color: var(--color-blueGreen);
}
.decoration__item--message.symbol--02 {
	top: min(40 / 1366 * 100vw, 4rem);
	left: calc(50% - 46.6%);
	width: min(68 / 1366 * 100vw, 6.8rem);
	background-color: var(--color-yellow);
}
.decoration__item--message.symbol--03 {
	top: min(73 / 1366 * 100vw, 7.3rem);
	left: calc(50% - 22.5%);
	width: min(64 / 1366 * 100vw, 6.4rem);
	background-color: var(--color-red);
}
.decoration__item--message.symbol--04 {
	top: min(90 / 1366 * 100vw, 9rem);
	left: calc(50% + 4.05%);
	width: min(79 / 1366 * 100vw, 7.9rem);
	background-color: var(--color-pink);
}
.decoration__item--message.symbol--05 {
	top: 0;
	left: calc(50% + 32.2%);
	width: min(49 / 1366 * 100vw, 4.9rem);
	background-color: var(--color-skyBlue);
}
.decoration__item--message.symbol--06 {
	top: min(49 / 1366 * 100vw, 4.9rem);
	left: calc(50% - 16.4%);
	width: min(41 / 1366 * 100vw, 4.1rem);
	background-color: var(--color-blue);
}
.decoration__item--message.symbol--07 {
	bottom: min(78 / 1366 * 100vw, 7.8rem);
	left: calc(50% - 29.3%);
	width: min(56 / 1366 * 100vw, 5.6rem);
	background-color: var(--color-purple);
}
.decoration__item--message.symbol--08 {
	left: calc(50% - 40.95%);
	bottom: min(33.98 / 1366 * 100vw, 3.398rem);
	width: min(65.5 / 1366 * 100vw, 6.55rem);
	background-color: var(--color-red);
	transform: translateX(-50%) rotate(44deg) scale(0);
}
.decoration__item--message.symbol--09 {
	left: calc(50% + 45.3%);
	bottom: min(165 / 1366 * 100vw, 16.5rem);
	width: min(81 / 1366 * 100vw, 8.1rem);
	background-color: var(--color-yellow);
	transform: translateX(-50%) rotate(10deg) scale(0);
}
.decoration__item--message.symbol--11 {
	left: calc(50% + 3.8%);
	bottom: min(69 / 1366 * 100vw, 6.9rem);
	width: min(77 / 1366 * 100vw, 7.7rem);
}
.decoration__item--message.symbol--02.symbol--02_2 {
	top: unset;
	left: calc(50% + 43.3%);
	bottom: min(28 / 1366 * 100vw, 2.8rem);
	width: min(64 / 1366 * 100vw, 6.4rem);
	background-color: var(--color-blue);
}
.decoration__item--message.is-visible.symbol--08,
.decoration__item--message.is-visible.symbol--09 {
  transform: translateX(-50%) scale(1);
}
@media (max-width: 767px) {
	.decoration--message {
		height: min(720 / 750 * 100vw, 36rem);
		aspect-ratio: 650 / 720;
		margin: 0 auto;
	}
	.decoration__item--message.symbol--01 {
		top: min(568 / 750 * 100vw, 28.4rem);
		left: calc(50% + 26.8%);
		width: min(100 / 750 * 100vw, 5rem);
	}
	.decoration__item--message.symbol--02 {
		top: min(34 / 750 * 100vw, 1.7rem);
		left: calc(50% - 45.8%);
		width: min(54 / 750 * 100vw, 2.7rem);
	}
	.decoration__item--message.symbol--03 {
		top: min(165 / 750 * 100vw, 8.25rem);
		left: calc(50% - 43.5%);
		width: min(50 / 750 * 100vw, 2.5rem);
	}
	.decoration__item--message.symbol--04 {
		top: min(63 / 750 * 100vw, 3.15rem);
		left: calc(50% - 16.3%);
		width: min(62 / 750 * 100vw, 3.1rem);
	}
	.decoration__item--message.symbol--05 {
		top: 0;
		left: calc(50% + 26.69%);
		width: min(39.2 / 750 * 100vw, 1.96rem);
	}
	.decoration__item--message.symbol--06 {
		top: min(146 / 750 * 100vw, 7.3rem);
		left: calc(50% - 35.9%);
		width: min(33 / 750 * 100vw, 1.65rem);
	}
	.decoration__item--message.symbol--07 {
		top: min(537 / 750 * 100vw, 26.85rem);
		left: calc(50% - 35.3%);
		width: min(44.4 / 750 * 100vw, 2.22rem);
	}
	.decoration__item--message.symbol--08 {
		top: min(602 / 750 * 100vw, 30.1rem);
		left: calc(50% - 45.05%);
		width: min(54 / 750 * 100vw, 2.6rem);
	}
	.decoration__item--message.symbol--09 {
		top: min(156 / 750 * 100vw, 7.8rem);
		left: calc(50% + 44.98%);
		width: min(64 / 750 * 100vw, 3.2rem);
	}
	.decoration__item--message.symbol--11 {
		top: min(660 / 750 * 100vw, 33rem);
		left: calc(50% + 34.8%);
		width: min(60 / 750 * 100vw, 3rem);
	}
	.decoration__item--message.symbol--02.symbol--02_2 {
		top: min(498 / 750 * 100vw, 24.9rem);
		left: calc(50% + 44.65%);
		width: min(50 / 750 * 100vw, 2.5rem);
	}
}