@media screen and (max-width: 767px) {
  .section-head {
    padding: 0 24px;
  }
}

.question-head__title {
  word-break: auto-phrase;
}
@media screen and (max-width: 767px) {
  .question-head__title {
    font-size: 28px;
    line-height: 42px;
    padding: 0 12px;
    position: relative;
  }
}

.question-section:not(.section-cv) {
  max-width: 100%;
  padding: 0 20px;
  padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .question-section:not(.section-cv) {
    padding: 0 24px;
    padding-bottom: 40px;
  }
}

.question {
  margin: 24px auto 56px;
  max-width: 736px;
}
@media screen and (max-width: 767px) {
  .question {
    margin: 16px auto 48px;
  }
}
.question__note {
  font-size: 22px;
  letter-spacing: 0.48px;
  line-height: 1.5;
  margin: 0 auto;
  margin-bottom: 80px;
  max-width: 1120px;
}
@media screen and (max-width: 767px) {
  .question__note {
    font-size: 16px;
    margin-bottom: 48px;
  }
}
.question__number {
  background-color: #ee5d44;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-family: "Poppins";
  font-size: 31px;
  font-weight: 600;
  height: 94px;
  line-height: 94px;
  margin: 0 auto 40px;
  text-align: center;
  width: 94px;
}
@media screen and (max-width: 767px) {
  .question__number {
    font-size: 24px;
    height: 67px;
    line-height: 67px;
    margin: 0 auto 32px;
    width: 67px;
  }
}
.question__title {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 1.5;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .question__title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.question__img--wrap {
  margin: 0 auto 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .question__img--wrap {
    margin: 0 auto 29px;
  }
}
.question__img--wrap img,
.question__img--wrap source {
  display: block;
  width: 100%;
}
.question__button--wrap {
  display: flex;
  gap: 16px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .question__button--wrap {
    flex-flow: column;
    gap: 12px;
  }
}
.question__button {
  background-color: #fff;
  border: 3px solid #e93817;
  border-radius: 30px;
  color: #e93817;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 700;
  height: 62px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .question__button {
    font-size: 16px;
  }
}
.question__button:hover {
  background-color: #e93817;
  color: #fff;
}

.progress-bar {
  background-color: #f2f2f2;
  border-radius: 10px;
  margin: 0 auto 40px;
  max-width: 736px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .progress-bar {
    margin: 0 auto 16px;
  }
}

.progress {
  background-color: #e93817;
  border-radius: 50px;
  height: 18px;
  transition: width 0.5s ease-in-out;
  width: 0;
}
@media screen and (max-width: 767px) {
  .progress {
    height: 12px;
  }
}

.back-button {
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 30px;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 62px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: 360px;
}
@media screen and (max-width: 767px) {
  .back-button {
    border: 1px solid #333;
    font-size: 12px;
    height: 50px;
    width: 255px;
  }
}
.back-button:hover {
  color: #333;
  opacity: 0.7;
}
.back-button::after {
  content: url("../images/question/back_arrow.svg");
  left: 31px;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .back-button::after {
    content: url("../images/question/back_arrow_sp.svg");
    left: 22px;
  }
}

.result {
  padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .result {
    padding-bottom: 40px;
  }
}
.result__img--wrap {
  margin: 0 auto 56px;
  max-width: 800px;
  padding: 0 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .result__img--wrap {
    margin: 0 auto 32px;
    max-width: 375px;
    padding: 0 24px;
  }
}
.result__img--wrap img,
.result__img--wrap source {
  display: block;
  width: 100%;
}
.result__title--wrap {
  margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
  .result__title--wrap {
    margin: 0 auto 63px;
  }
}
.result__item--wrap {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .result__item--wrap {
    padding: 60px 0;
  }
}
.result__item--wrap:first-of-type {
  padding-top: 0;
}
.result__item--wrap:nth-of-type(even) {
  background-color: #fff2f0;
}
.result__item--wrap.property .result__item, .result__item--wrap.asset-freezing .result__item {
  margin-top: 0;
}
.result__item--wrap.top {
  padding-top: 0;
}
.result__item {
  display: none;
  margin: 0 auto;
  margin-top: 56px;
  max-width: 800px;
  padding: 0 32px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .result__item {
    padding: 0 24px;
  }
}
@media screen and (max-width: 767px) {
  .result__item {
    margin-top: 50px;
  }
}
.result__item.active {
  display: block;
}
.result__item--title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.48px;
  line-height: 1.5;
  margin-bottom: 24px;
}
.result__item--inner {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .result__item--inner {
    flex-direction: column;
    gap: 6px;
  }
}
.result__item--inner p {
  font-size: 16px;
  letter-spacing: 0.32px;
  line-height: 1.5;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .result__item--inner p {
    width: 100%;
  }
}
.result__item--inner div {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .result__item--inner div {
    width: 100%;
  }
}
.result__item--inner div img {
  display: block;
  width: 100%;
}
.result__movie {
  margin: 78px auto 160px;
  width: 516px;
}
@media screen and (max-width: 767px) {
  .result__movie {
    margin: 98px auto 90px;
    max-width: 375px;
    padding: 0 24px;
    width: 100%;
  }
}
.result__movie .result__sub-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.48px;
  margin: 0 auto 56px;
  padding-left: 27px;
  position: relative;
  width: 223px;
}
@media screen and (max-width: 767px) {
  .result__movie .result__sub-title {
    margin: 0 auto 39px;
  }
}
.result__movie .result__sub-title::after {
  background-image: url("../images/question/play.svg");
  background-size: cover;
  content: "";
  height: 27px;
  left: -6px;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 27px;
}
.result__movie .answers_list {
  margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list {
    margin-bottom: 50px;
  }
}
.result__movie .answers_list li {
  align-items: center;
  display: flex;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list li {
    align-items: initial;
  }
}
.result__movie .answers_list li.active .number {
  background: #ffe5e0;
  border: 3px solid #333;
  color: #333;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list li.active .number {
    border: 2px solid #333;
  }
}
.result__movie .answers_list li.active p {
  color: #333;
}
.result__movie .answers_list li .number {
  border: 3px solid rgba(51, 51, 51, 0.4);
  border-radius: 12px;
  color: rgba(51, 51, 51, 0.4);
  display: block;
  font-family: "Poppins";
  font-size: 26px;
  font-weight: 700;
  height: 49px;
  line-height: 47px;
  margin-right: 35px;
  text-align: center;
  width: 49px;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list li .number {
    border: 2px solid rgba(51, 51, 51, 0.4);
    border-radius: 10px;
    bottom: 6px;
    height: 36px;
    line-height: 34px;
    margin-right: 15px;
    min-width: 36px;
    position: relative;
    width: 36px;
  }
}
.result__movie .answers_list li p {
  color: rgba(51, 51, 51, 0.4);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.32px;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list li p {
    font-size: 16px;
    letter-spacing: -0.8px;
  }
}
.result__movie .answers_list li p .strong {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.44px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .result__movie .answers_list li p .strong {
    display: block;
    font-size: 18px;
  }
}
.result .result__movie--link {
  background: #fff;
  border: 3px solid #ee5d44;
  border-radius: 30px;
  color: #333;
  display: block;
  height: 62px;
  line-height: 54px;
  margin: 0 auto;
  max-width: 360px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.result .result__movie--link:hover {
  color: #333;
}
.result .result__movie--link:hover::after {
  opacity: 0.7;
}
.result .result__movie--link::after {
  content: url("../images/question/back_arrow.svg");
  position: absolute;
  right: 32px;
  top: 44%;
  transform: translateY(-50%) rotate(180deg);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .result .result__movie--link::after {
    right: 30px;
  }
}
.result .result__banner {
  background: #ee5d44;
  margin-bottom: 56px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .result .result__banner {
    margin-bottom: 60px;
  }
}
.result .result__banner--inner {
  color: #fff;
  margin: 0 auto;
  padding: 19px 0 17px;
  position: relative;
  width: 520px;
}
@media screen and (max-width: 767px) {
  .result .result__banner--inner {
    max-width: 375px;
    padding: 15px 24px 20px;
    width: 100%;
  }
}
.result .result__banner--inner.to-family::before {
  background-image: url("../images/question/banner-icon.png");
  background-size: cover;
  bottom: 0;
  content: "";
  height: 220px;
  left: -192px;
  position: absolute;
  width: 170px;
}
@media screen and (max-width: 767px) {
  .result .result__banner--inner.to-family::before {
    height: 122px;
    left: -5px;
    width: 78px;
  }
}
.result .result__banner--inner.to-me::before {
  background-image: url("../images/question/banner-icon-2.png");
  background-size: cover;
  bottom: 0;
  content: "";
  height: 220px;
  left: -192px;
  position: absolute;
  width: 170px;
}
@media screen and (max-width: 767px) {
  .result .result__banner--inner.to-me::before {
    height: 122px;
    left: -5px;
    width: 78px;
  }
}
.result .result__banner .top-text {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.5;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .result .result__banner .top-text {
    font-size: 14px;
    letter-spacing: -0.5px;
    margin-bottom: 6px;
    margin-top: 9px;
  }
}
.result .result__banner .top-text span {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .result .result__banner .top-text span {
    font-size: 19px;
  }
}
.result .result__banner .mid-text {
  border: 2px solid #fff;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: -4px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .result .result__banner .mid-text {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.result .result__banner .dial__wrap {
  align-items: center;
  display: flex;
  margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .result .result__banner .dial__wrap {
    justify-content: center;
    margin-bottom: -5px;
  }
}
.result .result__banner .dial__wrap img {
  display: block;
  height: 27px;
  margin-right: 9px;
  width: 41px;
}
.result .result__banner .dial__wrap a {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "Poppins";
  font-size: 41px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .result .result__banner .dial__wrap a {
    font-size: 33px;
  }
}
.result .result__banner .dial__wrap a.able-link {
  pointer-events: auto !important;
}
.result .result__banner .dial__wrap a::hover {
  color: #fff;
  opacity: 0.7;
}
.result .result__banner .dial__wrap--note {
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.95px;
  line-height: 1.5;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .result .result__banner .dial__wrap--note {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 2.35;
    margin-bottom: 15px;
    text-align: center;
  }
}
.result .result__banner .bottom-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .result .result__banner .bottom-text {
    font-size: 11px;
    margin-left: auto;
    width: 81%;
  }
}
.result .result__reset--button {
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 30px;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 62px;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  width: 360px;
}
@media screen and (max-width: 767px) {
  .result .result__reset--button {
    border: 1px solid #333;
    font-size: 12px;
    height: 50px;
    width: 255px;
  }
}
.result .result__reset--button:hover {
  color: #333;
  opacity: 0.7;
}
.result .result__reset--button::after {
  content: url("../images/question/back_arrow.svg");
  left: 31px;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .result .result__reset--button::after {
    content: url("../images/question/back_arrow_sp.svg");
    left: 22px;
  }
}

/*# sourceMappingURL=question.css.map */