@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	content: 'Attraction';
}

/*=======================================================
protection
=======================================================*/
.bl-protection{
	padding: 64px 0;
}
.bl-protection-list{
	margin-top: 46px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 17px;
}
.bl-protection-item{
	width: 330px;
	padding: 8px 24px 24px;
	background: #F5F5F5;
}
.bl-protection-item .el-number{
	font-size: 42px;
	font-weight: bold;
	line-height: 1.45;
	display: block;
	color: #309CEB;
	text-align: center;
	margin-bottom: 8px;
}
.bl-protection .el-label-ttl{
	text-align: center;
}
@media screen and (max-width: 750px) {
	.bl-protection-list{
		margin-top: 64px;
		gap: 24px;
	}
	.bl-protection-item{
		width: 100%;
		padding: 32px 24px;
	}
	.bl-protection-item .el-number{
		font-size: 42px;
		margin-bottom: 16px;
	}
}

/*=======================================================
benefit
=======================================================*/
.bl-benefit{
	padding: 64px 0;
	background: #F5F5F5;
}
.bl-benefit .el-main-ttl{
	margin-bottom: 56px;
}
.bl-benefit-list{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.bl-benefit-item{
	width: 244px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	background: #fff;
}
.bl-benefit-img-wrapper{
	width: 100px;
}
.el-benefit-ttl{
	font-size: 20px;
	font-weight: bold;
	margin: 8px auto 16px;
}
@media screen and (max-width: 750px) {
	.bl-benefit-list{
		gap: 30px;
	}
	.bl-benefit-item{
		width: 330px;
		padding: 32px 24px;
		border-radius: 12px;
	}
	.bl-benefit-img-wrapper{
		width: 180px;
		height: 180px;
	}
	.el-benefit-ttl{
		font-size: 32px;
		margin: 16px auto 24px;
	}
}