/* blog-list start */

.case__img {
  overflow: hidden; /* 画像が拡大しても親要素外にはみ出さない */
  max-height: 22rem;
}

.case__img img {
  transition: transform 0.3s ease; /* アニメーションをスムーズに */
}

.case__item:hover .case__img img {
  transform: scale(1.1); /* ホバー時に画像を拡大 */
}

.case__item a {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}

.case__list {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:3.4rem;
  width:100%;
  max-width:128rem;
  margin:0 auto;
  padding-top:6rem; 
  padding-bottom:6rem;
}

.case__item {
  width:100%;
  max-width:40.4rem;
  box-shadow: 3px 3px 11px rgba(96, 108, 137, 0.13);
  border-radius: .5rem;
}

.case__img{
  width:100%;
  border-radius:.5rem .5rem 0 0;
}

.case__img img{
  width:100%;
  object-fit:cover;
  max-height:23rem;
} 

.case__nametitle{
  font-size:1.8rem;
  font-weight:bold;
  line-height:180%;
  color:#012866;
  letter-spacing:0.09rem;
  padding:1.4rem 2.8rem;
  border-top:1px solid #012866;
  border-bottom:1px solid #012866;
}
.case__title{
  font-size:1.4rem;
  letter-spacing:0.07rem;
  line-height:180%;
  padding: 0.9rem 3rem;
}

}

.pagenationOsirase-ly_sectionCont {
  margin-bottom: 6rem;
}

.column__list {
  display: flex;
  gap: 3.4rem;
  list-style: none;
}
.column__item {
  box-shadow: 3px 3px 11px rgba(96, 108, 137, .13);
  max-width: 40.4rem;
  width: 100%;
}

.column__img {
  width: 100%;
}

.column__img img {
  max-height: 23rem;
  object-fit: cover;
  width: 100%;
}

.column__title {
  border-bottom: 1px solid #012866;
  border-top: 1px solid #012866;
  color: #000;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 1.2rem 1.8rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news__list {
  list-style:none;
}
.news__list li {
  width:100%;
  padding: 2.4rem 3.2rem;
  border-bottom: 1px solid #012866;
}
.news__list li:first-child {
  border-top: 1px solid #012866;
}
.news__list li a {
  display:flex;
  gap: 5.2rem;
}
.news__list li a p {
  color: #012866;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.news__list li a p:first-child {
  min-width: 125px;
  font-size: 1.6rem;
}
.news__list li a p:nth-child(2) {
  font-size: 1.5rem;
  white-space: nowrap;        /* 改行を防止 */
  overflow: hidden;           /* 内容が溢れる部分を隠す */
  text-overflow: ellipsis;    /* 省略記号（...）を表示 */
}
.pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 3.2rem;
  margin-bottom:8rem;
}
.pagination a {
  padding: 3px 12px;
  border-radius: 5px;
  border: 2px solid var(--border-, #A0A8B6);
  background: #FFF;
  color: #A0A8B6;
  text-align: justify;
  font-family: Lexend;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 2.88rem */
  letter-spacing: 0.08rem;
}
.pagination a:hover {
  border: 2px solid var(--text-gery, #484848);
  color:#484848;
  transition: .3s;
}
.pagination a:hover path {
  fill:#484848;
}
.pagination a.current {
  border: 2px solid var(--text-gery, #484848);
  color:#484848
}
.pagination a.previous, .pagination a.next {
  border: none;
  display:flex;
}

@media screen and (max-width: 768px) {
  .pagenationOsirase-ly_sectionCont {
    margin-bottom: 3.2rem;
  }
  .news__list li {
    padding: 1.2rem 1.6rem;
  }
  .news__list li a {
    gap:1rem;
  }
  .pagination a {
    padding: 0px 8px;
  }
  .pagination {
    gap: 1.8rem;
  }
}
@media screen and (max-width: 425px) {
  .news__list li a p {
    font-size: 1.2rem!important;
  }
  .pagination a {
    font-size: 1.2rem;
    padding: 0 6px;
  }
}

@media screen and (max-width: 940px) {
  .case__list {
    justify-content:center;
  }
}
  /* blog-list end */
  
  /* narrow */
  .tagslist .tagtxt {
    font-size:2.4rem;
    line-height:180%;
    letter-spacing:1.2px;
    font-weight: 700;
    white-space: nowrap;
    color:#1786ae;
  }
  .tags_card {
    display: flex;
    flex-direction:column;
    gap: 0.8rem;
    background-color:white;
    width:100%;
    max-width:106rem;
    border:1px solid #1786ae;
    border-radius:10px;
    padding:2.4rem;
    margin:0 auto;
  }
  .tagslist .tags_container {
    justify-content: flex-start!important;
    display:flex;
    gap:2.4rem;

  }

  .tagslist .tags_container li {
    list-style:none;
    font-size:1.6rem;
    font-weight:bold;
    line-height:180%;
    padding:0.4rem 1.6rem;
    color:#1786ae;
    border:1px solid #1786ae;
    border-radius:6.5rem;
    background-color:white
  }

  .tagslist .tags_container a{
    color:#1786ae;
  }

  .tagslist .tags_container a.is_active {
    color: white;
  }

  .tagslist .tags_container li.is_active {
    background-color:#1786ae;
  }


  @media screen and (max-width: 1060px) {
    .tags_card {
      margin-right:5%;
      margin-left:5%;
      width:auto;
    }
  }

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

    .tagslist .tags_container{
      display:block;
      gap;2.4rem;
    }

    .tagslist .tags_container li{
      display:inline-block;
      margin:0.4rem;
    }
  }

  /* narrow end */