.news-contents .inner {
  position: relative; }
.news-contents .ttl-news {
  color: #777e41;
  margin-bottom: 150px; }
.news-contents .ttl-search {
  margin-bottom: 80px; }
.news-contents .search-form {
  position: absolute;
  right: 0;
  top: 10px; }
  @media (max-width: 1024px) {
    .news-contents .search-form {
      right: 25px; } }
  @media (max-width: 768px) {
    .news-contents .search-form {
      left: 0;
      right: 0;
      text-align: center;
      top: 70px; } }
  .news-contents .search-form input {
    border: 1px solid #707070;
    height: 40px;
    outline: 0;
    padding: 0 40px 0 10px;
    width: 199px; }
  .news-contents .search-form .fas {
    font-size: 2rem;
    position: absolute;
    right: 10px;
    top: 10px; }
    @media (max-width: 768px) {
      .news-contents .search-form .fas {
        left: 215px;
        right: 0; } }
.news-contents .article-news .card-news {
  background: url(../img/news/bg_dotted.png) no-repeat bottom;
  background-size: 100%;
  display: block;
  margin: 0 310px 70px 70px;
  padding-bottom: 100px; }
  @media (max-width: 1366px) {
    .news-contents .article-news .card-news {
      margin: 0 0 70px;
      padding-bottom: 70px; } }
  .news-contents .article-news .card-news .grid-news {
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    @media (max-width: 768px) {
      .news-contents .article-news .card-news .grid-news {
        align-items: baseline;
        flex-direction: column; } }
  .news-contents .article-news .card-news .fig-news {
    margin-right: 11.5%;
    width: 39%; }
    @media (max-width: 768px) {
      .news-contents .article-news .card-news .fig-news {
        margin: 0 0 30px;
        width: 100%; } }
    .news-contents .article-news .card-news .fig-news img {
      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
      height: 100%;
      width: 100%; }
.news-contents .article-news h2 {
  color: #707070;
  font-size: 2rem;
  margin: 10px 0 30px 0;
  text-align: left; }
  .news-contents .article-news h2 a {
    color: #707070;
    font-size: 2rem;
    text-align: left; }
.news-contents .article-news time {
  color: #707070;
  font-size: 1.4rem; }

.wp-pagenavi {
  display: flex;
  justify-content: space-between;
  margin: 0 310px 120px 70px;
  text-align: center; }
  @media (max-width: 1366px) {
    .wp-pagenavi {
      margin: 0 0 120px; } }
  .wp-pagenavi a {
    color: #777e41;
    font-weight: bold; }

/*# sourceMappingURL=news.css.map */