
.collapes[data-v-ff2dd48e]{
  background-color: var(--secondary);
  border-radius: 1.06vw;
}
.head[data-v-ff2dd48e]{
  height: 8.8vw;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 1.06vw;
  border: 1px solid #F7B341;
  color: #000;
}
.icons[data-v-ff2dd48e]{
  width: 3vw;
  height: 3vw;
  display: inline-block;
  position: absolute;
  right: 15vw;
}
.icons img[data-v-ff2dd48e]{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
}
.bottom[data-v-ff2dd48e]{
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.bottom-content[data-v-ff2dd48e]{
  padding: 2.13vw;
}
.open[data-v-ff2dd48e]{
  height: auto;
  transition: 0.3s;
  max-height: 9999px;
}


.primary-button[data-v-1d0811d4]{
  color: #fff;
  position: relative;
  font-size: 0;
}
.primary-button+.primary-button[data-v-1d0811d4]{
  margin-top: 1vw;
}
h3[data-v-1d0811d4]{
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center;
}


.frame-style[data-v-2090d753]{
   font-weight: 500;
   font-size: 3.74vw;
   line-height: 5.6vw;
   background-color: #FBF5E9;
   border-radius: 2.13vw;
   padding: 3.2vw;
   color: #000;
}
.scroll-frame[data-v-2090d753]{
   overflow-y: auto;
   max-height: 50vw;
}
.prize-group[data-v-2090d753]{
   display: flex;
}
.prize-group + .prize-group[data-v-2090d753]{
  margin-top: 3vw;
}
.prize .top[data-v-2090d753]{
   background: #F7B341;
   border-radius: 1.07vw 1.07vw 0 0;
   color: #fff;
   text-align: center;
   padding: 1vw;
}
.prize .bottom[data-v-2090d753]{
   background: #fff;
   border-radius: 0 0 1.07vw 1.07vw;
   border: 3px solid #F7B341;
   border-top: none;
   text-align: center;
   padding: 2vw 1vw;
}
.prize-image[data-v-2090d753]{
   width: 15vw;
   height: 15vw;
   margin: auto;
}
.prize-image img[data-v-2090d753]{
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
      object-fit: contain;
}
.prize-column[data-v-2090d753]{
   width: 100%;
}
.prize-column + .prize-column[data-v-2090d753]{
   margin-left: 3vw;
}
.prize-row[data-v-2090d753]{
   width: 100%;
}
.prize-row .bottom[data-v-2090d753]{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.prize-row .bottom[data-v-2090d753]::before,.prize-row .bottom[data-v-2090d753]::after{
   content: '';
   display: block;
}
.prize-row .bottom .prize-image[data-v-2090d753]{
   width: 25vw;
   height: auto;
   margin: 0;
   display: flex;
}
.prize-row .bottom .prize-image img[data-v-2090d753]{
   width: 100%;
   height: auto;
}
.step-group[data-v-2090d753]{
   display: flex;
   flex-wrap: wrap;
}
.step[data-v-2090d753]{
   width: calc( 33% - 1.33vw );
   border: 1px solid #F5CC30;
   margin-left: 2vw;
   margin-top: 2vw;
   padding: 2.13vw 0vw;
}
.step-group .step[data-v-2090d753]:nth-child(1),.step-group .step[data-v-2090d753]:nth-child(4){
   margin-left: 0;
}
.step h4[data-v-2090d753]{
   color: #E97F00;
}
.step p[data-v-2090d753]{
   font-size: 3.5vw;
}
.fixed-button[data-v-2090d753]{
   position: fixed;
   width: 100%;
   background-image: url(../img/fixed-background.c3a96b69.png);
   bottom: 0;
   background-size: cover;
   background-position: top center;
   padding: 5.6vw 14vw;
}
.fixed-button.fake[data-v-2090d753]{
   position: relative;
   visibility: hidden;
   pointer-events: none;
   width: 100vw;
   left: 50%;
   transform: translateX(-50%);
}

