@charset "UTF-8";

.data_contents {
	margin-top: 9rem;
	background-color: #F8F7F7;
}

.data_contents .inner {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 2rem;
}

.data_contents .data_about {
	padding-top: 6rem;
	padding-bottom: 9rem;
}

.data_contents .data_env {
	padding-bottom: 19.5rem;
}

.data_contents .data_title {
	font-family: "Noto Sans CJK JP";
	font-weight: 500;
	font-size: 3.4rem;
	letter-spacing: 0.05em;
	text-align: center;
	color: #000;
	margin-bottom: 5rem;
}

.data_contents .data_row {
	display: grid;
	column-gap: 4%;
}

.data_contents figure {
	background-color: #fff;
	text-align: center;
}

.data_contents figcaption {
	font-size: 2.4rem;
	letter-spacing: 0.05em;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
	background-color: #E7380D;
	font-weight: bold;
}

/* .data_contents .data_row01 {
	grid-template-columns: 26.4% 34.8% 30.8%;
	margin-bottom: 4rem;
}

.data_contents .data_row02 {
	grid-template-columns: 1fr 1fr;
}

.data_contents .data_row03 {
	grid-template-columns: 1fr 1fr;
	margin-bottom: 4rem;
}

.data_contents .data_row04 {
	grid-template-columns: 30.8% 34.8% 26.4%;
	margin-bottom: 4.8rem;
}

.data_contents .data_row05 {
	grid-template-columns: 39.5% 26.1% 26.4%;
	margin-bottom: 4.8rem;
}

.data_contents .data_row06_inner {
	display: grid;
	grid-template-columns: 22.11% 26.32% 23.16% 25.26%;
	column-gap: 1%;
	padding-left: 1.4%;
	padding-right: 4%;
} */

@media screen and (min-width: 768px) {
	.data_contents .data_row01 {
		grid-template-columns: 26.4% 34.8% 30.8%;
		margin-bottom: 4rem;
	}

	.data_contents .data_row02 {
		grid-template-columns: 1fr 1fr;
	}

	.data_contents .data_row03 {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 4rem;
	}

	.data_contents .data_row04 {
		grid-template-columns: 30.8% 34.8% 26.4%;
		margin-bottom: 4.8rem;
	}

	.data_contents .data_row05 {
		grid-template-columns: 51.992% 43.3267%;
		margin-bottom: 4.8rem;
	}

	.data_contents .data_row06_inner {
		display: grid;
		grid-template-columns: 22.11% 26.32% 23.16% 25.26%;
		column-gap: 1%;
		padding-left: 1.4%;
		padding-right: 4%;
	}
}

@media screen and (max-width: 767px) {
	.data_contents {
		margin-top: 0;
	}

	.data_contents .data_about {
		padding-top: 5rem;
		padding-bottom: 6rem;
	}

	.data_contents .data_env {
		padding-bottom: 8rem;
	}

	.data_contents .data_title {
		font-size: 2.5rem;
		margin-bottom: 3rem;
	}

	.data_contents .data_row {
		row-gap: 3rem;
	}

	.data_contents figcaption {
		font-size: 1.8rem;
	}

	.data_contents .data_row01 {
		margin-bottom: 3rem;
	}

	.data_contents .data_row01 img {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.data_contents .data_row02 img {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.data_contents .data_row03 {
		margin-bottom: 3rem;
	}

	.data_contents .data_row03 img {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.data_contents .data_row04 {
		margin-bottom: 3rem;
	}

	.data_contents .data_row04 img {
		max-width: 90%;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.data_contents .data_row05 {
		margin-bottom: 3rem;
	}

	.data_contents .data_row05 img {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.data_contents .data_row06_inner {
		padding-top: 3rem;
		padding-bottom: 4rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 3rem;
	}
}