@charset "utf-8";

@charset "utf-8";

header {
	background-image: url('../img/news_bg.jpg');
}

		header > div > h1.page {
			margin: 60px 50px 250px auto;
		}

	main > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(100% - 20px);
		max-width: 1300px;
		margin: 55px auto 90px;
		padding: 30px 0;
	}
	
div.news_left {
	width: calc(100% - 400px);
}

	div.news_left > h2 {
		font-size: 1.5em;
		margin: 0 auto;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
	}
	
	div.news_left > ul {
		margin: 135px auto 0;
	}
	
		div.news_left > ul > li {
			width: 100%;
			margin: 60px auto 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			flex-direction: row-reverse;
		}
		
			div.news_left > ul > li > a.news_img {
				display: block;
				width: 100%;
				max-width: 230px;
				margin: 20px 0 0;
				background-position: center top;
				background-size: contain;
				background-repeat: no-repeat;
			}
			
			div.news_left > ul > li > a.news_img:hover {
				opacity: 0.5;
			}
			
			div.news_left > ul > li > a.news_img::before {
				content: '';
				display: block;
				width: 100%;
				padding-top: 100%;
			}
			
			div.news_left > ul > li > div > p.news_title {
				font-size: 1.2em;
			}
			
			div.news_left > ul > li > div > p.news_date {
				margin: 20px 0 0;
			}
			
			div.news_left > ul > li > div > div.news_det {
				margin: 10px 0 0;
				line-height: 1.75em;
			}
			
				div.news_left > ul > li > div > div.news_det img {
					height: auto !important;
					max-width: 100%;
				}
			
			
		
	div.news_left > div.news_link {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 100px auto 0;
	}
	
		div.news_left > div.news_link a:first-child::before {
			content: '〈　';
		}
		
		div.news_left > div.news_link a:last-child::after {
			content: '　〉';
		}
	
	

div.news_right {
	width: 270px;
}
	
		div.news_right > section > div.det {
			margin: 80px auto 0;
			line-height: 2.0em;
		}
		
		div.news_right > section > h3 {
			font-size: 1.1em;
			letter-spacing: 0.1em;
			margin: 60px 0 0;
		}
		
		div.news_right > section > ul {
			padding: 0 0 0 20px;
		}
		
			div.news_right > section > ul > li {
				margin: 20px 0;
			}
			
			div.news_right > section > ul > li:first-child {
				margin-top: 10px;
			}
			
		
section.news_detail {
	margin: 135px 0 0;
}

	section.news_detail > h3 {
		font-size: 1.2em;
	}
	
	section.news_detail > p.news_date {
		margin: 20px 0 0;
	}
	
	section.news_detail > img.news_img {
		margin: 15px 0 0;
		width: 100%;
		max-width: 400px;
	}
	
	section.news_detail > div.news_det {
		margin: 20px 0 0;
		line-height: 1.75em;
	}
	
	section.news_detail > dl.news_file {
		margin: 40px 0 0;
	}
	
		section.news_detail > dl.news_file > dt {
			font-size: 1.1em;
		}
		
		section.news_detail > dl.news_file > dd {
			padding: 0 0 0 10px;
		}
		
			section.news_detail > dl.news_file > dd > p {
				margin: 10px 0 0;
				position: relative;
				padding: 0 0 0 15px;
			}
			
			section.news_detail > dl.news_file > dd > p::before {
				content: '';
				display: block;
				width: 6px;
				height: 6px;
				background-color: #808080;
				border-radius: 50%;
				position: absolute;
				left: 0;
				top: 8px;
			}
			
		
	

p.news_return {
	margin: 100px auto 0;
	text-align: center;
	letter-spacing: 0.1em;
}

p.news_return + div.news_link {
	margin-top: 20px;
}