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

縲€繝九Η繝ｼ繧ｹ bews

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

/* maintitle
------------------------------------------------- */
#news .maintitle {
	background: url("../img/news/maintitle.jpg") no-repeat top center;
	background-size: cover;
}
@media only screen and (max-width:750px) {
	#news .maintitle {
		background: url("../img/news/maintitle.jpg") no-repeat top center;
		background-size: cover;
	}
}


/* cont1 繝九Η繝ｼ繧ｹ荳€隕ｧ繝壹�繧ｸ
------------------------------------------------- */
#news .cont1 {
	margin-bottom: 10em;
}
#news .cont1 .news_area {
	margin-bottom: 4em;
}
#news .cont1 .news_area .article {
	border-bottom: 1px solid #525252;
	padding: 1.7em 4em;
	position: relative;
}
#news .cont1 .news_area .article::after {
	content: "";
	display: inline-block;
	background: url("../common/img/arrow12.png") no-repeat right center;
	background-size: 2.474em auto;
	width: 2.474em;
	height: 0.474em;
	position: absolute;
	right: 0.6em;
	top: 3.5em;
}
#news .cont1 .news_area .article:first-of-type {
	border-top: 1px solid #525252;
}
#news .cont1 .news_area .article .time {
	color: #717171;
}
#news .cont1 .pagenavi {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
#news .cont1 .pagenavi .current {
	display: block;
	width: 2.8125em;
	height: 2.8125em;
	line-height: 2.8125em;
	background: #08469B;
	color: #fff;
	margin: 0.3em;
}
#news .cont1 .pagenavi .page {
	display: block;
	width: 2.8125em;
	height: 2.8125em;
	line-height: 2.8125em;
	background: #F1F1F1;
	margin: 0.3em;
}
#news .cont1 .pagenavi a:hover {
	opacity: 0.7;
	text-decoration: none;
	cursor: pointer;
}
#news .cont1 .pagenavi .nextpostlink {
	font-size: 14px;
	font-weight: 500;
	color: #08469B;
	margin-left: 2em;
	background: url("../common/img/arrow04.png") no-repeat right center;
	background-size: 1em auto;
	padding-right: 1.5em;
}
@media only screen and (min-width:751px) and (max-width:1280px) {
	#news .cont1 .pagenavi {
		font-size: 1.25vw;
	}
	#news .cont1 .pagenavi .nextpostlink {
		font-size: 1.09375vw;
	}
}
@media only screen and (max-width:750px) {
	#news .cont1 {
		margin-bottom: 20vw;
	}
	#news .cont1 .news_area {
		margin-bottom: 8vw;
	}
	#news .cont1 .news_area .article {
		border-bottom: 1px solid #525252;
		padding: 2vw 0 4vw;
		position: relative;
	}
	#news .cont1 .news_area .article .title {
		padding-right: 10vw;
	}
	#news .cont1 .news_area .article::after {
		content: "";
		display: inline-block;
		background: url("../common/img/arrow12.png") no-repeat right center;
		background-size: 5.5vw auto;
		width: 5.5vw;
		height: 0.887vw;
		position: absolute;
		right: 0;
		top: 13vw;
	}
	#news .cont1 .pagenavi {
		font-size: 3.8666666667vw;
	}
	#news .cont1 .pagenavi .current {
		width: 2.8125em;
		height: 2.8125em;
		line-height: 2.8125em;
		background: #08469B;
		color: #fff;
		margin: 0.3em;
	}
	#news .cont1 .pagenavi .page {
		display: block;
		width: 2.8125em;
		height: 2.8125em;
		line-height: 2.8125em;
		background: #F1F1F1;
		margin: 0.3em;
	}
	#news .cont1 .pagenavi a:hover {
		opacity: 1;
	}
	#news .cont1 .pagenavi .nextpostlink {
		font-size: 3.4666666667vw;
		margin-left: 2em;
		background: url("../common/img/arrow04.png") no-repeat right center;
		background-size: 1em auto;
		padding-right: 1.5em;
	}
}


/* cont2 繝九Η繝ｼ繧ｹ隧ｳ邏ｰ繝壹�繧ｸ
------------------------------------------------- */
#news .cont2 {
	margin-bottom: 10em;
}
#news .cont2 .news_head {
	border-bottom: 1px solid #525252;
	padding: 0.8em 2em;
	margin-bottom: 3em;
}
#news .cont2 .news_head .time {
	color: #717171;
	margin-right: 2.5em;
}
#news .cont2 .news_contents {
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 1.5em;
	margin-bottom: 3em;
}
#news .cont2 .news_contents .image {
	width: 29.733em;
}
#news .cont2 .news_contents .text {
	width: 30.667em;
}
#news .cont2 .news_contents a {
	color: #03A2F4;
	text-decoration: underline;
}
#news .cont2 .button a {
	width: 15.625em;
	text-align: center;
	padding-left: 0;
	margin: 0 auto;
}
@media only screen and (max-width:750px) {
	#news .cont2 {
		margin-bottom: 10em;
	}
	#news .cont2 .news_head {
		display: block;
		padding: 0 0 2vw;
		margin-bottom: 6vw;
	}
	#news .cont2 .news_head .time {
		margin-right: 0;
	}
	#news .cont2 .news_contents {
		display: block;
		padding: 0;
		margin-bottom: 10vw;
	}
	#news .cont2 .news_contents .image {
		width: 100%;
		margin-bottom: 6vw;
	}
	#news .cont2 .news_contents .text {
		width: 100%;
	}
	#news .cont2 .button a {
		width: 15.625em;
		text-align: center;
		padding-left: 0;
		margin: 0 auto;
	}
}