@charset "UTF-8";
/*----------
	ライフステージサポート
----------*/
.lfs-page-title-sub {
	display: none;
}
@media (min-width: 1100px), print {
	.lfs-page-title-sub {
		display: block;
	}
}

.page-title {
	z-index: 10;
}

#content1,
#content2,
#content3,
#content4,
#content5,
#content6 {
	scroll-margin-top: 100px;
}
@media (min-width: 1100px), print {
	#content1,
	#content2,
	#content3,
	#content4,
	#content5,
	#content6 {
		scroll-margin-top: 140px;
	}
}

.lfs-kv {
	margin-top: -20px;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #fff;
	background-color: #002F7C;
	background-image: linear-gradient(110deg, #1C75CF 0%, #033587 100%);
}
.lfs-kv::after {
	content: "";
	display: block;
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 6;
	background: url("../img/pages/company/lifestage-support/kv-mask-sp.svg") no-repeat center bottom/cover;
}
.lfs-kv__inner {
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 280px;
	padding-bottom: 290px;
	padding-inline: 13px;
}
.lfs-kv__inner::before, .lfs-kv__inner::after {
	content: "";
	display: block;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	position: absolute;
	z-index: 3;
	background-color: #D6E2F7;
	opacity: 0;
	filter: blur(80px);
}
.lfs-kv__inner::before {
	top: 140px;
	right: 0;
	animation: linear 3s infinite alternate lfs-kv-blink;
}
.lfs-kv__inner::after {
	bottom: 40px;
	left: 0;
	animation: linear 3s 2s infinite alternate lfs-kv-blink;
}
.lfs-kv__inner > p {
	position: relative;
	z-index: 5;
}
.lfs-kv__bg1, .lfs-kv__bg2 {
	width: 100%;
	height: 140px;
	position: absolute;
	left: 0;
	z-index: 4;
	background-repeat: repeat;
	background-size: auto 100%;
}
.lfs-kv__bg1 {
	top: 100px;
	background-image: url("../img/pages/company/lifestage-support/kv-bg1-sp.webp");
	background-position: left center;
	animation: linear 20s infinite lfs-kv-bgsp;
}
.lfs-kv__bg2 {
	bottom: 110px;
	background-image: url("../img/pages/company/lifestage-support/kv-bg2-sp.webp");
	background-position: right center;
	animation: linear 20s infinite lfs-kv-bgsp-reverse;
}
@media (min-width: 1100px), print {
	.lfs-kv {
		margin-top: -40px;
		margin-bottom: 148px;
		background-image: linear-gradient(110deg, #1C75CF 0%, #033587 100%);
	}
	.lfs-kv::after {
		height: 124px;
		background-image: url("../img/pages/company/lifestage-support/kv-mask-pc.svg");
	}
	.lfs-kv__inner {
		padding-top: 190px;
		padding-bottom: 230px;
	}
	.lfs-kv__inner::before, .lfs-kv__inner::after {
		width: 460px;
		height: 460px;
	}
	.lfs-kv__inner > p {
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	}
	.lfs-kv__bg1, .lfs-kv__bg2 {
		width: 280px;
		height: 1210px;
		top: auto;
		bottom: 0;
		background-size: 100% auto;
	}
	.lfs-kv__bg1 {
		left: calc(25% - 280px);
		background-image: url("../img/pages/company/lifestage-support/kv-bg1-pc.webp");
		background-position: center top;
		animation: linear 80s infinite lfs-kv-bgpc;
	}
	.lfs-kv__bg2 {
		left: auto;
		right: calc(25% - 280px);
		background-image: url("../img/pages/company/lifestage-support/kv-bg2-pc.webp");
		background-position: center bottom;
		animation: linear 80s infinite lfs-kv-bgpc-reverse;
	}
}

@keyframes lfs-kv-blink {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.6;
	}
}
@keyframes lfs-kv-bgsp {
	from {
		background-position-x: 0;
	}
	to {
		background-position-x: 1600px;
	}
}
@keyframes lfs-kv-bgsp-reverse {
	from {
		background-position-x: right 0;
	}
	to {
		background-position-x: right 1600px;
	}
}
@keyframes lfs-kv-bgpc {
	from {
		background-position-y: 0;
	}
	to {
		background-position-y: 3100px;
	}
}
@keyframes lfs-kv-bgpc-reverse {
	from {
		background-position-y: bottom 0;
	}
	to {
		background-position-y: bottom 3100px;
	}
}
/*# sourceMappingURL=lifestage-support.css.map */