@charset "UTF-8";
/*contents_area*/
#contents {
  width: 100%;
  margin: 120px auto;
  line-height: 1.8;
  font-size: 1.2em;
}
#contents .news_contents {
  width: 70%;
  margin: 150px auto 100px;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  justify-content: center;
}
#contents .news_contents .news_title {
  width: 20%;
  margin: 50px 0;
  display: block;
  text-align: center;
  list-style: none;
}
#contents .news_contents .news_title li {
  padding: 40px 0;
  text-align: center;
}
#contents .news_contents .news_title li:hover {
  background-color: #E0DEDE;
}
#contents .news_contents .news_title .y23 {
  position: relative;
  color: #285797;
}
#contents .news_contents .news_title .y23::before {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  content: "・";
  width: 2em;
  height: 2em;
}
#contents .news_sec {
  width: 80%;
  margin: 80px 0 20px 2%;
  display: block;
  list-style: none;
}
#contents .news_sec .news_sec01 {
  width: 100%;
  position: relative;
  display: flex;
  margin-left: 5%;
  padding: 8% 0;
}
#contents .news_sec .news_sec01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 1px;
  background-color: #cccccc;
}
#contents .news_sec .news_sec01 .news_time {
  display: block;
  text-align: left;
  width: 10%;
  padding: 0 10% 0 0;
}
#contents .news_sec .news_sec01 .n_sec_title {
  display: block;
  width: 70%;
  padding: 0 0 0 20%;
  text-align: center;
}
#contents .pagenavi {
  width: 70%;
  margin: 60px auto 0;
  display: block;
  position: relative;
}
#contents .pagenavi::before {
  position: absolute;
  top: -70%;
  left: 10%;
  display: block;
  content: "";
  background-color: #cccccc;
  width: 80%;
  height: 1px;
}
#contents .pagenavi p {
  width: 100%;
  font-size: clamp(13px, 1.4vw, 20px);
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}