.kyoiku__cards{
	--count: 1;
	--gap: 1.5rem;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	padding: var(--g-sec--sm) 0;
	font-family: var(--ff-maru);
}
@media (min-width: 600px){
	.kyoiku__cards{
		--count: 2;
	}
}
@media (min-width: 960px){
	.kyoiku__cards{
		--count: 3;
	}
}

.kyoiku__cards::before{
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -1;
	content: "";
	display: inline-block;
	width: 100vw;
	height: 100%;
	background-image: url(/wp-content/uploads/bg_block_2.png);
	background-repeat: repeat;
	background-size: 2rem;
	opacity: .6;
}
.kyoiku__cards::after{
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	z-index: -2;
	content: "";
	display: inline-block;
	width: 100vw;
	height: 100%;
	background-color: var(--c-light);
}

.kyoiku-card{
	display: flex;
	flex-direction: column;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}

.kyoiku-card__img{
	width: 100%;
	border-radius: var(--bd-r--xl);
	overflow: hidden;
	box-shadow: var(--shdw) var(--c-gray);
	margin-bottom: .625rem;
}
.kyoiku-card__content{
	margin-bottom: .625rem;
	line-height: var(--lh-xl);
}
.kyoiku-card__btn{
	margin-top: auto;
	text-align: right;
}