.p-service {
  padding: 4rem 2rem;
  background-color: #f5f6f6;
}
@media (min-width: 1024px) {
  .p-service {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.p-service__inner {
  max-width: 1120px;
  margin: 0 auto;
}
.p-service__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 3.5rem;
  justify-content: center;
}
.p-service__cards > li {
  display: flex;
  flex: 0 0 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .p-service__cards > li {
    flex-basis: calc((100% - 3.5rem) / 2);
    max-width: 35rem;
  }
}
@media (min-width: 1024px) {
  .p-service__cards > li {
    flex-basis: calc((100% - 7rem) / 3);
  }
}
.p-service .c-media-card {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.p-service .c-media-card__body {
  padding: 2rem;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .p-service .c-media-card__body {
    padding: 2rem;
  }
}
.p-service .c-media-card__img {
  aspect-ratio: 350/200;
}
.p-service__noimg {
  border-bottom: 1px solid rgba(13, 18, 26, 0.0784313725);
}
.p-service .c-media-card__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.p-service .c-media-card__txt {
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.p-service .c-media-card__foot {
  align-self: flex-end;
}
.p-service .c-media-card .c-text-btn__txt {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.p-service .c-media-card .c-icon-btn--md {
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
}
.p-service .c-media-card .c-icon-btn__icon {
  width: 1.6rem;
  height: 1.6rem;
}
.p-service .c-media-card:hover .c-icon-btn--primary {
  background-color: #1e7a1e;
}
.p-service__cta {
  margin-top: 5.6rem;
}
@media (min-width: 1024px) {
  .p-service__cta {
    margin-top: 16rem;
  }
}
.p-service__breadcrumb {
  background-color: #f5f6f6;
}
.p-service__breadcrumb .c-breadcrumb__list {
  display: block;
}
.p-service__breadcrumb .c-breadcrumb__item {
  display: inline;
}
.p-service__breadcrumb .c-breadcrumb__icon {
  margin-left: 0.8rem;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .p-service__breadcrumb .c-breadcrumb__icon {
    margin-left: 1.2rem;
  }
}