.list_anchor {
	margin: 0 auto;
	padding: 0 24px;
	max-width: 1160px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px 20px;
	li {
		/* width: calc(25% - 24px); */
	}
	a {
		padding: 12px 10px;
		background: #EDEDED;
		display: block;
		font-size: 12px;
		text-align: center;
		text-decoration: none;
		color: #0C3960;
		transition-duration: .4s;
		&.select {
			background: #0C3960;
			color: #EDEDED;
			pointer-events: none;
		}
		&:hover {
			background: #0C3960;
			color: #EDEDED;
		}
	}
}
.list_cases {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	h3 {
		a {
			margin-bottom: 1em;
			border-top: 2px solid #0C3960;
			border-bottom: 2px solid #0C3960;
			padding: 10px 0;
			display: block;
			font-size: 20px;
			color: #0C3960;
			transition-duration: .4s;
			&:hover {
				background: #0C3960;
				color: #EDEDED;
			}
		}
	}
	>li {
		width: calc(50% - 25px);
	}
}
.case_photo {
	display: flex;
	gap: 5px;
	width: 100%;
	li {
		flex: 1;
		display: flex;
		flex-direction: column;
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		color: #0C3960;
		span {
			/* padding-top: 78%; */
			padding-top: min(10vw, 180px);
			display: block;
			width: 100%;
			background-size: cover;
			background-position: center;
		}
		aside {
			padding: 10px 0;
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			background: #EDEDED;
		}
	}
	&.photo4 {
		li {
			font-size: 11px;
		}
	}
}
.btn_detail {
	margin: 20px auto 0;
	text-align: center;
	a {
		position: relative;
		padding: 0 50px calc(0.2em + 5px) 0;
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		color: #0C3960;
		background-color: #00000000;
		transition-duration: .4s;
		&:before {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			height: 1px;
			background: #277CA2;
		}
		&:after {
			content: "";
			position: absolute;
			top: calc(50% - 18px);
			right: 0;
			width: 30px;
			height: 30px;
			transition-duration: 0.4s;
			background: url(/wp-content/uploads/ico_btn-arrow01.svg) no-repeat;
			transition-duration: .4s;
		}
		&:hover {
			color: #277CA2;
			&:before {
				animation: btn-hover-underline 1s forwards;
			}
			&:after {
				background: url(/wp-content/uploads/ico_btn-arrow03.svg) no-repeat;
			}
		}
	}
}
.pagination {
	margin-top: 30px;
}
#blogDetail {
	#posts .post .e-con {
		padding: 0;
	}
	.case_photo {
		li {
			span {
				padding-top: min(30vw, 300px);
			}
		}
	}
}
body.post-type-archive-cases, body.tax-cases-cat, body.single-cases {
	#blogDetail, #blogList {
		min-height: 350px;
	}
	.list02 li .elementor-icon-list-text {
    padding-left: .6em;
    text-indent: -.5em;
	}
}
@media (max-width: 1080px) {
	.list_cases {
		h3 {
			a {
				font-size: 16px;
			}
		}
	}
}
@media (max-width: 960px) {
	.list_cases {
		h3 {
			a {
				font-size: 14px;
				letter-spacing: .04em;
			}
		}
	}
}
@media (max-width: 767px) {
	.list_cases {
		gap: 30px;
		li {
			width: calc(50% - 15px);
		}
		h3 {
			a {
				font-size: 12px;
			}
		}
	}
	.case_photo {
		li {
			font-size: 12px;
		}
		&.photo4 {
			li {
				font-size: 10px;
			}
		}
	}
}
@media (max-width: 680px) {
	.list_cases {
		gap: 50px;
		li {
			width: 100%;
			span {
				padding-top: min(30vw, 180px);
			}
		}
		h3 {
			a {
				font-size: 18px;
			}
		}
	}
	.case_photo {
		&.photo4 {
			flex-wrap: wrap;
			li {
				flex: none;
				width: calc(50% - 2.5px);
			}
		}
	}
}
@media (max-width: 480px) {
	.list_cases {
		gap: 30px;
		h3 {
			a {
				font-size: 16px;
			}
		}
	}
}