@media only screen and (max-width: 767px) {
  .commonFormArea {
    padding-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .commonFormArea .secFormIn {
    margin-top: 0;
  }
  .formLine.form-tel .listName .name {
    width: -moz-fit-content;
    width: fit-content;
  }
  .formLine.form-tel .listName .supportText {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.secReco {
  background: #DDF6FF;
}

@media only screen and (max-width: 767px) {
  .secReco {
    padding: 32px 0 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secReco {
    padding: 56px 0 0 0;
  }
}
.secHead .headListWrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.secHead .headListWrap .headList {
  text-align: center;
  border: solid 1px #1DC2FF;
  color: #b2b2b2;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.secHead .headListWrap .headList.current {
  background: #0098FF;
  color: #ffffff;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .secHead {
    padding: 32px 0 0px 0;
  }
  .secHead .headListWrap {
    -moz-column-gap: 2px;
         column-gap: 2px;
    background: linear-gradient(to bottom, transparent 50%, #0098FF 50%, #0098FF calc(50% + 1px), transparent calc(50% + 1px));
  }
  .secHead .headListWrap .headList {
    width: 70px;
    min-height: 60px;
    font-size: clamp(11px, 3.33vw, 13px);
    letter-spacing: -0.02em;
  }
}
@media print, screen and (min-width: 768px) {
  .secHead {
    padding: 48px 0 0px 0;
  }
  .secHead .headListWrap {
    -moz-column-gap: 1.3%;
         column-gap: 1.3%;
    background: linear-gradient(to bottom, transparent 50%, #0098FF 50%, #0098FF calc(50% + 1px), transparent calc(50% + 1px));
  }
  .secHead .headListWrap .headList {
    flex-grow: 1;
    min-height: 60px;
    width: 19%;
  }
}
.sectionWrap .boxTitle {
  font-weight: bold;
  border-bottom: solid 2px #0098FF;
}
.sectionWrap .sectionBox {
  display: none;
}
.sectionWrap .sectionBox.on {
  display: block;
}

@media only screen and (max-width: 767px) {
  .sectionWrap .boxTitle {
    font-size: clamp(14px, 6.15vw, 24px);
    margin-bottom: 24px;
    padding: 0 0 4px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .sectionWrap .boxTitle {
    font-size: clamp(15px, 1.95vw, 25px);
    margin-bottom: 32px;
    padding: 0 0 4px 0;
  }
}
.optionListWrap {
  display: flex;
  flex-wrap: wrap;
}
.optionListWrap .optionList {
  border: solid 1px #DCDCDC;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  word-break: keep-all;
  text-align: center;
}
.optionListWrap .optionList input[type=radio] {
  opacity: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.optionListWrap .optionList .textCol {
  line-height: 140%;
}
.optionListWrap .optionList.on {
  background: #1DC2FF;
  color: #ffffff;
  font-weight: bold;
}
.optionListWrap select {
  width: 100%;
  font-size: 16px;
  padding: 10px 16px;
  border: solid 1px #DCDCDC;
  border-radius: 4px;
}

@media only screen and (max-width: 767px) {
  .optionListWrap {
    -moz-column-gap: 6px;
         column-gap: 6px;
    row-gap: 6px;
  }
  .optionListWrap .optionList {
    width: calc(50% - 3px);
    aspect-ratio: 168/64;
    padding: 8px;
    font-size: clamp(14px, 4.1vw, 16px);
  }
}
@media print, screen and (min-width: 768px) {
  .optionListWrap {
    -moz-column-gap: 1%;
         column-gap: 1%;
    row-gap: 8px;
  }
  .optionListWrap .optionList {
    width: 19.2%;
    aspect-ratio: 158/72;
    padding: 8px;
    font-size: clamp(14px, 1.25vw, 16px);
  }
}
.btnArea {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 16px;
}
.btnArea .btn {
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  display: none;
}
.btnArea .btn.on {
  display: block;
}
.btnArea .btn.back {
  background: #ffffff;
  width: 160px;
  height: 42px;
  border: solid 1px #0098FF;
}
.btnArea .btn.next, .btnArea .btn.submit {
  background: #FFE248;
  width: 220px;
  height: 52px;
  filter: grayscale(0.8) opacity(0.5);
  transition: filter 0.2s;
  cursor: not-allowed;
}
.btnArea .btn.next.active, .btnArea .btn.submit.active {
  filter: grayscale(0) opacity(1);
  cursor: pointer;
}

.skipBtnArea {
  display: flex;
  justify-content: center;
}
.skipBtnArea .skipSubmit {
  cursor: not-allowed;
  color: #0098FF;
  border-bottom: solid 1px #0098FF;
  filter: grayscale(0.8) opacity(0.5);
  display: none;
}
.skipBtnArea .skipSubmit.on {
  display: block;
}
.skipBtnArea .skipSubmit.active {
  filter: grayscale(0) opacity(1);
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .btnArea {
    padding: 24px 0 0 0;
  }
  .skipBtnArea {
    padding: 24px 0 0 0;
  }
  .skipBtnArea .skipSubmit {
    font-size: clamp(14px, 3.85vw, 15px);
  }
}
@media print, screen and (min-width: 768px) {
  .btnArea {
    padding: 24px 0 0 0;
  }
  .skipBtnArea {
    padding: 24px 0 0 0;
  }
  .skipBtnArea .skipSubmit {
    font-size: clamp(14px, 1.17vw, 15px);
  }
}
.flatpickr-calendar {
  margin-top: 10px;
}
.flatpickr-calendar::before {
  display: none !important;
}
.flatpickr-calendar::after {
  display: none !important;
}/*# sourceMappingURL=style.css.map */