html,
body{
	overflow-x: hidden!important;
}

.case--sec01__inner{
	max-width: 1000px;
}

.case--sec01-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.case--sec01-list li{
	background:#fff; 
	height: 270px;
	width: auto;
	padding: 40px 20px 20px;
	position: relative;
	margin: 0!important;
	width: 200px;
}
.case--sec01-list li figure img {
	width: 150px;
}
.case--sec01-list li span img {
	margin-right: 8px;
	width: 15px;
	height: 10px;
}
.case--sec01-list:nth-of-type(2) li:nth-of-type(1) span {
	bottom: 120px;
}
.case--sec01-list li span{
	color: #55AEE8;
	position: absolute;
	font-weight: bold;
	left: 0;
	right: 0;
	bottom: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.case--sec01-list li span p{
	color: #767676;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}
.case--sec01-list li div.case--sec01-text{
	color: #55AEE8;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100px;
}
.case--sec01-list li div.case--sec01-text div{
	color: #767676;
	display: inline-block;
}
.case--sec01-list:nth-of-type(2) .case--sec01-list li {

}
.case--sec01-list:nth-of-type(1) li:nth-of-type(2) figure img{
	height: 106px;
	width: 140px
}
.case--sec01-list .btn{
	font-size: 15px;
	position: absolute;
	bottom: 30px;
}
.progress .btn a{
	background-color: initial;
	border: none;
	color: #fff;
	padding: 0; 
	font-size: 15px;
}
.case--sec01-list .btn a {
	border-radius:50px;
	background: #67BDED;
	height: 50px;
	line-height: 50px;
	width: 200px;
}
.tab{
	display: flex;
}
.tab li {
	background-color: #67BDED;
	color: #fff;
	font-weight: bold;
	padding: 23px 0;
	text-align: center;
	width: 25%;
}
.tab li.act {
	background-color:#fff;
	color: #67BDED;
}
.p--titleBox p{
	text-align: center;
}
.p--titleBox p:nth-of-type(3){
	margin-bottom: 50px;
}
.shm_case_heading {
	font-weight: bold!important;
	color: #67BDED;
	font-size: 21px !important;
}
.case--sec01 .p--caution{
	color: #767676;
	font-size: 11px;
	line-height: initial;
}
.page-id-566 .progress .type .info .l div:nth-of-type(2),
.page-id-566 .progress .type .info .r div:nth-of-type(2){
	font-weight: normal;
	display: flex;
}
.page-id-566 .progress .type .info .r div:nth-of-type(1) {
	display: flex;
}
.page-id-566 .progress .type .info .r div:nth-of-type(1) div {
	display: block;
}
.page-id-566 .progress .type .info .r span, .page-id-566 .progress .type .info .l span{
	margin-right: 0px!important;
	color: #67BDED;
}
.progress .type .info .r div{
	padding: 0 50px 0 0;
}


.page-id-566 .progress .type .info .l div:nth-of-type(2) p,
.page-id-566 .progress .type .info .r div:nth-of-type(2) p,
.page-id-566 .progress .type .info .l div:nth-of-type(1) div,
.page-id-566 .progress .type .info .r div:nth-of-type(1) div{
	margin-left: 5%;
	width: 75%;
}
.page-id-566 .swiper-main .progress .btn a{
	border-radius: 50px;
	background: #5cc6ff;
	font-weight: bold;
}

@media (max-width: 728px) {
	.case--sec01-list .btn{
		height: 40px;
		line-height: 40px;
		width: 128px;
		bottom: 20px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.case--sec01-list li{
		padding: 27px 15px 15px;
		height: 180px;
		width: 39%;
	}
	.case--sec01-list .btn a{
		width: 100%;
	}
	.case--sec01-list li figure{
		text-align: center;
	}
	.page-id-566 .case--sec01-list li{
		margin-bottom: 0;
	}
	.case--sec01-list li span{
		bottom: 90px;
	}
	.case--sec01-list .btn{
		bottom: 35px;
	}
	.tab li{
		padding: 18px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.case--sec01-list li div.case--sec01-text{
		bottom: 30px;
		text-align: center;
		font-size: 11px;
	}
	.page-id-566 .progress .type .info .r span, .page-id-566 .progress .type .info .l span{
		display: block;
	}
	.page-id-566 .progress .type .info .l div:nth-of-type(1) div,
	.page-id-566 .progress .type .info .r div:nth-of-type(1) div{
		margin-left:0;
		width: initial;
	}
	.page-id-566 .progress .type .info .r div:nth-of-type(1) div {
		display: inline-block;
	}
	.progress .type .info .l div,
	.progress .type .info .r div{
		text-align: left;
	}
	.page-id-566 .progress .type .info .l div:nth-of-type(2) p,
	.page-id-566 .progress .type .info .r div:nth-of-type(2) p {
		margin-left:0;
		display: block;
	}
	.page-id-566 .progress .type .info .l div:nth-of-type(2),
	.page-id-566 .progress .type .info .r div:nth-of-type(2),
	.page-id-566 .progress .type .info .r div:nth-of-type(1){
		display: block;
	}
	.case--sec01-list:nth-of-type(2) li span {
		bottom: 40px;
	}
	.case--sec01-list:nth-of-type(2) li:nth-of-type(1) span{
		bottom: 50px;
	}
	.case--sec01-list{
		margin-bottom: 20px;
	}
	.page-id-566 .swiper-main .progress .btn a{
		width: 300px!important;
	}
	.shm_case_heading{
		font-size: 18px!important;
	}
	.case--sec01-list li:nth-of-type(4) figure img{
		width: auto;
		height: 60px;
	}
	.case--sec01-list .btn a{
		height: 40px;
		line-height: 40px;
		font-size: 13px;
	}
	.case--sec01-list:nth-of-type(1) li:nth-of-type(2) figure img{
		height: 71px;
		width: 94px;
	}

}