@charset "UTF-8";

#topics .wrap {
	padding-bottom:90px;
}
/**TOPICS**/
#topics h2 {
	font-family: 'Lato', sans-serif;
	font-size:3.6rem;
	font-weight:400;
	color:#375490;
	margin-bottom:1em;
}
#topics .newsBox {
	border-top:1px solid #cccccc;
	margin-bottom:45px;
}
#topics .newsBox dl {
	width:100%;
	font-size:1.6rem;
	padding:1.5em 1em;
	text-align:left;
	line-height:1.3;
	border-bottom:1px solid #cccccc;
}
#topics .newsBox .date {
	font-family: 'Lato', sans-serif;
	width:6em;
}
#topics .newsBox .cat {
	width:8em;
	text-align:center;
}
#topics .newsBox .cat span {
	display:inline-block;
	line-height:1;
	font-size:.8em;
	background-color:#375490;;
	color:#FFFFFF;
	padding:.5em 1em;
	border-radius:1em;
}
#topics .newsBox .cat span.news {
	background-color:#ff6600;
}
#topics .newsBox .cat span.blog {
	background-color:#009900;
}
#topics .newsBox dt {
	width:calc(100% - 14em);
}

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

}

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

}

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

}

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

#topics .wrap {
	padding-bottom:45px;
}
/**TOPICS**/
#topics h2 {
	font-size:2.6rem;
}
#topics .newsBox {
	margin-bottom:30px;
}
#topics .newsBox dl {
	font-size:1.4rem;
	padding:1em .5em;
}
#topics .newsBox .cat {
	width:calc(100% - 7em);
	text-align:left;
	transform:translateY(-.2em);
}
#topics .newsBox dt {
	width:100%;
	padding-top:.5em;
}
}
	
@media screen and (max-width:480px){

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

}