@charset "utf-8";
@media(min-width: 840px) {
		.sp_data {
				display: none;
		}
}
@media(max-width: 840px) {
		.pc_data {
				display: none;
		}
		.sp_data_flex {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin: 0 auto;
		}
		.sp_data_flex .data_col, .data_col.w100 {
				width: calc(50% - 5px);
				margin: 0 0 10px;
				min-height: inherit;
				padding: 15px;
				box-sizing: border-box;
		}
		.data_col.w100 {
				margin: 0 0 10px;
				width: 100%;
				position: relative;
		}
		.extraHeight {
				height: 42vw;
		}
		.extraHeight_inner {
				display: flex;
				align-items: center;
				justify-content: center;
				height: calc(100% - 70px);
		}
		.data_col.w100 .data9-1, .data_col.w100 .data13-1 {
				position: absolute;
				bottom: 10px;
				left: 10px;
				width: 22vw;
		}
		.data_col.w100 .data9-2, .data_col.w100 .data13-2 {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 22vw;
		}
		.data10, .data11 {
				width: 100% !important;
				box-sizing: border-box;
				padding: 0 10px;
		}
		.commute_flex {
				width: 80%;
				max-width: inherit;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between
		}
		.commute_item {
				width: calc(50% - 10px);
				margin: 0 0 15px
		}
}
@media(max-width: 767px) {
		.count {
				display: flex;
				justify-content: center;
				align-items: flex-end;
		}
		.data_col_figure_center {
				width: 100%;
		}
		.data_col h5 {
				font-size: 16px;
				margin: 0 0 10px;
		}
		.number {
				font-size: 10vw;
		}
		.numberL {
				font-size: 10vw;
		}
		.txt_extra1 {
				width: 9vw;
		}
		.txt_extra2 {
				width: 7vw;
		}
		.w100 .number {
				font-size: 20vw;
		}
		.unit {
				font-size: 14px;
		}
		.year37 {
				font-size: 16px;
				transform: translateX(-10px) translateY(7px);
		}
		.data14 {
				width: 22vw !important;
		}
}