@charset "utf-8";
/*----------------------------
	main visual
-----------------------------*/
.mv {
	padding: 6.1333vw 6.4% 18.666vw;
	position: relative;
}
.mv::before {
	content: "";
	width: 47.2%;
	height: auto;
	aspect-ratio: 354/247;
	background: url(../img/mv_sp.png) center / 100% no-repeat;
	position: absolute;
	right: 0;
	bottom: 17.6vw;
}
.mv__title {
	margin: 0 auto 5.6vw;
	max-width: max-content;
	padding-top: 11.2vw;
	position: relative;
}
.img--mvtitle1 {
	width: 48.6%;
	max-width: calc(227 / 16 * 1rem);
	position: absolute;
	top: 0;
	left: -2.933%;
	z-index: -1;
}
.img--mvtitle2 {
	width: 100%;
	max-width: calc(654 / 16 * 1rem);
}
.mv__text {
	font-size: 3.7333vw;
	line-height: 2;
}
.mv__text p + p {
	margin-top: 9.6vw;
}
/*----------------------------
	media query
-----------------------------*/
@media screen and (min-width: 768px){
	/*----------------------------
		main visual
	-----------------------------*/
	.mv {
		padding: calc(61 / 16 * 1rem) 0 var(--size-64);
		max-width: calc(1122 / 16 * 1rem);
		margin-left: auto;
		margin-right: auto;
	}
	.mv::before {
		background: url(../img/mv_family.png) center / 100% no-repeat;
		aspect-ratio: 630/664;
		width: 28.074%;
		max-width: calc(315 / 16 * 1rem);
		left: 0;
		bottom: calc(64 / 16 * 1rem);
		z-index: -1;
	}
	.mv::after {
		content: "";
		background: url(../img/mv_grandparents.png) center / 100% no-repeat;
		aspect-ratio: 404/554;
		width: 18.003%;
		max-width: calc(202 / 16 * 1rem);
		height: auto;
		position: absolute;
		right: 5%;
		bottom: calc(64 / 16 * 1rem);
		z-index: -1;
	}
	.mv__title {
		margin-bottom: var(--size-52);
		padding-top: var(--size-48);
	}
	.img--mvtitle1 {
		margin-left: calc(35 / 16 * -1rem);
		margin-bottom: 0;
		left: calc(31 / 16 * -1rem);
	}
	.mv__text {
		text-align: center;
		font-size: var(--size-20);
		line-height: 1.6;
	}
	.mv__text p + p {
		margin-top: var(--size-34);
	}
}