.c-kv--company {
  background-image: url(../img/kv/kv-company.webp);
}
.company-about__item { display: flex;}
.company-about__item + .company-about__item { margin-top: 4rem;}
.company-about__item:nth-child(even) { flex-direction: row-reverse;}
.company-about__item-text { width: 50%;}
.company-about__item:nth-child(odd) .company-about__item-text { padding-right: 4%;}
.company-about__item:nth-child(even) .company-about__item-text { padding-left: 4%;}
.company-about__item-img { width: 50%;}
.company-about__item-title {
  font-size: var(--font-28);
  font-weight: var(--bold);
  line-height: 1;
  padding-bottom: 1rem;
}
.company-about__item-title::before {
  content: attr(data-en);
  display: block;
  font-family: var(--font-en);
  font-weight: var(--bold);
  font-size: var(--font-64);
  margin-bottom: 2rem;
}
.company-about__item-text p { font-weight: 400;}
.company-details { padding: 0;}
.company-details__title { font-size: var(--font-28); font-weight: var(--bold); margin-bottom: 1.5rem;}
.company-details__wrap { border-top: 1px solid var(--text);}
.company-details__item { display: flex; column-gap: 1rem; padding: 1em 0; border-bottom: 1px solid var(--text);}
.company-details__head { width: 30%; padding-left: 20%;}
.company-details__content { width: 70%;}
.company-visit__item { display: flex;}
.company-visit__item + .company-visit__item { margin-top: 4rem;}
.company-visit__item:nth-child(even) { flex-direction: row-reverse;}
.company-visit__item-text { width: 50%;}
.company-visit__item:nth-child(odd) .company-visit__item-text { padding-right: 4%;}
.company-visit__item:nth-child(even) .company-visit__item-text { padding-left: 4%;}
.company-visit__item-img { width: 50%;}
.company-visit__item-title {
  font-size: var(--font-28);
  font-weight: var(--bold);
  line-height: 1;
  padding-bottom: 1rem;
}
.company-visit__item-title::before {
  content: attr(data-en);
  display: block;
  font-family: var(--font-en);
  font-weight: var(--bold);
  font-size: var(--font-64);
  margin-bottom: 2rem;
}
.company-visit__item-text p { font-weight: 400; margin-bottom: 2rem;}
.company-access { background-color: var(--bg); margin-bottom: var(--space-section);}
.company-access__title {
  font-family: var(--font-en);
  font-weight: var(--bold);
  font-size: var(--font-80);
  line-height: 1;
  text-align: center;
  margin-bottom: 4rem;
}
.company-access__wrap { height: 364px; min-height: 24vw; display: flex;}
.company-access__map { width: 60%;}
.company-access__text {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5%;
}
.company-access__text em { display: block; font-size: var(--font-24); font-weight: var(--bold); margin-bottom: 8px;}

@media (max-width: 1023px) {
  .company-about__title { text-align: center; margin-bottom: 3rem;}
  .company-about__item { flex-direction: column-reverse; max-width: 600px; margin-left: auto; margin-right: auto;}
  .company-about__item:nth-child(even) { flex-direction: column-reverse;}
  .company-about__item-img,
  .company-about__item-text { width: 100%;}
  .company-about__item:nth-child(odd) .company-about__item-text,
  .company-about__item:nth-child(even) .company-about__item-text { padding: 0; margin-top: 2rem;}
  .company-about__item-link { text-align: center;}
  .company-visit__title { text-align: center; margin-bottom: 3rem;}
  .company-visit__item { flex-direction: column-reverse; max-width: 600px; margin-left: auto; margin-right: auto;}
  .company-visit__item:nth-child(even) { flex-direction: column-reverse;}
  .company-visit__item-img,
  .company-visit__item-text { width: 100%;}
  .company-visit__item:nth-child(odd) .company-visit__item-text,
  .company-visit__item:nth-child(even) .company-visit__item-text { padding: 0; margin-top: 2rem;}
  .company-visit__item-link { text-align: center;}
  .company-details__item { display: block;; padding: 0;}
  .company-details__head {
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted var(--text);
    padding: .5rem 0;
  }
  .company-details__content { width: 100%; padding: .5rem 0;}
  .company-access { margin-bottom: var(--space-section-sp);}
  .company-access__title { margin-bottom: 3rem;}
  .company-access__wrap { display: block; height: auto;}
  .company-access__map { width: 100%; aspect-ratio: 1 / .6; margin-bottom: 2rem;}
  .company-access__text { width: 100%; align-items: center; text-align: center; padding: 0;}
}