@charset "UTF-8";


/* -------------------------------------
topics
------------------------------------- */
.topics .blk {
	margin-bottom:0;
}
.topics .flex {
	justify-content:space-between;
}
.topics #newscont {
	max-width:980px;
	margin:0 auto;
}
.topics #newslist {
	width:calc((100% - 25px)*.58);
	max-width:535px;
	margin-bottom:40px;
}
.topics #newslist li {
	padding:25px;
	margin-bottom:25px;
	border:1px solid #251e1c;
}
.topics #newslist li .nttlbk {
	padding-left:25px;
	margin-bottom:25px;
	border-left:2px solid #251e1c;
}
.topics #newslist li .newsttl {
	font-size:20px;
	font-weight:normal;
}
.topics #newslist li p.excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 2行に制限 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;  
}

.topics #newslist li p.date {
	color:#9c9c9c;
	font-weight:bold;
}
.topics #achcont {
	width:calc((100% - 25px)*.42);
	max-width:386px;
}
.topics #achcont .aclist {
	border:1px solid #251e1c;
}
.topics #achcont #list-new.aclist {
	margin-bottom:45px;
}
.topics #achcont .aclist .sttl {
	color:#fff;
	font-size:25px;
	font-weight:normal;
	line-height:1;
	padding:15px 20px;
	background-color:#311801;
}
.topics #achcont .aclist ul li {
}
.topics #achcont .aclist ul li a {
	line-height:1.6;
	padding:15px;
}
.topics #achcont .aclist ul li a span {
	display:inline-block;
	padding-left:25px;
	background:url(../imgs/common/arrow_t.svg) 0 center no-repeat;
	background-size:9px 12px;
}
.topics #achcont .aclist ul li:nth-child(odd) {
	background-color:#eeefef;
}

@media screen and (max-width:1340px) {

}

@media screen and (max-width:1160px) {


}

@media screen and (max-width:1060px) {

}
@media screen and (max-width:960px) {

	
}
@media screen and (max-width:880px) {



}
@media screen and (max-width:800px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:700px) {

}
@media screen and (max-width:640px) {
	.topics .flex {
		display:block;
	}

	.topics #newslist {
		width:100%;;
		max-width:100%;
	}
	.topics #achcont {
		width:100%;;
		max-width:100%;
	}
	.topics #achcont .aclist .sttl {
		font-size:22px;
	}
	.topics #achcont #list-new.aclist {
		margin-bottom: 25px;
	}


}
@media screen and (max-width:500px) {
	.topics #achcont .aclist .sttl {
		font-size:20px;
	}

}
@media screen and (max-width:320px) {
	.topics #achcont .aclist .sttl {
		font-size:18px;
	}

}
@media screen and (min-width:769px) {
	
}