@charset "UTF-8";
.ly-main {
	padding-top: 120px;
}
/*=======================================================
MV
=======================================================*/
.bl-mv .ly-cont-inner{
	width: auto;
	background: url(../images/top/mv-bg.jpg) top center / cover no-repeat;
	padding: min(calc(156 / 1400 * 100vw), 156px) 0 min(calc(264 / 1400 * 100vw), 264px);
	border-radius: 40px;
	margin: 0 30px;
}
.el-mv-ttl{
	width: min(calc(720 / 1400 * 100vw), 720px);
	margin: 0 auto;
}
.el-mv-ttl > span{
	width: min(calc(460 / 1400 * 100vw), 460px);
	display: block;
	margin: 0 auto 32px;
}
@media screen and (max-width: 750px) {
	.bl-mv .ly-cont-inner{
		background: url(../images/top/mv-bg-sp.jpg) top center / cover no-repeat;
		padding: 216px 0 340px;
	}
	.el-mv-ttl{
		width: 532px;
	}
	.el-mv-ttl > span{
		width: 504px;
		margin: 0 auto 40px;
	}
}

/*=======================================================
about
=======================================================*/
.bl-about {
	padding: 72px 0 80px;
}
.bl-about .el-media-txt{
	font-size: 20px;
}
.bl-about .el-btn{
	margin: 40px 0 0;
}
@media screen and (max-width: 750px) {
	.bl-about .el-media-txt{
		font-size: 28px;
	}
	.bl-about .el-btn{
		margin: 64px auto 0;
	}
}

/*=======================================================
feature
=======================================================*/
.bl-feature {
	padding: 72px 0 80px;
	background: #B8E3EC;
}
.bl-feature .bl-media-list{
	display: flex;
	flex-direction: column;
	gap: 88px;
}
.bl-feature .bl-media{
	background: #fff;
	border-radius: 40px;
	padding: 40px;
}
.bl-feature .bl-media::before{
	content: '';
	position: absolute;
	background: url(../images/top/feature-illust01.png) top center / contain no-repeat;
	width: 112px;
	height: 118px;
	top: -118px;
	right: 56px;
}
.bl-feature .bl-media:nth-of-type(2)::before{
	background: url(../images/top/feature-illust02.png) top center / contain no-repeat;
	width: 154px;
	height: 118px;
	right: inherit;
	left: 24px;
}
.bl-feature .bl-media:nth-of-type(3)::before{
	background: url(../images/top/feature-illust03.png) top center / contain no-repeat;
	width: 210px;
	height: 116px;
	top: -116px;
}
@media screen and (max-width: 750px) {
	.bl-feature .bl-media-list{
		gap: 64px;
	}
	.bl-feature .bl-media{
		padding: 40px 30px 180px;
	}
	.bl-feature .bl-media::before{
		width: 170px;
		height: 178px;
		top: inherit;
		bottom: 0;
		right: 32px;
	}
	.bl-feature .bl-media:nth-of-type(2)::before{
		width: 246px;
		height: 188px;
		left: 56px;
	}
	.bl-feature .bl-media:nth-of-type(3)::before{
		width: 350px;
		height: 192px;
		top: inherit;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

/*=======================================================
service
=======================================================*/
.bl-service {
	padding: 72px 0 80px;
}
.bl-service .el-txt{
	margin-bottom: 40px;
}
.bl-service .el-btn{
	width: 307px;
}
@media screen and (max-width: 750px) {
	.bl-service .el-txt{
		margin-bottom: 64px;
	}
	.bl-service .el-btn{
		width: 576px;
	}
}