body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
}
.clickable {
  cursor: pointer;
}
/* .btn {
  padding: 1px 5px;
  background-color: var(--whiteOpacity400);
  border-radius: 3px;
  border: 1.2px solid white;
  text-align: center;
  line-height: initial;
} */
/* Row */
.flexbox-r {
  display: flex;
}
.flexbox-r-hc-vc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexbox-r-hn-vc {
  display: flex;
  justify-content: center;
}
.flexbox-r-hc-vn {
  display: flex;
  align-items: center;
}
.flexbox-r-mobile-reversed {
  display: flex;
}
.flexbox-r-hc-vc-mobile-reversed {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexbox-r-hn-vc-mobile-reversed {
  display: flex;
  justify-content: center;
}
.flexbox-r-hc-vn-mobile-reversed {
  display: flex;
  align-items: center;
}
/* Column */
.flexbox-c {
  display: flex;
  flex-direction: column;
}
.flexbox-c-hc-vc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flexbox-c-hn-vc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flexbox-c-hc-vn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile,
.mobile-block,
.mobile-flex {
  display: none;
}
.pc {
  display: initial;
}
.pc-block {
  display: block;
}
.pc-flex {
  display: flex;
}
@media (max-width: 639px) {
  .flexbox-r-mobile-reversed {
    display: flex;
    flex-direction: column;
  }
  .flexbox-r-hc-vc-mobile-reversed {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .flexbox-r-hn-vc-mobile-reversed {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .flexbox-r-hc-vn-mobile-reversed {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pc,
  .pc-block,
  .pc-flex {
    display: none;
  }
  .mobile {
    display: initial;
  }
  .mobile-block {
    display: block;
  }
  .mobile-flex {
    display: flex;
  }
}