@charset "UTF-8";

.page_title_top {
	&::after {
		background-image: url("../../img/page/our_solutions/banner.png");
	}
	.common-title.type01 {
		max-width: 52rem;
		padding-bottom: 22rem;
		@media screen and (max-width: 767px) {
			padding-bottom: 6rem;
		}
	}
}

#contents {
	padding: 16rem 0 0;
	@media screen and (max-width: 767px) {
		padding: 0;
	}
}

.block {
	padding-bottom: 18.6rem;
	@media screen and (max-width: 767px) {
		padding-bottom: 0;
	}
}

.flexwrap-data {
	padding-top: 6rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 3rem;
}

.flexwrap-data li {
	list-style: none;
	text-align: center;
	width: 48.7%;
	background-color: #fff;
	box-sizing: border-box;
	/* margin-bottom: 2rem; */
}

.flexwrap-data li .title {
	display: none;
	font-family: var(--Pr6N);
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 46px;
	text-align: center;
	color: #000;
}

.flexwrap-data li .video_wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	/* padding-bottom: 82%;
	height: 0; */
}

.flexwrap-data li .video_wrap video {
	filter: drop-shadow(0 0 rgba(0, 0, 0, 0));
	background-color: #fff;
	outline: none;
	border: none;
	/* position: absolute; */
	/* top: -2px;
	left: 0; */
	width: 100%;
	height: auto;
}

.data_box li:nth-child(11) {
	margin-bottom: 0;
}

.data_box li:nth-child(12) {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.flexwrap-data {
		padding-bottom: 6rem;
		flex-direction: column;
		gap: 0;
	}

	.flexwrap-data li {
		margin-bottom: 0;
	}

	.flexwrap-data li:nth-of-type(n + 1) {
		max-width: initial;
		width: 100%;
	}

	.flexwrap-data li:nth-of-type(n + 2) {
		margin-top: 30px;
	}

	.flexwrap-data li:nth-of-type(n + 1) .video_wrap {
		overflow: hidden;
	}
	.flexwrap-data li:first-of-type {
		padding: 0;
	}
	/* .flexwrap-data li .video_wrap {
		padding-bottom: 100%;
	} */
}