@charset "utf-8";

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

	h2{
		margin: 4.4rem 0 6rem 0;
		padding: 0 0 0.9rem 0;
		position: relative;
		letter-spacing: 0.03em;
		font-size: 1.5rem;
	}
	h2::after{
		content: '';
		display: block;
		width: 2rem;
		height: 3px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}

	/* -------------------------------------------------------------------------------------------
	*
	* ニュース
	*
	* ----------------------------------------------------------------------------------------- */

	#news{
	}

	#news ul{
		boorder-color: #222222;
		border-width: 2px 0 2px 0;
		border-style: solid;
	}
	#news ul li{
		line-height: 1.3;
		padding: 20px 0;
		font-size: 0;
	}
	#news ul li:nth-of-type(n+2){
		boorder-color: #222222;
		border-width: 2px 0 0 0;
		border-style: solid;
	}
	#news ul li p.date{
		display: inline-block;
		vertical-align: top;
		/*margin: 0 2rem 0 0;*/
		width: 7rem;
		font-size: 1rem;
		letter-spacing: 0.03rem;
		}
		#news ul li:hover p.date{
			color: #aaaaaa;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}
		#news ul li.invalid:hover p.date{
			color: #222222;
		}
	#news ul li p.text{
		text-align: left;
		display: inline-block;
		vertical-align: top;
		width: 80%;
		}
		#news ul li:hover p.text{
			color: #aaaaaa;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}
		#news ul li.invalid:hover p.text{
			color: #222222;
		}
	#news ul li p.text span{
		display: inline-block;
		vertical-align: top;
		font-size: 1rem;
		letter-spacing: 0.02rem;
		}
		#news ul li.external p.text span::after{
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 0.9375rem;
			height: 0.9375rem;
			background-image: url(../img/common/icon_link_blank.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
			margin: -0.1rem 0 0 0.7rem;
		}
		#news ul li.external:hover p.text span::after{
			background-image: url(../img/common/icon_link_blank_on.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}


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

	h2{
		padding: 0 0 3vw 0;
		margin: 25vw auto 13.4vw auto;
		position: relative;
		width: 74vw;
		letter-spacing: 0.03em;
		font-size: 5.5vw;
	}
	h2::after{
		content: '';
		display: block;
		width: 5.4vw;
		height: 3px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}

	/* -------------------------------------------------------------------------------------------
	*
	* ニュース
	*
	* ----------------------------------------------------------------------------------------- */

	#news{
		width: 74vw;
		margin: 0 auto 18vw auto;
	}

	#news ul{
		boorder-color: #222222;
		border-width: 2px 0 2px 0;
		border-style: solid;
	}
	#news ul li{
		line-height: 1.3;
		padding: 4.5vw 0;
		font-size: 0;
	}
	#news ul li:nth-of-type(n+2){
		boorder-color: #222222;
		border-width: 2px 0 0 0;
		border-style: solid;
	}
	#news ul li p.date{
		margin: 0 2vw 0 0;
		font-size: 3.5vw;
		letter-spacing: 0.03em;
	}
	#news ul li p.text{
	}
	#news ul li p.text span{
		display: inline-block;
		vertical-align: top;
		font-size: 3.8vw;
		letter-spacing: 0.02rem;
		}
		#news ul li.external p.text span::after{
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 3.5vw;
			height: 3.5vw;
			background-image: url(../img/common/icon_link_blank.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
			margin: -0.5vw 0 0 2vw;
		}

}