.l-container {
  width: 100%;
}

.feature {
  width: 100%;
  font-feature-settings: "palt";
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #faf5f0;
}
.feature * {
  box-sizing: border-box;
}
.feature img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.feature a {
  color: inherit;
}

.fadeimg {
  transition: 0.3s;
}

.feature-lp,
.feature-input {
  padding-top: 111px;
  padding-bottom: 100px;
}

.feature-result {
  padding-top: 177px;
  padding-bottom: 160px;
  min-height: 300px;
}

.logo {
  width: 381px;
}

.ttl {
  width: 656px;
  margin-top: 73px;
  margin-bottom: 76px;
}

.button {
  width: 551px;
}

.present {
  width: 270px;
  height: 480px;
  margin-top: -66px;
  margin-bottom: -68px;
  position: relative;
}
.present img {
  width: 270px;
}
.present * {
  pointer-events: none;
  user-select: none;
}

.spinner,
.play-gif {
  display: none !important;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form button {
  appearance: none;
  border: none;
  background: transparent;
}
.form button:hover .fadeimg {
  opacity: 0.6;
}

.code-input {
  color: #78e6ff;
  font-size: 45px;
  font-weight: bold;
  width: 550px;
  height: 100px !important;
  line-height: 100px !important;
  border: 8px solid #78e6ff !important;
  text-indent: 0 !important;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 30px;
  outline: none;
}

.prize {
  width: 1363px;
  margin-bottom: 21px;
}

.text01 {
  width: 816px;
  margin-top: 70px;
}
.text02 {
  width: 377px;
  margin-bottom: 23px;
}
.text03 {
  width: 772px;
  margin-top: 42px;
}

.text-complete {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.back-btn {
  font-size: 20px;
  font-weight: bold;
  background-color: #78e6ff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 340px;
  height: 70px;
  border-radius: 50px;
}