@charset "UTF-8";

main ul.list li{
	display:flex;
	align-items:center;
	font-size:18px;
	border-bottom:1px solid #d9d9d9;
}
main ul.list span{
	margin:0;
}
.list img{
	margin-right:30px;
}
.list .list_date_title{
	align-items:baseline;
}
.list .list_date_title{
	display:flex;
}
.list .list_date_title a{
	color:rgb(24, 126, 195);
}
.list .list_date_title span{
	margin-right:10px;
	color:#333;
	font-weight:bold;
}
.date_category{
	display:flex;
	align-items:center;
}
.tag_list{
	display:flex;
	flex-wrap:wrap;
}
.tag_list a{
	text-align: center;
    background: #e83743;
    display: inline-block;
    width: auto;
    padding: 8px 16px;
    color: #FFF!important;
    font-size: 14px;
    border-radius: 24px;
    margin-right: 1em;
    margin-bottom: 1em;
}
.case_category_list{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-left:0;
}
.case_category_list li{
	margin-right:20px;
	text-align:center;
	border-radius:35px;
	border:1px solid #e83743;
	margin-bottom:20px;
}
.case_category_list a{
	display:inline-block;
	color:#000;
	padding:10px 30px;
}
.case_category{
	text-align:center;
	background:#e96b26;
	display:inline-block;
	width:120px;
	padding:5px 0;
	font-size:14px;
	margin-left:20px;
	border-radius:35px;
}
.case_category a{
	color:#fff !important;
}
.category_active{
	color:#fff !important;
	background:#e83743;
}
.category_active p{
	display:inline-block;
	padding:10px 30px;
	margin:0;
}
.list .list_date_title a{
	color:#000;
}

@media screen and (max-width: 767px){
.list li{flex-direction:column; margin:40px 0;}
.list li .img-eye-catch{order:2;}
.list li .li_detail{order:1;}
.list_date_title{
	flex-direction:column;
}
.case_category_list{
	list-style:none;
	display:block;
	padding-left:0;
}
.case_category_list li{
	width:90%;
	margin:0 auto 10px;
}
}