@charset "utf-8";

/*
* CONTENTS
******************************************************/
.list-top-border1 {
	border-top: 1px solid #c6c6c6;
}

@media print, screen and (min-width: 1140px) {
	.topicsContent {
		max-width: var(--max-size);
		margin:auto;
		padding: 110px 0 0 0;
	}
	.topicsContent__list .News__lists {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: none;
		margin: auto;
        max-width: var(--content-size);
	}
	.topicsContent__list .News__list {
		padding: 25px 25px 21px 0;
		width: 100%;
	}
	.list-top-border2 {
		border-top: 1px solid #c6c6c6;
	}
	.topicsContent__list .News__list--catch {
		padding: 5px 0 6px 0;
	}
	.topicsContent__list .News__list--heading {
		padding: 1em 0 0 0;
		line-height: 1.8;
	}
	.topicsContent__list .News__list--inner::after {
		right: -20px;
	}
}
.News__list--catch > .text-red{
	color: #fe0100;
}
/*
* DETAIL
******************************************************/
.topics-detailContent {
	padding: 40px 20px;
}
.topics-detail__heading{
	border-left : solid 5px #8a0000;
	padding: 0 15px;
}
.topics-detail__breadcrumb {
	display: flex;
	align-items: flex-start;
	font-size: var(--font-size-xxs);
}
.topics-detail__ttl{
	font-size: var(--font-size-ls);
	font-weight: bold;
}
.topics-detail__date {
	text-align: right;
	font-weight:var(--font-bold);
	font-size: var(--font-size-df);
	padding: 40px 0 0 0;
}
.topics-detail__title {
	text-align: center;
	font-weight:var(--font-bold);
	color: var(--color-primary);
    font-size: var(--font-size-md);
    padding: 40px 0 0 0;
}
.topics-detail__post {
	margin: 60px 0 0 0;
}
.topics-detail__post p {
	color: var(--color-primary);
	font-size: 16px;
	margin: 0 0 1.55em 0;
}
.topics-detail__post a {
	color:var(--color-secondary);
	text-decoration: underline;
}
.topics-detail__backbutton {
    max-width: 180px;
    margin: 60px auto;
}
@media print, screen and (min-width: 1140px) {
	.topics-detailContent {
		padding: 100px 0;
	}
	.topics-detail__content {
		max-width: 900px;
		margin:auto;
	}
	.topics-detail__breadcrumb {
		font-size: var(--font-size-md);
	}
	.topics-detail__date {
		font-size: var(--font-size-ls);
		padding: 60px 0 0 0;
	}
	.topics-detail__title {
		font-size: 28px;
		padding: 60px 0 0 0;
	}
	.topics-detail__post {
		margin: 40px 0 0 0;
	}
	.topics-detail__post p {
		font-size: var(--font-size-md);
	}
	.topics-detail__backbutton {
		max-width: 270px;
		margin: 100px auto;
	}
}