@charset "utf-8";
/* CSS Document */

/*------------------------------------

	最新情報 news

------------------------------------*/
.news{
	margin-bottom: 100px;
}

/* カテゴリー一覧 */
.news ul.cate_list{
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}

.news ul.cate_list li{
	font-size: 1.8rem;
	letter-spacing: 0.07em;
	margin-right: 50px;
}

.news ul.cate_list li a{
	color: var(--navy195);
}

/* 記事一覧 */
.news ul.news_list li{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 50px;
}

.news ul.news_list li div{
	display: flex;
	padding: 20px 0;
}

.news ul.news_list li p:not(:last-of-type){
	margin-right: 20px;
}

.news ul.news_list p.date{
	width: 85px;
}

.news ul.news_list p.cate{
	width: 115px;
}

.news ul.news_list p.cate span{
	background-color: var(--navy395);
	font-size: 1.4rem;
	color: #fff;
	padding: 3px 6px;
}

.news ul.news_list p.news_contents{
	width: calc(100% - 200px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news ul.news_list button.link_btn{
	width: 200px;
	height: 50px;
	margin: 0 0 0 auto;
}

.news ul.news_list button.link_btn a{
	line-height: 50px;
	background-color: var(--blue);
	border: none;
}







/*------------------------------------------------------------------------------------
		スマホ
------------------------------------------------------------------------------------*/



@media screen and (max-width:750px){
	
	
	
	
	
/*------------------------------------

	最新情報 news(SP)

------------------------------------*/
	.news{
		margin-bottom: 80px;
	}

	/* カテゴリー一覧 */
	.news ul.cate_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 20px;
	}

	.news ul.cate_list li{
		font-size: 1.6rem;
		letter-spacing: 0.07em;
		margin-right: 30px;
		margin-bottom: 10px;
	}

	.news ul.cate_list li a{
		color: var(--navy195);
	}

	/* 記事一覧 */
	.news ul.news_list li{
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 50px;
	}

	.news ul.news_list li div{
		display: flex;
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.news ul.news_list li p:not(:last-of-type){
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.news ul.news_list p.date{
		width: 85px;
	}

	.news ul.news_list p.cate{
		width: 115px;
	}

	.news ul.news_list p.cate span{
		background-color: var(--navy395);
		font-size: 1.4rem;
		color: #fff;
		padding: 3px 6px;
	}

	.news ul.news_list p.news_contents{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.news ul.news_list button.link_btn{
		width: 200px;
		height: 50px;
		margin: 0 0 0 auto;
	}

	.news ul.news_list button.link_btn a{
		line-height: 50px;
		background-color: var(--blue);
		border: none;
	}	
	
	
	
	
}