@charset "UTF-8";

/*----------------------------------------
 gc-main-visual
----------------------------------------*/
.gc-main-visual {
  margin: 30px -15px 60px;
}

.gc-main-visual__title {
  font-size: 0;
  line-height: 0;
  margin: 0 auto 30px;
}

.gc-main-visual__title__image {
  width: 100%;
  height: auto;
}

/*----------------------------------------
 gc-ambiance（会社の雰囲気は？）
----------------------------------------*/
.gc-ambiance {
  width: 100%;
}

.gc-ambiance__content {
  width: 100%;
}

.gc-ambiance__slider-box {
  margin: 30px -15px;
  overflow: hidden;
}

.gc-ambiance__slider {
  position: relative;
  left: 50%;
  width: calc(100% + 248px);
  transform: translateX(-50%);
}

.gc-ambiance__item-box {
  padding: 10px 0 60px 0;
}

/* .gc-ambiance__item {
} */

.gc-ambiance__item__image-box {
  display: block;
  font-size: 0;
  line-height: 0;
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
}

.gc-ambiance__item__image {
  width: 100%;
  height: auto;
}

.gc-ambiance .swiper-container .swiper-button-prev {
  left: 139px;
}

.gc-ambiance .swiper-container .swiper-button-next {
  right: 139px;
}

/*----------------------------------------
 gc-job（どんな仕事をするの？）
----------------------------------------*/
/* .gc-job {
}

.gc-job__inner {
} */

.gc-job__title {
  margin-bottom: 60px;
}

/* .gc-job__title__text {
} */

.gc-job__box {
  position: relative;
  margin: 50px auto 0;
}

.gc-job__sub-title {
  position: absolute;
  top: -20px;
  left: 0;
  width: calc(100% - 30px);
  margin: 0 15px;
  z-index: 2;
}

/* .gc-job__sub-title::before {
}

.gc-job__sub-title__text {
} */

.gc-job__box__inner {
  position: relative;
  background-color: var(--white-color);
  border: 2px solid var(--default-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  padding: 30px 20px 25px;
}

/* .gc-job__item-box {
}

.gc-job__item {
}

.gc-job__item--full-width {
} */

.gc-job__small-title {
  margin: 20px auto 20px;
}

/* .gc-job__small-title::before {
}

.gc-job__small-title__text {
}

.gc-job__item__text-box {
} */

/*----------------------------------------
 gc-projects（プロジェクトの例）
----------------------------------------*/
.gc-projects {
  position: relative;
  background-image: url("/img/entry/project_bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 50px 15px 50px;
  margin: 60px -15px 0;
}

.gc-projects::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
  z-index: 0;
}

.gc-projects__inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
}

.gc-projects__title {
  position: relative;
  color: var(--white-color);
  margin-top: 0;
  z-index: 1;
}

/* .gc-projects__title__text {
} */

.gc-projects__slider {
  padding: 16px 0 0;
  margin: -16px -15px 0;
  overflow: hidden;
}

/* .gc-projects__item-box {
}

.gc-projects__item {
} */

.gc-projects__item__inner {
  margin: 0 15px;
}

.gc-projects__item__image-box {
  display: block;
  position: relative;
  width: calc(100% - 15px);
  font-size: 0;
  line-height: 0;
  border: 1px solid var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  z-index: 0;
}

.gc-projects__item__image {
  width: 100%;
  height: auto;
}

.gc-projects__item__text-box {
  position: relative;
  min-height: 268px;
  background-color: var(--background-gray);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  padding: 20px 20px 20px;
  margin: -35px 0 60px 15px;
  z-index: 1;
}

.gc-projects__item__text-box__inner {
  width: 100%;
  height: 100%;
}

.gc-projects__small-title {
  margin-bottom: 10px;
}

/* .gc-projects__small-title__text {
} */

/*----------------------------------------
 gc-salary（給与ってどうなの？）
----------------------------------------*/
/* .gc-salary {
}

.gc-salary__inner {
} */

.gc-salary__title {
  margin-bottom: 60px;
}

/* .gc-salary__box {
}

.gc-salary__item-box {
} */

.gc-salary__item {
  position: relative;
  background-color: var(--background-gray);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  padding: 5px 20px 20px;
  margin: 0 0 45px 15px;
}

.gc-salary__item:nth-child(even) {
  margin: 0 15px 45px 0;
}

.gc-salary__item:last-child {
  margin-bottom: 0;
}

