@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
}

div,
p,
ul,
li,
h1,
h2,
h3,
h4,
img,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style-type: none;
}

a {
  color: #203c9b;
  transition: 0.3s;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
  transition: 0.3s;
}

font {
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 300, 500, 700, 800;
  font-style: normal;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  font-style: normal;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    left: 1.6vw;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0;
    display: flex;
  }
  20% {
    opacity: 1;
    display: flex;
  }
  80% {
    opacity: 1;
    display: flex;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.fadein {
  opacity: 0;
}

.visible {
  opacity: 1;
  animation: fadeIn 1s forwards;
}

#form {
  height: 100vh;
  background: linear-gradient(to bottom right, #FF86A0 0%, #FF99FF 50%, #BC92FF 100%);
}
#form .question {
  display: none;
  width: 100%;
  position: relative;
  left: 3.2vw;
  opacity: 0;
}
#form .question .category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 13.6vw;
}
#form .question .category .txt_category {
  font-size: 4.8vw;
  color: #fff;
  font-family: "vdl-v7gothic", sans-serif;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.8vw;
}
#form .question .question_txt {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 96.8vw;
  height: 19.2vw;
  background: #fff;
  border: solid 0.2666666667vw #1D0B44;
  border-left: none;
}
#form .question .question_txt .question_num {
  display: flex;
  align-items: center;
  width: 24vw;
  color: #fff;
  font-size: 4.8vw;
  font-weight: 700;
  padding: 1.6vw 6.4vw 1.6vw 3.2vw;
  border-radius: 0vw 10.6666666667vw 10.6666666667vw 0vw;
}
#form .question .question_txt .question_num span {
  font-size: 8vw;
}
#form .question .question_txt .txt_question {
  display: grid;
  justify-content: start;
  align-items: center;
  width: 68.2666666667vw;
  height: 10.9333333333vw;
  padding-left: 2.4vw;
  font-size: 4vw;
  color: #431E74;
  font-weight: 700;
}
#form .question .answer {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  gap: 2.4vw;
  width: 100%;
  padding: 3.2vw;
}
#form .question .answer label {
  width: 45.2vw;
}
#form .question .answer label .icon {
  width: 11.2vw;
}
#form .question .answer input[type=radio] {
  display: none;
}
#form .question .answer input[type=radio] + span,
#form .question .answer .select_question {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.6vw;
  width: 100%;
  height: 14.4vw;
  padding: 3.2vw;
  padding-left: 11.2vw;
  font-size: 3.6vw;
  line-height: 1.3;
  font-weight: 700;
  color: #431E74;
  letter-spacing: 0;
  background: #fff;
  border: solid 0.2666666667vw #431E74;
  box-sizing: border-box;
  border-radius: 2.4vw;
  box-shadow: 0.8vw 0.8vw #8652F6;
  position: relative;
  cursor: pointer;
}
#form .question .answer input[type=radio] + span::before,
#form .question .answer .select_question::before {
  content: "";
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  border: solid 0.5333333333vw #431E74;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 3.2vw;
}
#form .question .answer input[type=radio] + span::after,
#form .question .answer .select_question::after {
  content: "";
  display: none;
  width: 6.4vw;
  height: 6.4vw;
  background: url(../img/icon_check.png) no-repeat;
  background-position: center;
  background-size: 50%;
  position: absolute;
  left: 3.2vw;
}
#form .question .answer .answer_full {
  width: 100%;
}
#form .question .answer input[type=radio]:checked + span {
  background: #FFF9A4;
  position: relative;
}
#form .question .answer input[type=radio]:checked + span::before {
  background: #E63286;
}
#form .question .answer input[type=radio]:checked + span::after {
  content: "";
  display: block;
}
#form .question .answer .select_question {
  justify-content: space-between;
  width: 100%;
  padding: 4.8vw;
}
#form .question .answer .select_question .txt_select {
  letter-spacing: 0.2666666667vw;
}
#form .question .answer .select_question select {
  width: 40vw;
  height: 6.4vw;
  line-height: 6.4vw;
  display: inline-block;
  padding: 0 6.4vw 0 2.4vw;
  font-size: 3.6vw;
  line-height: 1.3;
  font-weight: 700;
  color: #431E74;
  border: none;
  border-bottom: solid 0.2666666667vw #1D0B44;
  appearance: none;
  -webkit-appearance: none;
  /* Safari/Chrome */
  -moz-appearance: none;
  /* Firefox */
  cursor: pointer;
}
#form .question .answer .select_question::before {
  display: block;
  width: 2.4vw;
  height: 2.1333333333vw;
  background: #431E74;
  border-radius: 0;
  position: absolute;
  top: 50%;
  left: auto;
  right: 6.4vw;
  transform: translate(50%, -50%);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
