@charset "UTF-8";
@media screen and (max-width: 959px) {
  html {
    overflow-x: hidden;
  }

  /*contents_area*/
  #contents {
    width: 100%;
    margin: 120px auto;
    line-height: 1.8;
    font-size: 1.2em;
  }
  #contents .news_contents {
    width: 90%;
    margin: 30px 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 .y18 {
    position: relative;
    color: #285797;
  }
  #contents .news_contents .news_title .y18::before {
    position: absolute;
    top: 52%;
    left: -24%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    content: "・";
    width: 2em;
    height: 2em;
  }
  #contents .news_sec {
    width: 100%;
    margin: 80px 1% 20px 2%;
    display: block;
    list-style: none;
  }
  #contents .news_sec .news_sec01 {
    width: 100%;
    position: relative;
    display: block;
    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: 90%;
    padding: 0;
  }
  #contents .news_sec .news_sec01 .n_sec_title {
    display: block;
    width: 90%;
    padding: 0;
    text-align: left;
  }
  #contents .pagenavi {
    width: 90%;
    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(15px, 1.6vw, 30px);
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
  }
}