@charset "utf-8";



/* ===================================================================
 クラウドインフラTOP
=================================================================== */
.l-video-cloud01 {
	padding: 3%;
	background: #F0F5F7;
}
.p-cloudindex-solutiontitle {
	display: flex;
	flex-flow: column;
}
.p-cloudindex-solutioncardimg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	aspect-ratio: 16 / 9;
}
.p-cloudindex-solutioncardimg--01 {
	background-image: url("/si/cloud/img/img_01.jpg");
}
.p-cloudindex-solutioncardimg--02 {
	background-image: url("/si/cloud/img/img_02.jpg");
}
.p-cloudindex-solutioncardimg--03 {
	background-image: url("/si/cloud/img/img_03.jpg");
}
.p-cloudindex-solutioncard__text {
	line-height: 1.45;
	margin-top: 3px;
}
.p-cloudindex-ico {
	max-width: 85%;
	margin-left: 0;
}
@media screen and (min-width: 35.5em) {
	.l-video-cloud01 {
		padding: 1.5em;
	}
	.p-cloudindex-solutioncard {
		height: -webkit-calc(100% - 2rem - 2px);
		height:         calc(100% - 2rem - 2px);
		padding: 1em;
	}
	.p-cloudindex-solutioncardimg {
		aspect-ratio: 2 / 1;
	}
	.p-cloudindex-ico {
		max-width: 60px;

		margin-inline: auto;
	}
}
@media screen and (min-width: 64em) {
	.p-cloudindex-solutiontitle {
		align-items: center;
		flex-flow: row;
	}
	.p-cloudindex-solutiontitle__main {
		position: relative;
		margin-right: .875rem;
		padding-right: .875rem;
	}
	.p-cloudindex-solutiontitle__main::after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 1px;
		height: 1em;
		margin: auto;
		content: "";
		background-color: #DDDDDD;
	}
	.p-cloudindex-solutioncardimg {
		height: calc(100% - 8px);
		aspect-ratio: inherit;
	}
}