@charset "utf-8";

.contents_section {
	text-align : center;
	margin : 50px auto;
}

.contents_section h2 {
	text-align : center;
	font-weight : 400;
	font-size : 2.4rem;
	font-family: 'Noto Sans Japanese', serif;
	color : #2B91E5;
}

.contents_in {
	width : 1090px;
	margin : 20px auto;
	text-align : center;
}

.category {
	display : flex;
}

.category div {
	background : #e3ebe9;
	padding : 10px;
	margin : 20px 0;
	cursor : pointer;
}
.category div.active {
	color : #fff;
	background : #007dbf;
}
.category div:hover {
	opacity : 0.7;
}

.list_section ul {
	display : flex;
	justify-content: space-around ;
	margin : 40px auto;
	flex-wrap : wrap;
}


.list_section li {
	text-align : left;
	width : 466px;

}

.staff_title {
	font-size : 13px;
	border-left : 3px solid #2B91E5;
	text-indent : 0.5em;
	margin : 10px 0;
}
.list_exp {
	font-size : 1.3rem;
	color : #858A8C;
}
.comment {
	margin : 20px 0;
}


@media screen and (max-width : 768px) {
	.contents_in {
		width : 100%;
	}
	.sub .contents_section {
		width : 95%;
	}

	.list_section ul {
		flex-wrap: wrap;
	}
	.list_section li {
		width : 90%;
	}
}