.newsite .carousel.corporate_common .carousel__swiper {
  position: relative;
}
.newsite .carousel.corporate_common .carousel__swiper .carousel__nav {
  position: absolute;
  z-index: 10;
  top: 25%;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #595757;
  background-color: #ffffff;
  color: #595757;
}
@media screen and (min-width: 768px) {
  .newsite .carousel.corporate_common .carousel__swiper .carousel__nav {
    width: 3.5rem;
    height: 3.5rem;
    transition:
      color 0.3s ease-in-out,
      background-color 0.3s ease-in-out,
      border-color 0.3s ease-in-out;
  }
  .newsite .carousel.corporate_common .carousel__swiper .carousel__nav:hover {
    background-color: #595757;
    color: #ffffff;
    border-color: #ffffff;
  }
}
.newsite .carousel.corporate_common .carousel__swiper .carousel__nav.carousel__nav--prev {
  left: 1rem;
}
@media screen and (min-width: 768px) {
  .newsite .carousel.corporate_common .carousel__swiper .carousel__nav.carousel__nav--prev {
    left: 2.5rem;
  }
}
.newsite .carousel.corporate_common .carousel__swiper .carousel__nav.carousel__nav--next {
  right: 1rem;
}
@media screen and (min-width: 768px) {
  .newsite .carousel.corporate_common .carousel__swiper .carousel__nav.carousel__nav--next {
    right: 2.5rem;
  }
}
.newsite .carousel.corporate_common .carousel__swiper .carousel__nav.swiper-button-lock {
  display: none;
}
.newsite .carousel.corporate_common .carousel__swiper .carousel__nav svg {
  display: block;
  width: 1.1875rem;
  height: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .newsite .carousel.corporate_common .carousel__swiper .carousel__nav svg {
    width: 1.875rem;
    height: 0.875rem;
  }
}