@charset "utf-8";
.pg__fv {
  margin-top: clamp(3.375rem, 2.661rem + 1.12vw, 4rem);
  height: 288px;
  background-image: url(https://ability7700.co.jp/system_panel/uploads/images/fv-bg--news.png);
  background-size: cover;
  position: relative;
}



.news {
    padding-bottom: 160px;
    background-color: #DFDFDF;
}
.news__inner {
  padding: 0 clamp(2.5rem, -15.214rem + 27.68vw, 18rem);
}
.news__container {
  padding-top: 80px;
}
.news__cate {
      display: flex;
      padding-bottom: 20px;
    border-bottom: 2px solid #0A1C32;
}
.news-cate-title__sub {
      font-size: clamp(0.75rem, 0.607rem + 0.22vw, 0.875rem);
    font-weight: 700;
}
.news-cate-title__main {
      font-size: clamp(1.125rem, 0.982rem + 0.22vw, 1.25rem);
    font-weight: 700;
}
.news-cate__btn {
      width: clamp(6.375rem, 4.518rem + 2.9vw, 8rem);
    padding: clamp(0.25rem, -0.036rem + 0.45vw, 0.5rem) 0;
    display: flex;
    justify-content: center;
    background-color: #8F6B1D;
    color: #fff;
    font-size: clamp(0.875rem, 0.446rem + 0.67vw, 1.25rem);
    margin-left: clamp(1.25rem, -4.964rem + 9.71vw, 6.688rem);
    border: 1px solid #8F6B1D;
    transition: .5s;
}
.news-cate__btn:hover {
    background-color: #fff;
  color: #8F6B1D;
}
.news__cate section {
        display: flex;
        padding-left: clamp(1rem, -0.714rem + 2.68vw, 2.5rem);
    column-gap: clamp(1rem, -0.714rem + 2.68vw, 2.5rem);
    flex-wrap: wrap;
    row-gap: 20px;
}
.news__cate section article a {
        width: clamp(6.375rem, 4.518rem + 2.9vw, 8rem);
    padding: clamp(0.25rem, -0.036rem + 0.45vw, 0.5rem) 0;
    display: flex;
    justify-content: center;
    background-color: #8F6B1D;
    color: #fff;
    font-size: clamp(0.875rem, 0.446rem + 0.67vw, 1.25rem);
    border: 1px solid #8F6B1D;
    transition: .5s;
}
.news__cate section article a:hover {
    background-color: #fff;
  color: #8F6B1D;
}
.news__block {
  margin-top: 80px;
}
.news__block section {
        display: grid;
        column-gap: clamp(1rem, -4.714rem + 8.93vw, 6rem);
    row-gap: clamp(1.25rem, -3.036rem + 6.7vw, 5rem);
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}
.newsItemImg img {
        width: 100%;
    aspect-ratio: 384 / 260;
    object-fit: cover;
}
.newsItemText {
        margin-top: 16px;
    display: flex;
    flex-direction: row;
    column-gap: 16px;
}
.newsItemTime {
        font-size: clamp(0.75rem, 0.464rem + 0.45vw, 1rem);
    color: #FFF;
    font-weight: 700;
    background-color: #000;
    padding: 1px 6px;
    display: inline-block;
    text-align: center;
    transition: .5s;
}
.newsItemCate {
        font-size: clamp(0.75rem, 0.464rem + 0.45vw, 1rem);
    color: #0A1C32;
    transition: .5s;
}
.newsItemTit {
        font-size: clamp(0.875rem, 0.446rem + 0.67vw, 1.25rem);
    margin-top: 8px;
    font-weight: 700;
    transition: .5s;
}
.newsItemContent {
      margin-top: 8px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
    transition: .5s;
}
.newsItemLine {
      margin-left: auto;
    margin-top: 8px;
    width: 163px;
    border-bottom: 7px solid #0A1C32;
    transition: .5s;
}
.newsItem:hover .newsItemTime {
  background-color: #D0A443;
}
.newsItem:hover .newsItemCate {
  color: #D0A443;
}
.newsItem:hover .newsItemTit {
  color: #D0A443;
}
.newsItem:hover .newsItemContent {
  color: #D0A443;
}
.newsItem:hover .newsItemLine {
  border-bottom: 7px solid #D0A443;
}

/*ページネーション*/
.webgene-pagination {
    width: 100%;
    position: absolute;
    bottom: -80px;
}
.webgene-pagination>ul {
    display: flex;
    padding: 0;
}
.webgene-pagination>ul>li {
        display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
        width: clamp(1.563rem, 0.563rem + 1.56vw, 2.438rem);
    height: clamp(2.063rem, 0.777rem + 2.01vw, 3.188rem);
    background-color: #8F6B1D;
    border: 1px solid #8F6B1D;
    margin: 0 10px;
    transition: all .7s;
}
.number a{
    width: clamp(1.563rem, 0.563rem + 1.56vw, 2.438rem);
    height: clamp(2.063rem, 0.777rem + 2.01vw, 3.188rem);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.875rem, 0.446rem + 0.67vw, 1.25rem);
    color: #fff;
    transition: all .7s;
}
.next a,
.prev a {
    width: clamp(1.563rem, 0.563rem + 1.56vw, 2.438rem);
    height: clamp(2.063rem, 0.777rem + 2.01vw, 3.188rem);
        display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.625rem, 0.196rem + 0.67vw, 1rem);
    color: #fff;
    transition: all .7s;
}
.next a:hover,
.prev a:hover {
    color: #8F6B1D;
}
.webgene-pagination>ul>li:hover {
  background-color: #fff;
  border: 1px solid #8F6B1D;
}
.webgene-pagination>ul>li a:hover{
   color: #8F6B1D;
}

@media (max-width: 767px) {
  .pg__fv {
        margin-top: 42px;
    background-image: url(https://ability7700.co.jp/system_panel/uploads/images/fv-bg-contact--sp.png);
    height: 149px;
  }
  
  .news__inner {
    padding: 0 20px;
  }
  .news__container {
    padding-top: 20px;
  }
  .news__cate {
        flex-direction: column;
    row-gap: 12px;
  }
  .news-cate__btn {
    margin: 0;
  }
  .news__cate section {
        padding-left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
  }
  .news__block {
    margin-top: 32px;
  }
  .news__block section {
    grid-template-columns: repeat(2, 1fr);
  }
  .newsItemContent {
    display: none;
  }
  .newsItemLine {
    width: 80px;
  }
}