@charset "UTF-8";
/* CSS Document */
.reason {
  margin-top: 200px;
}
.reason-box {
  position: relative;
}
.reason-h2 {
  display: none;
  font-size: 3.6rem;
  font-weight: 600;
  margin-bottom: -10px;
  z-index: 100;
  position: inherit;
}
.reason-img {
  position: absolute;
  left: 0;
}
.select {
  display: none;
  font-size: 2.0rem;
  font-weight: 600;
}
.step {
  display: none;
  font-size: 15.0rem;
  font-weight: 600;
  text-shadow: 1px 0 0 #a0d2f2, 0 1px 0 #a0d2f2, -1px 0 0 #a0d2f2, 0 -1px 0 #a0d2f2, 3px 3px 0 #a0d2f2;
  color: #fff;
  font-family: 'Mochiy Pop One', sans-serif;
  position: absolute;
  left: 0;
  margin: 150px 0 0 0;
}
.reason3 {
  display: none;
  font-size: 2.4rem;
  font-weight: 600;
  position: absolute;
  left: 110px;
  top: 280px;
}
.reason-box2 {
  position: relative;
  top: 300px;
}
.step-img {
  width: 30%;
  height: 30%;
  margin: 150px auto 80px;
}
.reason h3 {
  font-size: 3.0rem;
  font-weight: 600;
  line-height: 4.2rem;
}
.reason-p {
  line-height: 3.6rem;
  margin: 80px auto;
}
.online {
  width: 70%;
  height: 70%;
}
.success {
  width: 60%;
  height: 60%;
}
.world {
  width: 80%;
  height: 80%;
  margin-bottom: 80px;
}
.reason-btn {
  position: relative;
  top: 310px;
}