	.top-area{
		width: 100%;
		height: 30vh;
		background: linear-gradient(to right, #38ACE0,#124489);
	}
	
	.top-title{
		color: #fff;
		font-size: 2rem;
	}
	.top-title span{
		font-size: 1rem;
	}





.news-area {
		position: relative;
		z-index: 2;
		width: 80%;
		margin: auto;
/*		margin-right: 0;*/
		display: flex;
		justify-content: space-between;
		padding: 120px 0;
	}
	.news-body{
		width: 57.6%;
		border-top: solid 2px #edebe6;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.news-menu{
		width: 36.11%;
		padding: 64px;
		background-color: #f8f7f6;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-radius: 20px;
	}
	
/*	アーティクル*/
	.c-news-article {
		position: relative;
		z-index: 1;
		height: 210px;
		border-bottom: solid 2px #edebe6;
		background: #fff;
	}
	
	.c-news-article__link {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		outline: none;
	}
	.c-news-article__thumbnail {
		position: relative;
		margin-right: 4.5%;
		aspect-ratio: 107/56;
		width: 214px;
		max-width: 214px;
		min-width: 214px;
	}
/*
	.c-news-article__thumbnail:before {
		content: '';
		position: absolute;
		top: 20px;
		left: -3px;
		width: calc(100% + 6px);
		height: calc(100% + 6px);
		background: rgba(255,255,255,0);
		border: solid 4px #00c4cc;
		transition: .25s cubic-bezier(.19,.82,.27,1);
		opacity: 0;
		-webkit-transform: scale(.98);
		transform: scale(.98);
	}
*/
	
	.c-news-article__thumbnail img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 10px;
	}
	
	.c-news-article__body {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding-top: 2px;
	}
	.c-news-article__date {
		font-size: 12px;
		font-family: Montserrat,sans-serif;
		line-height: 1;
		color: #0B1F4B;
		letter-spacing: .5px;
	}
	.c-news-article__category {
		position: relative;
		top: 0;
		height: 16px;
		margin-left: 15px;
		padding: 3px 5px 2px;
		border-radius: 8px;
		font-size: 10px;
		line-height: 1;
		letter-spacing: -.4px;
		color: #fff;
		background-color: #0B1F4B;
	}
	
	.c-news-article__title {
		width: 100%;
		margin-top: 18px;
		line-height: 1.75;
		height: 82px;
		font-size: 16px;
		font-weight: 700;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		transition: color .2s cubic-bezier(.08,.92,.35,1);
		color: #0B1F4B;
	}


	/*ページネーション*/


	.next.disable,
	.prev.disable {
		pointer-events: none;
		background: #ddd;
	}
	.pagination {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.pagination p {
		border: 1px solid #ddd;
		padding: 5px 10px;
		margin: 0 5px;
		background: #606060;
		color: #fff
	}
	.next:hover, .prev:hover, .page_counter li:hover {
		cursor: pointer;
	}
	.page_counter {
		display: flex;
		list-style: none;
		padding-left: 0;
		margin: 0 10px;
	}

	.page_counter li {		
		padding: 5px 10px;
		color:#6B6B6B;
		font-weight: bold;
		font-size: 1.1rem;
	}

	.page_counter li.current {
		background-color: #0A2357;
		height: 5px;
		width: 5px;
		border-radius: 30px;
		color: #fff;
	}

	.page_counter li + li {
		margin-left: 5px;
	}


.total_counter{
	display: none;
}


	/*ラジオボタン付近*/
	.p-news__menu__category__head{
		font-size: 2rem;
		color: #0B1F4B;
		margin-bottom: 20px;
	}

	.form-check-label{
		color: #0B1F4B;
		margin-bottom: 10px;
	}

	.form-check-input{
		accent-color:#0B1F4B;
	}


@media(max-width:480px){
	.news-area{
		padding: 5VH 0;
	}	

}

