@charset "UTF-8";
/*
 * news.css
 *
 */

/* !ニュース
---------------------------------------------------------- */
.news {
	width:auto;
	padding:0 50px 0 50px;
}
	.news div.inner {
		width:auto;
		max-width:1100px;
		margin:0 auto;
		position:relative;
	}
		.news div.inner p.enTit {
			font-size:16px;
			font-weight: 600;
			color: #007EC0;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:16px;
		}
			.news div.inner p.enTit:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #FDD000;
				border-radius: 50%;
				top:47%;
				left:0;
			}
		.news div.inner h2.pageTit {
			font-size:40px;
			font-weight: 600;
			line-height: 1.6;
			margin-bottom: 50px;
		}

		.news div.inner div.newsList {
			display:block;
			width:100%;
			border-top:1px solid #D7DEE3;
		}
			.news div.inner div.newsList dl {
				width:100%;
				line-height:1.8;
				display:flex;
				flex-wrap:wrap;
				border-bottom:1px solid #D7DEE3;
			}
				.news div.inner div.newsList dl dt {
					width:20%;
					padding:1.6em 0;
				}
				.news div.inner div.newsList dl dd {
					width:80%;
					padding:1.6em 60px 1.6em 0;
				}
				.news div.inner div.newsList a dl dt {
						font-weight: 700;
						color:#007EC0;
						opacity:.5;
					}
						.news div.inner div.newsList a dl dd {
							color:#22282C;
							transition:.6s;
							position: relative;
						}
							.news div.inner div.newsList a:hover dl dd {
								color:#007EC0;
							}
							
ul.articleNavi{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
	ul.articleNavi li {
		width:33.3%;
		float:left;
	}
	ul.articleNavi li a{
		display:block;
		height:56px;
		line-height:56px;
		background:#004E8A;
		color:#FFF;
		text-align:center;
		-webkit-transition: all .5s;
		transition: all .5s;
		margin-left:1px;
	}
		ul.articleNavi li:first-child a{
			border-radius: 4px 0 0 4px;
		}
		ul.articleNavi li:last-child a{
			border-radius: 0 4px 4px 0;
		}
	ul.articleNavi li a:hover{
		background:#007EC0;
	}
	
.articleBody {
	margin-bottom:20px;
}
	.articleBody h2.articleTit{
		font-size:20px;
		font-weight:700;
		line-height:1.6;
		letter-spacing: 0;
		border-bottom:1px solid #DBE8EF;
		padding-bottom:1em;
		padding-left:0;
		margin-bottom:10px;
	}
	.articleBody p.date{
		text-align:right;
		color:#999;
		margin-bottom:30px;
	}
	.articleBody div.txt p {
		margin-bottom:30px;
	}
	.articleBody div.txt a {
		color:#007EC0;
		text-decoration:underline;
		transition:.6s;
	}
		.articleBody div.txt a:hover {
			opacity:.7;
		}
		
.imgBlock {
	text-align:center;
}
.imgBlock img {
	display:block;
	width:auto;
	max-width:80%;
	margin:0 auto 40px auto;
}

.fileBlock a {
	color:#007EC0;
	transition:.6s;
}
	.fileBlock a:hover {
		opacity:.7;
	}

@media screen and (max-width:1039px){
.news {
	padding:0 30px 0 30px;
}
		.news div.inner p.enTit {
			font-size:15px;
			padding-left:16px;
		}
		.news div.inner h2.pageTit {
			font-size:36px;
			margin-bottom: 45px;
		}

				.news div.inner div.newsList dl dt {
					padding:1.6em 0;
				}
				.news div.inner div.newsList dl dd {
					padding:1.6em 60px 1.6em 0;
				}
							.news div.inner div.newsList a:hover dl dd {
								color:#22282C;
							}

	ul.articleNavi li a:hover{
		background:#004E8A;
	}
	
	.articleBody h2.articleTit{
		font-size:18px;
	}
		.articleBody div.txt p a:hover {
			opacity:1;
		}
	
	.fileBlock a:hover {
		opacity:1;
	}
}

@media screen and (max-width:767px){
.news {
	padding:0 25px 0 25px;
}
		.news div.inner p.enTit {
			font-size:14px;
			padding-left:14px;
		}
			.news div.inner p.enTit:before {
				top:48%;
			}
		.news div.inner h2.pageTit {
			font-size:26px;
			margin-bottom: 35px;
		}
	
				.news div.inner div.newsList dl dt {
					width:100%;
					padding:1.6em 0 0 0;
					margin-bottom: -1.4em;
				}
				.news div.inner div.newsList dl dd {
					width:100%;
					padding:1.6em 60px 1.6em 0;
				}

ul.articleNavi{
	width:100%;
	font-size:12px;
}
	ul.articleNavi li a{
		height:50px;
		line-height:50px;
	}
	
	.articleBody h2.articleTit{
		font-size:16px;
	}

.imgBlock img {
	max-width:90%;
}
}

