@charset "utf-8";

/*====================================================================================

		#news layout

====================================================================================*/

/*===============================================================

		header layout

===============================================================*/

#news header .main_img.lower {
	background: url("../../img/news/main_img.jpg") center bottom / auto no-repeat;
}


@media screen and (min-width: 1501px){
	#news header .main_img.lower {
		background: url("../../img/news/main_img.jpg") center bottom / 100% auto no-repeat;
	}
}


@media screen and (max-width: 768px){
	#news header .main_img.lower {
		background: url("../../img/news/main_img.jpg") 10% bottom / auto 100% no-repeat;
	}
}



/*===============================================================

		#news #contents section layout

===============================================================*/

#news #contents section {
	margin: 0;
}

#news #contents section .inner article {
	margin: -80px 0 120px;
	padding: 80px 0 0;
}

#news #contents section .inner article:last-of-type {
	margin: -80px 0 0;
}

#news #contents section .inner article h3 {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: solid 1px #BFD0D8;
	text-align: left;
}

#news #contents section .inner article h3 span {
	margin: 10px 0 0;
	display: block;
	color: #999;
	font-size: 16px;
}

#news #contents section .inner article h3 span::before,
#news #contents section .inner article h3 span::after {
	display: none;
}

#news #contents section .inner article div {
	display: flex;
	justify-content: space-between;
}

#news #contents section .inner article div p.img {
	width: 40%;
	max-width: 600px;
	margin: 0 0 0 60px;
	order: 1;
	flex-shrink: 0;
}

#news #contents section .inner article div p.img img {
	width: 100%;
}

#news #contents section .inner article p a {
	color: #80A2B3;
	font-weight: 700;
	text-decoration: underline;
}

#news #contents section .inner article p a:hover {
	text-decoration: none;
}


@media screen and (max-width: 768px){
	#news #contents section .inner article {
		margin: -60px 0 80px;
		padding: 60px 0 0;
	}
	
	#news #contents section .inner article:last-of-type {
		margin: -60px 0 0;
	}
	
	#news #contents section .inner article h3 {
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: solid 1px #BFD0D8;
		text-align: left;
	}
	
	#news #contents section .inner article h3 span {
		margin: 10px 0 0;
		padding: 0;
		display: block;
		color: #999;
		font-size: 16px;
	}
	
	#news #contents section .inner article h3 span::before,
	#news #contents section .inner article h3 span::after {
		display: none;
	}
	
	#news #contents section .inner article div {
		display: block;
	}
	
	#news #contents section .inner article div p.img {
		width: auto;
		max-width: inherit;
		margin: 0 0 20px;
	}
}