section.section-quiz {
  padding: 96px 0;
}
@media (max-width: 780px) {
  section.section-quiz {
    padding: 48px 0;
  }
}
section.section-quiz.background-light-pink .quiz-form .radio-container .option .option-item {
  background-color: #fff;
}
section.section-quiz .question-indicator + h2 {
  margin-top: 24px;
}
section.section-quiz h2 + p.paragraph-lg {
  margin-top: 8px;
}
section.section-quiz .quiz-form {
  margin-top: 40px;
}
@media (max-width: 780px) {
  section.section-quiz .quiz-form {
    margin-top: 24px;
  }
}
@media (max-width: 780px) {
  section.section-quiz .quiz-form .radio-container {
    gap: 8px;
  }
}
section.section-quiz .quiz-form .radio-container .option {
  align-items: center;
  cursor: pointer;
}
section.section-quiz .quiz-form .radio-container .option .option-item {
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.8797 12.0003L8.69001 16.19C8.12095 16.7788 8.1294 17.7144 8.70783 18.2928C9.28626 18.8712 10.2219 18.8797 10.8106 18.3106L16.0606 13.0606C16.6466 12.4747 16.6466 11.526 16.0606 10.94L10.8106 5.69001C10.2219 5.12095 9.28625 5.1294 8.70783 5.70783C8.1294 6.28626 8.12096 7.22189 8.69001 7.81063L12.8797 12.0003Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: calc(100% - 16px) 50%;
}
section.section-quiz .quiz-form .radio-container .option .option-item .image {
  width: 100px;
  height: 100px;
  background-color: #efefef;
}
@media (max-width: 780px) {
  section.section-quiz .quiz-form .radio-container .option .option-item .image {
    width: 64px;
    height: 64px;
  }
}
section.section-quiz .quiz-form .radio-container .option .option-item .image img {
  width: 100%;
  height: 100%;
}
section.section-quiz .quiz-form .radio-container .option .option-item .content-block {
  padding: 16px;
  font-weight: 600;
}
section.section-quiz .quiz-form .radio-container .option input[type="radio"] {
  display: none;
}
section.section-quiz .quiz-form .radio-container .option input[type="radio"]:checked + .option-item {
  outline: 3px solid #e243a0;
}
section.section-quiz .quiz-form .form-error {
  margin-top: 24px;
  color: #e243a0;
}
section.section-quiz .quiz-products {
  margin-top: 24px;
}
@media (max-width: 960px) {
  section.section-quiz .quiz-products .two-columns {
    grid-template-columns: 1fr;
  }
}
section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) {
  background-color: rgba(226, 67, 160, 0.05);
}
@media (max-width: 960px) {
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) {
    background-color: transparent;
  }
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 {
    display: grid;
    gap: 24px;
    background-color: rgba(226, 67, 160, 0.05);
  }
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 .product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 .product .content-container {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 {
    display: grid;
    gap: 24px;
    background-color: rgba(226, 67, 160, 0.05);
  }
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 .product {
    display: block;
  }
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(1) .spot-1 .product .content-container {
    display: block;
    margin-top: 24px;
  }
}
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) {
  display: grid;
  gap: 24px;
}
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-2,
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-3 {
  display: grid;
  gap: 24px;
  background-color: rgba(226, 67, 160, 0.05);
}
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-2 .product,
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-3 .product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 480px) {
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-2 .product,
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-3 .product {
    display: block;
  }
}
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-2 .product .content-container,
section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-3 .product .content-container {
  display: flex;
  align-items: center;
  margin-top: 0;
}
@media (max-width: 480px) {
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-2 .product .content-container,
  section.section-quiz .quiz-products .two-columns .column:nth-of-type(2) .spot-3 .product .content-container {
    display: block;
    margin-top: 24px;
  }
}
section.section-quiz .quiz-products .two-columns .column .product {
  background-color: transparent;
  height: 100%;
}
section.section-quiz .restart-container {
  display: flex;
  justify-content: center;
}
section.section-quiz .button {
  margin-top: 32px;
}
@media (max-width: 780px) {
  section.section-quiz .button {
    width: 100%;
  }
}
/*# sourceMappingURL=./section-quiz.css.map */