/* 記事一覧ページ */
#news-index .title-style h2{
	margin-top: 0;
}
#news-index #index{
	margin-bottom: 30px;
	padding-top: 0;
}
#news-index .news-cate{
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
#news-index .news-cate li{
	min-width: 120px;
	border: 1px solid var(--c-key);
	border-radius: 3px;
	text-align: center;
	color: var(--c-key);
	font-weight: 700;
}
#news-index .news-cate li.active{
	color: #fff;
	background: var(--c-key);
}
#news-index .news-cate li a{
	display: block;
	padding: 2px 0;
}
#news-index .news-list{
  padding: 30px 5%;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto 80px;
}
#news-index .cntBox li a{
	display: block;
	border-bottom: 1px solid #D3D3D3;
	padding: 20px 0;
}
#news-index .cntBox li p{
	margin-bottom: 0;
	margin-top: 10px;
	font-weight: 700;
	line-height: 1.7;
}
#news-index .cntBox time{
	letter-spacing: 1px;
	font-size: 1.4rem;
}
#news-index .cntBox span{
	background: var(--c-key);
	padding: 3px 10px;
	color: #fff;
	font-size: 1.3rem;
	border-radius: 3px;
	font-weight: 700;
	margin-left: 10px;
}

@media(hover: hover) {
	#news-index .cntBox li a:hover{
		transition: .2s opacity;
		opacity: .5;
	}
	#news-index .news-cate li:hover{
		transition: .2s all;
		background: var(--c-key);
		color: #fff;
	}
}

@media screen and (max-width: 899px) {
	#news-index #index{
		padding: 0;
	}

}
@media screen and (max-width: 480px) {
	#news-index .news-cate{
		gap: 20px 16px;
	}
	#news-index .news-cate li{
		font-size: 1.4rem;
		min-width: 100px;
		line-height: 1.6;
	}
	#news-index .news-list{
		margin: 30px auto 50px;
		    padding: 10px 5% 30px;

	}
}

/* 個別ページ */
#news-single .meta time{
	letter-spacing: 0.02em;
	font-family: "Helvetica Neue" , Helvetica;
	font-weight: 500;
}
#news-single .meta span{
	background: var(--c-key);
	padding: 3px 10px;
	color: #fff;
	font-size: 1.5rem;
	border-radius: 3px;
	font-weight: 700;
	margin-left: 10px;
}
#news-single .news-post{
  padding: 30px 5% 50px;
  width: 90%;
  max-width: 1200px;
  margin: 50px auto 80px;
}
#news-single .news-post .cnt h2,#news-single .news-post .cnt h3,
#news-single .news-post .cnt h4,#news-single .news-post .cnt h5,
#news-single .news-post .cnt h6,#news-single .news-post .cnt img{
	font-weight: 700;
	margin-top: 30px;
	line-height: 1.6;
}
#news-single .news-post .cnt h2{
	font-size: 2.8rem;
	color: var(--c-key);
	text-align: center;
	padding-bottom: 20px;
	position: relative;
}
#news-single .news-post .cnt h2::after{
	content:'';
	width: 70px;
	height: 2px;
	background: var(--c-key);
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
#news-single .news-post .cnt h3{
	font-size: 2.4rem;
	border: 1px solid var(--c-base);
	padding: 5px 15px;
	border-radius: 3px;
}
#news-single .news-post .cnt h4{
	font-size: 2.2rem;
	background: #F2F3F5;
	padding: 8px 15px;
	border-radius: 3px;
}
#news-single .news-post .cnt h5{
	font-size: 2rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #CDD1DB;
}
#news-single .news-post .cnt h6{
	font-size: 1.8rem;
}
#news-single .news-post .cnt p{
	line-height: 1.6;
	margin-top: 30px;
	margin-bottom: 15px;
}
#news-single .news-post .cnt strong{
	font-weight: 700;
}
#news-single .news-post .cnt ul li{
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.6;
}
#news-single .news-post .cnt ol li{
	list-style-type: decimal;
	margin-left: 20px;
	line-height: 1.6;
}

@media(hover: hover) {

}

@media screen and (max-width: 899px) {
	#news-single .news-post{
		width: 100%;
		margin-bottom: 0;
	}
	section.single .title-box h1{
		font-size: 2.4rem;
	}
	#news-single .news-post .cnt h2{
		font-size: 2.4rem;
	}
	#news-single .news-post .cnt h3{
		font-size: 2.2rem;
	}
	#news-single .news-post .cnt h4{
		font-size: 2rem;
	}
	#news-single .news-post .cnt h5{
		font-size: 1.8rem;
	}
	#news-single .news-post .cnt h6{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 480px) {
	#news-single .news-post{
		margin-top: 30px;
		padding: 20px 5%;
	}
	#news-single .news-post .cnt h2,#news-single .news-post .cnt h3,
	#news-single .news-post .cnt h4,#news-single .news-post .cnt h5,
	#news-single .news-post .cnt h6, #news-single .news-post .cnt img{
		margin-top: 20px;
		line-height: 1.4;
	}
	#news-single .news-post .cnt h2{
		font-size: 2rem;
		padding-bottom: 15px;
	}
	#news-single .news-post .cnt h3{
		font-size: 1.9rem;
	}
	#news-single .news-post .cnt h4{
		font-size: 1.8rem;
	}
	#news-single .news-post .cnt p{
		margin-top: 20px;
		line-height: 1.6;
	}
}