.gc-salary__item__icon-image-box {
  display: block;
  width: calc(100% + 40px);
  font-size: 0;
  line-height: 0;
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  transform: translate(-35px, -20px);
}

.gc-salary__item:nth-child(even) .gc-salary__item__icon-image-box {
  transform: translate(-5px, -20px);
}

.gc-salary__item__icon-image {
  width: 100%;
  height: auto;
}

/* .gc-salary__item__text-box {
} */

.gc-salary__sub-title {
  margin-bottom: 10px;
}

/* .gc-salary__item .gc-text {
} */

/*----------------------------------------
 gc-entry（誰でも入社できるの？）
----------------------------------------*/
/* .gc-entry {
}

.gc-entry__inner {
} */

.gc-entry__title {
  margin-bottom: 90px;
}

/* .gc-entry__box {
}

.gc-entry__item-box {
} */

.gc-entry__item {
  position: relative;
  background-color: var(--background-gray);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  padding: 60px 20px 30px;
  margin: 0 auto 70px;
}

.gc-entry__item:last-child {
  margin-bottom: 0;
}

/* .gc-entry__item--long {
} */

.gc-entry__item__icon-image-box {
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100px;
  height: auto;
  font-size: 0;
  line-height: 0;
}

.gc-entry__item__icon-image {
  width: 100%;
  height: auto;
}

.gc-entry__sub-title {
  margin-bottom: 10px;
}

/*----------------------------------------
 gc-path（入社までの道のりは？）
----------------------------------------*/
/* .gc-path {
}

.gc-path__inner {
} */

.gc-path__sub-title {
  margin: 40px auto 20px;
}

.gc-path__banner-item-box {
  margin: 0 auto 20px;
}

.gc-path__banner-item {
  margin: 0 auto 20px;
}

/* .gc-path__banner-item--long {
} */

.gc-path__banner-item:last-child {
  margin-bottom: 0;
}

.gc-path__banner-item__link {
  display: block;
  position: relative;
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  will-change: box-shadow;
  transition: box-shadow var(--drop-shadow-hover-duration) ease 0s;
}

.gc-path__banner-item__link:hover {
  box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
}

.gc-path__banner-item__image-box {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

/* .gc-path__banner-item__image-source {
} */

.gc-path__banner-item__image {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transition: transform var(--transform-scale-hover-duration) ease 0s;
  transform-origin: center center;
}

.gc-path__banner-item__link:hover .gc-path__banner-item__image {
  transform: scale(var(--transform-scale-hover));
}

.gc-path__banner-item__image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: var(--transparent-black-color);
}

.gc-path__banner-item__image-caption__text {
  display: block;
  color: var(--white-color);
  padding: 8px 10px;
}

/* .gc-path__text--note {
} */

/* step-slider */
.gc-path__step-slider {
  margin: -16px -15px 0;
}

.gc-path__step-item-box {
  padding: 16px 0 60px;
}

/* .gc-path__step-item {
} */

.gc-path__step-item__inner {
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  margin: 0 15px;
}

.gc-path__step-item__image-wrap {
  position: relative;
}

.gc-path__step-item__image-box {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.gc-path__step-item__image {
  display: block;
  width: 100%;
  height: auto;
}

.gc-path__step-item__image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: var(--transparent-black-color);
}

.gc-path__step-item__image-caption__text {
  display: block;
  color: var(--white-color);
  padding: 8px 10px;
}

/* .gc-path__step-item__text-wrap {
} */

.gc-path__step-item__text-inner {
  min-height: 265px;
  padding: 20px 20px 20px;
  box-sizing: border-box;
}

.gc-path__small-title {
  margin-bottom: 10px;
}

.gc-path__step-slider .gc-text {
  margin-bottom: 10px;
}

.gc-path__step-slider .gc-text:last-child {
  margin-bottom: 0;
}

/*----------------------------------------
 gc-crew（CREW紹介）
----------------------------------------*/
.gc-crew {
  position: relative;
  background-image: url("/img/entry/crew_bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 50px 15px 50px;
  margin: 60px -15px 0;
}

.gc-crew::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
  z-index: 0;
}

/* .gc-crew__inner {
} */

.gc-crew__title {
  color: var(--white-color);
  margin-top: 0;
}

/* .gc-crew__title__text {
} */

.gc-crew__slider {
  padding: 0 30px;
}

/* .gc-crew__item-box {
}

.gc-crew__item {
} */

