@charset "UTF-8";

/* =====================================
NEWS
======================================== */
@media print, screen and (min-width: 769px) {
  #news dl dd{
    padding-left: 200px;
    margin-top: -1.8em;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px){
  #news dl dd{
    margin-top: 5px;
    margin-bottom: 10px;
  }
}

#news{
  background: #F4F4F4;
  width: 100%;
  margin: auto;
  border-left: 2px solid #00306D;
  padding: 25px 40px;
  box-sizing: border-box;
}
#news dl dt{
  color: #00306D;
  line-height: 28px;
}
#news dl dt span{
  border: 1px solid #00306D;
  font-size: 12px;
  padding: 2px 10px;
  margin-right: 15px;
}
.link_btn{
  width: 360px;
  margin: 20px auto auto auto;
  background: #00306D;
  padding: 15px 0;
}
.link_btn:hover{
  background: #003D8B;
}
.link_btn::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight : 900;
  padding-right:7px;
}
.news_link {
    text-align: center;
}
@media screen and (max-width: 769px) {
  .link_btn{
    width: 250px;
  }
}
/* =====================================
ページタイトル
======================================== */
h2#page_title{
	background-image: url(../images/news/ttl_news.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	h2#page_title{
		background-image: url(../images/news/ttl_news@2x.png);
	}
}
@media print, screen and (min-width: 769px) {
	.title{
		margin-top: 30px;
		color: #00306D;
		font-size: 24px;
		font-weight: bold;
	}
	.photo{
		width: 680px;
		height: 425px;
		margin: auto;
	}
	.photo img{
		width: 680px;
		height: 425px;
		object-fit: cover;
	}
	.news_text
	{
	    margin:20px 0;
	}
	#news{
		background: #F4F4F4;
		width: 1000px;
		margin: 50px auto auto auto;
		border-left: 2px solid #00306D;
		padding: 25px 40px;
		box-sizing: border-box;
	}
	#news dl dt{
		color: #00306D;
    font-size: 16px;
	}
	#news dl dt span{
		border: 1px solid #00306D;
		font-size: 12px;
		padding: 2px 10px;
		margin-right: 15px;
	}
	#news dl dd {
		padding-left: 170px;
		margin-top: -1.8em;
		margin-bottom: 10px;
    font-size: 16px;
	}
	#news dl dd a {
      text-decoration: underline;
  }
	.page_navi{
		width: 1000px;
		margin:30px auto auto auto;
		color: #00306D;
		position: relative;
		height: 40px;
	}
	.pager_num{
		position: absolute;
		right: 0;
	}
	.page_navi .pager_num .num{
		font-weight:bold;
		margin: 0 5px;
	}
	.pager{
		position: absolute;
		left: 340px;
	}
	.pager a{
		border:1px solid #00306D;
		background:#FFF;
		text-decoration:none;
		width:35px;
		margin-left:5px;
		padding:8px 10px;
		text-align:center;
		color: #00306D;
	}
	.pager a:hover{
		border:1px solid #00306D;
		background:#00306D;
		color:#FFF;
	}
	.pager a.on{
		border:1px solid #00306D;
		background:#00306D;
		color:#FFF;
		font-weight:bold;
	}
	.pager span{
		margin-left:5px;
	}
	h3.sub_title{
		color:#00306D;
		font-size:30px;
		text-align:center;
		line-height: 1;
	}
}
@media screen and (max-width: 768px) {
	.title{
		margin: 10px 20px auto 20px;
		color: #00306D;
		font-size: 120%;
		font-weight: bold;
	}
	.photo{
		margin: 10px 20px auto 20px;
	}
	.news_text
	{
	    margin:20px;
	}
	#news{
		background: #F4F4F4;
		margin: 20px 0 auto 0;
		padding: 15px 20px;
	}
	#news dl dt{
		color: #00306D;
	}
	#news dl dt span{
		border: 1px solid #00306D;
		font-size: 12px;
		padding: 2px 10px;
		margin-right: 15px;
	}
	#news dl dd{
		margin-bottom: 10px;
	}
	#news dl dd:last-child{
		margin-bottom: 0px;
	}
	#news dl dd a {
      text-decoration: underline;
  }
	.page_navi{
		margin:20px;
		color: #00306D;
	}
	.pager_num{
		margin-top: 10px;
		text-align: center;
	}
	.page_navi .pager_num .num{
		font-weight:bold;
		margin: 0 3px;
	}
	.pager{
		margin-top: 10px;
		text-align: center;
	}
	.pager a{
		border:1px solid #00306D;
		background:#FFF;
		text-decoration:none;
		width:35px;
		margin-left:5px;
		padding:5px 5px;
		text-align:center;
		color: #00306D;
	}
	.pager a:hover{
		border:1px solid #00306D;
		background:#00306D;
		color:#FFF;
	}
	.pager a.on{
		border:1px solid #00306D;
		background:#00306D;
		color:#FFF;
		font-weight:bold;
	}
	.pager span{
		margin-left:5px;
	}
	h3.sub_title{
		color:#00306D;
		font-size:130%;
		text-align:center;
	}
}