.c-kv--about {
  background-image: url(../img/kv/kv-about.webp);
}
.about__item {
  display: flex;
  margin-bottom: 6rem;
}
.about__item-text {
  width: 48%;
}
.about__item:nth-child(odd) .about__item-text { padding-right: 4%;}
.about__item:nth-child(even) { flex-direction: row-reverse;}
.about__item:nth-child(even) .about__item-text { padding-left: 4%;}
.about__item-title {
  font-family: var(--font-en);
  font-size: var(--font-64);
  font-weight: var(--bold);
  line-height: 1;
  margin-bottom: 2rem;
}
.about__item-sub-title {
  font-size: var(--font-32);
  font-weight: var(--bold);
  line-height: 1.2;
  margin-bottom: var(--font-32);
}
.about__item-img {
  width: 52%;
}
.about__map { position: relative;}
.about__map .over { width: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.about__map .over.on { animation: fadeIn 1s .8s forwards;}
@keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
.service__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 5%;
  row-gap: 4rem;
}
.service__item-title {
  font-size: var(--font-20);
  text-align: center;
  letter-spacing: .1em;
  border-bottom: 1px solid var(--text);
  padding: 1em 0 1rem;
  margin-bottom: 1rem;
}
.service__item p {
  font-weight: 400;
}
.company__wrap { display: flex; align-items: center; margin-bottom: 4rem;}
.company__title { font-size: var(--font-32); letter-spacing: .1em; margin-bottom: .5rem;}
.company__text { width: 48%; padding-left: 4%;}
.company__img { width: 52%;}
.company__link { margin-top: 2rem;}

@media (max-width: 1023px) {
  .about__wrap { max-width: 600px; margin: auto;}
  .about__item { margin-bottom: 4rem;}
  .about__item,
  .about__item:nth-child(even) { flex-direction: column-reverse;}
  .about__item-img { display: none;}
  .about__item-text { width: 100%;}
  .about__item-title, .about__item-sub-title { text-align: center;}
  .about__item-title::after {
    content: "";
    display: block;
    aspect-ratio: 858 / 590;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1rem;
  }
  .about__item:nth-child(1) .about__item-title::after { background-image: url(../img/about/concept.jpg);}
  .about__item:nth-child(2) .about__item-title::after { background-image: url(../img/about/about.jpg);}
  .about__item:nth-child(3) .about__item-title::after { background-image: url(../img/about/details.jpg);}
  .about__item:nth-child(odd) .about__item-text,
  .about__item:nth-child(even) .about__item-text { padding: 0;}
  .service__wrap { max-width: 600px; grid-template-columns: 1fr; margin: auto;}
  .company__wrap { display: block; max-width: 600px; margin: auto;}
  .company__img { display: none;}
  .company__text { width: 100%; padding: 0;}
  .company__title { text-align: center;}
  .company__title::after {
    content: "";
    display: block;
    aspect-ratio: 858 / 590;
    background: url(../img/about/company.jpg) no-repeat;
    background-size: cover;
    margin-top: 1rem;
  }
  .company__link { text-align: center;}
}