/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/collection-others/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.collection-others {
  color: black;
  text-align: center;
  padding-top: 7.7rem;
  padding-bottom: 8.3rem;
  padding-left: max(9rem, (100vw - 144rem) / 2 + 9rem);
  padding-right: max(9rem, (100vw - 144rem) / 2 + 9rem);
}
.collection-others h2 {
  margin-bottom: 6.4rem;
  font-size: 4rem;
}
.collection-others .container {
  display: flex;
  margin: auto;
}
.collection-others .container > a {
  width: 60rem;
  height: 47.7rem;
  background-color: #F3F7F8;
  text-align: left;
}
.collection-others .container > a h3 {
  text-transform: uppercase;
}
.collection-others .container > a img {
  height: 37.2rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-others .container > a > div {
  height: 9.5rem;
  padding-left: 3rem;
  display: flex;
  align-items: center;
}
.collection-others .container > a:not(:first-of-type) {
  margin-left: 5.8rem;
}

@media only screen and (max-width: 900px) {
  .collection-others {
    overflow: hidden;
    padding-left: unset;
    padding-right: unset;
  }
  .collection-others h2 {
    font-size: 3.4rem;
    margin-bottom: 4.7rem;
  }
  .collection-others .container {
    flex-direction: column;
    padding: 0 1.6rem;
  }
  .collection-others .container > a {
    width: auto;
    height: 31.3rem;
  }
  .collection-others .container > a img {
    height: 25.03rem;
  }
  .collection-others .container > a > div {
    height: 5.1rem;
    padding-left: 1.48rem;
    align-items: center;
  }
  .collection-others .container > a:not(:first-of-type) {
    margin-left: 0;
    margin-top: 1.53rem;
  }
}

/*# sourceMappingURL=style-collection-others.css.map*/