/**
 * YHT Concept Grid v2.0.0
 * Layout lock based on the approved WPCode v1.0.2 display.
 */

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] {
	--yht-cg-ink: #281a14;
	--yht-cg-button: #4b7d55;
	--yht-cg-button-bg: none;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	color: var(--yht-cg-ink) !important;
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
	font-style: normal !important;
	text-indent: 0 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"],
section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] *,
section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] *::before,
section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] *::after {
	box-sizing: border-box !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__inner {
	display: flex !important;
	flex-wrap: wrap !important;
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	background: transparent !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item {
	display: flex !important;
	flex: 0 0 33.333333% !important;
	flex-direction: column !important;
	width: 33.333333% !important;
	min-width: 0 !important;
	max-width: 33.333333% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item:nth-child(even) {
	flex-direction: column-reverse !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__image,
section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content {
	flex: 0 0 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__image {
	position: relative !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	background: #f4faf4 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__image img {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	vertical-align: bottom !important;
	transform: none !important;
	transition: none !important;
	opacity: 1 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content {
	position: relative !important;
	overflow: visible !important;
	background: rgba(255, 255, 255, 0.4) !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content::before {
	display: block !important;
	width: 100% !important;
	padding-bottom: 100% !important;
	content: "" !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content-inner {
	display: flex !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 15.22843% !important;
	transform: translate(-50%, -50%) !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] p.yht-concept-grid__desc {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--yht-cg-ink) !important;
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 200 !important;
	letter-spacing: 0 !important;
	line-height: 2.2 !important;
	text-align: left !important;
	text-indent: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	line-break: strict !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] p.yht-concept-grid__desc br {
	display: block !important;
	content: "" !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"][lang="en"] p.yht-concept-grid__desc {
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 2 !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] a.yht-concept-grid__button {
	display: inline-block !important;
	min-width: 220px !important;
	width: auto !important;
	max-width: 90% !important;
	height: 55px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background-color: var(--yht-cg-button) !important;
	background-image: var(--yht-cg-button-bg) !important;
	background-position: center !important;
	background-repeat: repeat !important;
	background-size: auto !important;
	color: #fff !important;
	font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 55px !important;
	text-align: center !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	white-space: nowrap !important;
	transition: opacity 0.5s ease !important;
}

section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] a.yht-concept-grid__button:hover,
section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] a.yht-concept-grid__button:focus-visible {
	color: #fff !important;
	text-decoration: none !important;
	opacity: 0.5 !important;
}

@media screen and (min-width: 1061px) and (max-width: 1279px) {
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] p.yht-concept-grid__desc {
		font-size: calc(9px + 0.39vw) !important;
		line-height: 2.05 !important;
	}
}

@media screen and (max-width: 1060px) {
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__inner {
		width: 100% !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item,
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item:nth-child(even) {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		flex-direction: row !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item:nth-child(even) {
		flex-direction: row-reverse !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__image,
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content {
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] p.yht-concept-grid__desc {
		font-size: clamp(12px, 1.45vw, 14px) !important;
		line-height: 2 !important;
	}
}

@media screen and (max-width: 767px) {
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__inner {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item,
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__item:nth-child(even) {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__image,
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content {
		width: 100% !important;
		max-width: 100% !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content {
		padding: 43px 35px !important;
		overflow: visible !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content::before {
		display: none !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] .yht-concept-grid__content-inner {
		display: flex !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		transform: none !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] p.yht-concept-grid__desc,
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"][lang="en"] p.yht-concept-grid__desc {
		font-size: 14px !important;
		line-height: 2 !important;
	}

	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] a.yht-concept-grid__button {
		min-width: 180px !important;
		height: 45px !important;
		font-size: 12px !important;
		line-height: 45px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	section.yht-concept-grid.yht-concept-grid--locked[id^="yht-concept-grid-"] a.yht-concept-grid__button {
		transition: none !important;
	}
}