@charset "utf-8";
/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#gHeader h1 a img {
	filter: brightness(0) invert(1);
}
#main .newsList {
	margin-bottom: 10rem;
	border-top: 0.1rem solid #000;
}
#main .newsList li {
	padding: 3rem 5rem 2.9rem;
	min-height: 11rem;
	display: flex;
	align-items: center;
	gap: 3rem;
	font-size: 2rem;
	color: #003AA7;
	border-bottom: 0.1rem solid #000;
}
#main .newsList li .date {
	width: 24.3rem;
	display: block;
	letter-spacing: 0.1em;
}
#main .newsList li .title {
	display: block;
	flex: 1;
	letter-spacing: 0.1em;
}
#main .newsList li a {
	padding: 1.2rem 4.5rem 1.2rem 2.5rem;
	min-width: 16rem;
	flex-shrink: 0;
	display: block;
	color: #000;
	font-size: 1.6rem;
	border: 0.1rem solid #707070;
	background: #fff url(../img/common/icon04.png) no-repeat right 2.1rem center / 1.6rem;
}
#main .pageNavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
}
#main .pageNavi li {
	width: 5.3rem;
	height: 6.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	border: 0.1rem solid #000;
}
#main .pageNavi li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#main .newsDetail {
	margin-bottom: 10rem;
}
#main .newsDetail .date {
	padding: 3rem 5rem 0;
	align-items: center;
	font-size: 2rem;
	color: #003AA7;	
	width: 24.3rem;
	display: block;
	letter-spacing: 0.1em;
}
#main .newsDetail .title {
	margin: 1rem 7rem 0;
	align-items: center;
	font-size: 3rem;
	color: #003AA7;	
	display: block;
	letter-spacing: 0.1em;
	border-bottom: 1px dashed #000;
}
#main .newsDetail .news-content {
	margin: 1rem 8rem 0;
	align-items: center;
	font-size: 2rem;
	color: #000;	
	display: block;
	letter-spacing: 0.1em;
}
#main .backBtn {
	padding: 3rem 5rem 0;
	align-items: center;
	font-size: 1.5rem;
	color: #003AA7;	
	display: block;
	letter-spacing: 0.1em;
}

@media all and (min-width: 897px) {
	#main .newsList li a:hover {
		color: #fff;
		background-color: #000;
		border-color: #000;
		background-image: url(../img/common/icon09.png);
	}
	#main .pageNavi li a:hover {
		color: #fff;
		background-color: #000;
	}
}
@media all and (max-width: 896px) {
	#main {
		margin-bottom: 2.8rem;
	}
	#main .newsList {
		margin-bottom: 3rem;
	}
	#main .newsList li {
		padding: 1.2rem 1rem 1.1rem;
		min-height: 11.1rem;
		gap: 1rem 0;
		flex-direction: column;
		font-size: 1.2rem;
	}
	#main .newsList li .date {
		width: 100%;
	}
	#main .newsList li .title {
		flex: initial;
		width: 100%;
	}
	#main .newsList li a {
		margin: 0 -1rem 0 auto;
		padding: 0.6rem 2.2rem 0.6rem 0.9rem;
		width: fit-content;
		min-width: 9.6rem;
		font-size: 1.1rem;
		background-size: 0.9rem;
		background-position: right 1.2rem center;
	}
	#main .pageNavi li {
		width: 3.1rem;
		height: 4rem;
		font-size: 1.2rem;
	}

	#main .newsDetail {
		margin-bottom: 3rem;
	}
	#main .newsDetail .date {
		padding: 0;
		align-items: center;
		font-size: 1.2rem;
		color: #003AA7;	
		width: 24.3rem;
		display: block;
		letter-spacing: 0.1em;
	}
	#main .newsDetail .title {
		margin: 1rem 1rem 0;
		align-items: center;
		font-size: 2rem;
		color: #003AA7;	
		display: block;
		letter-spacing: 0.1em;
		border-bottom: 1px dashed #000;
	}
	#main .newsDetail .news-content {
		margin: 1rem 2rem 0;
		align-items: center;
		font-size: 1.2rem;
		color: #000;	
		display: block;
		letter-spacing: 0.1em;
	}
	#main .backBtn {
		padding: 0;
		align-items: center;
		font-size: 1.2rem;
		color: #003AA7;	
		display: block;
		letter-spacing: 0.1em;
	}
	
}