@charset "UTF-8";

/********************************
 お知らせ/メインビジュアル
*********************************/
.hero-news__wrap {
  justify-content: center;
  row-gap: 30px;
}

/********************************
 お知らせ/メインビジュアル 768px
*********************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-news .cat-com {
    font-size: 24px;
  }
  .hero-news__wrap {
    height: 300px;
    row-gap: 50px;
  }
}
/********************************
 お知らせ/メインビジュアル 1024px
*********************************/
@media screen and (min-width: 1024px) {

}

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

#archive {
  background-color: white;
}

#archive .news {
  position: relative;
  z-index: 1;
  background-color: white;
}

#archive .cat-menu__inner {
    gap: 10px;
    justify-content: space-around;
}

.hero-news .main-ttl {
	padding:50px 0 20px;
	
}

.hero-news .cat-menu__inner span {
	padding:14px 0;
	font-size:14px;
	text-align:center;
	display:block;
	width:48%;
}

.hero-news .cat-menu {
	margin-bottom: 20px;
}

.hero-news .cat-menu__inner .cat-com {
	max-width:none;
}

#archive .news time {
  font-size:14px;
  color: #808080;
}
#archive .news dl {
  line-height: 2;
  font-size: 14px;
  margin: 0;
}
#archive .news dl:nth-last-of-type(1) {
}
#archive .news dl span {
  padding: 0px 10px;
}
#archive .news dt {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#archive .news dd {
  line-height: 1.7;
}
#archive .news__inner {
  padding-bottom: 70px;
}
#archive .pagination {
  font-size: 14px;
  margin-top: 50px;
  font-weight: bold;
}
#archive .pagination-prev {
  color: #CCCCCC;
}
#archive .pagination-next, #archive .pagination-total {
  color: #808080;
}
#archive .pagination__inner {
  max-width: 300px;
  margin: 0 auto;
  justify-content: space-between;
}

#archive .news__inner .content__img {
  margin-bottom: 15px;
}

#archive .news__inner .cat-com {
  margin-left: 10px;
  font-size:14px;
  padding:2px 5px;
}

#archive .news__inner a {
  margin-top:15px;
  font-size:16px;
  font-weight:bold;
}

#archive .news__inner dl + dl {
  margin-top:40px;
}


/********************************
  お知らせ 768px
********************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #archive .news time {
    font-size: 24px;
  }
  #archive .news dl {
    font-size: 22px;
    margin: 0 30px auto;
  }
  #archive .news dl span {
    font-size: 20px;
  }
  #archive .news__inner {
    padding-bottom: 140px;
  }
  #archive .pagination {
    margin-top: 70px;
  }
  #archive .pagination__inner {
    font-size: 26px;
    max-width: 500px;
  }

.hero-news .main-ttl {
	padding:60px 0 20px;
}

.hero-news .cat-menu {
	margin-bottom: 50px;
}

#archive .news__inner .cat-com {
  font-size:22px;
}

#archive .news__inner a {
  font-size:26px;
}

#archive .news__inner dl + dl {
  margin-top:60px;
}

.hero-news .cat-menu__inner span {
	padding:20px 0;
	font-size:18px;
}

}

/********************************
  お知らせ 1024px
********************************/
@media screen and (min-width: 1024px) {




}