@media screen and (min-width: 769px) {
  .hero_wrap {
    background-image: url(../img/company/philosophy/kv_pc.jpg);
  }
}
@media screen and (max-width: 768px) {
  .hero_wrap {
    background-image: url(../img/company/philosophy/kv_sp.jpg);
  }
}

@media screen and (min-width: 769px) {
  .category {
    margin: 10rem 0;
  }
}
@media screen and (max-width: 768px) {
  .category {
    margin: 10rem 0;
  }
}
.category .link {
  color: #1E1E1E;
  text-decoration: underline;
}
.category a:hover {
  color: #E72410;
}
@media screen and (min-width: 769px) {
  .category .category_inner {
    margin-bottom: 14rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner {
    margin-bottom: 12rem;
  }
}
.category .category_inner h3 {
  color: #0A64B4;
  border-bottom: 1px solid #dcdcdc;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
  .category .category_inner h3 {
    font-size: 3rem;
    padding-bottom: 1.4rem;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner h3 {
    font-size: 4rem;
    line-height: 5.6rem;
    padding-bottom: 1.6rem;
    margin-bottom: 6rem;
  }
}
.category .category_inner h4 {
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
  .category .category_inner h4 {
    font-size: 3rem;
    line-height: 5.2rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner h4 {
    font-size: 3.8rem;
    line-height: 6.4rem;
  }
}
.category .category_inner .leadcopy {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
  .category .category_inner .leadcopy {
    font-size: 1.6rem;
    line-height: 4.2rem;
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner .leadcopy {
    font-size: 2.6rem;
    line-height: 5.6rem;
    padding-top: 3rem;
  }
}
.category .category_inner .posture {
  letter-spacing: 0.03em;
  list-style: none;
  counter-reset: number;
}
@media screen and (min-width: 769px) {
  .category .category_inner .posture {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner .posture {
    font-size: 2.6rem;
    line-height: 4.2rem;
  }
}
.category .category_inner .posture li {
  position: relative;
}
@media screen and (min-width: 769px) {
  .category .category_inner .posture li {
    padding: 0 0 1.4rem 3rem;
  }
}
@media screen and (max-width: 768px) {
  .category .category_inner .posture li {
    padding: 0 0 2rem 5rem;
  }
}
.category .category_inner .posture li::before {
  counter-increment: number;
  content: "(" counter(number) ")";
  position: absolute;
  left: 0;
}