.service_item {border: 1px solid #ccc; margin-bottom: 12px; padding: 12px;
display: flex;
flex-wrap: wrap;
}
.service_item:hover {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.service_item_img {width: 100%; margin-bottom: 15px;}
.service_item_img img {width: 100%;}
.service_item .h2 {text-decoration: none; color: var(--font_color); margin-bottom: 15px; display: inline-block;}
.service_item .h2:hover {color: var(--main_color);}
.service_item_price {margin-bottom: 15px;}
.service_item_price span {    font-weight: bold;
	font-size: 18px;
	line-height: 20px; padding-right: 20px;}
.service_item_price span.price_old {    text-decoration-line: line-through;
	color: #8E8E8E;}
.schedule_img{
	width: 100%;
	height: 250px;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}

.lecture_items {flex-wrap: wrap; display: flex; justify-content: space-between;}
.lecture_items .service_item {width: 24%;}


@media only screen and (max-width: 600px) {
	.service_item {flex-wrap: wrap; text-align: center;}
	.service_item_img {width: 100%; margin: 0 0 15px 0;}
	.service_item_img a{
		margin: auto;
	}
	.service_item > div{
		width: 100%;
	}

}
@media only screen and (max-width: 700px){
	.lecture_items .service_item {width: calc(50% - 10px);}
}

@media only screen and (max-width: 350px) {
	.service_item_img {min-width: 100%;}
	.schedule_img{
		max-width: 100%;
		width: auto;
	}

}
@media only screen and (max-width: 450px){
	.lecture_items .service_item {width: 100%;}
	 .service_item p {
		display: none;
	}

}

.btn{
	align-self: flex-end;
	margin: 0 auto;
}