/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-2.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-2 {
  padding-top: max(75px, 10.625vw);
  padding-bottom: max(75px, 10.8333333333vw);
}
.banner--type-2 > .banner__content,
.banner--type-2 .swiper {
  margin-left: 20px;
  margin-right: 20px;
}
.banner--type-2 > .banner__content .item,
.banner--type-2 .swiper .item {
  width: 100%;
}
.banner--type-2 > .banner__content .item .title,
.banner--type-2 .swiper .item .title {
  max-width: max(212px, 11.0416666667vw);
}
.banner--type-2 > .banner__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: max(12px, 0.8854166667vw);
}
@media (min-width: 992px) {
  .banner--type-2 > .banner__content,
  .banner--type-2 .swiper {
    margin-left: max(20px, 6.7708333333vw);
    margin-right: max(20px, 6.7708333333vw);
  }
  .banner--type-2 > .banner__content {
    grid-template-columns: repeat(3, 1fr);
  }
}

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