@charset "UTF-8";
main .top_img_section {
  width: 100%;
}

main .top_img_section .news_visual_img .news_visual_img_lists {
  position: relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  height: 100%;
  /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

main .top_img_section .news_visual_img .news_visual_img_lists .news_img {
  width: 100%;
}

main .top_img_section .news_visual_img .news_visual_img_lists .news_title {
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}

main .top_img_section .news_visual_img .news_visual_img_lists .news_title .news_p {
  font-size: 2vw;
}

main .news_section .news_section_wrap {
  width: 50%;
  margin: 0 auto;
}

main .news_section .news_section_wrap .news_section_lists {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%;
}

main .news_section .news_section_wrap .news_section_lists .news_section_list {
  list-style: none;
  margin: 20px;
}

main .news_section .news_section_wrap .news_section_lists .news_section_list .news_section_list_item a {
  text-decoration: none;
}

main .news_section .news_section_wrap .news_section_lists .news_section_list .news_section_list_item a p {
  color: #000;
}

@media screen and (max-width: 1024px) {
  main .news_section .news_section_wrap {
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  main .news_section .news_section_wrap {
    width: 80%;
  }
  main .news_section .news_section_wrap .news_section_lists {
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
  }
  main .news_section .news_section_wrap .news_section_lists .news_section_list .news_section_list_item a img {
    height: 280px;
  }
}

.wp-pagenavi {
  text-align: center;
  margin: 20px 0;
  clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  margin: 2px 2px 2px 0;
  padding: 10px 15px;
  margin: 2px;
  color: #fff;
  background: #dcdcdc;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background: #000;
}

.wp-pagenavi span.current {
  font-weight: bold;
}
/*# sourceMappingURL=news.css.map */