@charset "utf-8";
/* CSS Document */

/* hd_area */

.hd_area{
	background-image: url("../img/hd_topics_pc.jpg");
}

/* 共通 */

section{
	margin-top: 80px;
}

.contents{
	max-width: 720px;
}

/* 一覧ページ */

.topics_inner {
    margin-top: 22px;
}

.topics_inner dl{
	padding: 28px 18px;
}

.topics_inner dl:first-of-type{
	border-top: 1px solid #33426A;
}

.topics_inner dl:not(:first-of-type){
	margin-top: 0;
}

.topics_inner dl dd{
	letter-spacing: 0.35em;
}

/* 詳細ページ */

.detail_inner{
	border-top: 1px solid #33426A;
	border-bottom: 1px solid #33426A;
	padding: 78px 0 72px;
	margin-top: 40px;
}

.detail_inner .text_area p{
	text-align: left;
    line-height: 2.5;
}

.topics-detail .pagination > .flex{
	justify-content: space-between;
}

.topics-detail .data{
	font-size: 2.0rem;
	font-weight: 700;
	text-align: left;
	letter-spacing: 0.1em;
}


@media screen and (max-width: 767px){
	.hd_area{
		background-image: url("../img/hd_topics_sp.jpg");
	}
	
	.detail_inner{
		padding: 50px 0 72px;
    	margin-top: 30px;
	}
	
}

@media screen and (max-width: 540px){
	.topics-detail .pagination > .flex > li.wb {
    	width: 36%;
	}
	
	.topics-detail .pagination > .flex > li.ws {
    	width: 26%;
	}
}