@charset "utf-8";
/* CSS Document */
#news {
  margin-top: 30px;
}
#news p {
  font-weight: 400;
}
@media screen and (max-width : 1024px ) {
  .news-flex {
    display: block;
  }
}

.news-box {
  width: 350px;
  border: solid 1px #999999;
  position: relative;
}
.news-first {
  height: 196px;
  margin-top: 20px;
  overflow: hidden;
}
.news-list-item {
  height: 110px;
}
.news-first-photo img {
  margin: 0 auto;
}
.news-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 5px 20px;
}
.news-first-title {
  background-color: rgba(0,0,0,0.5);
  color: #fff;
}
.news-list-title {
  margin: 0 10px;
}
.news-list-title .date {
  margin-left: -1em;
}
.news-list-title .title::before {
  position:absolute;
	content:'';
	left: 0.5em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #666666;
  margin-top: 10px;
}
.cat {
  position: absolute;
  background-color: #0069CC;
  color: #fff;
  top: 0;
  right: 0;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
}
.cat2 {
  position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
}
.date {
  font-size: 14px;
}
.news-list-title .date {
  color: #000;
}
.news-list-title .title {
  color: #226699;
}
.news-list-nophoto .news-title {
  top: 5px !important;
  bottom: auto;
}