@charset "utf-8";


.ency_handle {
	padding: 30px 0 100px;
}

.ency_handle .ency_teaser {
	padding: 0 0 0 125px;
	gap: 0 20px;
}

.ency_handle .ency_teaser .teaser_img img {
	width: 512px;
}

.ency_handle .ency_teaser .teaser_cont {
	width: 304px;
	height: 307px;
	background-image: url("../images/page9/circle_teaser.webp");
	margin: 60px 0 0;
}

.ency_handle .ency_teaser .teaser_tit {
	padding: 25px 0 0;
}

.ency_handle .ency_teaser .teaser_p {
	top: -36px;
	padding: 0 25px 0 0;
}

.ency_handle .ency_teaser .teaser_p img {
	width: 49px;
}

@media (max-width: 767px) {
	.ency_handle {
		padding: 25px 0 50px;
	}

	.ency_handle .ency_teaser {
		padding: 0;
		gap: 45px 0;
	}

	.ency_handle .ency_teaser .teaser_img {
		padding: 0 45px;
	}

	.ency_handle .ency_teaser .teaser_img img {
		width: auto;
	}

	.ency_handle .ency_teaser .teaser_cont {
		width: 152px;
		height: 153px;
		margin: 0;
	}

	.ency_handle .ency_teaser .teaser_tit {
		padding: 15px 0 0;
	}

	.ency_handle .ency_teaser .teaser_p {
		top: -18px;
		padding: 0 10px 0 0;
	}

	.ency_handle .ency_teaser .teaser_p img {
		width: 24px;
	}
}

.ency_handle .handle_box {
	margin: 100px 0 0;
	display: flex;
	flex-direction: column;
	gap: 100px 0;
}

.ency_handle .handle_box .handle_flex {
	display: flex;
	align-items: center;
}

.ency_handle .handle_box .handle_flex .ency_hdm {
	margin: 0 0 45px;
}

.ency_handle .handle_box .handle_flex .flex_in {
	width: 50%;
}

.ency_handle .handle_box .handle_flex .flex_img {
	width: 50%;
	padding: 0 20px;
	text-align: center;
}

.ency_handle .handle_box .handle_flex .flex_img01 img {
	width: 474px;
}

.ency_handle .handle_box .handle_flex .flex_img02 img {
	width: 347px;
}

.ency_handle .handle_box .handle_flex .flex_img03 img {
	width: 351px;
}

@media (max-width: 767px) {
	.ency_handle .handle_box {
		margin: 50px 0 0;
		gap: 50px 0;
	}

	.ency_handle .handle_box .handle_flex {
		flex-direction: column;
		align-items: center;
		gap: 25px 0;
	}

	.ency_handle .handle_box .handle_flex .ency_hdm {
		margin: 0 0 25px;
		width: 225px;
	}

	.ency_handle .handle_box .handle_flex .flex_in {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.ency_handle .handle_box .handle_flex .flex_img {
		width: auto;
		padding: 0;
	}

	.ency_handle .handle_box .handle_flex .flex_img01 img {
		width: 237px;
	}

	.ency_handle .handle_box .handle_flex .flex_img02 img {
		width: 193px;
	}

	.ency_handle .handle_box .handle_flex .flex_img03 img {
		width: 175px;
	}
}