@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 a {
	background : #e3ebe9;
	padding : 10px;
	margin : 20px 0;
	cursor : pointer;
	display : block;
}
.category a.active {
	color : #fff;
	background : #007dbf;
}
.category a:hover {
	opacity : 0.7;
}

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


.list_section li {
	text-align : left;
	width : 33%;

}
.portfolio_image {
	max-width : 310px;
}
.portfolio_title {
	color : #858A8C;
	font-size : 13px;
}
.list_exp {
	font-weight : 700;
	font-size : 1.8rem;
	color : #333;
}

.news_title {
	font-weight : 700;
	border-left : 3px solid #2B91E5;
	text-indent : 0.5em;
	margin : 10px auto 40px auto;
	width : 960px;
	text-align : left;
}

.news_date {
	font-size : 1.2rem;
}

.detail_image {
	max-width : 640px;
	text-align : center;
	margin : 0 auto;
}

.samu {
	display : flex;
	width : 960px;
	margin : 20px auto;
}
.samu li {
	width : 20%;
}

.detail_comment {
	width : 960px;
	margin : 20px auto;
	text-align : left;
}

.back_btn {
	display : block;
	width : 20%;
	border : 1px solid #7DBCEF;
	padding : 10px 20px;
	color : #7DBCEF;
	margin : 20px auto;
}

@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%;
	}
	.category {
		font-size : 1.2rem;
	}
	.samu {
		width : 100%;
	}
	.detail_comment {
		width : 100%;
		padding : 10px;
	}
	
.back_btn {
	width : 300px;
}
}