/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./_front/modules/banner/banner-3.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
.banner--type-3 {
  padding-top: max(75px, 10.625vw);
  padding-bottom: max(75px, 7.8125vw);
}
.banner--type-3 > .banner__content,
.banner--type-3 .swiper {
  margin-left: 20px;
  margin-right: 20px;
}
.banner--type-3 > .banner__content .item,
.banner--type-3 .swiper .item {
  width: 100%;
}
.banner--type-3 > .banner__content .item .content,
.banner--type-3 .swiper .item .content {
  position: relative;
  inset: unset;
  padding: max(16px, 1.25vw) 0;
}
.banner--type-3 > .banner__content .item .title,
.banner--type-3 .swiper .item .title {
  margin: unset;
}
.banner--type-3 > .banner__content .item .cta,
.banner--type-3 .swiper .item .cta {
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: max(24px, 2.0833333333vw);
  bottom: 100%;
  color: #603d34;
}
.banner--type-3 > .banner__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: max(12px, 0.8854166667vw);
}
@media (min-width: 992px) {
  .banner--type-3 > .banner__content,
  .banner--type-3 .swiper {
    margin-left: max(20px, 6.7708333333vw);
    margin-right: max(20px, 6.7708333333vw);
  }
  .banner--type-3 > .banner__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (hover: hover) {
  .banner--type-3 > .banner__content .item .cta,
  .banner--type-3 .swiper .item .cta {
    display: none;
  }
  .banner--type-3 > .banner__content .item:hover .cta,
  .banner--type-3 .swiper .item:hover .cta {
    display: inline-block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .banner--type-3 > .banner__content .item .cta,
  .banner--type-3 .swiper .item .cta {
    transition: none;
  }
}

/*# sourceMappingURL=banner-3.css.map*/