#form .question .answer .list_question_help {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
  width: 100%;
  margin-top: 1.6vw;
  padding: 4.8vw;
  background: #fff;
  box-shadow: 0.9333333333vw 0.9333333333vw rgba(144, 58, 255, 0.8);
}
#form .question .answer .list_question_help .item_select_help {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 2.4vw;
  font-size: 3.6vw;
  line-height: 1.3;
  font-weight: 500;
  color: #431E74;
}
#form .question .answer .list_question_help .item_select_help .txt_item {
  display: inline;
  white-space: nowrap;
}
#form .question .answer .list_question_help .item_select_help .line {
  flex-grow: 1;
  width: 100vw;
  height: 0.1333333333vw;
  border-top: dashed 0.1333333333vw #431E74;
}
#form .question .answer .list_question_help .item_select_help .txt_num {
  font-size: 4.8vw;
  font-weight: 600;
}
#form .question.active {
  display: block;
  position: absolute;
  left: 0;
  opacity: 1;
  transition: 0.3s;
}
#form .question.active .question_txt {
  animation: fadeInRight ease 0.7s forwards;
}
#form .question.active .answer label,
#form .question.active .answer .select_question,
#form .question.active .answer .list_question_help {
  animation: fadeInRight ease 0.7s forwards;
  position: relative;
}
#form .category_01 .question_txt {
  box-shadow: 1.0666666667vw 1.0666666667vw #E63286;
}
#form .category_01 .question_txt .question_num {
  background: #E63286;
}
#form .category_02 .question_txt {
  box-shadow: 1.0666666667vw 1.0666666667vw #29A2F3;
}
#form .category_02 .question_txt .question_num {
  background: #29A2F3;
}
#form .category_03 .question_txt {
  box-shadow: 1.0666666667vw 1.0666666667vw #03CB92;
}
#form .category_03 .question_txt .question_num {
  background: #03CB92;
}
#form .category_04 .question_txt {
  box-shadow: 1.0666666667vw 1.0666666667vw #03CB92;
}
#form .category_04 .question_txt .question_num {
  background: #03CB92;
}
#form .area_btn {
  width: 100vw;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 3.2vw;
  display: flex;
  justify-content: space-between;
}
#form .area_btn .btn_back,
#form .area_btn .btn_next,
#form .area_btn .btn_result {
  display: grid;
  place-content: center;
  width: 44.8vw;
  height: 16vw;
  box-sizing: border-box;
  font-size: 4.8vw;
  color: #431E74;
  border: solid 0.2666666667vw #1D0B44;
  border-radius: 2.4vw;
  box-shadow: 0.8vw 0.8vw #8652F6;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 1.3333333333vw;
  position: relative;
}
#form .area_btn .btn_back::after,
#form .area_btn .btn_next::after,
#form .area_btn .btn_result::after {
  content: "";
  display: block;
  width: 2.8vw;
  height: 3.6vw;
  background: #431E74;
  position: absolute;
  top: 50%;
  right: 3.2vw;
  transform: translate(0, -50%);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#form .area_btn .btn_back {
  background: linear-gradient(to right, #EBDAFF, #D5B1FF);
}
#form .area_btn .btn_back::after {
  transform: translate(0, -50%) scale(-1, 1);
  right: auto;
  left: 3.2vw;
}
#form .area_btn .btn_next,
#form .area_btn .btn_result {
  background: linear-gradient(to right, #8AFFA1, #1DFFFB);
}
#form .area_btn .btn_result {
  letter-spacing: 0;
}
#form .area_btn .btn_full {
  width: 100%;
}

#loadingIndicator {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 0;
  animation: fadeOut 2s forwards;
}
#loadingIndicator img {
  width: 34.1333333333vw;
  height: auto;
}

