@charset "utf-8";
/* CSS Document */
/*----NEWSページコンテンツ----*/
body{
	color:#ffffff;
}
.NEWS_box{
	width:98%;
	max-width: 1100px;
	padding:80px 0;
	margin:0 auto 0 auto;
}
.NEWS_box ul{
	width:100%;
	border-top: solid 3px rgba(24, 46, 76, 1);
}
.NEWS_box li{
	width:95%;
	border-bottom: solid 2px rgba(24, 46, 76, 1);
	margin:auto;
	padding:10px;
}
.NEWS_box a:hover{
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}
.NEWS_boxflex{
	display: flex;
	align-items: center;
}
.NEWS_boxflex img{
	width:200px;
	margin:5px 20px;
}
/* RESPONSIVE CSS[NEWSページ]
-------------------------------------------------------------------------------------------------------- */
/*---- ↓↓↓ 500px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 500px) {
	.NEWS_boxflex img{
	width:160px;
	margin:5px 6px;
}
}
/*----NEWS詳細ページ----*/
.NEWS_contentsimg{
	width:100%;
	max-width:1100px;
	margin:auto;
	padding:40px 0 0px 0;
}
.NEWS_contents{
	width:95%;
	max-width:1100px;
	margin:auto;
	padding:0 0 100px 0;
}
.NEWS_topimg {
	width:98%;
	margin:auto;
}
.NEWS_topimg img{
	width:100%;
	max-width:1100px;
	position: relative;	
    top: -10px;
	border: solid 2px rgba(255, 255, 255, 0.7);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.25);
}
.NEWS_date{
	color:#ffffff;
    background-color: #182d4c;     /* 背景色指定 */
	clip-path:polygon(0 0, 86% 0, 100% 100%, 0 100%);
	width:130px;
	height:50px;
    padding: 12px 0px 10px 15px;
	margin-left:20px;
}
.NEWS_innner img{
	width:95%;
	max-width:850px;
}
.NEWS_title{
	color:#ffffff;
	margin:20px 0 20px 0;
	font-size: 2rem;
	padding:10px 0 10px 0;
	border-bottom: solid 4px #f4f4f4;
	font-weight: 400;
	position: relative;
}
.NEWS_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px rgba(24, 46, 76, 1);
  bottom: -4px;
  width: 20%;
}
.NEWS_title span{
	padding:0px 5px 0px 5px;
}
.NEWS_titlesub{
	color:#ffffff;
	margin:30px 0 30px 0;
	font-size: 1.8rem;
}
.NEWS_text{
	color:#ffffff;
	margin:20px 0;
	line-height: 2.3rem;
	font-weight: lighter;
	padding:0px 5px 0px 5px;
}
/* RESPONSIVE CSS[NEWSページ]
-------------------------------------------------------------------------------------------------------- */
/*---- ↓↓↓ 768px以下の時の記述 ↓↓↓ ----------------------------*/
@media (max-width: 768px) {

.NEWS_contents img{
    top: -26px;
}
.NEWS_date{
	width:120px;
	height:50px;
    padding: 8px 0px 6px 12px;
	margin-left:10px;
}
.NEWS_contena{
	padding:10px 5px ;
	width:98%;
}
.NEWS_innner img{
	width:100%;
}
.NEWS_title{
	margin:0px 0px 18px 0px;
	font-size: 1.8rem;
}
.NEWS_text{
	font-size:1.4rem;
}
}