@charset "UTF-8";

/* --------------------------------------------------
  お知らせ
-------------------------------------------------- */

#page h1::before { content: '··· NEWS ···'; }
#news-list .inner {
  margin: 0 auto;
  max-width: 1064px;
}
#news-list ul {
  margin-bottom: 45px;
  list-style: none;
  border-top: solid 1px #a7a3a3;
}
#news-list li {
  border-bottom: solid 1px #a7a3a3;
}
#news-list li a {
  padding: 20px 5px;
  color: #111;
  display: flex;
  align-items: center;
  gap: 50px;
}
#news-list li p {
  transition: all .3s;
}
#news-list li span {
  margin-left: auto;
  width: 32px;
  height: 32px;
  background: #e71f08;
  border-radius: 100vw;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}
#news-list li a:hover {
  text-decoration: none;
}
#news-list li a:hover p {
  color: #e71f08;
}
#news-list li a:hover span {
  transform: translateX(2px);
}

@media screen and (max-width: 768px) {
  #news-list li a {
    padding-right: 40px;
    flex-direction: column;
    align-items: start;
    gap: 0;
    position: relative;
  }
  #news-list li span {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
  }
  #news-list li a:hover span {
    transform: translate(0, -50%);
  }
}

article .meta {
  margin-bottom: 20px;
  text-align: right;
}
article .eye-catch {
  margin: 20px 0;
  text-align: center;
}
.contents-navi {
  display: flex;
  justify-content: center;
  gap: 20px;
}