/* お知らせのベース */
.news-list__item a{
	border-top: solid 1px #e6e6e6;
	padding: 1em 0; }
.news-list__item:last-child a{ border-bottom: solid 1px #e6e6e6;}
.news-list__item .news-item__data{
	color: #b3b3b3;
	font-size: 0.8125em; }
.news-list__item .news-item__title{
	font-size: 1rem;
	line-height: 1.7; }
@media screen and (max-width:480px) {
	.news-list__item{ font-size: 1.25rem; }
}
@media screen and (max-width:768px) {
}
@media screen and (min-width:768px) {
	.news-list__item a{
		position: relative;
		padding: 1.25em 1.875em;
		border-top: solid 1px #e6e6e6;
		overflow: hidden;
		display: flex; }
	.news-list__item a:before{
		content: "";
		transition: .2s;
		background: var(--gray);
		position: absolute;
		opacity: 0;
		visibility: hidden;
		left: -100%;
		top: 0;
		width: 100%;
		height: 100%;
		display: block; }
	.news-list__item a:hover::before{
		opacity: 1;
		visibility: visible;
		left: 0; }
	.news-list__item:last-child a{ border-bottom: solid 1px #e6e6e6;}
	.news-list__item .news-item__data{
		position: relative;
		padding-top: 0.65em;
		white-space: nowrap; }
	.news-list__item .news-item__title{
		position: relative;
		border-left: solid 1px #e6e6e6;
		line-height: 2.25;
		margin-left: 1.5em;
		padding-left: 2em; }
}
@media screen and (max-width:768px) {
	.news-list__item .news-item__data{ margin-bottom: 0.5em; }
}


/* ページネーション */
.pagination{
	margin-top: 12vw;
	width: 100%; }
.pagination ul{
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	display: flex; }
.pagination li{ margin-right: 0.25em; }
.pagination li:last-child{ margin-right: 0;}
.pagination span,
.pagination a{
	display: block;
	padding: 0.35em 1em 0.5em; }
.pagination span{
	color: var(--white);
	background: var(--main); }
.pagination a{ background: var(--gray); }
@media screen and (min-width:768px) {
	.pagination{ margin-top: 100px; }
	.pagination ul{ justify-content: flex-end; }
	.pagination a:hover{
		color: var(--white);
		background: var(--main); }
}
/* ---------------------------------------
   お知らせ一覧 #news
------------------------------------------ */
#news .page-title{ margin-bottom: 2.25em; }

/* ---------------------------------------
   記事詳細 #news-article
------------------------------------------ */
#news-article .page-title{ margin-bottom: 2.25em; }
.news-article__title{
	margin-bottom: 2.5em;
	line-height: 2;
	font-size: 1.25rem; }
.news-article__title .news-article__data{ font-size: 0.65em; }
.article-body{ line-height: 2; }
.article-body h2{
	font-weight: 600;
	font-size: 1.125rem; }
.article-body h2:nth-child(n+2){ margin-top: 1.5em; }
.article-body p{ font-size: 1rem; }
.article-body p:nth-child(n+2){ margin-top: 0.25em; }
.article-body a{
  display: inline-block;
	text-decoration: underline;
	color: #e2b800; }
.article-body a:nth-child(n+2){ margin-top: 2em; }
.article-body a+a:nth-child(n+2){ margin-top: 0em; }

.back-link{
	margin-top: 12vw;
	text-align: center; }
.article-body .back-link a{
	/* sp時に記事本文のcssとかち合うため */
	text-decoration: none;
	color: var(--white); }
.back-link.pc{ display: none; }
@media screen and (min-width:768px) {
	.back-link.sp{ display: none; }
	.back-link a:hover{ background: var(--main); }
	.back-link.pc{
		margin-top: 0;
		display: block; }
	.news-article__title{ display: flex; }
	.news-article__title .news-article__data{
		position: relative;
		padding-top: 0.65em;
		white-space: nowrap; }
	.news-article__title .news-article__text{
		position: relative;
		margin-left: 1.5em;
		padding-left: 2em; }
	.news-article__title .news-article__text:before{
		content: "";
		display: block;
		width: 1px;
		top: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
		left: 0;
		background: #e6e6e6;
		height: 60%;
		left: 0; }
	.article-body a:hover{ text-decoration: none; }
}