/*
Theme component: Web Diagnosis child page Hero
Scope: .mast-page-hero--web-diagnosis-child
*/

.mast-page-hero--web-diagnosis-child .mast-page-hero__title {
	font-size: clamp(2.25rem, 4vw, 3.185rem);
}

.mast-page-hero--web-diagnosis-child.mast-page-hero--with-icon .mast-page-hero__layout {
	grid-template-columns: minmax(0, 1fr) 96px;
	gap: 56px;
}

.mast-page-hero--web-diagnosis-child .mast-page-hero__visual {
	width: 96px;
}

@media screen and (max-width: 1099px) {
	.mast-page-hero--web-diagnosis-child.mast-page-hero--with-icon .mast-page-hero__layout {
		grid-template-columns: minmax(0, 1fr) 88px;
		gap: 40px;
	}

	.mast-page-hero--web-diagnosis-child .mast-page-hero__visual {
		width: 88px;
	}
}

@media screen and (max-width: 767px) {
	.mast-page-hero--web-diagnosis-child .mast-page-hero__title {
		font-size: clamp(2rem, 9vw, 2.75rem);
		line-height: 1.14;
	}

	.mast-page-hero--web-diagnosis-child.mast-page-hero--with-icon .mast-page-hero__layout {
		grid-template-columns: minmax(0, 1fr) 72px;
		gap: 20px;
	}

	.mast-page-hero--web-diagnosis-child .mast-page-hero__visual {
		width: 72px;
	}
}

@media screen and (max-width: 359px) {
	.mast-page-hero--web-diagnosis-child.mast-page-hero--with-icon .mast-page-hero__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.mast-page-hero--web-diagnosis-child .mast-page-hero__visual {
		justify-self: end;
		width: 64px;
	}
}