.flex-c-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-s-c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.trans {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.btn {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  height: 48px;
  border-radius: 99px;
  /* JP/UI/M */
  font-family: "BIZUDPGothicBold";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  /* 19.2px */
  letter-spacing: 0.16px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
}
.btn-yellow {
  border: 1px solid var(--yellow, #EAB000);
  background: var(--gra-yellow, linear-gradient(281deg, rgba(234, 176, 0, 0.1) 14.73%, rgba(234, 176, 0, 0.3) 83.82%));
  color: var(--yellow, #EAB000);
}
.btn-yellow:hover {
  -webkit-box-shadow: 0 0 56px 0 rgba(234, 176, 0, 0.8);
          box-shadow: 0 0 56px 0 rgba(234, 176, 0, 0.8);
  color: var(--yellow, #EAB000);
}
.btn-white {
  border: 1px solid var(--text-light_gray, #E6E6E6);
  background: var(--white_gra, linear-gradient(99deg, rgba(255, 255, 255, 0.4) 22.13%, rgba(255, 255, 255, 0.1) 77.87%));
  color: var(--text-light_gray, #E6E6E6);
}
.btn-white:hover {
  -webkit-box-shadow: 0 0 56px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 56px 0 rgba(255, 255, 255, 0.8);
}
.btn-white_gra {
  border: 1px solid var(--text-black, #1F042B);
  background: var(--white_gra, linear-gradient(99deg, rgba(255, 255, 255, 0.4) 22.13%, rgba(255, 255, 255, 0.1) 77.87%));
  color: var(--text-black, #1F042B);
}
.btn-white_gra:hover {
  -webkit-box-shadow: 0 0 40px 10px rgba(215, 166, 245, 0.7);
          box-shadow: 0 0 40px 10px rgba(215, 166, 245, 0.7);
}
.btn-blue {
  border: 1px solid var(--cyan, #7DE1E8);
  background: var(--cyan_gra, linear-gradient(272deg, rgba(125, 225, 232, 0.1) 0.2%, rgba(125, 225, 232, 0.4) 99.8%));
  color: var(--cyan, #7DE1E8);
}
.btn-blue:hover {
  -webkit-box-shadow: 0 0 40px 10px rgba(115, 218, 229, 0.7);
          box-shadow: 0 0 40px 10px rgba(115, 218, 229, 0.7);
}
.btn-purple {
  border: 1px solid var(--purple, #C678DD);
  background: -webkit-linear-gradient(177.83deg, rgba(201, 120, 221, 0.1) 0.2%, rgba(201, 120, 221, 0.4) 99.8%);
  background: -moz- oldlinear-gradient(177.83deg, rgba(201, 120, 221, 0.1) 0.2%, rgba(201, 120, 221, 0.4) 99.8%);
  background: -o-linear-gradient(177.83deg, rgba(201, 120, 221, 0.1) 0.2%, rgba(201, 120, 221, 0.4) 99.8%);
  background: linear-gradient(272.17deg, rgba(201, 120, 221, 0.1) 0.2%, rgba(201, 120, 221, 0.4) 99.8%);
  color: var(--purple, #C678DD);
}
.btn-purple:hover {
  -webkit-box-shadow: 0 0 40px 10px #C678DD;
          box-shadow: 0 0 40px 10px #C678DD;
}
.text-s {
  text-align: start;
}
.text-c {
  text-align: center;
}
.text-e {
  text-align: end;
}
.lh12 {
  line-height: 1.2;
}
.lh14 {
  line-height: 1.4;
}
.lh18 {
  line-height: 1.8;
}
.m2 {
  margin: 2px;
}
.mt2 {
  margin-top: 2px;
}
.mr2 {
  margin-right: 2px;
}
.mb2 {
  margin-bottom: 2px;
}
.ml2 {
  margin-left: 2px;
}
.mx2 {
  margin-left: 2px;
  margin-right: 2px;
}
.my2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.m3 {
  margin: 3px;
}
.mt3 {
  margin-top: 3px;
}
.mr3 {
  margin-right: 3px;
}
.mb3 {
  margin-bottom: 3px;
}
.ml3 {
  margin-left: 3px;
}
.mx3 {
  margin-left: 3px;
  margin-right: 3px;
}
.my3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.m4 {
  margin: 4px;
}
.mt4 {
  margin-top: 4px;
}
.mr4 {
  margin-right: 4px;
}
.mb4 {
  margin-bottom: 4px;
}
.ml4 {
  margin-left: 4px;
}
.mx4 {
  margin-left: 4px;
  margin-right: 4px;
}
.my4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m6 {
  margin: 6px;
}
.mt6 {
  margin-top: 6px;
}
.mr6 {
  margin-right: 6px;
}
.mb6 {
  margin-bottom: 6px;
}
.ml6 {
  margin-left: 6px;
}
.mx6 {
  margin-left: 6px;
  margin-right: 6px;
}
.my6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.m8 {
  margin: 8px;
}
.mt8 {
  margin-top: 8px;
}
.mr8 {
  margin-right: 8px;
}
.mb8 {
  margin-bottom: 8px;
}
.ml8 {
  margin-left: 8px;
}
.mx8 {
  margin-left: 8px;
  margin-right: 8px;
}
.my8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.m10 {
  margin: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mx10 {
  margin-left: 10px;
  margin-right: 10px;
}
.my10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m12 {
  margin: 12px;
}
.mt12 {
  margin-top: 12px;
}
.mr12 {
  margin-right: 12px;
}
.mb12 {
  margin-bottom: 12px;
}
.ml12 {
  margin-left: 12px;
}
.mx12 {
  margin-left: 12px;
  margin-right: 12px;
}
.my12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.m14 {
  margin: 14px;
}
.mt14 {
  margin-top: 14px;
}
.mr14 {
  margin-right: 14px;
}
.mb14 {
  margin-bottom: 14px;
}
.ml14 {
  margin-left: 14px;
}
.mx14 {
  margin-left: 14px;
  margin-right: 14px;
}
.my14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.m16 {
  margin: 16px;
}
.mt16 {
  margin-top: 16px;
}
.mr16 {
  margin-right: 16px;
}
.mb16 {
  margin-bottom: 16px;
}
.ml16 {
  margin-left: 16px;
}
.mx16 {
  margin-left: 16px;
  margin-right: 16px;
}
.my16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.m18 {
  margin: 18px;
}
.mt18 {
  margin-top: 18px;
}
.mr18 {
  margin-right: 18px;
}
.mb18 {
  margin-bottom: 18px;
}
.ml18 {
  margin-left: 18px;
}
.mx18 {
  margin-left: 18px;
  margin-right: 18px;
}
.my18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.m20 {
  margin: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mx20 {
  margin-left: 20px;
  margin-right: 20px;
}
.my20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m24 {
  margin: 24px;
}
.mt24 {
  margin-top: 24px;
}
.mr24 {
  margin-right: 24px;
}
.mb24 {
  margin-bottom: 24px;
}
.ml24 {
  margin-left: 24px;
}
.mx24 {
  margin-left: 24px;
  margin-right: 24px;
}
.my24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m32 {
  margin: 32px;
}
.mt32 {
  margin-top: 32px;
}
.mr32 {
  margin-right: 32px;
}
.mb32 {
  margin-bottom: 32px;
}
.ml32 {
  margin-left: 32px;
}
.mx32 {
  margin-left: 32px;
  margin-right: 32px;
}
.my32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.m40 {
  margin: 40px;
}
.mt40 {
  margin-top: 40px;
}
.mr40 {
  margin-right: 40px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml40 {
  margin-left: 40px;
}
.mx40 {
  margin-left: 40px;
  margin-right: 40px;
}
.my40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.m48 {
  margin: 48px;
}
.mt48 {
  margin-top: 48px;
}
.mr48 {
  margin-right: 48px;
}
.mb48 {
  margin-bottom: 48px;
}
.ml48 {
  margin-left: 48px;
}
.mx48 {
  margin-left: 48px;
  margin-right: 48px;
}
.my48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.m64 {
  margin: 64px;
}
.mt64 {
  margin-top: 64px;
}
.mr64 {
  margin-right: 64px;
}
.mb64 {
  margin-bottom: 64px;
}
.ml64 {
  margin-left: 64px;
}
.mx64 {
  margin-left: 64px;
  margin-right: 64px;
}
.my64 {
  margin-top: 64px;
  margin-bottom: 64px;
}
.p2 {
  padding: 2px;
}
.pt2 {
  padding-top: 2px;
}
.pr2 {
  padding-right: 2px;
}
.pb2 {
  padding-bottom: 2px;
}
.pl2 {
  padding-left: 2px;
}
.px2 {
  padding-left: 2px;
  padding-right: 2px;
}
.py2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.p3 {
  padding: 3px;
}
.pt3 {
  padding-top: 3px;
}
.pr3 {
  padding-right: 3px;
}
.pb3 {
  padding-bottom: 3px;
}
.pl3 {
  padding-left: 3px;
}
.px3 {
  padding-left: 3px;
  padding-right: 3px;
}
.py3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.p4 {
  padding: 4px;
}
.pt4 {
  padding-top: 4px;
}
.pr4 {
  padding-right: 4px;
}
.pb4 {
  padding-bottom: 4px;
}
.pl4 {
  padding-left: 4px;
}
.px4 {
  padding-left: 4px;
  padding-right: 4px;
}
.py4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.p6 {
  padding: 6px;
}
.pt6 {
  padding-top: 6px;
}
.pr6 {
  padding-right: 6px;
}
.pb6 {
  padding-bottom: 6px;
}
.pl6 {
  padding-left: 6px;
}
.px6 {
  padding-left: 6px;
  padding-right: 6px;
}
.py6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.p8 {
  padding: 8px;
}
.pt8 {
  padding-top: 8px;
}
.pr8 {
  padding-right: 8px;
}
.pb8 {
  padding-bottom: 8px;
}
.pl8 {
  padding-left: 8px;
}
.px8 {
  padding-left: 8px;
  padding-right: 8px;
}
.py8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.p10 {
  padding: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.px10 {
  padding-left: 10px;
  padding-right: 10px;
}
.py10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p12 {
  padding: 12px;
}
.pt12 {
  padding-top: 12px;
}
.pr12 {
  padding-right: 12px;
}
.pb12 {
  padding-bottom: 12px;
}
.pl12 {
  padding-left: 12px;
}
.px12 {
  padding-left: 12px;
  padding-right: 12px;
}
.py12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.p14 {
  padding: 14px;
}
.pt14 {
  padding-top: 14px;
}
.pr14 {
  padding-right: 14px;
}
.pb14 {
  padding-bottom: 14px;
}
.pl14 {
  padding-left: 14px;
}
.px14 {
  padding-left: 14px;
  padding-right: 14px;
}
.py14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.p16 {
  padding: 16px;
}
.pt16 {
  padding-top: 16px;
}
.pr16 {
  padding-right: 16px;
}
.pb16 {
  padding-bottom: 16px;
}
.pl16 {
  padding-left: 16px;
}
.px16 {
  padding-left: 16px;
  padding-right: 16px;
}
.py16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.p18 {
  padding: 18px;
}
.pt18 {
  padding-top: 18px;
}
.pr18 {
  padding-right: 18px;
}
.pb18 {
  padding-bottom: 18px;
}
.pl18 {
  padding-left: 18px;
}
.px18 {
  padding-left: 18px;
  padding-right: 18px;
}
.py18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.p20 {
  padding: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.px20 {
  padding-left: 20px;
  padding-right: 20px;
}
.py20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p24 {
  padding: 24px;
}
.pt24 {
  padding-top: 24px;
}
.pr24 {
  padding-right: 24px;
}
.pb24 {
  padding-bottom: 24px;
}
.pl24 {
  padding-left: 24px;
}
.px24 {
  padding-left: 24px;
  padding-right: 24px;
}
.py24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.p32 {
  padding: 32px;
}
.pt32 {
  padding-top: 32px;
}
.pr32 {
  padding-right: 32px;
}
.pb32 {
  padding-bottom: 32px;
}
.pl32 {
  padding-left: 32px;
}
.px32 {
  padding-left: 32px;
  padding-right: 32px;
}
.py32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.p40 {
  padding: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.px40 {
  padding-left: 40px;
  padding-right: 40px;
}
.py40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p48 {
  padding: 48px;
}
.pt48 {
  padding-top: 48px;
}
.pr48 {
  padding-right: 48px;
}
.pb48 {
  padding-bottom: 48px;
}
.pl48 {
  padding-left: 48px;
}
.px48 {
  padding-left: 48px;
  padding-right: 48px;
}
.py48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.p64 {
  padding: 64px;
}
.pt64 {
  padding-top: 64px;
}
.pr64 {
  padding-right: 64px;
}
.pb64 {
  padding-bottom: 64px;
}
.pl64 {
  padding-left: 64px;
}
.px64 {
  padding-left: 64px;
  padding-right: 64px;
}
.py64 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.fs10 {
  font-size: 10px;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs24 {
  font-size: 24px;
}
.fs32 {
  font-size: 32px;
}
.fs40 {
  font-size: 40px;
}
.fs72 {
  font-size: 72px;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}
.ls1 {
  letter-spacing: 1%;
}
.ls2 {
  letter-spacing: 2%;
}
@media (max-width: 840px) {
  .btn {
    height: 12.8vw;
    font-size: 4.26666667vw;
    padding-top: 0vw;
    padding-right: 4.26666667vw;
    padding-bottom: 0vw;
    padding-left: 4.26666667vw;
  }
  .btn-yellow:hover {
    -webkit-box-shadow: 0vw 0vw 5.33333333vw 1.06666667vw rgba(234, 176, 0, 0.8);
            box-shadow: 0vw 0vw 5.33333333vw 1.06666667vw rgba(234, 176, 0, 0.8);
  }
  .btn-white:hover {
    -webkit-box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(255, 255, 255, 0.8);
            box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(255, 255, 255, 0.8);
  }
  .btn-white_gra:hover {
    -webkit-box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(215, 166, 245, 0.7);
            box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(215, 166, 245, 0.7);
  }
  .btn-blue:hover {
    -webkit-box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(115, 218, 229, 0.7);
            box-shadow: 0vw 0vw 5.33333333vw 0vw rgba(115, 218, 229, 0.7);
  }
}