.page_visual {
  padding-top: 5.3rem;
  @media (min-width:768px) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1600 / 630;
    margin-bottom: 7rem;
    padding: 0;
    background: url(/e-transport/assets/img/page_visual.jpg) no-repeat center / cover;
  }
}
.page_title {
  font-family: 'Jost', sans-serif;
  font-size: var(--fs-page-title);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.3em;
}

/*--------------------------------------------------------------
# 一覧
--------------------------------------------------------------*/
.news_archive {
  padding-top: 5.3rem;
  @media (min-width:768px) {
    padding-top: 9rem;
  }
}
.news_archive .news_list {
  max-width: 79rem;
  margin: 1em auto 6rem;
  & li {
    margin-top: 0.6em;
  }
}
.news_archive .news_list a {
  color: inherit;
  @media (min-width:768px) {
    display: flex;
    gap: 0 2.5rem;
  }
  &:hover {
    opacity: 0.7;
  }
  .img_wrap {
    display: none;
    @media (min-width:768px) {
      display: block;
      width: 24%;
      padding: 0.5rem;
      flex-shrink: 0;
      border:0.1rem solid #969696;
    }
    & img {
      aspect-ratio: 154 / 104;
      object-fit: cover;
    }
  }
  .text_wrap {
    padding: 1em 0;
    border-top: 1px solid #969696;
    @media (min-width:768px) {
      flex-grow: 1;
    }
  }
}
.news_archive .news_date {
  display: inline-block;
  color: #969696;
  font-family: 'Jost', sans-serif;
  margin-bottom: 1em;
}
.wp-pagenavi {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
	text-align:center;
	margin-top: 4.8rem;
  gap: 5px 0;
  @media (min-width:768px) {
    margin: 10rem 0 20rem;
  }
}
.wp-pagenavi a, .wp-pagenavi span {
	color: #fff;
	font-size: 1.4rem;
	background-color: var(--key-color);
	border: 1px solid var(--key-color);
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
.wp-pagenavi a:hover {
  opacity: 0.7;
}
.wp-pagenavi span.current{
	color: #FFF;
	background-color: var(--key-color);
	border: 1px solid var(--key-color);	
}
/*--------------------------------------------------------------
# 記事
--------------------------------------------------------------*/
.news_content {
  padding-top: 5.3rem;
  @media (min-width:768px) {
    padding-top: 9rem;
  }
}
.news_content .news_date {
  display: inline-block;
  color: #969696;
  font-family: 'Jost', sans-serif;
  margin-bottom: 1em;
} 
.news_content .news_title {
  font-size: clamp( 1.8rem, calc( 1.5428571428571429rem + 0.7142857142857143vw ), 2.4rem );
  margin-bottom: 1em;
}
.news_content p {
  line-height: 2;
  margin-bottom: 1rem;
}
.news_content ul {
  margin-bottom: 1rem;
  & li {
    line-height: 2;
  }
}
.news_content ol {
  margin-bottom: 1rem;
  & li {
    line-height: 2;
  }
}
.news_link {
  display: flex;
  justify-content: center;
  gap: 0 1rem;
	margin-top: 6rem;
  @media (min-width:768px) {
    margin: 10rem 0 20rem;
  }
  .link_btn {
    min-width: 10rem;
    padding: 0;
    & a {
      display: block;
      color: inherit;
      text-align: center;
      width: 100%;
      padding: 1em 2em;
      position: relative;
      z-index: 3;
    }
  } 
}
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
footer .inner {
  max-width: 121rem;
  margin-left: auto;
  margin-right: auto;
  @media (min-width:768px) {
    justify-content: space-between;
    padding: 0 2rem;
  }
}
footer .img_wrap {
  display: none;
  @media (min-width:768px) {
    display: block;
    width: 58%;
  }
}