@charset "UTF-8";


/*============================
 news__contents
============================*/
.news__contents {
	padding: 60px 0 150px;
}

.news__atc {
	& a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 1em 0;
		border-bottom: solid 1px #DDDDDD;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			width: 0;
			height: 1px;
			background: #990000;
			bottom: 0;
			left: 0;
			transition: .5s;
		}

		&:hover {
			&::before {
				width: 100%;
			}
		}
	}

	& i {
		font-size: 2rem;
		color: #990000;
		position: absolute;
		right: 0;
		bottom: 1em;
	}
}

.news__info {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.news__data {
	margin-right: 1em;
}

.news__h3 {
	padding-right: 30px;
}


@media screen and (max-width:1024px) {
	.news__contents {
		padding: 60px 0 100px;
	}

	.news__atc {
		& a {
			padding: 1em 0;

		}

		& i {
			font-size: 2rem;
			right: 0;
			bottom: 1em;
		}
	}

	.news__data {
		margin-right: 1em;
	}

	.news__h3 {
		padding-right: 30px;
	}
}

@media screen and (max-width:767px) {
	.news__contents {
		padding: 60px 0 80px;
	}

	.news__atc {
		& a {
			padding: 1em 0;

		}

		& i {
			font-size: 2rem;
			right: 0;
			bottom: 1em;
		}
	}

	.news__data {
		margin-right: 1em;
	}

	.news__h3 {
		overflow: hidden;
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		padding-right: 30px;
	}
}

/*============================
n-detail-contents
============================*/
.n-detail-contents {
	padding: 60px 0 150px;
}

.ndc__container {
	border: solid 3px #BA0200;
	padding: 50px 5%;
	border-radius: 20px;

}

.ndc-contents-container {
	& h1 {
		font-size: 2.4rem;
		font-weight: bold;
		padding-bottom: .75em;
		border-bottom: solid 1px #BA0200;
		margin-bottom: 1em;
		line-height: 1.5;
	}

	& a {
		color: #BA0200;
		text-decoration: underline;
	}

	& ul {
		& li {
			position: relative;
			margin-bottom: .5em;

			&::before {
				content: "●";
				position: relative;
				color: #BA0200;
				margin-right: .5em;
			}
		}
	}

	& ol {
		list-style: decimal;
		margin-left: 1.5em;
		margin-bottom: .5em;

		& li::marker {
			color: #BA0200;
			font-size: 120%;
			font-weight: bold;
		}
	}

	& strong {
		font-weight: bold;
	}
}

.ndc__date {
	margin-right: 1em;
	white-space: nowrap;
}

@media screen and (max-width:1024px) {
	.e-detail-contents {
		padding: 60px 0 100px;
	}

	.ndc__container {
		border: solid 2px #BA0200;
		padding: 40px 5%;
		border-radius: 16px;


	}

	.ndc-contents-container {
		& h1 {
			font-size: 2rem;
		}
	}

}

@media screen and (max-width:767px) {
	.e-detail-contents {
		padding: 60px 0 80px;
	}

	.ndc__container {
		border: solid 2px #BA0200;
		padding: 30px 5%;
		border-radius: 16px;


	}

	.ndc-contents-container {
		& h1 {
			font-size: 1.6rem;
		}
	}

	.ndc__info {
		display: flex;
	}

}