.areaFrame {
  height: 100%;
  border-color: #FF763F;
  border-style: solid;
  background: #F6F9F8;
}
.areaFrame .areaIn {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-evenly;
  margin: 0 auto;
}
.areaFrame .areaIn .num {
  color: #1F644E;
  border-bottom: solid 3px #1F644E;
  font-weight: bold;
}
.areaFrame .areaIn .questionTitle {
  color: #1F644E;
  font-weight: bold;
  line-height: 160%;
  text-align: center;
}
.areaFrame .areaIn .answerBtnArea {
  display: flex;
  width: 100%;
}
.areaFrame .areaIn .answerBtnArea .answerBtn {
  text-align: center;
  background: #1F644E;
  color: #ffffff;
  font-weight: bold;
  border-radius: 100px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.areaFrame .areaIn .backBtnArea .backBtn {
  display: block;
  border: solid 1px #1F644E;
  border-radius: 100px;
  background: url(../images/arrow_back.svg) left center no-repeat #ffffff;
  color: #1F644E;
  font-weight: bold;
  text-decoration: none;
  line-height: 100%;
}

@media only screen and (max-width: 767px) {
  .areaFrame {
    border-width: 10px;
  }
  .areaFrame .areaIn {
    width: min(92%, 305px);
  }
  .areaFrame .areaIn .num {
    font-size: clamp(18px, 3.8vh, 30px);
    line-height: 160%;
  }
  .areaFrame .areaIn .questionTitle {
    font-size: clamp(18px, 3.8vh, 30px);
    line-height: 140%;
  }
  .areaFrame .areaIn .answerBtnArea {
    min-height: 220px;
    flex-direction: column;
    justify-content: center;
    row-gap: min(2.85vh, 20px);
  }
  .areaFrame .areaIn .answerBtnArea .answerBtn {
    width: 100%;
    aspect-ratio: 305/60;
    font-size: clamp(14px, 5.64vw, 22px);
  }
  .areaFrame .areaIn .backBtnArea {
    height: 55px;
  }
  .areaFrame .areaIn .backBtnArea .backBtn {
    font-size: clamp(14px, 5.64vw, 22px);
    background-size: 31px;
    background-position: 16px center;
    padding: 12px 12px 12px 52px;
  }
}
@media print, screen and (min-width: 768px) {
  .areaFrame {
    border-width: 10px;
  }
  .areaFrame .areaIn {
    width: min(96%, 880px);
  }
  .areaFrame .areaIn .num {
    font-size: clamp(18px, 2.78vw, 30px);
  }
  .areaFrame .areaIn .questionTitle {
    font-size: clamp(22px, 3.33vw, 36px);
  }
  .areaFrame .areaIn .answerBtnArea {
    justify-content: space-evenly;
  }
  .areaFrame .areaIn .answerBtnArea .answerBtn {
    width: min(32.8%, 280px);
    aspect-ratio: 280/80;
    font-size: clamp(16px, 2.41vw, 26px);
  }
  .areaFrame .areaIn .backBtnArea .backBtn {
    font-size: clamp(14px, 2.04vw, 22px);
    background-size: 31px;
    background-position: 12px center;
    padding: 16px 12px 16px 52px;
  }
}/*# sourceMappingURL=style.css.map */