#cerabien_milai {

}
#cerabien_milai .featureList {
	font-size: 1.6rem;
	margin-bottom: 2em;
}
#cerabien_milai h2 {
	font-size: 2.0rem;
	font-weight: 600;
	color: #002d72;
	margin: 1.5em 0;
}
#cerabien_milai .featureBlock > h2:first-child {
	margin-top: .5em;
}
#cerabien_milai h3 {
	font-size: 1.8rem;
	font-weight: 600;
}
#cerabien_milai h3.exTtl {
	background: #e5e5e5;
	padding: .5em 1em;
	margin: 2em 0;
}
#cerabien_milai h3.exTtl span {
	font-size: 1.4rem;
}

#cerabien_milai .lineWrap {
	margin: 1em 0 0;
}

.build_paste {
	align-items: center;
}
.build_paste .arrow {
	position: relative;
	top: -38px;
}
.build_paste .txt {
	text-align: center;
	font-size: 2.0rem;
	margin: .8em 0;
}
.build_paste.video .txt {
	font-size: 1.6rem;
}

.compTable {
	width: 888px;
	border-collapse: separate;
	border-spacing: 6px;
}
.compTable .line_box{
	border: 1px solid #808080;
	font-size: 1.4rem;
	font-weight: 400;
	padding: .2em;
}
.compTable .cel_zr {
	background: #d4c2d9;
}
.compTable .cel_milai {
	background: #bde0f6;
}

.compTable .celC {
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	padding: 1em;
	vertical-align: middle;
	white-space: nowrap;
}
.compTable .txt > div {
	display: flex;
	justify-content: center;
	gap: 68px;
}
.compTable .txt:last-child > div {
	gap: 75px;
}

#cerabien_milai h2.useCase {
	color: #fff;
	background: #17a8e0;
	padding: .5em 1em;
}
dl.useCase {
	margin-bottom: 6em;
}
dl.useCase dt {
	font-size: 2.0rem;
	margin: 1.2em 0 0.4em;
}
dl.useCase dt span.num {
	font-size: 2.8rem;
	font-weight: 600;
	color: #17a8e0;
}

@media screen and (max-width: 767px) {
	dl.useCase dt {
		font-size: 1.8rem;
	}
	.mainImage video {
		width: 100%;
	}
	#cerabien_milai h2 {
		font-size: 1.8rem;
	}
	#cerabien_milai h3 {
		font-size: 1.6rem;
	}
	.flexWrap.related {
		flex-direction: column;
		gap: 1em;
		align-items: center;
	}
	.flexWrap.build_paste{
		flex-direction: column;
	}
	.flexWrap.build_paste img{
		max-width: 100%;
		height:auto;
	}
	.flexWrap.build_paste .txt {
		font-size: 1.4rem;
	}
	.flexWrap.build_paste p.arrow {
		transform: rotate(90deg);
		display: inline-block; /* 回転後の軸が安定しやすいため */
		position:unset;
		padding: 1em 0;
	}
	.flexWrap.build_paste.video > div {
		width: 80vw;
	}
}