/* title */

.sec__ttl {
  color: #003E92;
  text-align: center;
  font-weight: 700;
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  position: relative;
  margin-bottom: 3rem;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
@media screen and (min-width: 769px) {
  .sec__ttl {
    margin-bottom: 60px;
  }
}
.sec__ttl::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #003E92;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec__ttl span {
  display: inline-block;
  font-size: clamp(1.7rem, 2.36vw, 3rem);
  background: #FFF290;
  border-radius: 40px;
  padding: 0.1em 1.5em 0.2em;
  list-style: 1;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

.sec__ttl-icon {
  text-align: center;
  margin-bottom: 30px;
}
.sec__ttl-icon .ja {
  position: relative;
  color: #003E92;
  font-size: clamp(2.4rem, 3vw, 3.8rem);
  filter: brightness(98%) contrast(120%) saturate(100%);
}
.sec__ttl-icon .ja::before {
  content: url(/assets/img/top/icon_ttl01.svg);
  position: absolute;
  top: -1.2em;
  left: -3em;
  transform: scale(0.8);
}
@media screen and (min-width: 769px) {
  .sec__ttl-icon .ja::before {
    transform: scale(1.13);
    top: -0.6em;
  }
}
.sec__ttl-icon .en {
  color: #45A6EF;
  display: block;
  font-size: clamp(1.6rem, 1.4vw, 2.2rem);
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.cat__ttl {
  color: #003E92;
  text-align: center;
  font-weight: 700;
  font-size: clamp(2.2rem, 2vw, 2.8rem);
  position: relative;
  margin-bottom: 3rem;
  filter: brightness(98%) contrast(120%) saturate(100%);
}
@media screen and (min-width: 769px) {
  .cat__ttl {
    margin-bottom: 60px;
  }
}
.cat__ttl::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1rem;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: #003E92;
  filter: brightness(98%) contrast(120%) saturate(100%);
}

.cat__sub__ttl{
  color: #003E92;
  text-align: center;
  font-weight: 700;
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}
.cat__sub__ttl::before,
.cat__sub__ttl::after {
  content: "";
  width: 30px;
  height: 3px;
  background: #003E92;
  filter: brightness(98%) contrast(120%) saturate(100%);
}

/* pager */
.pager li span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #003e92;
}
.pager li .current {
    background: #003e92;
    color: #fff;
    border-radius: 50%;
}

/* category link */
.filterList__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 2%;
}
@media screen and (min-width: 580px) {
  .filterList__info {
    gap: 15px 2%;
  }
}
@media screen and (min-width: 1025px) {
  .filterList__info {
    gap: 15px 1.4%;
  }
}

.filterList__info a {
  background: #F2F8FE;
  text-align: center;
  border-radius: 30px;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s;
  padding: 0.6em 0.5em;
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.4rem, 1.36vw, 1.6rem);
  text-decoration: none;
  color: #333;
}
@media screen and (min-width: 580px) {
  .filterList__info a {
    padding: 1em 0.5em;
    width: 23%;
  }
}
@media screen and (min-width: 1025px) {
  .filterList__info a {
    /* width: 15.5%; */
  }
}
.filterList__info a::before {
  content: url(/assets/img/common/icon_tag.svg);
  margin-left: -10px;
  padding-right: 3px;
  transform: scale(0.9);
  width: 24px;
}
.filterList__info a.active {
  background: #003E92;
  color: #fff;
}
.filterList__info a.active::before {
  content: url(/assets/img/common/icon_tag-wt.svg);
}

.filterList__info.case a:nth-child(n+9).active {
  background: #C49F6C;
  color: #fff;
}
.filterList__info.case a:nth-child(n+9){
  background: #F8EAD7;
}
.filterList__info.case a:nth-child(n+9):before{
  content: url(/assets/img/common/icon_tag-bg.svg);
}
.filterList__info.case a:nth-child(n+9).active::before{
  content: url(/assets/img/common/icon_tag-wt.svg);
}