@charset "UTF-8";

/* ******************************************************
 * レイアウト
 * *************************************************** */

.case-items:not(:first-child) {
	margin-top: 90px;
}
.case-item {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	border-bottom: 3px dotted #ededed;
	position: relative;
}
.case-item img {
	border-radius: 18px;
}
.case-item .case-item___b {
	width: calc(100% / 2 - 48px);
}
.case-item .case-item___a {
	width: calc(100% / 2 - 48px);
}
.case-item figcaption {
	text-align: center;
	margin-top: 6px;
	line-height: 1.4;
}
.case-item img.arrow {
	position: absolute;
    border-radius: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (max-width: 768px) {
	.case-item img.arrow {
		width: 45px;
		height: 45px;
	}
}
@media (max-width: 559px) {
	.case-item .case-item___b {
		width: calc(100% / 2 - 18px);
	}
	.case-item .case-item___a {
		width: calc(100% / 2 - 18px);
	}
}
@media (max-width: 430px) {
	.case-item .case-item___b {
		width: calc(100% / 2 - 12px);
	}
	.case-item .case-item___a {
		width: calc(100% / 2 - 12px);
	}
	.case-item img.arrow {
		width: 36px;
		height: 36px;
	}
	.case-item figcaption {
		font-size: .9em;
	}
}