.gc-crew__item__link {
  display: block;
  will-change: transform;
  transition: transform var(--transform-scale-hover-duration) ease 0s;
  transform-origin: center center;
  pointer-events: none;
}

.swiper-slide-active .gc-crew__item__link {
  pointer-events: initial;
}

.swiper-slide-active .gc-crew__item__link:hover {
  transform: scale(var(--transform-scale-hover));
}

.gc-crew__item__figure {
  display: block;
  font-size: 0;
  line-height: 0;
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
}

.gc-crew__item__image {
  width: 100%;
  height: auto;
}

/*----------------------------------------
 gc-benefits（待遇や制度は？）
----------------------------------------*/
.gc-benefits {
  width: 100%;
}

.gc-benefits__inner {
  width: 100%;
}

/*----------------------------------------
 gc-details（もっと詳しく知りたい？）
----------------------------------------*/
.gc-details {
  width: 100%;
}

/* .gc-details__inner {
} */

.gc-details__text {
  margin-bottom: 30px;
}

.gc-details__banner {
  margin-bottom: 40px;
}

.gc-details__banner__item-box {
  width: 100%;
}

.gc-details__banner__item {
  margin-bottom: 20px;
}

.gc-details__banner__item:last-child {
  margin-bottom: 0;
}

.gc-details__banner__link {
  display: block;
  position: relative;
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  will-change: box-shadow;
  transition: box-shadow var(--drop-shadow-hover-duration) ease 0s;
}

.gc-details__banner__link:hover {
  box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
}

.gc-details__banner__figure {
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.gc-details__banner__image {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transition: transform var(--transform-scale-hover-duration) ease 0s;
  transform-origin: center center;
}

.gc-details__banner__link:hover .gc-details__banner__image {
  transform: scale(var(--transform-scale-hover));
}

.gc-details__banner__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: var(--transparent-black-color);
}

.gc-details__banner__caption__text {
  display: block;
  color: var(--white-color);
  padding: 8px 10px;
}

/*----------------------------------------
 swiper
----------------------------------------*/
.swiper-container .swiper-pagination {
  margin-bottom: 7px;
}

.swiper-container .swiper-button-prev {
  top: auto;
  bottom: 0;
}

.swiper-container .swiper-button-next {
  top: auto;
  bottom: 0;
}


/*----------------------------------------
 タブレット（768px以上）
----------------------------------------*/
/* @media screen and (min-width: 768px) {
  body {
  }
} */


