@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css);
.top-contents {
	background-color: #FCF9F4;
	position: relative;
	width: calc(50% - 10px);
	min-height: 200px;
}
@media (max-width: 991px) {
	.top-contents {
		width: 100%;
		min-height: 150px;
	}
	.top-contents:nth-of-type(even) {
		background-color: white;
	}
}
@media (min-width: 992px) {
	.top-contents.first-child {
		margin-bottom: 20px;
		margin-right: 20px;
	}
	.top-contents.second-child {
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.top-contents.third-child {
		margin-bottom: 0px;
		margin-right: 20px;
	}
}
.top-contents.fourth-child {
	margin: 0;
}
.top-contents__flex {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 991px) {
	.top-contents__flex {
		display: block;
	}
}
.top-contents__ttl-flex {
	display: flex;
	justify-content: space-between;
}
.top-contents__img{
	width: 50%;
}
.top-contents__img img{
	width: 100%;
	height: auto;
}
.top-contents__txt {
	width: 50%;
	display: flex;
	align-items: center;
	padding-right: 20px;
}
.top-contents__txt div {
	width: 100%;
}
.top-contents__txt h2 {
	font-size: 28px;
	font-weight: 500;
	font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
	text-align: center;
}
@media (max-width: 767px) {
	.top-contents__txt h2 {
		font-size: 20px;
	}
}
.top-contents__btns {
	width: 100%;
}
@media (max-width: 991px) {
	.top-contents__btns {
	}
}
.top-contents__btns .top-contents__btn:first-of-type a {
	border-radius: 10px 10px 0 0;
}
.top-contents__btns .top-contents__btn:last-of-type a {
	border-radius: 0 0 10px 10px;
}
.top-contents__btns .top-contents__btn:only-of-type a {
	border-radius: 10px;
}
.top-contents__btn {
	width: 100%;
}
.top-contents__btn + .top-contents__btn a {
	border-top: 1px solid white;
}
.top-contents__btn a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 50px;
	padding: 15px;
	box-shadow: 0px 5px 15px -5px rgba(0,0,0,.2);
}

.top-contents__btn a:hover {
	opacity: .6;
}
.top-contents__btn a:hover img {
	opacity: 1;
}
.top-contents__btn p {
	font-size: 16px;
	font-weight: bold;
	color: white;
	letter-spacing: .1em;
	margin-bottom: 0;
	font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}
.top-contents__btn p small {
	font-size: 0.8em;
	font-weight: normal;
}
@media (max-width: 991px) {
	.top-contents__btn p {
		font-size: 16px;
	}
}
/*@media (max-width: 767px) {
	.top-contents__btn p {
		font-size: 15px;
	}
}*/
.top-contents__btn a img{
	width: 7px;
}

.color-youji { color:#72CC84; }
.color-shogaku { color: #EC8B46; }
.color-chugaku { color: #6686B5; }
.color-koukou { color: #495577; }
.bgc-youji { background-color: #72CC84; }
.bgc-shogaku { background-color: #EC8B46; }
.bgc-chugaku { background-color: #6686B5; }
.bgc-koukou { background-color: #495577; }