#results {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
  padding: 8vw 3.2vw 40vw;
  background: linear-gradient(to bottom, #301D81, #791F8B);
  opacity: 0;
  animation: fadeIn 2s forwards;
  animation-delay: 1s;
}
#results .section_result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
  width: 100%;
}
#results .section_result .ttl_result {
  text-align: center;
  font-size: 3.6vw;
  color: #fff;
  line-height: 1.7;
}
#results .section_result .ttl_result .type_balance {
  margin-top: 1.6vw;
  padding: 0 3.2vw;
  font-size: 5.3333333333vw;
  color: #E63286;
  background: #FFFF68;
  font-feature-settings: "palt";
  letter-spacing: -0.2666666667vw;
}
#results .section_result .txt_result {
  width: 87.2vw;
  text-align: center;
  font-size: 3.6vw;
  color: #fff;
  font-weight: 500;
}
#results .section_result .txt_result span {
  color: #FFFF68;
}
#results .section_result .graph {
  width: 100%;
  position: relative;
}
#results .section_result .graph .cont_graph {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  animation: scaleUp ease-out 1s forwards;
  animation-delay: 1s;
}
#results .section_result .txt_next {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4.8vw;
  font-size: 4.8vw;
  color: #fff;
  font-weight: 500;
}
#results .section_result .txt_next::after {
  content: "";
  display: block;
  width: 4.8vw;
  height: 3.6vw;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#results .section_result .box_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
  width: 100%;
  padding: 8vw 6.4vw 11.2vw;
  background: #fff;
  border: solid 0.5333333333vw #1D0B44;
  box-shadow: 0.9333333333vw 0.9333333333vw rgba(144, 58, 255, 0.8);
}
#results .section_result .box_section .ttl_box_section {
  width: 100%;
  padding: 1.6vw 3.2vw 2.4vw;
  text-align: center;
  font-size: 4.8vw;
  border: solid 0.5333333333vw #1D0B44;
  box-shadow: #1D0B44 0.9333333333vw 0.9333333333vw;
  position: relative;
}
#results .section_result .box_section .ttl_box_section span {
  display: inline-block;
  padding: 0 0.8vw;
  box-sizing: content-box;
  color: #431E74;
  background: linear-gradient(transparent 70%, #FFFF68 70%);
}
#results .section_result .box_section .cont_amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
}
#results .section_result .box_section .cont_amount .wrap_amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4vw;
}
#results .section_result .box_section .cont_amount .wrap_amount .txt_amount {
  text-align: center;
  font-size: 5.3333333333vw;
  line-height: 1;
  color: #431E74;
  font-weight: 600;
}
#results .section_result .box_section .cont_amount .wrap_amount .num_amount {
  padding-left: 1.6vw;
  font-size: 9.6vw;
  line-height: 1;
  font-weight: 600;
  background: linear-gradient(#E302DB, #FF2020);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#results .section_result .box_section .cont_amount .wrap_amount .num_amount span {
  font-family: "din-2014";
  font-weight: 600;
  font-size: 11.2vw;
}
#results .section_result .box_section .cont_amount .wrap_amount .txt_amount_day1 {
  font-size: 4.8vw;
}
#results .section_result .box_section .cont_amount .wrap_amount .txt_amount_day1 span {
  padding-left: 3.2vw;
  font-size: 5.6vw;
}
#results .section_result .box_section .cont_amount .wrap_amount .line_dashed {
  display: block;
  width: 100%;
  height: 0.1333333333vw;
  border-bottom: dashed 0.1333333333vw #1D0B44;
}
#results .section_result .box_section .cont_amount .wrap_amount .img_powder {
  width: 26.6666666667vw;
}
#results .section_result .box_section .cont_amount .wrap_amount:first-child::after {
  content: "";
  display: block;
  width: 4.8vw;
  height: 3.6vw;
  margin-top: 3.2vw;
  background: #431E74;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#results .section_result .box_section .cont_amount .wrap_amount .num_amount.spoon {
  font-size: 5.3333333333vw;
  padding: 0;
}
#results .section_result .box_section .cont_amount .wrap_amount .num_amount.spoon span {
  padding-right: 1.6vw;
  font-size: 11.2vw;
  letter-spacing: -1.6vw;
}
#results .section_result .box_section .cont_detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
  width: 100%;
}
#results .section_result .box_section .cont_detail .list_chosen {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2vw;
  width: 100%;
}
#results .section_result .box_section .cont_detail .list_chosen .item_chosen {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6vw;
  width: 100%;
  opacity: 0;
}
#results .section_result .box_section .cont_detail .list_chosen .item_chosen .ttl_chosen {
  font-size: 5.3333333333vw;
  line-height: 1.2;
  color: #431E74;
}
#results .section_result .box_section .cont_detail .list_chosen .item_chosen:first-child {
  padding-bottom: 3.2vw;
  border-bottom: dashed 0.1333333333vw #1D0B44;
}
#results .section_result .box_section .cont_detail .list_chosen .item_chosen .txt_chosen {
  font-size: 5.3333333333vw;
  line-height: 1;
  font-weight: 600;
  font-family: "din-2014";
  background: linear-gradient(#E302DB, #FF2020);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#results .section_result .box_section .cont_detail .list_chosen .item_chosen .img_flavor {
  width: 40.5333333333vw;
  margin-top: 1.6vw;
  border-radius: 3.2vw;
  overflow: hidden;
  box-shadow: 0.9333333333vw 0.9333333333vw rgba(144, 58, 255, 0.8);
}
#results .section_result .box_section .cont_detail .list_comp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.4vw;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .ttl_comp {
  display: flex;
  gap: 1.6vw;
  margin-bottom: 3.2vw;
  font-size: 4.8vw;
  font-family: "din-2014";
  font-weight: 600;
  color: #431E74;
  border-bottom: solid 0.1333333333vw #1D0B44;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .ttl_comp span {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  background: linear-gradient(#E302DB, #FF2020);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp {
  display: flex;
  gap: 2.4vw;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .area_txt_comp {
  display: flex;
  flex-direction: column;
  gap: 2.4vw;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .area_txt_comp .txt_comp {
  width: 55.4666666667vw;
  font-size: 2.8vw;
  line-height: 1.7;
  color: #431E74;
  font-weight: 600;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .area_txt_comp .ingredients .ttl_ingredients {
  display: inline-block;
  height: 4.2666666667vw;
  padding: 0 1.6vw 0.8vw;
  line-height: 4.2666666667vw;
  text-align: center;
  vertical-align: bottom;
  font-size: 2.4vw;
  color: #fff;
  background: #431E74;
  border-radius: 0.8vw;
}
#results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .img_comp {
  width: 24vw;
  height: 24vw;
  box-shadow: 0.6666666667vw 0.6666666667vw rgba(144, 58, 255, 0.5);
}
#results .section_result.price .box_section {
  padding: 8vw 6.4vw;
  background-size: 8vw;
  background: #fff;
  position: relative;
}
#results .section_result.price .box_section::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/grid.png") repeat;
  background-size: 9.6vw;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#results .section_result.price .box_section img {
  position: relative;
  z-index: 1;
}
#results .section_result.price .box_section .info_price {
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
  position: relative;
  z-index: 1;
}
#results .section_result.price .box_section .info_price .img_price {
  padding: 3.2vw 4.8vw;
  border: solid 0.4vw #1D0B44;
  background: #fff;
  box-shadow: #DABAFF 0.6666666667vw 0.6666666667vw;
}
#results .section_result.free_shipping {
  position: relative;
}
#results .section_result.free_shipping .box_section {
  padding-bottom: 6.4vw;
}
#results .section_result.free_shipping::before {
  content: "";
  display: block;
  width: 26.2666666667vw;
  height: 10.4vw;
  background-size: contain;
  background: url(../img/catch_more.png);
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  transform: translate(-50%, -30%);
}
#results .section_result .btn_retry {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16vw;
  font-size: 4.8vw;
  font-weight: 600;
  color: #fff;
  background: #903AFF;
  border-radius: 2.4vw;
  border: solid 0.2666666667vw #1D0B44;
  box-shadow: 0.8vw 0.8vw #1D0B44;
  position: relative;
}
#results .section_result .btn_retry::before {
  content: "";
  display: block;
  width: 16vw;
  height: 16vw;
  background: url(../img/icon_retry.png);
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#results .modal_retry {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#results .modal_retry .box_section {
  box-shadow: 0.9333333333vw 0.9333333333vw rgba(144, 58, 255, 0.8);
}
#results .modal_retry .box_section .txt_modal {
  text-align: center;
  font-size: 3.6vw;
  color: #431E74;
  font-weight: 700;
}
#results .modal_retry .box_section .area_btn_modal {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw;
}
#results .modal_retry .box_section .area_btn_modal .btn_reload,
#results .modal_retry .box_section .area_btn_modal .btn_close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35.2vw;
  height: 11.2vw;
  font-size: 4.8vw;
  color: #fff;
  font-weight: 500;
  background: linear-gradient(to right, #FF3636, #FF35A7);
  border: solid 0.4vw #1D0B44;
  border-radius: 2.4vw;
  box-shadow: 0.8vw 0.8vw #903AFF;
}
#results .modal_retry .box_section .area_btn_modal .btn_close {
  background: linear-gradient(to right, #7967FF, #8A97FF);
}
#results .modal_retry.modal_visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}
#results .area_btn {
  display: flex;
  flex-direction: column;
  gap: 2.4vw;
  width: 100%;
  background: #fff;
  border-radius: 3.2vw 3.2vw 0 0;
  border: solid 0.5333333333vw #1D0B44;
  z-index: 10;
}
#results .area_btn .btn_purchase {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16vw;
  font-size: 4.8vw;
  font-weight: 500;
  color: #fff;
  background: #E63286;
  border-radius: 2.4vw;
  border: solid 0.2666666667vw #1D0B44;
  box-shadow: 0.8vw 0.8vw #1D0B44;
  position: relative;
}
#results .area_btn .btn_purchase::before {
  content: "";
  display: block;
  width: 16vw;
  height: 16vw;
  background: url(../img/icon_cart.png);
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#results .area_btn .note_purchase {
  text-align: center;
  color: #431E74;
  font-size: 2.6666666667vw;
  font-weight: 600;
  letter-spacing: -0.1333333333vw;
}

