@charset "UTF-8";

.env {
	display: flex;
	flex-wrap: nowrap;
	gap: 100px;
	margin-top: 120px;
}

.env_hd {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgba(240, 240, 240, 1);
}

.-env01 .env_hd {
	background: radial-gradient(circle at bottom, #faffb9 0%, rgba(240, 240, 240, 1) 26%, rgba(240, 240, 240, 1) 100%);
}

.-env02 .env_hd {
	background: radial-gradient(circle at bottom, #f2b9ff 0%, rgba(240, 240, 240, 1) 26%, rgba(240, 240, 240, 1) 100%);
}

.-env03 .env_hd {
	background: radial-gradient(circle at bottom, #b9c4ff 0%, rgba(240, 240, 240, 1) 26%, rgba(240, 240, 240, 1) 100%);
}

.-env04 .env_hd {
	background: radial-gradient(circle at bottom, #d4ffb9 0%, rgba(240, 240, 240, 1) 26%, rgba(240, 240, 240, 1) 100%);
}

.-env05 .env_hd {
	background: radial-gradient(circle at bottom, #b9f7ff 0%, rgba(240, 240, 240, 1) 26%, rgba(240, 240, 240, 1) 100%);
}


.env_hd_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 62px;
}

.env_hd_icon img {
}

.env_hd_ttl {
	font-size: 24px;
}

.env_cnt {
	flex: 1;
}

.env_list {
	display: flex;
	flex-wrap: wrap;
	gap: 60px 10%;
}

.env_list dl {
	width: 50%;
	max-width: 45%;
}

.env_list dl > dt {
	padding-bottom: 10px;
	border-bottom: 1px solid #bebebe;
	font-weight: bold;
	font-size: 18px;
}

.env_list dl > dd {
	padding-top: 10px;
}

.env_list dl > dd a {
	color: #ff010e;
	text-decoration: underline;
}

.env_list dl > dd a:hover {
	text-decoration: none;
}

.env_img {
	margin-top: 80px;
	margin-right: min(calc(-50vw + 600px), -24px);
}

.env_img img {
	width: 100%;
	height: auto;
}
.cmnbtn.hrd_link{
	max-width: 390px;
	justify-content: flex-start;
	padding-left: 30px;
	margin: 20px auto 0 0;
}

@media screen and (min-width:768px) {
}

@media screen and (max-width:767px) {
	.env {
		flex-direction: column;
		align-items: center;
		gap: 40px;
		margin-top: 50px;
	}

	.env_hd {
	}

	.-env01 .env_hd {
	}

	.-env02 .env_hd {
	}

	.-env03 .env_hd {
	}

	.-env04 .env_hd {
	}

	.-env05 .env_hd {
	}

	.env_hd_icon {
	}

	.env_hd_icon img {
	}

	.env_hd_ttl {
		font-size: 20px;
	}

	.env_cnt {
	}

	.env_list {
		flex-direction: column;
		gap: 30px;
	}

	.env_list dl {
		width: 100%;
		max-width: 100%;
	}

	.env_list dl > dt {
		font-size: 16px;
	}

	.env_list dl > dd {
	}

	.env_list dl > dd a {
	}

	.env_list dl > dd a:hover {
	}

	.env_img {
		margin-top: 50px;
		margin-right: -20px;
		margin-left: -20px;
	}

	.env_img img {
	}
}