/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** Content ******************************/

/*- カードイメージのラウンド化(class="rounded-circle")スタイル -*/
.round-card .card {
	border: 0;
	border-radius: 0;
}

.round-card .card .card-img-wrapper {
	width: 50%;
	margin: auto;
	margin-top: -15%;
	border: 3px solid #fff;
}

/*- カードの背景はみ出し -*/
.round-card .stick_out {
	margin-top: -5rem;
	/*- 上部はみ出し量 -*/
	margin-bottom: calc(5rem + 25%);
}

@media screen and (min-width: 48em) {
	.round-card .stick_out {
		margin-bottom: 3rem;
	}
}

/*- カードの重ねと背景はみ出し -*/
.stack-card .image-card {
	margin-top: -10rem;
	/*- 上部はみ出し量 -*/
	margin-bottom: 0;
	/*- SP表示時のカード間隔詰め -*/
}

@media screen and (min-width: 48em) {
	.stack-card .image-card {
		margin-top: -5rem;
		/*- 上部はみ出し量 -*/
		margin-right: -3rem;
		/*- 右部はみ出し量 -*/
		margin-bottom: 3rem;
	}

	.stack-card .text-card {
		margin-top: -2rem;
		/*- 上部はみ出し量 -*/
		margin-bottom: 3rem;
	}
}

.stack-card .text-card .card-body {
	padding: 3rem;
}

.stack-card .image-card,
.stack-card .image-card .card-img,
.stack-card .text-card {
	border: 0;
	border-radius: 0;
}

/****************************** Content End ******************************/