@charset "UTF-8";
/* news用CSS
========================================*/
body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

#mainArea.news > article h1 {
}

#mainArea.news > article .prevNav {
	font-weight:bold;
}
#mainArea.news > article .prevNav .fas {
	color:#ed6d00;
}
/*
#mainArea.news > article .prevNav li:first-of-type {
	float:left;
}
#mainArea.news > article .prevNav li:last-of-type {
	float:right;
}
*/

#mainArea.news > article .newsBtn a {
	color:#ed6d00;
	display:block;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}

#mainArea.news .newsWrap .newsList li {
	line-height:150%;
}
#mainArea.news .newsWrap .newsList li a {
	color:#EF6D00;
	text-decoration:underline;
}
#mainArea.news .newsWrap .newsList li a:hover {
	opacity:0.8;
}

#mainArea.news .newsWrap._detail h2 {
	line-height:120%;
}

#mainArea.news .newsWrap._detail .date {
	line-height:130%;
}

#mainArea.news .newsWrap._detail .newsDetail {
	font-size: 16px;
	line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
    width: 80.2666666vw;
    margin: auto;
    padding: 1px 5.6vw 30px 5.6vw;
    background: #FFFFFF;
	border-radius: 0 0 6px 6px;
}

/* SPonly */
@media screen and (max-width: 767px) {
    #mainArea.news {
    }
	#mainArea.news > article {
	}
	#mainArea.news > article h1 {
		border-top: 1px #F7F6F4 solid;
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0px;
		color: #666666;
		padding: 32px 0;
	}
	#mainArea.news > article .prevNav {
		margin:0px auto 20px;
		display: flex;
	    justify-content: space-between;
	}
	#mainArea.news > article .prevNav > li > a {
		font-weight: bold;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0px;
		color: #666666;
	}
	#mainArea.news > article .newsPaginateArea {
		background: #F7F6F4 0% 0% no-repeat padding-box;
		padding: 0px 4.26666vw 40px;
	}
	#mainArea.news > article .prevNav .fas {
		margin:0 0.625vw;
	}
	/*
	#mainArea.news > article .newsBtn a {
		border:0.5vw solid #ed6d00;
		border-radius:1.25vw;
		font-size:3.75vw;
		margin:0 auto;
		padding:2.5vw 0;
		width:92.5vw;
	}
	*/
	#mainArea.news > article .newsBtn a {
		margin:0 auto;
		padding:16px 6.4vw;
		background: #696865 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 0px #00000033;
		border-radius:6px;
		width: 46.93333vw;
		text-align: center;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	#mainArea.news .newsWrap {
		padding: 32px 0;
	    background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea.news .newsWrap .newsList {
		margin-bottom:7.5vw;
		padding: 0 4.26666vw;
	}
	#mainArea.news .newsWrap .newsList li {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 6px;
		margin-bottom: 10px;
		padding: 24px 4.26666vw;
	}
	#mainArea.news .newsWrap .newsList li dt {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		color: #666666;
	}
	#mainArea.news .newsWrap._detail h2 {
		font-size:4.5vw;
		margin-bottom:1.25vw;
	}
	#mainArea.news .newsWrap._detail .date {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		color: #707070;
		background: #FFFF;
		width: 85.8666666vw;
		margin: auto;
		padding: 24px 0px 30px 5.6vw;
		border-radius: 6px 6px 0 0;
	}
	#mainArea.news .newsWrap .newsList li a {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0px;
		color: #333333;
		text-decoration: none;
	}
}

/* PConly */
@media print, screen and (min-width: 768px) {
    #mainArea.news {
    }
	#mainArea.news > article {
		margin-left:auto;
		margin-right:auto;
		min-width: 1360px;
	}
	#mainArea.news > article h1 {
		text-align: center;
		font-weight: bold;
		font-size: 28px;
		line-height: 40px;
		letter-spacing: 0px;
		color: #666666;
		margin-top: 30px;
		margin-bottom: 70px;
	}
	#mainArea.news > article .prevNav {
		margin:0px auto 10px;
		width: 1120px;
		display: flex;
	    justify-content: space-between;
	}
	#mainArea.news > article .prevNav > li > a {
		font-weight: bold;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0px;
		color: #666666;
	}
	#mainArea.news > article .newsPaginateArea {
		background: #F7F6F4 0% 0% no-repeat padding-box;
		padding: 0px 0 40px;
	}
	#mainArea.news > article .prevNav a:hover {
		opacity:0.8;
	}
	#mainArea.news > article .prevNav .fas {
		margin:0 5px;
	}
	#mainArea.news > article .newsBtn a {
		margin:0 auto;
		padding:16px 0;
		background: #696865 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 0px #00000033;
		border-radius:10px;
		width: 353px;
		text-align: center;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	#mainArea.news > article .newsBtn a:hover {
		opacity:0.8;
	}
	#mainArea.news .newsWrap {
		margin: auto;
		padding: 80px 0;
		background: #F7F6F4 0% 0% no-repeat padding-box;
	}
	#mainArea.news .newsWrap .newsList {
		margin-bottom:60px;
		width: 1120px;
		margin: auto;
	}
	#mainArea.news .newsWrap .newsList li {
		padding:20px 0;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		margin-bottom: 8px;
		border-radius: 6px;
	}
	#mainArea.news .newsWrap .newsList li dl {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		justify-content:flex-start;
	}
	#mainArea.news .newsWrap .newsList li dl dt {
		width:160px;
		margin-left: 20px;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		color: #707070;
	}
	#mainArea.news .newsWrap .newsList li dl dd {
		width:920px;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0px;
		color: #EF6D00;
	}
	#mainArea.news .newsWrap._detail {
		padding: 40px 40px;
	}
	#mainArea.news .newsWrap._detail h2 {
		font-size:185.71429%;
		margin-bottom:10px;
	}
	#mainArea.news .newsWrap._detail .date {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		color: #707070;
		background: #FFFF;
		width: 1080px;
		margin: auto;
		padding: 20px 20px 30px 20px;
		border-radius: 6px 6px 0 0;
	}
	#mainArea.news .newsWrap._detail .newsDetail {
		background: #FFFF;
		width: 1040px;
		margin: auto;
		padding: 1px 40px 30px 40px;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0px;
		color: #333333;
		border-radius: 0 0 6px 6px;
	}
}