@charset "UTF-8";



/*  l-innovation
--------------------------------------------------*/
.l-innovation {
	position: relative;
	padding-block: 19.0rem 10.0rem;
	background : linear-gradient(90deg, rgba(240, 238, 230, 0) 0%, rgba(240, 238, 230, 1) 50%, rgba(240, 238, 230, 0) 100%);
}
.l-innovation::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 17.4rem;
	background: linear-gradient(0deg, rgba(195, 185, 155, 0) 0%, rgb(204 197 176) 100%);
	pointer-events: none;
}
.innovation-ttl {
	font-size: 10.0rem;
	line-height: 1.2;
	letter-spacing: .08em;
	text-align: center;
	margin-bottom: 1.0rem;
}
.innovation-ttl span {
	display: inline-block;
	background : linear-gradient(135deg, rgba(114, 98, 86, 1) 0%, rgba(147, 135, 124, 1) 17%, rgba(180, 168, 130, 1) 33%, rgba(146, 128, 76, 1) 50%, rgba(180, 168, 130, 1) 67%, rgba(147, 135, 124, 1) 83%, rgba(114, 98, 86, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.innovation-catch {
	font-size: 3.6rem;
	line-height: 1;
	letter-spacing: .1em;
	color: #92804c;
	text-align: center;
	margin-bottom: 11.0rem;
}
.innovation-detail__box {
	width: min(95%,1660px);
	margin-left: auto;
}
.innovation-detail__desc {
	width: calc(670 / 1660 * 100%);
}
.innovation-detail__desc__txt {
	font-size: 1.6rem;
	line-height: 3;
	letter-spacing: .1em;
}
.innovation-detail__desc__txt + .innovation-detail__desc__txt {
	margin-top: 1.3em;
}
.innovation-detail__desc__txt:last-of-type {
	margin-top: 2.5em;
    padding-top: 4.0rem;
	border-top: dashed 1px #cccccc;
}
.innovation-detail__photo {
	width: calc(900 / 1660 * 100%);
}
.innovation-detail__photo__item1 {
	width: calc(400 / 900 * 100%);
	margin-left: calc(320 / 900 * 100%);
}
.innovation-detail__photo__item2 {
	width: calc(460 / 900 * 100%);
	margin-top: calc(-80 / 900 * 100%);
	margin-right: auto;
}
.innovation-detail__photo__item3 {
	width: calc(360 / 900 * 100%);
	margin-top: calc(-140 / 900 * 100%);
	margin-left: auto;
}
@media screen and (max-width: 768px){
	.l-innovation {
		padding-block: 5.5rem 7.0rem;
	}
	.l-innovation::before {
		height: 8.0rem;
	}
	.innovation-ttl {
		font-size: 4.0rem;
		margin-bottom: 2.0rem;
	}
	.innovation-catch {
		font-size: 2.6rem;
		margin-bottom: 3.0rem;
	}
	.innovation-detail__box {
		width: 100%;
	}
	.innovation-detail__desc {
		width: calc(340 / 380 * 100%);
		margin-bottom: 6.0rem;
		margin-inline: auto;
	}
	.innovation-detail__desc__txt {
		font-size: 1.4rem;
		line-height: 2.285714285714286;/*32*/
		text-align: center;
	}
	.innovation-detail__desc__txt + .innovation-detail__desc__txt {
		margin-top: 1.0em;
	}
	.innovation-detail__desc__txt:last-of-type {
		margin-top: 2.5em;
	    padding-top: 4.0rem;
		border-top: dashed 1px #cccccc;
	}
	.innovation-detail__photo {
		width: 100%;
	}
	.innovation-detail__photo__item1 {
		width: calc(160 / 380 * 100%);
		margin-left: calc(160 / 380 * 100%);
	}
	.innovation-detail__photo__item2 {
		width: calc(230 / 380 * 100%);
		margin-top: calc(-40 / 380 * 100%);
	}
	.innovation-detail__photo__item3 {
		width: calc(180 / 380 * 100%);
		margin-top: calc(-20 / 380 * 100%);
	}
}



/*  l-modernism
--------------------------------------------------*/
.l-modernism {
	padding-block: 19.5rem 14.0rem;
	background: #f0eee6;
}
.modernism-head {
	margin-bottom: 13.5rem;
}
.modernism-head__heading {
	font-size: 3.4rem;
	line-height: 2.058823529411765;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 4.5rem;
}
.modernism-head__desc {
	font-size: 1.6rem;
	line-height: 3;
	letter-spacing: .1em;
	text-align: center;
}
.modernism-catch {
	margin-bottom: 11.5rem;
}
.modernism-list {
	gap: 2.0rem 3.0rem;
}
.modernism-list__item {
	width: calc((100% - 6.0rem) / 3);
}
.modernism-caption {
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: .05em;
	margin-top: 1.6rem;
}
@media screen and (max-width: 768px){
	.l-modernism {
		padding-block: 5.0rem 6.0rem;
	}
	.modernism-head {
		margin-bottom: 3.5rem;
	}
	.modernism-head__heading {
		font-size: 2.2rem;
		line-height: 2.090909090909091;
		margin-bottom: 1.8rem;
	}
	.modernism-head__desc {
		font-size: 1.4rem;
		line-height: 2.285714285714286;/*32*/
	}
	.modernism-catch {
		margin-bottom: 3.0rem;
	}
	.modernism-list {
		width: calc(300 / 380 * 100%);
	}
	.modernism-list__item {
		width: 100%;
	}
	.modernism-caption {
		text-align: center;
		margin-top: 1.0rem;
	}
}



/*  l-future
--------------------------------------------------*/
.l-future {
	position: relative;
}
.future-head {
	position: absolute;
	top: 19.5rem;
	left: 0;
	right: 0;
	margin-inline: auto;
	z-index: 1;
}
.future-head__heading {
	font-size: 3.4rem;
	line-height: 2.058823529411765;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 4.5rem;
}
.future-head__desc {
	font-size: 1.6rem;
	line-height: 3;
	letter-spacing: .1em;
	text-align: center;
}
.future-photo {
	width: 100%;
}
@media screen and (max-width: 1000px){
	.future-head {
		top: 5%;
	}
}
@media screen and (max-width: 768px){
	.future-head {
		top: 5.0rem;
	}
	.future-head__heading {
		font-size: 2.2rem;
		line-height: 2.090909090909091;
		margin-bottom: 1.8rem;
	}
	.future-head__desc {
		font-size: 1.4rem;
		line-height: 2.285714285714286;/*32*/
	}
}