@charset "UTF-8";
/* CSS Document */
section{
	margin-bottom: 80px;
	padding: 0 40px;
}
.cases_wrapper{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.case_box{
	width: calc(50% - 40px);
	margin: 0 20px 40px 20px;
	background-color: #f6f6f6;
	border-radius: 16px;
	box-sizing: border-box;
	padding: 15px;
}
.cases_slickslider{
	margin-bottom: 10px;
}
.cases_slickslider li img{
	width: 100%;
	height: auto;
	border-radius: 16px;
}
.case_box>div{
	padding: 10px;
}
.client_name{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 2px #18A4E6;
	margin-bottom: 10px;
}
.client_name .sub{
    font-size: 15px;
}
.finished span{
	background-color: #fff;
	border: solid 1px #18A4E6;
	display: inline-block;
	color: #18A4E6;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	border-radius: 4px;
}
.finished{
	padding-bottom: 15px;
}
.slick-prev {
    left: 10px;
    z-index: 10;
}
.slick-next {
    right: 10px;
}
.slick-next:before, .slick-prev:before {
    color: #888;
}


@media print, screen and (max-width: 970px) {
section {
    margin-bottom: 50px;
    padding: 0 20px;
}
.cases_wrapper {
    max-width: 550px;
    display: block;
}
.case_box {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 5%;
}
.cases_slickslider {
    margin-bottom: 0;
}
.client_name {
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.client_name .sub{
    display: block;
    line-height: 1em;
    padding-bottom: 10px;
}

.case_box>div {
    padding: 5px;
}
.finished {
    padding-bottom: 10px;
}
.finished span {
    font-size: 14px;
}































































}