@charset "UTF-8";


/*欧文*/
.news-header h1,
.news-list-pager ul a,
.news-list-pager ul span{
	font-family: "OptimaNovaLTPro-Regular";
}

@media screen and (min-width: 768px) {

	.news-index #corp-main{
		margin: 100px 0 0;
	}	
	.news-header{
		margin: 0 0 60px;
	}
	.news-header h1{
		font-size: 110px;
		letter-spacing: 0.04em;		
	}


/* news-list
===========================================================================*/

	.news-list{
		margin: auto;
		padding: 0 10px;
		max-width: 560px;
	}
	.news-list-pager{
		margin: 50px 0 0;
	}
	.news-list-pager ul{
		display: flex;
		justify-content: center;
	}
	.news-list-pager ul li {
	}
	.news-list-pager ul a,
	.news-list-pager ul span{
		position: relative;
		margin: 0 4px;
		display: block;
		width: 20px;
		height: 20px;
		font-size: 20px;
		text-align: center;
		line-height: 20px;
	}
	.news-list-pager ul a{
		color: #7a695d;
	}
	.news-list-pager ul a:after,
	.news-list-pager ul span:after{
		content: "";
		position: absolute;
		bottom: -17px;
		display: block;
		width: 20px;
		height: 1px;
		background: #000;
	}
	.news-list-pager ul a:after{
		opacity: 0;
		transition: opacity 1000ms ease;
	}
	.news-list-pager ul a:hover:after{
		opacity: 1;
	}
	.news-list-pager ul a:hover{
		color: #000;
	}

	.news-list-pager-box{
		display: flex;
		justify-content: center;		
	}
	.news-list-pager-box .link-prev,
	.news-list-pager-box .link-next{
		position: relative;
		display: block;
		width: 20px;
		height: 20px;
		font-size: 20px;
		text-align: center;
		line-height: 20px;	
	}
	.news-list-pager-box .link-prev{
		position: relative;
		margin: 0 25px 0 0;
	}
	.news-list-pager-box .link-next{
		position: relative;
		margin: 0 0 0 25px;
	}
	.news-list-pager-box .link-prev:after,
	.news-list-pager-box .link-next:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 20px;
		height: 15px;
		opacity: 0.3;
	}
	.news-list-pager-box a .link-prev:after,
	.news-list-pager-box a .link-next:after{
		opacity: 1;
	}
	.news-list-pager-box .link-prev:after{
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}
	.news-list-pager-box .link-next:after{
		background: url(../../common/img/arrow_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}
	.news-list-pager-box a .link-prev:hover:after{
		transform: translateX(-10px);
	}
	.news-list-pager-box a .link-next:hover:after{
		transform: translateX(10px);
	}



}



@media screen and (max-width: 767px) {

	.news-index #corp-main{
		margin: 60px 0 0;
	}	
	.news-header{
		margin: 0 0 60px;
	}
	.news-header h1{
		padding: 0 0 6px;
		margin: 0 0 0 -8px;
		font-size: 50px;
		letter-spacing: 0.04em;
	}


/* news-list
===========================================================================*/

	.news-list{
		margin: 0 -7px;
/*		margin: auto;
		padding: 0 10px;
		max-width: 560px;*/
	}
	.news-list-pager{
		margin: 50px 0 0;
	}
	.news-list-pager ul{
		display: flex;
		justify-content: center;
	}
	.news-list-pager ul li {
	}
	.news-list-pager ul a,
	.news-list-pager ul span{
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
	}
	.news-list-pager ul a{
		color: #7a695d;
	}
	.news-list-pager ul a:after,
	.news-list-pager ul span:after{
		content: "";
		position: absolute;
		margin: auto;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 10px;
		height: 1px;
		background: #000;
	}
	.news-list-pager ul a:after{
		opacity: 0;
		transition: opacity 500ms ease;
	}
	.news-list-pager-box{
		display: flex;
		justify-content: center;		
	}
	.news-list-pager-box .link-prev,
	.news-list-pager-box .link-next{
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
	}
	.news-list-pager-box .link-prev{
		position: relative;
		margin: 0 12px 0 0;
	}
	.news-list-pager-box .link-next{
		position: relative;
		margin: 0 0 0 12px;
	}
	.news-list-pager-box .link-prev:after,
	.news-list-pager-box .link-next:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 17px;
		height: 13px;
		opacity: 0.3;
	}
	.news-list-pager-box a .link-prev:after,
	.news-list-pager-box a .link-next:after{
		opacity: 1;
	}
	.news-list-pager-box .link-prev:after{
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.news-list-pager-box .link-next:after{
		background: url(../../common/img/arrow_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}



}


@media screen  and (max-width: 374px){


}