/* i18n layout: keep KeyText watermark on hero image only */
.IntroKeyVisual.mainCon.esg_con .OneImage {
	position: relative;
	z-index: 1;
	overflow: visible;
	/* reserve space even if image fails to paint */
	aspect-ratio: 1272 / 500;
	background: #e9eef5;
}
.IntroKeyVisual.mainCon.esg_con .OneImage img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
/* KeyText inside OneImage (preferred markup) */
.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText,
.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText.Type2 {
	position: absolute;
	right: -95px;
	top: 20px;
}
.IntroKeyVisual.mainCon.esg_con .DescArea {
	position: relative;
	z-index: 2;
	clear: both;
	background-color: #fff;
}
.IntroKeyVisual .KeyText .Block,
.IntroKeyVisual .KeyText.Type2 .Block {
	/* max-width: 42vw; */
	word-break: keep-all;
}
@media all and (max-width: 1200px) {
	.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText,
	.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText.Type2,
	.IntroKeyVisual .KeyText,
	.IntroKeyVisual .KeyText.Type2 {
		right: 20px !important;
	}
}
@media all and (max-width: 991px) {
	.IntroKeyVisual .KeyText,
	.IntroKeyVisual .KeyText.Type2,
	.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText,
	.IntroKeyVisual.mainCon.esg_con .OneImage > .KeyText.Type2 {
		right: 20px !important;
		font-size: 42px !important;
	}
	.IntroKeyVisual .KeyText .Block {
		line-height: 1.15;
		/* max-width: 70vw; */
	}
}