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{
	position: relative;
	width: 237px;
	margin: 0 0px 0px 0;
}
.case--sec01-list li figure{
	margin-bottom: 10px;
}
.case--sec01-list li:nth-child(4n){
	margin: 0 0 0px;
}
.case--sec01-list li figure img {
	width: 270px;
}
.case--sec01-list li span img {
	margin-right: 8px;
	width: 15px;
	height: 10px;
}
.case--sec01-list:nth-of-type(2)  li{

}

.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 .btn{
	font-size: 15px;
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
}
.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;
}

.case--sec01-list{
	margin-bottom: 0;
}

	.case--sec01 h2{
		margin-bottom: 20px;
	}

@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{
		width: 47%;
	}
	.case--sec01-list .btn a{
		width: 100%;
	}
	.case--sec01-list li figure{
		text-align: center;
		margin-bottom: 0px;
	}
	.page-id-566 .case--sec01-list li{
		margin-bottom: 0;
	}
	.case--sec01-list li span{
		bottom: 90px;
	}
	.case--sec01-list .btn{
		  bottom: 12px;
	}
	.case--sec01-list:nth-of-type(2){
		    margin-top: 10px;
	}
	.case--sec01__inner .p--caution{
		margin-top: 10px;
	}
	.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;
	}

	.page-id-566 .swiper-main .progress .btn a{
		width: 300px!important;
	}
	.shm_case_heading{
		font-size: 18px!important;
	}

	.case--sec01-list .btn a{
		height: 40px;
		line-height: 40px;
		font-size: 13px;
	}
	.case--sec01-list li:nth-child(2n){
		margin-left: 0;
		margin-right: 0;
	}
	.case--sec01 {
		padding: 8vw 20px;
	}
}