@media screen and (min-width: 550px) {
  body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    height: 100vh;
  }
  body::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #222;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  div,
  p,
  ul,
  li,
  h1,
  h2,
  h3,
  h4,
  img,
  section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
  }
  a {
    color: #203c9b;
    transition: 0.3s;
    text-decoration: none;
  }
  a:hover {
    opacity: 0.8;
    transition: 0.3s;
  }
  font {
    font-family: "vdl-v7gothic", sans-serif;
    font-weight: 300, 500, 700, 800;
    font-style: normal;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      /* 開始時は透明 */
    }
    to {
      opacity: 1;
      /* 終了時は完全に表示 */
    }
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      left: 0.9230769231vh;
    }
    to {
      opacity: 1;
      left: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 0;
      display: flex;
    }
    20% {
      opacity: 1;
      display: flex;
    }
    80% {
      opacity: 1;
      display: flex;
    }
    100% {
      opacity: 0;
      display: none;
    }
  }
  @keyframes scaleUp {
    0% {
      opacity: 0;
      transform: scale(0.1, 0.1);
    }
    100% {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
  #form {
    width: 57.6923076923vh;
    margin: 0 auto;
    background: linear-gradient(to bottom right, #FF86A0 0%, #FF99FF 50%, #BC92FF 100%);
    overflow-y: scroll;
  }
  #form .question {
    display: none;
    padding-bottom: 11.5384615385vh;
    position: relative;
  }
  #form .question .category {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.8461538462vh;
  }
  #form .question .category .txt_category {
    font-size: 2.7692307692vh;
    color: #fff;
    font-family: "vdl-v7gothic", sans-serif;
    font-weight: 700;
    font-feature-settings: "palt";
    letter-spacing: 0.4615384615vh;
  }
  #form .question .question_txt {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 55.8461538462vh;
    height: 11.0769230769vh;
    background: #fff;
    border: solid 0.1538461538vh #1D0B44;
    border-left: none;
  }
  #form .question .question_txt .question_num {
    display: flex;
    align-items: center;
    width: 13.8461538462vh;
    color: #fff;
    font-size: 2.7692307692vh;
    font-weight: 700;
    padding: 0.9230769231vh 3.6923076923vh 0.9230769231vh 1.8461538462vh;
    border-radius: 0vh 6.1538461538vh 6.1538461538vh 0vh;
  }
  #form .question .question_txt .question_num span {
    font-size: 4.6153846154vh;
  }
  #form .question .question_txt .txt_question {
    display: grid;
    justify-content: start;
    align-items: center;
    width: 39.3846153846vh;
    height: 6.3076923077vh;
    padding-left: 1.3846153846vh;
    font-size: 2.3076923077vh;
    color: #431E74;
    font-weight: 700;
  }
  #form .question .answer {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 1.3846153846vh;
    width: 100%;
    padding: 1.8461538462vh;
  }
  #form .question .answer label {
    width: 26.0769230769vh;
  }
  #form .question .answer label .icon {
    width: 6.4615384615vh;
  }
  #form .question .answer input[type=radio] {
    display: none;
  }
  #form .question .answer input[type=radio] + span,
  #form .question .answer .select_question {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.9230769231vh;
    width: 100%;
    height: 8.3076923077vh;
    padding: 1.8461538462vh;
    padding-left: 6.4615384615vh;
    font-size: 2.0769230769vh;
    line-height: 1.3;
    font-weight: 700;
    color: #431E74;
    letter-spacing: 0;
    background: #fff;
    border: solid 0.1538461538vh #431E74;
    box-sizing: border-box;
    border-radius: 1.3846153846vh;
    box-shadow: 0.4615384615vh 0.4615384615vh #8652F6;
    position: relative;
    cursor: pointer;
  }
  #form .question .answer input[type=radio] + span::before,
  #form .question .answer .select_question::before {
    content: "";
    display: block;
    width: 3.6923076923vh;
    height: 3.6923076923vh;
    border: solid 0.3076923077vh #431E74;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 1.8461538462vh;
  }
  #form .question .answer input[type=radio] + span::after,
  #form .question .answer .select_question::after {
    content: "";
    display: none;
    width: 3.6923076923vh;
    height: 3.6923076923vh;
    background: url(../img/icon_check.png) no-repeat;
    background-position: center;
    background-size: 50%;
    position: absolute;
    left: 1.8461538462vh;
  }
  #form .question .answer .answer_full {
    width: 100%;
  }
  #form .question .answer input[type=radio]:checked + span {
    background: #FFF9A4;
    position: relative;
  }
  #form .question .answer input[type=radio]:checked + span::before {
    background: #E63286;
  }
  #form .question .answer input[type=radio]:checked + span::after {
    content: "";
    display: block;
  }
  #form .question .answer .select_question {
    justify-content: space-between;
    width: 100%;
    padding: 2.7692307692vh;
  }
  #form .question .answer .select_question .txt_select {
    letter-spacing: 0.1538461538vh;
  }
  #form .question .answer .select_question select {
    width: 23.0769230769vh;
    height: 3.6923076923vh;
    line-height: 3.6923076923vh;
    display: inline-block;
    padding: 0 3.6923076923vh 0 1.3846153846vh;
    font-size: 2.0769230769vh;
    line-height: 1.3;
    font-weight: 700;
    color: #431E74;
    border: none;
    border-bottom: solid 0.1538461538vh #1D0B44;
    appearance: none;
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    cursor: pointer;
  }
  #form .question .answer .select_question::before {
    display: block;
    width: 1.3846153846vh;
    height: 1.2307692308vh;
    background: #431E74;
    border-radius: 0;
    position: absolute;
    top: 50%;
    left: auto;
    right: 3.6923076923vh;
    transform: translate(50%, -50%);
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
  #form .question .answer .list_question_help {
    display: flex;
    flex-direction: column;
    gap: 0.9230769231vh;
    width: 100%;
    margin-top: 0.9230769231vh;
    padding: 2.7692307692vh;
    background: #fff;
    box-shadow: 0.5384615385vh 0.5384615385vh rgba(144, 58, 255, 0.8);
  }
  #form .question .answer .list_question_help .item_select_help {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 1.3846153846vh;
    font-size: 2.0769230769vh;
    line-height: 1.3;
    font-weight: 500;
    color: #431E74;
  }
  #form .question .answer .list_question_help .item_select_help .txt_item {
    display: inline;
    white-space: nowrap;
  }
  #form .question .answer .list_question_help .item_select_help .line {
    flex-grow: 1;
    width: 57.6923076923vh;
    height: 0.0769230769vh;
    border-top: dashed 0.0769230769vh #431E74;
  }
  #form .question .answer .list_question_help .item_select_help .txt_num {
    font-size: 2.7692307692vh;
    font-weight: 600;
  }
  #form .question.active {
    display: block;
    position: relative;
    left: 0;
    opacity: 1;
    transition: 0.3s;
  }
  #form .question.active .question_txt {
    animation: fadeInRight ease 0.7s forwards;
  }
  #form .question.active .answer label {
    animation: fadeInRight ease 0.7s forwards;
    position: relative;
  }
  #form .category_01 .question_txt {
    box-shadow: 0.6153846154vh 0.6153846154vh #E63286;
  }
  #form .category_01 .question_txt .question_num {
    background: #E63286;
  }
  #form .category_02 .question_txt {
    box-shadow: 0.6153846154vh 0.6153846154vh #29A2F3;
  }
  #form .category_02 .question_txt .question_num {
    background: #29A2F3;
  }
  #form .category_03 .question_txt {
    box-shadow: 0.6153846154vh 0.6153846154vh #03CB92;
  }
  #form .category_03 .question_txt .question_num {
    background: #03CB92;
  }
  #form .category_04 .question_txt {
    box-shadow: 0.6153846154vh 0.6153846154vh #03CB92;
  }
  #form .category_04 .question_txt .question_num {
    background: #03CB92;
  }
  #form .area_btn {
    width: 57.6923076923vh;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    padding: 1.8461538462vh;
    display: flex;
    justify-content: space-between;
  }
  #form .area_btn .btn_back,
  #form .area_btn .btn_next,
  #form .area_btn .btn_result {
    display: grid;
    place-content: center;
    width: 25.8461538462vh;
    height: 9.2307692308vh;
    box-sizing: border-box;
    font-size: 2.7692307692vh;
    color: #431E74;
    border: solid 0.1538461538vh #1D0B44;
    border-radius: 1.3846153846vh;
    box-shadow: 0.4615384615vh 0.4615384615vh #8652F6;
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0.7692307692vh;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
  }
  #form .area_btn .btn_back::after,
  #form .area_btn .btn_next::after,
  #form .area_btn .btn_result::after {
    content: "";
    display: block;
    width: 1.6153846154vh;
    height: 2.0769230769vh;
    background: #431E74;
    position: absolute;
    top: 50%;
    right: 1.8461538462vh;
    transform: translate(0, -50%);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  #form .area_btn .btn_back:hover,
  #form .area_btn .btn_next:hover,
  #form .area_btn .btn_result:hover {
    filter: brightness(1.3);
    opacity: 0.9;
    transition: 0.3s;
  }
  #form .area_btn .btn_back {
    background: linear-gradient(to right, #EBDAFF, #D5B1FF);
  }
  #form .area_btn .btn_back::after {
    transform: translate(0, -50%) scale(-1, 1);
    right: auto;
    left: 1.8461538462vh;
  }
  #form .area_btn .btn_back:hover {
    filter: brightness(1.05);
    transition: 0.3s;
  }
  #form .area_btn .btn_next,
  #form .area_btn .btn_result {
    background: linear-gradient(to right, #8AFFA1, #1DFFFB);
  }
  #form .area_btn .btn_result {
    letter-spacing: 0;
  }
  #form .area_btn .btn_full {
    width: 100%;
  }
  #loadingIndicator {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 0;
    animation: fadeOut 2s forwards;
  }
  #loadingIndicator img {
    width: 19.6923076923vh;
    height: auto;
  }
  #results {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
    padding: 4.6153846154vh 1.8461538462vh 23.0769230769vh;
    background: linear-gradient(to bottom, #301D81, #791F8B);
    opacity: 0;
    animation: fadeIn 2s forwards;
    animation-delay: 1s;
  }
  #results .section_result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
    width: 100%;
  }
  #results .section_result .ttl_result {
    text-align: center;
    font-size: 2.0769230769vh;
    color: #fff;
    line-height: 1.7;
  }
  #results .section_result .ttl_result .type_balance {
    margin-top: 0.9230769231vh;
    padding: 0 1.8461538462vh;
    font-size: 3.0769230769vh;
    color: #E63286;
    background: #FFFF68;
    font-feature-settings: "palt";
    letter-spacing: -0.1538461538vh;
  }
  #results .section_result .txt_result {
    width: 50.3076923077vh;
    text-align: center;
    font-size: 2.0769230769vh;
    color: #fff;
    font-weight: 500;
  }
  #results .section_result .txt_result span {
    color: #FFFF68;
  }
  #results .section_result .graph {
    width: 100%;
    position: relative;
  }
  #results .section_result .graph .cont_graph {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    animation: scaleUp ease-out 1s forwards;
    animation-delay: 1s;
  }
  #results .section_result .txt_next {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2.7692307692vh;
    font-size: 2.7692307692vh;
    color: #fff;
    font-weight: 500;
  }
  #results .section_result .txt_next::after {
    content: "";
    display: block;
    width: 2.7692307692vh;
    height: 2.0769230769vh;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  #results .section_result .box_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
    width: 100%;
    padding: 4.6153846154vh 3.6923076923vh 6.4615384615vh;
    background: #fff;
    border: solid 0.3076923077vh #1D0B44;
    box-shadow: 0.5384615385vh 0.5384615385vh rgba(144, 58, 255, 0.8);
  }
  #results .section_result .box_section .ttl_box_section {
    width: 100%;
    padding: 0.9230769231vh 1.8461538462vh 1.3846153846vh;
    text-align: center;
    font-size: 2.7692307692vh;
    border: solid 0.3076923077vh #1D0B44;
    box-shadow: #1D0B44 0.5384615385vh 0.5384615385vh;
    position: relative;
  }
  #results .section_result .box_section .ttl_box_section span {
    display: inline-block;
    padding: 0 0.4615384615vh;
    box-sizing: content-box;
    color: #431E74;
    background: linear-gradient(transparent 70%, #FFFF68 70%);
  }
  #results .section_result .box_section .cont_amount {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.3846153846vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .txt_amount {
    text-align: center;
    font-size: 3.0769230769vh;
    line-height: 1;
    color: #431E74;
    font-weight: 600;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .num_amount {
    padding-left: 0.9230769231vh;
    font-size: 5.5384615385vh;
    line-height: 1;
    font-weight: 600;
    background: linear-gradient(#E302DB, #FF2020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .num_amount span {
    font-family: "din-2014";
    font-weight: 600;
    font-size: 6.4615384615vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .txt_amount_day1 {
    font-size: 2.7692307692vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .txt_amount_day1 span {
    padding-left: 1.8461538462vh;
    font-size: 3.2307692308vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .line_dashed {
    display: block;
    width: 100%;
    height: 0.0769230769vh;
    border-bottom: dashed 0.0769230769vh #1D0B44;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .img_powder {
    width: 15.3846153846vh;
  }
  #results .section_result .box_section .cont_amount .wrap_amount:first-child::after {
    content: "";
    display: block;
    width: 2.7692307692vh;
    height: 2.0769230769vh;
    margin-top: 1.8461538462vh;
    background: #431E74;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  #results .section_result .box_section .cont_amount .wrap_amount .num_amount.spoon {
    font-size: 3.0769230769vh;
    padding: 0;
  }
  #results .section_result .box_section .cont_amount .wrap_amount .num_amount.spoon span {
    padding-right: 0.9230769231vh;
    font-size: 6.4615384615vh;
    letter-spacing: -0.9230769231vh;
  }
  #results .section_result .box_section .cont_detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
    width: 100%;
  }
  #results .section_result .box_section .cont_detail .list_chosen {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.8461538462vh;
    width: 100%;
  }
  #results .section_result .box_section .cont_detail .list_chosen .item_chosen {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9230769231vh;
    width: 100%;
  }
  #results .section_result .box_section .cont_detail .list_chosen .item_chosen .ttl_chosen {
    font-size: 3.0769230769vh;
    line-height: 1.2;
    color: #431E74;
  }
  #results .section_result .box_section .cont_detail .list_chosen .item_chosen:first-child {
    padding-bottom: 1.8461538462vh;
    border-bottom: dashed 0.0769230769vh #1D0B44;
  }
  #results .section_result .box_section .cont_detail .list_chosen .item_chosen .txt_chosen {
    font-size: 3.0769230769vh;
    line-height: 1;
    font-weight: 600;
    font-family: "din-2014";
    background: linear-gradient(#E302DB, #FF2020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #results .section_result .box_section .cont_detail .list_chosen .item_chosen .img_flavor {
    width: 23.3846153846vh;
    margin-top: 0.9230769231vh;
    border-radius: 1.8461538462vh;
    overflow: hidden;
    box-shadow: 0.5384615385vh 0.5384615385vh rgba(144, 58, 255, 0.8);
  }
  #results .section_result .box_section .cont_detail .list_comp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.6923076923vh;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .ttl_comp {
    display: flex;
    gap: 0.9230769231vh;
    margin-bottom: 1.8461538462vh;
    font-size: 2.7692307692vh;
    font-family: "din-2014";
    font-weight: 600;
    color: #431E74;
    border-bottom: solid 0.0769230769vh #1D0B44;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .ttl_comp span {
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    background: linear-gradient(#E302DB, #FF2020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp {
    display: flex;
    gap: 1.3846153846vh;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .area_txt_comp .txt_comp {
    width: 32vh;
    font-size: 1.6153846154vh;
    line-height: 1.7;
    color: #431E74;
    font-weight: 600;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .area_txt_comp .ingredients .ttl_ingredients {
    display: inline-block;
    height: 2.4615384615vh;
    padding: 0 0.9230769231vh;
    line-height: 2.4615384615vh;
    text-align: center;
    font-size: 1.3846153846vh;
    color: #fff;
    background: #431E74;
    border-radius: 0.4615384615vh;
  }
  #results .section_result .box_section .cont_detail .list_comp .item_comp .dtl_comp .img_comp {
    width: 13.8461538462vh;
    height: 13.8461538462vh;
    box-shadow: 0.3846153846vh 0.3846153846vh rgba(144, 58, 255, 0.5);
  }
  #results .section_result.price .box_section {
    padding: 4.6153846154vh 3.6923076923vh;
    background-size: 4.6153846154vh;
    background: #fff;
    position: relative;
  }
  #results .section_result.price .box_section::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/grid.png") repeat;
    background-size: 5.5384615385vh;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #results .section_result.price .box_section img {
    position: relative;
    z-index: 1;
  }
  #results .section_result.price .box_section .info_price {
    display: flex;
    flex-direction: column;
    gap: 1.8461538462vh;
    position: relative;
    z-index: 1;
  }
  #results .section_result.price .box_section .info_price .img_price {
    padding: 1.8461538462vh 2.7692307692vh;
    border: solid 0.2307692308vh #1D0B44;
    background: #fff;
    box-shadow: #DABAFF 0.3846153846vh 0.3846153846vh;
  }
  #results .section_result.free_shipping {
    position: relative;
  }
  #results .section_result.free_shipping .box_section {
    padding-bottom: 3.6923076923vh;
  }
  #results .section_result.free_shipping::before {
    content: "";
    display: block;
    width: 15.1538461538vh;
    height: 6vh;
    background-size: contain;
    background: url(../img/catch_more.png);
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10;
    transform: translate(-50%, -30%);
  }
  #results .section_result .btn_retry {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9.2307692308vh;
    font-size: 2.7692307692vh;
    font-weight: 600;
    color: #fff;
    background: #903AFF;
    border-radius: 1.3846153846vh;
    border: solid 0.1538461538vh #1D0B44;
    box-shadow: 0.4615384615vh 0.4615384615vh #1D0B44;
    position: relative;
  }
  #results .section_result .btn_retry::before {
    content: "";
    display: block;
    width: 9.2307692308vh;
    height: 9.2307692308vh;
    background: url(../img/icon_retry.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #results .section_result .btn_retry:hover {
    filter: brightness(1.2);
  }
  #results .modal_retry {
    display: none;
    justify-content: center;
    align-items: center;
    width: 57.6923076923vh;
    height: 100vh;
    padding: 1.8461538462vh;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  #results .modal_retry .box_section {
    box-shadow: 0.5384615385vh 0.5384615385vh rgba(144, 58, 255, 0.8);
  }
  #results .modal_retry .box_section .txt_modal {
    text-align: center;
    font-size: 2.0769230769vh;
    color: #431E74;
    font-weight: 700;
  }
  #results .modal_retry .box_section .area_btn_modal {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.3076923077vh;
  }
  #results .modal_retry .box_section .area_btn_modal .btn_reload,
  #results .modal_retry .box_section .area_btn_modal .btn_close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.3076923077vh;
    height: 6.4615384615vh;
    font-size: 2.7692307692vh;
    color: #fff;
    font-weight: 500;
    background: linear-gradient(to right, #FF3636, #FF35A7);
    border: solid 0.2307692308vh #1D0B44;
    border-radius: 1.3846153846vh;
    box-shadow: 0.4615384615vh 0.4615384615vh #903AFF;
  }
  #results .modal_retry .box_section .area_btn_modal .btn_close {
    background: linear-gradient(to right, #7967FF, #8A97FF);
    cursor: pointer;
  }
  #results .modal_retry.modal_visible {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
  #results .area_btn {
    display: flex;
    flex-direction: column;
    gap: 1.3846153846vh;
    width: 57.6923076923vh;
    background: #fff;
    border-radius: 1.8461538462vh 1.8461538462vh 0 0;
    border: solid 0.3076923077vh #1D0B44;
    z-index: 10;
  }
  #results .area_btn .btn_purchase {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9.2307692308vh;
    font-size: 2.7692307692vh;
    font-weight: 600;
    color: #fff;
    background: #E63286;
    border-radius: 1.3846153846vh;
    border: solid 0.1538461538vh #1D0B44;
    box-shadow: 0.4615384615vh 0.4615384615vh #1D0B44;
    position: relative;
  }
  #results .area_btn .btn_purchase::before {
    content: "";
    display: block;
    width: 9.2307692308vh;
    height: 9.2307692308vh;
    background: url(../img/icon_cart.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #results .area_btn .note_purchase {
    text-align: center;
    color: #431E74;
    font-size: 1.5384615385vh;
    font-weight: 600;
    letter-spacing: -0.0769230769vh;
  }
}/*# sourceMappingURL=main.css.map */