@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:700,400");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/6608294bf8ef32e4d3712f66.6608294cf8ef32e4d3712f69.I8qyxaK.hcp.png");



.screen a {
  display: contents;
  text-decoration: none;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

* {
  box-sizing: border-box;
}

.frame-143 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 17px;
  justify-content: center;
  position: relative;
}

.span1 {
  color: var(--yellow);
  font-size: 21.7px;
  line-height: 23.9px;
}

.span2 {
  color: var(--yellow);
  font-size: 30.4px;
  line-height: 33.5px;
}

.span3 {
  color: var(--white);
  font-size: 24.3px;
  line-height: 26.8px;
}

.frame {
  align-items: center;
  align-self: stretch;
  background-color: var(--main);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 50px 27px;
  position: relative;
  width: 100%;
}

.mdipiggy-bank-outline {
  height: 70px;
  position: relative;
  width: 70px;
}

.x30off {
  letter-spacing: 0;
  line-height: 19.8px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.solarbox-broken {
  height: 70px;
  position: relative;
  width: 70px;
}

.lucidejapanese-yen {
  height: 70px;
  position: relative;
  width: 70px;
}

.laexchange-alt {
  height: 70px;
  position: relative;
  width: 70px;
}

.ok {
  letter-spacing: 0;
  line-height: 19.8px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.game-iconsjapan {
  height: 70px;
  position: relative;
  width: 70px;
}

.mdihead-question-outline {
  height: 70px;
  position: relative;
  width: 70px;
}

.frame-54 {
  border: 1px solid;
  border-color: var(--white);
  cursor: pointer;
  display: flex;
  height: 40px;
  position: relative;
  transition: all 0.2s ease;
  width: 163px;
}

.frame-54-1 {
  align-items: center;
  background-color: var(--main);
  border-radius: 30px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  overflow: hidden;
  padding: 10px 30px;
  position: relative;
  transition: all 0.2s ease;
}

.frame-108 {
  align-items: center;
  background-color: var(--main);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
  position: relative;
  width: 40px;
}

.number {
  letter-spacing: 0;
  line-height: 22.0px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-120 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 25px;
  position: relative;
}

.x30-off {
  color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: 37.5px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 41.3px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.span1-2 {
  color: var(--main);
  font-size: 52.6px;
  line-height: 57.8px;
}

.span2-1 {
  color: var(--main);
  font-size: 42.1px;
  line-height: 46.3px;
}

.x6261100001968-2 {
  height: 50px;
  object-fit: cover;
  top: 131px;
}

.x6261100001968-1 {
  height: 181px;
  top: 0;
}

.span0-3 {
  color: var(--yellow);
}

.span1-4 {
  color: var(--white);
  font-size: 25px;
  line-height: 15px;
}

.frame-124 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.magelight-bulb {
  height: 30px;
  position: relative;
  width: 30px;
}

.top3 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-97-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  padding: 18px 37px;
  position: relative;
  transition: all 0.2s ease;
  width: 321px;
}

.frame-97-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  padding: 18px 37px;
  position: relative;
  transition: all 0.2s ease;
  width: 321px;
}

.frame-137 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 50px 24px;
  position: relative;
  width: 100%;
}

.__ {
  height: 115.83px;
  position: relative;
  width: 97.96px;
}

.__-1 {
  height: 117.24px;
  position: relative;
  width: 92.55px;
}

.__-2 {
  height: 106.48px;
  position: relative;
  width: 86.88px;
}

.e0811_1 {
  object-fit: cover;
  position: absolute;
}

.x6261100001968 {
  left: 0;
  position: absolute;
  width: 194px;
}