@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";

.concept-img{
	img{
		width: 100%;
		max-width: none;
	}
}

.concept-outer{
	padding-bottom: 72px;
	@media (width < 810px) {
		padding-bottom: 24px;
	}
}
.concept-container{
	margin-top: -20.36vw;/*391/1920*/
	position: relative;
	z-index: 1;
}
.concept-ttl{
	img{
		width: min(46.2vw, 887px);/*887/1920*/
	}
}
.concept-inner{
	margin-top: 56px;
	margin-inline: auto;
	width: 88%;
	max-width: 1200px;
	@media (width < 810px) {
		margin-top: 36px;
	}
	@media (width < 810px) {
		width: 72%;
	}
}
.concept-txt{
	word-break: keep-all;
	font-family: var(--font_min);
	font-size: clamp(1rem, 0.481rem + 1.026vw, 1.25rem);/*20~16(1200~810)*/
	font-weight: 500;
	line-height: 2.4;
	color: #494544;
	@media (width < 810px) {
		line-height: 2.2;
	}
	+.concept-txt{
		margin-top: 32px;
		@media (width < 810px) {
			margin-top: 20px;
		}
	}
}
.concept-room{
	margin-top: max(-9.375vw, -180px);/*180/1920*/
	img{
		width: max(62.5vw, 1200px);/*1200/1920*/
	}
}