@charset "UTF-8";


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/news/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　ニュース一覧　
*****************************************************/
/* .news-contents 
------------------------------------------------- */
.news-contents{
	background:#fff;
	box-sizing:border-box;
	margin:-50px auto 70px;
	max-width:1350px;
	padding:120px 90px 75px;
	width:100%;
}
/* ----- リスト ----- */
.news-list{
	margin:0 auto;
	max-width:1170px;
	width:100%;
}
.news-list li{
	align-items:center;
	border-bottom:3px solid #e7e7e7;
	display:flex;
	padding:0 0 20px;
}
.news-list li + li{
	margin:35px 0 0;
}
.news-list li .date{
	color:#263a4f;
	letter-spacing:0.075em;
	margin:0 20px 0 0;
	width:135px;
}
.news-list li .category span{
	box-sizing:border-box;
	display:inline-block;
	letter-spacing:0.075em;
	padding:6px 5px 7px;
	text-align:center;
	width:168px;
}
.news-list li .category span.news{
	background:#fcf363;
	color:#2255a4;
}
.news-list li .category span.transportation{
	background:#2255a4;
	color:#fff;
}
.news-list li .category span.important{
	background:#d02424;
	color:#fff;
}
.news-list li .category span + span{
	margin-left:5px;
}
.news-list li a{
	background:url('../img/common/arrowicon.png') no-repeat right center;
	background-size:9px 14px;
	letter-spacing:0.075em;
	margin:0 30px 0 40px;
	padding-right:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:calc(100% - 135px - 20px - 168px - 40px - 30px);
}
.news-list li a:hover{
	color:#2255a4;
	filter:progid:DXImageTransform.Microsoft.Alpha(0.1);
	opacity:1;
	text-decoration:underline;
}
/* ----- 投稿なし ----- */
.none{
	margin:0 auto;
	max-width:1000px;
	text-align:center;
	width:100%;
}


/*****************************************************
　ニュース詳細　
*****************************************************/
/* .s-news-contents 
------------------------------------------------- */
.s-news-contents{
	background:#fff;
	box-sizing:border-box;
	margin:-50px auto 95px;
	max-width:1350px;
	padding:60px 160px 50px;
	width:100%;
}
/* ----- .s-news-item ----- */
.s-news-item .date{
	letter-spacing:0.075em;
}
.s-news-item .ttl{
	color:#2255a4;
	font-size:29px;
	font-size:2.9rem;
	letter-spacing:0.14em;
	line-height:1.4;
	margin:15px 0 40px;
	position:relative;
	z-index:0;
}
/*.s-news-item .ttl:after{
	background:#fcf363;
	bottom:-8px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	height:30px;
	left:-0.8em;
	padding:0 0.8em;
	position:absolute;
	width:100%;
	z-index:-1;
}*/
.s-news-item .ttl span{
	background:linear-gradient(transparent 50%, #fcf363 0%);
	font-size:inherit;
	padding-bottom:5px;
	position:relative;
}
.s-news-item .category{
	display:flex;
}
.s-news-item .category span{
	box-sizing:border-box;
	display:inline-block;
	letter-spacing:0.075em;
	padding:6px 5px 7px;
	text-align:center;
	width:168px;
}
.s-news-item .category span + span{
	margin-left:10px;
}
.s-news-item .category span.news{
	background:#fcf363;
	color:#2255a4;
}
.s-news-item .category span.transportation{
	background:#2255a4;
	color:#fff;
}
.s-news-item .category span.important{
	background:#d02424;
	color:#fff;
}
.s-news-item .contents{
	margin-top:35px;
}
/* .s-return-btn 
------------------------------------------------- */
.s-return-btn{
	background:#2255a4;
	font-size:20px;
	font-size:2.0rem;
	line-height:90px;
	margin:0 auto 150px;
	max-width:495px;
	text-align:center;
	width:100%;
}
.s-return-btn a{
	color:#fff;
	display:block;
	position:relative;
}
.s-return-btn a:after{
	background:url('../img/common/arrowicon_white.png') no-repeat right center;
	background-size:9px 14px;
	content:'';
	display:block;
	height:14px;
	position:absolute;
	right:68px;
	top:50%;
	transform:translate(0,-50%);
	width:9px;
	z-index:0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　ニュース一覧　
	*****************************************************/
	/* .news-contents 
	------------------------------------------------- */
	.news-contents{
		background:transparent;
		margin:0 auto 10.93vw;
		max-width:none;
		padding:18.75vw 0 11.71vw;
	}
	/* ----- リスト ----- */
	.news-list{
		max-width:none;
	}
	.news-list li{
		display:block;
		padding:0 0 3.12vw;
		position:relative;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.news-list li + li{
		margin:5.46vw 0 0;
	}
	.news-list li .date{
		left:0;
		margin:0 3.12vw 0 0;
		position:absolute;
		top:0.93vw;
		width:23.43vw;
		z-index:0;
	}
	.news-list li .category{
		margin-left:25.5vw;
	}
	.news-list li .category span{
		letter-spacing:0.075em;
		padding:0.93vw 0.78vw 1.09vw;
		width:26.25vw;
	}
	.news-list li .category span + span{
		margin-left:0.78vw;
	}
	.news-list li a{
		background-size:1.4vw 2.18vw;
		display:block;
		margin:1.56vw 0 0;
		padding-right:3.9vw;
		width:auto;
	}
	/* ----- 投稿なし ----- */
	.none{
		max-width:none;
	}


	/*****************************************************
	　ニュース詳細　
	*****************************************************/
	/* .s-news-contents 
	------------------------------------------------- */
	.s-news-contents{
		background:transparent;
		margin:0 auto 10.93vw;
		max-width:none;
		padding:18.75vw 0 11.71vw;
	}
	/* ----- .s-news-item ----- */
	.s-news-item .ttl{
		font-size:4.53vw;
		margin:2.34vw 0 6.25vw;
	}
	/*.s-news-item .ttl:after{
		bottom:-1.25vw;
		height:4.68vw;
	}*/
	.s-news-item .ttl span{
		padding-bottom:0.78vw;
	}
	.s-news-item .category span{
		padding:0.93vw 0.78vw 1.09vw;
		width:26.25vw;
	}
	.s-news-item .category span + span{
		margin-left:1.56vw;
	}
	.s-news-item .contents{
		margin-top:5.46vw;
	}
	/* .s-return-btn 
	------------------------------------------------- */
	.s-return-btn{
		font-size:3.12vw;
		line-height:14.06vw;
		margin:0 auto 23.43vw;
		max-width:none;
		width:80vw;
	}
	.s-return-btn a:after{
		background-size:1.4vw 2.18vw;
		height:2.18vw;
		right:10.62vw;
		width:1.4vw;
	}
}