/* ====================================== */
/* Page-about */
.page-logistics .lower-mv {
  background: url(/assets/images/logistics/mv.webp) no-repeat center center/cover;
}

.logi-work .__detail .__desc_box {
  margin: 0 auto;
  max-width: 108rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .logi-work .__detail .__desc_box {
    flex-direction: column-reverse;
  }
}
.logi-work ._fig_box {
  position: relative;
}
.logi-work ._fig_box .__fig:nth-of-type(2) {
  position: absolute;
  left: -6rem;
  bottom: -4.5rem;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .logi-work ._fig_box .__fig:nth-of-type(2) {
    left: -4.5rem;
    bottom: -3rem;
    width: 55%;
  }
}
.logi-work .__o-arrow-l {
  margin: 8rem 0 6rem;
}
@media screen and (max-width: 767px) {
  .logi-work .__o-arrow-l {
    margin: 6rem 0 4.5rem;
  }
}
.logi-work .point_list {
  margin: 0 auto;
  max-width: 108rem;
  gap: 3rem;
}
@media screen and (min-width: 768px) {
  .logi-work .point_list {
    gap: 6rem 4.5rem;
  }
}
.logi-work .point_list .__list--cards_item {
  padding: 3rem 1.5rem;
  background-color: var(--color-gray);
}
@media screen and (min-width: 768px) {
  .logi-work .point_list .__list--cards_item {
    padding: 3rem;
    width: calc(50% - 2.3rem);
  }
}
.logi-work .point_list .__list--cards_item::before {
  border-radius: 100px;
  transform: translate(-15%, -15%);
}
.logi-work .point_list .__list--cards_item .__fig::after {
  border-right-color: var(--color-gray);
  border-bottom-color: var(--color-gray);
}

.logi-system {
  background-color: var(--color-blue-ll);
}
.logi-system .__detail .__desc_box {
  align-items: center;
}
@media screen and (max-width: 767px) {
  .logi-system .__detail .__desc_box {
    flex-direction: column-reverse;
  }
}
.logi-system .__detail .__desc_box .__fig::after {
  border-right-color: var(--color-blue-ll);
  border-bottom-color: var(--color-blue-ll);
}

@media screen and (max-width: 767px) {
  .logi-recruit .__detail .__desc_box {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .logi-recruit .__detail .__desc_box .__fig {
    margin-left: calc(50% - 50vw);
    width: 68%;
  }
}
@media screen and (min-width: 768px) {
  .logi-recruit .__detail .environment_list {
    margin-top: -6rem;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .logi-recruit .__detail .environment_list {
    margin-top: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .logi-recruit .__detail .environment_list ._list_item {
    border: none;
  }
}
.logi-recruit .recruitment_box {
  margin-top: 8rem;
  padding: 6rem;
  background-color: var(--color-gray);
}
@media screen and (max-width: 767px) {
  .logi-recruit .recruitment_box {
    margin-top: 6rem;
    padding: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .logi-recruit .recruitment_box .__text {
    text-align: center;
  }
}
.logi-recruit .recruitment_box .__button {
  margin: 4.5rem auto 0;
}