.l-inner {
  max-width: 1076px;
  margin: 0 auto;
}

.category {
  padding: 48px 0 50px;
}
.category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px 4%;
  margin-top: 65px;
}
@media only screen and (max-width: 719px) {
  .category__list {
    gap: 40px 1%;
  }
}
.category__item {
  width: 22%;
  text-align: center;
}
@media only screen and (max-width: 719px) {
  .category__item {
    width: 49.5%;
  }
}
.category__item .img {
  max-width: 176px;
  margin: 0 auto 15px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 719px) {
  .category__item .img {
    max-width: 145px;
  }
}
.category__item .ttl {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.category__item .txt {
  font-size: 14px;
  line-height: 1.6;
  max-width: 190px;
  margin: 0 auto;
}
@media only screen and (max-width: 719px) {
  .category__item .txt {
    max-width: 90%;
  }
}
.category__item .btn {
  font-size: 13px;
  color: var(--color-primary);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-primary);
  border-radius: 9999px;
  max-width: 129px;
  height: 54px;
  margin: 16px auto 0;
}