@charset "UTF-8";

/* 事業所ナビゲーション */
.p-top-news__officeNav,
.p-top-voice__officeNav,
.p-top-column__officeNav {
  margin-bottom: 40px;
}

.p-top-news__officeList,
.p-top-voice__officeList,
.p-top-column__officeList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.p-top-news__officeItem,
.p-top-voice__officeItem,
.p-top-column__officeItem {
  margin: 0;
}

.p-top-news__officeLink,
.p-top-voice__officeLink,
.p-top-column__officeLink {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 8px 8px 0 0;
  background-color: #e5e5e5;
  text-decoration: none;
  color: rgba(0, 0, 0, .25);
  font-size: 1.8rem;
  transition: all 0.3s ease;
}

.p-top-news__officeLink:hover,
.p-top-voice__officeLink:hover,
.p-top-column__officeLink:hover {
  background-color: #f5f5f5;
}

.p-top-news__officeLink.is-active {
  background-color: #00a5e3;
  color: #fff;
  border-color: #00a5e3;
}
.p-top-voice__officeLink.is-active {
  background-color: #fcb30a;
  color: #fff;
  border-color: #fcb30a;
}
.p-top-column__officeLink.is-active {
  background-color: #8dc557;
  color: #fff;
  border-color: #8dc557;
}


/* ページネーション */
.p-top-news__pagination,
.p-top-column__pagination,
.p-top-voice__pagination {
  margin-top: 40px;
  text-align: center;
}

.p-top-news__pagination .page-numbers,
.p-top-column__pagination .page-numbers,
.p-top-voice__pagination .page-numbers {
  display: inline-block;
  padding: 8px 16px;
  margin: 0 4px;
  border: 1px solid #ddd;
  text-decoration: none;
  font-size: 1.3rem;
}

.p-top-news__pagination .current
 {
  background-color: #00a5e3;
  color: #fff;
  border-color: #00a5e3;
}
.p-top-voice__pagination .current {
  background-color: #fcb30a;
  color: #fff;
  border-color: #fcb30a;
}
.p-top-column__pagination .current {
  background-color: #8dc557;
  color: #fff;
  border-color: #8dc557;
}
/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .p-top-news__officeList,
  .p-top-voice__officeList,
  .p-top-column__officeList {
    flex-direction: column;
  }

  .p-top-news__officeLink,
  .p-top-voice__officeLink,
  .p-top-column__officeLink {
    width: 100%;
    text-align: center;
  }
}

@media (any-hover: hover) {
  .p-top-news__contentItem:hover .p-top-news__contentImage {
      transform: scale(1);
      transition: transform 0s; 
  }
  .p-top-column__contentItem:hover .p-top-column__contentImage {
    transform: scale(1);
    transition: transform 0s; 
}
.p-top-voice__contentItem:hover .p-top-voice__contentImage {
  transform: scale(1);
  transition: transform 0s; 
}
  .p-top-news__cat:hover {
    opacity: 0.6;
  }
  .p-top-voice__cat:hover {
    opacity: 0.6;
  }
  .p-top-column__cat:hover {
    opacity: 0.6;
  }
}


.p-top-column__contentOffice.office-higashi-totsuka {
    background: #00a5e3;
}

.p-top-column__contentOffice.office-ofuna {
    background: #8dc557;
}

.p-top-column__contentOffice.office-kami-ooka {
    background: #f17a22;
}

.p-top-column__contentImages img {
    width: 100%;
    height: 13vw;
    object-fit: cover;
    border: 1px solid #eee;
}

@media screen and (max-width: 768px) {

.p-top-column__contentImages img {
    height: 33vw;
}
}