@charset "UTF-8";
/* CSS Document */
/********************************************************************************
Rest
********************************************************************************/
.sdxmPage .com_usecaseSection .usecaseList {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -30px;
	text-align: center;
}
.sdxmPage .com_usecaseSection .usecaseList .box {
	display: inline-block;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 50px;
	text-align: left;
	vertical-align: middle;
	width: 380px;
}
.sdxmPage .com_usecaseSection .usecaseList.block4 .box {
	margin-left: 10px;
	margin-right: 10px;
	width: 23%;
	display: inline-block;
	vertical-align: top;
}
.sdxmPage .com_usecaseSection .usecaseList.detail .box {
	margin-left: 10px;
	margin-right: 10px;
	width: 31.5%;
	display: inline-block;
	vertical-align: top;
}
@media only screen and (max-width: 768px) {
	.sdxmPage .com_usecaseSection .usecaseList {
		margin-top: 60px;
	}
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box {
		width: 46%;
		margin-top:20px;
	}
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box:nth-of-type(3),
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box:nth-of-type(4){
		margin-top:60px;
	}
	.sdxmPage .com_usecaseSection .usecaseList.detail .box {
		margin-top:36px;
	}
}
@media only screen and (max-width: 547px) {
	.sdxmPage .com_usecaseSection .usecaseList {
		margin-top: 30px;
	}
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box {
		margin-left: 3px;
		margin-right: 3px;
	}
}
@media only screen and (max-width: 480px) {
	
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box {
		width: auto;
		margin-top:0;
		display: block;
		margin-left: 15px;
		margin-right: 15px;
	}
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box:nth-of-type(3),
	.sdxmPage .com_usecaseSection .usecaseList.block4 .box:nth-of-type(4){
		margin-top:40px;
	}
}

.usecaseList.detail .slick-prev,.usecaseList.detail .slick-next{
	top:36%;
}