/*----------------------------------------
 PC（1024px以上）
----------------------------------------*/
@media screen and (min-width: 1024px) {

  /*----------------------------------------
   gc-main-visual
  ----------------------------------------*/
  .gc-main-visual {
    margin: 30px 0 100px;
  }

  .gc-main-visual__title {
    margin-bottom: 48px;
  }

  /* .gc-main-visual__title__image {
  } */

  /*----------------------------------------
   gc-ambiance（会社の雰囲気は？）
  ----------------------------------------*/
  /* .gc-ambiance {
  }

  .gc-ambiance__content {
  } */
  
  .gc-ambiance__slider-box {
    padding: 40px 0 60px;
    margin: 0 calc(((100vw - var(--content-max-width)) / 2)* -1) 0;
  }
  
  .gc-ambiance__slider {
    width: calc(100% + 173px);
    margin: 0 auto;
  }

  .gc-ambiance__item-box {
    padding: 10px 0 50px 0;
  }

  /* .gc-ambiance__item {
  } */

  .gc-ambiance__item__image-box {
    margin: 0 3px;
  }

  /* .gc-ambiance__item__image {
  } */

  .gc-ambiance .swiper-container .swiper-button-prev {
    left: calc(50% - ((1024px / 2) - 374px));
    bottom: -20px;
  }

  .gc-ambiance .swiper-container .swiper-button-next {
    right: calc(50% - ((1024px / 2) - 374px));
    bottom: -20px;
  }

  /*----------------------------------------
   gc-job（どんな仕事をするの？）
  ----------------------------------------*/
  /* .gc-job {
  }

  .gc-job__inner {
  } */

  .gc-job__title {
    margin-bottom: 90px;
  }

  /* .gc-job__title__text {
  } */

  .gc-job__box {
    margin-top: 80px;
  }

  .gc-job__sub-title {
    top: -31px;
    right: 0;
    max-width: 540px;
    margin: 0 auto;
  }

  /* .gc-job__sub-title::before {
  }

  .gc-job__sub-title__text {
  } */

  .gc-job__box__inner {
    padding: 32px 50px 40px;
  }

  .gc-job__item-box {
    display: flex;
    flex-flow: row wrap;
    gap: 30px 44px;
  }

  .gc-job__item {
    width: calc((100% - 44px) / 2);
  }

  .gc-job__item--full-width {
    width: 100%;
  }

  .gc-job__small-title {
    margin: 30px auto 30px;
  }

  /* .gc-job__small-title::before {
  }

  .gc-job__small-title__text {
  }

  .gc-job__item__text-box {
  } */

  /*----------------------------------------
   gc-projects（プロジェクトの例）
  ----------------------------------------*/
  .gc-projects {
    padding: 110px 0 110px;
    margin: 100px calc(((100vw - var(--content-max-width)) / 2)* -1) 0;
  }

  /* .gc-projects::before {
  }

  .gc-projects__inner {
  }

  .gc-projects__title {
  }

  .gc-projects__title__text {
  } */

  .gc-projects__slider {
    margin: -16px -25px 0;
  }

  /* .gc-projects__item-box {
  }

  .gc-projects__item {
  } */

  .gc-projects__item__inner {
    position: relative;
    margin: 0 25px;
  }

  .gc-projects__item__image-box {
    width: 505px;
  }

  /* .gc-projects__item__image {
  } */

  .gc-projects__item__text-box {
    display: flex;
    align-items: center;
    padding: 25px 25px 25px 25px;
    margin: -200px 0 50px 438px;
  }

  .gc-projects__item__text-box__inner {
    width: 100%;
  }

  /* .gc-projects__small-title {
  }

  .gc-projects__small-title__text {
  } */

  /*----------------------------------------
   gc-salary（給与ってどうなの？）
  ----------------------------------------*/
  /* .gc-salary {
  }

  .gc-salary__inner {
  } */

  .gc-salary__title {
    margin-bottom: 100px;
  }

  /* .gc-salary__box {
  }

  .gc-salary__item-box {
  } */

  .gc-salary__item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-height: 344px;
    padding: 25px 40px 25px 510px;
    margin: 0 0 90px 40px;
  }

  .gc-salary__item:nth-child(even) {
    padding: 25px 510px 25px 40px;
    margin: 0 40px 90px 0;
  }

  /* .gc-salary__item:last-child {
  } */

  .gc-salary__item__icon-image-box {
    position: absolute;
    top: -40px;
    left: -40px;
    width: 512px;
    transform: translate(0, 0);
  }

  .gc-salary__item:nth-child(even) .gc-salary__item__icon-image-box {
    left: auto;
    right: -40px;
    transform: translate(0, 0);
  }

  /* .gc-salary__item__icon-image {
  }

  .gc-salary__item__text-box {
  } */

  .gc-salary__sub-title {
    width: 100%;
  }

  .gc-salary__item .gc-text {
    width: 100%;
  }

  /*----------------------------------------
   gc-entry（誰でも入社できるの？）
  ----------------------------------------*/
  /* .gc-entry {
  }

  .gc-entry__inner {
  }

  .gc-entry__title {
  }

  .gc-entry__box {
  } */

  .gc-entry__item-box {
    display: flex;
    flex-flow: row wrap;
    gap: 40px 40px;
  }

  .gc-entry__item {
    width: calc((100% - 40px) / 2);
    padding: 30px 30px 30px;
    margin-bottom: 0;
  }

  /* .gc-entry__item:last-child {
  } */

  .gc-entry__item--long {
    width: 100%;
    padding: 30px 30px 30px 230px;
  }

  .gc-entry__item__icon-image-box {
    top: -60px;
    width: 130px;
  }

  .gc-entry__item--long .gc-entry__item__icon-image-box {
    top: 26px;
    left: 40px;
    width: 150px;
  }

  /* .gc-entry__item__icon-image {
  } */

  .gc-entry__sub-title {
    margin: 0 0 20px 100px;
  }

  .gc-entry__item--long .gc-entry__sub-title {
    margin: 0 0 10px 0;
  }

  /*----------------------------------------
   gc-path（入社までの道のりは？）
  ----------------------------------------*/
  /* .gc-path {
  }

  .gc-path__inner {
  } */

  .gc-path__sub-title {
    margin: 60px auto 40px;
  }

  .gc-path__banner-item-box {
    display: flex;
    flex-flow: row wrap;
    gap: 40px 40px;
    margin-bottom: 28px;
  }

  .gc-path__banner-item {
    width: calc((100% - 40px) / 2);
    margin-bottom: 0;
  }

  .gc-path__banner-item--long {
    width: 100%;
  }

  /* .gc-path__banner-item:last-child {
  }

  .gc-path__banner-item__link {
  }

  .gc-path__banner-item__link:hover {
  }

  .gc-path__banner-item__image-box {
  }

  .gc-path__banner-item__image-source {
  }

  .gc-path__banner-item__image {
  }

  .gc-path__banner-item__link:hover .gc-path__banner-item__image {
  }

  .gc-path__banner-item__image-caption {
  } */

  .gc-path__banner-item__image-caption__text {
    padding: 16px 10px;
  }

  .gc-path__text--note {
    text-align: center;
  }

  /* step-slider */
  .gc-path__step-slider {
    position: relative;
    margin: -16px -25px 0;
    overflow: hidden;
  }

  .gc-path__step-item-box {
    padding: 16px 0 40px;
  }

  /* .gc-path__step-item {
  } */

  .gc-path__step-item__inner {
    display: flex;
    flex-flow: row wrap;
    height: 300px;
    margin: 0 25px;
  }

  .gc-path__step-item__image-wrap {
    width: 50%;
  }

  /* .gc-path__step-item__image-box {
  }

  .gc-path__step-item__image {
  }

  .gc-path__step-item__image-caption {
  } */

  .gc-path__step-item__image-caption__text {
    padding: 16px 10px;
  }

  .gc-path__step-item__text-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 50%;
    height: 100%;
    padding: 15px 30px 15px 30px;
  }

  .gc-path__step-item__text-inner {
    width: 100%;
    min-height: initial;
    padding: 0;
  }

  .gc-path__small-title {
    display: block;
    width: 100%;
  }

  .gc-path__step-slider .gc-text {
    display: block;
    width: 100%;
  }

  .gc-path__step-slider .gc-text--note {
    display: block;
    width: 100%;
  }

  /*----------------------------------------
   gc-crew（CREW紹介）
  ----------------------------------------*/
  .gc-crew {
    background-position: top center;
    padding: 105px 0 150px;
    margin: 100px calc(((100vw - var(--content-max-width)) / 2) * -1) 0;
  }

  /* .gc-crew::before {
  }

  .gc-crew__inner {
  }

  .gc-crew__title {
  }

  .gc-crew__title__text {
  } */

  .gc-crew__slider {
    padding: 0 calc((100vw - var(--content-max-width) - 66px) / 2);
  }

  /* .gc-crew__item-box {
  }

  .gc-crew__item {
  }

  .gc-crew__item__figure {
  }

  .gc-crew__item__image {
  } */

  /*----------------------------------------
   gc-benefits（待遇や制度は？）
  ----------------------------------------*/
  /* .gc-benefits {
  }

  .gc-benefits__inner {
  } */

  /*----------------------------------------
   gc-details（もっと詳しく知りたい？）
  ----------------------------------------*/
  /* .gc-details {
  }

  .gc-details__inner {
  } */

  .gc-details__text {
    margin-bottom: 40px;
  }

  .gc-details__banner {
    margin-bottom: 60px;
  }

  .gc-details__banner__item-box {
    display: flex;
    flex-flow: row wrap;
    gap: 20px 20px;
  }

  .gc-details__banner__item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 0;
  }

  .gc-details__banner__item--small {
    width: calc((100% - 40px) / 3);
  }

  /* .gc-details__banner__item:last-child {
  }

  .gc-details__banner__link {
  }

  .gc-details__banner__link:hover {
  }

  .gc-details__banner__figure {
  }

  .gc-details__banner__image {
  }

  .gc-details__banner__link:hover .gc-details__banner__image {
  }

  .gc-details__banner__caption {
  } */

  .gc-details__banner__caption__text {
    padding: 11px 10px;
  }

  .gc-details__banner__item--small .gc-details__banner__caption__text {
    padding: 4px 10px;
  }

  /*----------------------------------------
   swiper
  ----------------------------------------*/
  .swiper-container .swiper-pagination {
    bottom: 0;
    margin-bottom: 0;
  }

  .swiper-container .swiper-button-prev {
    left: 0;
    bottom: calc(50% - 15px);
  }

  .swiper-container .swiper-button-next {
    right: 0;
    bottom: calc(50% - 15px);
  }
}