/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/product-carac/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.product-carac, .advantage-block {
  margin-left: max(12.8rem, (100vw - 144rem) / 2 + 12.8rem);
  margin-right: max(12.8rem, (100vw - 144rem) / 2 + 12.8rem);
  margin-top: 6.5rem;
  margin-bottom: 12.4rem;
}
.product-carac .title-container, .advantage-block .title-container {
  display: flex;
}
.product-carac .title-container a.r18, .advantage-block .title-container a.r18 {
  font-weight: 400;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eff2f5;
  padding-bottom: 1.2rem;
}
.product-carac .title-container a.r18.selected, .advantage-block .title-container a.r18.selected {
  font-weight: 700;
  border-bottom: 2px solid #EB6109;
  color: #EB6109;
}
.product-carac .title-container a.r18:not(.selected):hover, .advantage-block .title-container a.r18:not(.selected):hover {
  cursor: pointer;
  color: #EB6109;
}
.product-carac .content-container, .advantage-block .content-container {
  margin-top: 4.1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 3.2rem;
  -moz-column-gap: 4.2rem;
       column-gap: 4.2rem;
}
.product-carac .content-container .content, .advantage-block .content-container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 20.3rem;
  height: 20.3rem;
  background-color: #F8F8F8;
  padding: 1.3rem;
}
.product-carac .content-container .content > img, .advantage-block .content-container .content > img {
  max-width: 7rem;
  max-height: 7rem;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 10;
  min-width: 0;
  min-height: 0;
}
.product-carac .content-container .content > p:first-of-type, .advantage-block .content-container .content > p:first-of-type {
  font-weight: 600;
  margin-top: 1.1rem;
}
.product-carac .content-container .content > p:nth-of-type(2), .advantage-block .content-container .content > p:nth-of-type(2) {
  margin-top: 1.1rem;
  line-height: 100%;
  font-size: 1.4rem;
}
.product-carac .content-container.no-display, .advantage-block .content-container.no-display {
  display: none;
}
.product-carac .video-container, .advantage-block .video-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-carac .video-container .video, .advantage-block .video-container .video {
  display: flex;
  margin: 3.2rem auto;
  border-radius: 2rem;
  width: 94.4rem;
  height: auto;
}
.product-carac .video-container .video iframe, .advantage-block .video-container .video iframe {
  height: 100%;
  width: 100%;
  min-height: 55.5rem;
  border-radius: 2rem;
}
.product-carac .video-container.no-display, .advantage-block .video-container.no-display {
  display: none;
}
.product-carac .rules-container, .advantage-block .rules-container {
  margin-top: 4.1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 3.2rem;
  -moz-column-gap: 3.2rem;
       column-gap: 3.2rem;
}
.product-carac .rules-container .rule, .advantage-block .rules-container .rule {
  flex-shrink: 0;
}
.product-carac .rules-container .rule:hover > p, .advantage-block .rules-container .rule:hover > p {
  color: #EB6109;
}
.product-carac .rules-container img, .advantage-block .rules-container img {
  margin-bottom: 1.2rem;
  height: 8.7rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-carac .rules-container.no-display, .advantage-block .rules-container.no-display {
  display: none;
}

@media only screen and (max-width: 900px) {
  .product-carac, .advantage-block {
    margin: 3.2rem 2.4rem;
  }
  .product-carac .title-container, .advantage-block .title-container {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    padding: 0;
  }
  .product-carac .title-container > a, .advantage-block .title-container > a {
    border-bottom: 1px solid #EFF2F5;
    padding: 1.2rem;
    font-weight: 700;
    padding: 1.2rem 0;
    display: flex;
    align-items: center;
  }
  .product-carac .title-container > a:hover, .advantage-block .title-container > a:hover {
    cursor: pointer;
  }
  .product-carac .title-container > a::after, .advantage-block .title-container > a::after {
    content: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2719%27 viewBox=%270 0 21 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_363_1989%29%27%3E%3Cpath d=%27M15.8433 9.21549L5.77979 0.110425C5.60476 -0.0399946 5.3291 -0.0360606 5.16285 0.11833C5.00095 0.27272 5.00095 0.514215 5.16285 0.668605L14.9157 9.49261L5.16285 18.3206C4.98782 18.471 4.98347 18.7244 5.15411 18.8788C5.32037 19.0371 5.60041 19.0411 5.77105 18.8867C5.77544 18.8827 5.77979 18.8788 5.77979 18.8788L15.8433 9.7737C16.0139 9.61928 16.0139 9.36988 15.8433 9.21549Z%27 fill=%27black%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_363_1989%27%3E%3Crect width=%2721%27 height=%2719%27 fill=%27black%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  .product-carac .title-container > a.displayed::after, .advantage-block .title-container > a.displayed::after {
    transform: rotate(90deg);
  }
  .product-carac .title-container > a.displayed + .no-display, .advantage-block .title-container > a.displayed + .no-display {
    display: flex;
  }
  .product-carac .title-container a.r18, .advantage-block .title-container a.r18 {
    font-weight: 700;
  }
  .product-carac .content-container, .advantage-block .content-container {
    overflow: scroll;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 0;
    margin-top: 2.4rem;
    height: 13.3rem;
    margin-bottom: 2.2rem;
  }
  .product-carac .content-container .content, .advantage-block .content-container .content {
    font-size: 1.4rem;
    font-weight: 600;
    width: 13.3rem;
    height: 13.3rem;
    flex-shrink: 0;
  }
  .product-carac .content-container .content:not(:first-of-type), .advantage-block .content-container .content:not(:first-of-type) {
    margin-left: 1.2rem;
  }
  .product-carac .content-container .content > p:nth-of-type(2), .advantage-block .content-container .content > p:nth-of-type(2) {
    display: none;
  }
  .product-carac .content-container .content > img, .advantage-block .content-container .content > img {
    max-width: 5rem;
    max-height: 5rem;
  }
  .product-carac .video-container .video, .advantage-block .video-container .video {
    width: 100%;
    margin: 1.6rem 0;
  }
  .product-carac .rules-container, .advantage-block .rules-container {
    margin-top: 1.6rem;
    overflow: scroll;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 0;
  }
  .product-carac .rules-container .rule, .advantage-block .rules-container .rule {
    max-width: 17.1rem;
    overflow: hidden;
  }
  .product-carac .rules-container .rule:not(:first-of-type), .advantage-block .rules-container .rule:not(:first-of-type) {
    margin-left: 2.2rem;
  }
}

/*# sourceMappingURL=style-product-carac.css.map*/