.about {
	padding: 64px 0 40px;
	background: linear-gradient(to bottom, #FFFFFF 0%, #D7DFD4 30%, #B0C0AB 40%, #A0B49A 50%, #8EA586 61%, #7B9672 71%, #6B8961 88%, #64845A 98%, #5D7F53 99%, #547748 100%);
}
.about .img {
	max-width: 480px;
	margin: 0 auto 24px;
}
.about .area-text .text {
	color: #fff;
	line-height: 1.7857142857;
}
.about .area-text .text + .text {
	margin: 1.25em 0 0;
}
@media screen and (min-width: 768px) {
	.about {
		padding: 100px 0 60px;
		background: linear-gradient(to bottom, #FFFFFF 0%, #D7DFD4 12%, #B0C0AB 31%, #A0B49A 40%, #8EA586 51%, #7B9672 61%, #6B8961 68%, #64845A 78%, #5D7F53 87%, #547748 100%);
	}
	.about .img {
		margin: 0 auto 40px;
	}
	.about .area-text .text {
		text-align: center;
		color: #fff;
		font-size: 20px;
		line-height: 2;
	}
	.about .area-text .text + .text {
		margin: 1.25em 0 0;
	}
}

.features {
	padding: 64px 0 0;
}
.features .list {
	margin: 0 0 120px;
}
.features .list .item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 24px;
}
.features .list .item:nth-child(2n) {
	flex-direction: row-reverse;
	text-align: right;
}
.features .list .item + .item {
	margin: -24px 0 0;
}
.features .list .item .img {
	width: 40%;
	margin: 0;
}
.features .list .item .text {
	width: 50%;
	font-size: 16px;
	letter-spacing: -.075em;
}
.features .list .item .text span {
	display: block;
	font-size: 14px;
	letter-spacing: -5%;
}
.features .detail {
	padding: 140px 0 40px;
	background: url(../img/top/bg-features01_sp.jpg) no-repeat center;
	background-size: cover;
}
.features .detail .area-title {
	position: relative;
}
.features .detail .area-title .title01 {
	color: #fff;
	font-size: 28px;
	margin: 0 0 24px;
}
.features .detail .area-title .img {
	width: 80%;
	margin: -220px auto 24px;
}
.features .detail .text {
	color: #fff;
	line-height: 1.7857142857;
}
@media screen and (min-width: 768px) {
	.features {
		padding: 100px 0 0;
	}
	.features .list {
		display: flex;
		justify-content: center;
		gap: 75px;
		margin: 0 0 190px;
	}
	.features .list .item {
		display: block;
	}
	.features .list .item .img {
		width: 100%;
		margin: 0 0 20px;
	}
	.features .list .item + .item {
		margin: 0;
	}
	.features .list .item .text {
		position: relative;
		width: 100%;
		font-size: 20px;
		text-align: center;
	}
	.features .list .item .text span {
		position: absolute;
		width: 21em;
		font-size: 16px;
		font-weight: 700;
		left: 50%;
		transform: translateX(-50%);
	}
	.features .detail {
		padding: 100px 0;
		background: url(../img/top/bg-features01_pc.jpg) no-repeat center;
		background-size: cover;
	}
	.features .detail .inner {
		padding: 0;
	}
	.features .detail .area-title {
		position: relative;
		margin: 0 0 60px;
	}
	.features .detail .area-title .title01 {
		font-size: 40px;
	}
	.features .detail .area-title .img {
		position: absolute;
		top: -190px;
		right: -40px;
		max-width: 525px;
		margin: 0;
	}
	.features .detail .text {
		font-size: 20px;
	}
}

.commitment {
	margin: 0 0 64px;
	padding: 80px 0 0;
}
.commitment .desc .title01 {
	margin: 0 0 32px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #5F5F5F;
}
.commitment .desc .area-text {
	margin: 0 0 60px;
}
.commitment .desc .area-text .text {
	font-weight: 700;
}
.commitment .desc .area-text .text + .text {
	margin: 16px 0 0;
}
.commitment .desc .img {
	width: 80%;
	margin: 0 auto 24px;
}
.commitment .detail {
	padding: 60px 0 40px;
	background: url(../img/top/bg-commitment01_sp.jpg) no-repeat center right;
	background-size: cover;
}
.commitment .detail .area-text {
	margin: 0 0 40px;
}
.commitment .detail .area-text .title02 {
	margin: 0 0 24px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #5F5F5F;
}
.commitment .detail .area-text .img {
	width: 80%;
	margin: 0 auto 24px;
}
.commitment .detail .area-text .text {
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.commitment {
		margin: 0 0 168px;
		padding: 100px 0 0;
	}
	.commitment .desc .title01 {
		margin: 0 0 40px;
		font-size: 40px;
		line-height: 1;
	}
	.commitment .desc .area-text {
		margin: 0 0 60px;
	}
	.commitment .desc .area-text .text {
		font-weight: 700;
		text-align: center;
		font-size: 20px;
		line-height: 2;
	}
	.commitment .desc .area-text .text + .text {
		margin: 24px 0 0;
	}
	.commitment .desc .img {
		width: 80%;
		max-width: 820px;
		margin: 0 auto 100px;
	}
	.commitment .detail {
		background: url(../img/top/bg-commitment01_pc.png) no-repeat center right;
		background-size: cover;
	}
	.commitment .detail .inner {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		gap: 0 40px;
	}
	.commitment .detail .inner .img {
		position: relative;
		bottom: -130px;
		width: 50%;
		margin: 70px 0 0;
	}
	.commitment .detail .inner .area-text {
		width: 50%;
	}
	.commitment .detail .inner .area-text .title02 {
		margin: 0 0 64px;
		font-size: 40px;
		text-align: center;
	}
	.commitment .detail .inner .area-text .text {
		font-size: 20px;
		line-height: 2;
		font-weight: 700;
	}
}

.items {
	margin: 0 0 64px;
}
.items .list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin: 0 0 24px;
}
.items .list .item:first-child {
	grid-column: 1/-1;
}
@media screen and (min-width: 768px) {
	.items {
		margin: 0 0 100px;
	}
	.items .list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
		margin: 0 0 60px;
	}
	.items .list .item:first-child {
		grid-column: 1;
	}
	.items .list .item:nth-child(n+4) {
		display: none;
	}
}

.access {
	padding: 64px 0;
}
.access .area-map {
	width: 80%;
	margin: 0 auto 24px;
}
.access .list .item + .item {
	margin: 24px 0 0;
}
@media screen and (min-width: 768px) {
	.access .area-map {
		width: 100%;
		max-width: 710px;
		margin: 0 auto 24px;
	}
	.access .list {
		width: 100%;
		max-width: 710px;
		margin: 0 auto;
	}
	.access .list .item + .item {
		margin: 24px 0 0;
	}
	.access .list .item .title02 {
		font-size: 16px;
	}
}/*# sourceMappingURL=top.css.map */