/* Front-end */
.houyukai-catchlead {
	display: flex;
	align-items: center;
	gap: 48px;
}

.houyukai-catchlead--img-left {
	flex-direction: row-reverse;
}

.houyukai-catchlead-text {
	flex: 1 1 50%;
	min-width: 0;
}

.houyukai-catchlead-catch {
	margin: 0 0 16px;
	font-size: 1.75rem;
	line-height: 1.5;
	color: #3c3d42;
}

.houyukai-catchlead-lead {
	font-size: 1rem;
	line-height: 1.9;
	color: #3c3d42;
}

.houyukai-catchlead-lead p {
	margin: 0 0 1em;
}

.houyukai-catchlead-lead p:last-child {
	margin-bottom: 0;
}

.houyukai-catchlead-image {
	flex: 1 1 42%;
	margin: 0;
}

.houyukai-catchlead-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 16px;
}

.houyukai-catchlead--img-right .houyukai-catchlead-image img {
	/* clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%); */
}

.houyukai-catchlead--img-left .houyukai-catchlead-image img {
	/* clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%); */
}

@media screen and (max-width: 767px) {
	.houyukai-catchlead,
	.houyukai-catchlead--img-left {
		flex-direction: column;
		gap: 24px;
	}

	.houyukai-catchlead-image img {
		clip-path: none;
	}
}

/* Editor */
.houyukai-catchlead-editor {
	display: flex;
	align-items: center;
	gap: 32px;
}

.houyukai-catchlead-editor--img-left {
	flex-direction: row-reverse;
}

.houyukai-catchlead-editor-text {
	flex: 1 1 50%;
	min-width: 0;
}

.houyukai-catchlead-editor-catch {
	font-size: 1.75rem;
	margin: 0 0 12px;
}

.houyukai-catchlead-editor-lead p {
	margin: 0 0 1em;
}

.houyukai-catchlead-editor-image {
	flex: 1 1 42%;
	text-align: center;
}

.houyukai-catchlead-editor-image img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 8px;
}

.houyukai-catchlead-editor-image-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.houyukai-catchlead-editor-image-add {
	width: 100%;
	min-height: 160px;
	border: 1px dashed #999;
	background: #f0f0f0;
	justify-content: center;
}