.p-assessment-wrapper .p-question{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  padding: 10px;
  background: var(--color-blue-6);
  color: var(--color-white);
  font-size: var(--fs-24);
  font-weight: var(--fw-bold);
  line-height: var(--lh-md);
  letter-spacing: var(--ls-p4);
  text-align: center;
}

.p-assessment-wrapper .p-question .p-emphasis{
  color: var(--color-white);
  font-size: var(--fs-30);
}

.p-assessment-wrapper .p-question:has(.p-emphasis){
  align-items: baseline;
}

.p-assessment-wrapper .p-select-option-wrapper{
  display: flex;
}

.p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper,
.p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-gray-2);
  border-radius: 20px;
  min-height: 80px;
}

.p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper::after,
.p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    left: 50%;
    translate: -50% 50%;
    border-top: 15px solid #313C95;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    z-index: 5;
}

.p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper .p-option,
.p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper .p-option{
  font-size: var(--fs-20);
}

.p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper .p-option,
.l-row .p-option.true{
  color: var(--color-red-1);
}

.p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper .p-option,
.l-row .p-option.false{
  color: var(--color-blue-5);
}

.l-row .p-option{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 calc((100% - 40px) / 2);
  max-width: calc((100% - 40px) / 2);
  background: var(--color-gray-2);
  border-radius: 20px;
  min-height: 80px;
  font-size: var(--fs-20);
}

.p-option-wrapper{
  flex: 0 0 calc((100% - 40px) / 2);
  max-width: calc((100% - 40px) / 2);
}

.p-option-wrapper .p-option{
  margin-inline: auto;
}

.l-row .p-option.p-root-a,
.l-row .p-option.p-root-b,
.l-row .p-option.p-root-c,
.l-row .p-option.p-root-d{
  max-width: 90px;
  border-radius: 50%;
  color: var(--color-white);
  font-size: var(--fs-32);
  aspect-ratio: 1 / 1;
}

.l-row .p-option.p-root-a{
  background: var(--color-pink-6);
}

.l-row .p-option.p-root-b{
  background: var(--color-dark-yellow);
}

.l-row .p-option.p-root-c{
  background: var(--color-green-5);
}

.l-row .p-option.p-root-d{
  background: var(--color-blue-4);
}

.p-true-root .l-row:not(:last-child) .p-option::after,
.p-false-root .l-row:not(:last-child) .p-option::after{
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  translate: -50% 50%;
  border-top: 15px solid #313C95;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.p-result-list .l-row{
  flex-wrap: nowrap;
  align-items: center;
  gap: 40px;
}

.p-result-list .l-row > p > span{
  display: block;
  margin-bottom: 10px;
}

.p-result-list .l-row:not(:last-child){
  margin-bottom: 40px;
}

.p-result-list .l-row.p-root-a .p-result-score,
.p-result-list .l-row.p-root-b .p-result-score,
.p-result-list .l-row.p-root-c .p-result-score,
.p-result-list .l-row.p-root-d .p-result-score{
  color: var(--color-white);
  font-size: var(--fs-32);
  font-weight: 700;
}

.p-result-list .l-row.p-root-a .p-result-score{
  background: var(--color-pink-6);
}

.p-result-list .l-row.p-root-b .p-result-score{
  background: var(--color-dark-yellow);
}

.p-result-list .l-row.p-root-c .p-result-score{
  background: var(--color-green-5);
}

.p-result-list .l-row.p-root-d .p-result-score{
  background: var(--color-blue-4);
}

.p-result-list .l-row .p-result-score{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70px;
  height: 100%;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

@media screen and (min-width: 768px) {
  .sp-only{
    display: none !important;
  }
  
  .p-assessment-wrapper .p-select-option-wrapper .p-true-root,
  .p-assessment-wrapper .p-select-option-wrapper .p-false-root{
    flex: 0 0 calc((100% - 40px) / 2);
    max-width: calc((100% - 40px) / 2);
  }
}

@media screen and (max-width: 767px) {
  .l-row .p-option{
    min-height: 60px;
  }
  
  .p-assessment-wrapper .p-question{
    display: flex !important;
    font-size: var(--fs-14);
  }
  
  .p-assessment-wrapper .p-question:has(.p-emphasis){
    font-size: var(--fs-14);
    align-items: center;
  }
  
  .p-assessment-wrapper .p-question .p-emphasis{
    font-size: var(--fs-16);
  }
  
  .p-select-option-wrapper{
    flex-direction: column;
  }
  
  .p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper,
  .p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper{
    min-height: 60px;
    border-radius: 10px;
  }
  
  .p-assessment-wrapper .p-select-option-wrapper .p-true-root .p-select-wrapper::after,
  .p-assessment-wrapper .p-select-option-wrapper .p-false-root .p-select-wrapper::after{
    bottom: -20px;
  }
  
  .p-true-root .l-row:not(:last-child) .p-option::after,
  .p-false-root .l-row:not(:last-child) .p-option::after{
    bottom: -20px;
  }
  
  .l-row .p-option.p-root-a, .l-row .p-option.p-root-b,
  .l-row .p-option.p-root-c, .l-row .p-option.p-root-d{
    max-width: 60px;
  }
  
  .p-result-list .l-row{
    flex-direction: column;
    gap: 20px;;
  }
}