.block01 {
  width: 100vw;
  margin: 0 auto;
}
.myapp {
  display: inline-block;
  width: 66%;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
}
.myappTxt {
  text-align: center;
  font-size: 0.8em;
  line-height: 1.6em;
  margin: 0 0 1em 0;
}
.myappBtn {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0% 0% 6% 0;
  vertical-align: top;
}
.myappBtn > a {
  display: inline-block;
  width: 45%;
  margin: 0 1%;
  font-size: 0.6em;
  line-height: 2em;
  color: #000000;
  text-align: center;
  padding: 0.4em 0 0 0;
  text-decoration: none;
}
/********************/
@media screen and (min-width: 451px) and (max-width: 820px) {
  .block01 {
    width: 90vw;
    margin: 0 auto;
  }
  .myapp {
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
  }
  .myappTxt {
    text-align: center;
    font-size: 0.8em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
  }
  .myappBtn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0% 0% 6% 0;
    vertical-align: top;
  }
  .myappBtn > a {
    display: inline-block;
    width: 40%;
    margin: 0 2%;
    font-size: 0.8em;
    line-height: 2em;
    color: #000000;
    text-align: center;
    padding: 0.4em 0 0 0;
    text-decoration: none;
  }
}
/********************/
@media screen and (min-width: 821px) {
  .block01 {
    width: 90vw;
    margin: 0 auto;
  }
  .myapp {
    display: inline-block;
    width: 36%;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
  }
  .myappTxt {
    text-align: center;
    font-size: 1em;
    line-height: 1.6em;
    margin: 0 0 1em 0;
  }
  .myappBtn {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin: 6% 4% 0 0;
    vertical-align: top;
  }
  .myappBtn > a {
    display: block;
    width: 100%;
    margin: 0 0 14% 0;
    font-size: 1em;
    line-height: 2em;
    color: #000000;
    text-align: center;
    padding: 0.4em 0 0 0;
    text-decoration: none;
  }
}