@charset "UTF-8";

.appstore {
  margin-top: 5vw;
  margin-bottom: 15vw;
}
.appstore .icon_title {
  display: flex;
}
.appstore .icon img {
  border-radius: 12px;
  width: 25vw;
}
.appstore .title {
  margin-left: 2vw;
}
.appstore h3 {
  font-size: 5vw;
  font-weight: bold;
}
.appstore h4 {
  font-size: 3vw;
  letter-spacing: 0;
  font-weight: bold;
  color: #5C6270;
}
.appstore p {
  font-size: 2.6vw;
  line-height: 4vw;
  margin-top: 1vw;
  letter-spacing: 0;
}
.appstore ul {
  display: flex;
  padding-bottom: 20px;
}
.appstore li {
  margin-top: 1vw;
  height: 50px;
  position: relative;
}
.appstore li:not(:last-child) {
  margin-right: 2vw;
}
.appstore li img {
  height: 50px;
}
.appstore li .abs {
  position: absolute;
  left: 0;
  top: 53px;
  font-size: 2.3vw;
  width: 100%;
  text-align: center;
}
.nolink {
  opacity: 0.4;
  animation: none;
  pointer-events: none;
}
.appstore p.note {
  margin-top: 20px;
  font-size: 3vw;
  line-height: 4.8vw;
}
.red {
  color: #c00000;
}
@media only screen and (min-width: 500px) {
  .appstore .icon img {
    width: 160px;
  }
  .appstore .title {
    margin-left: 15px;
  }
  .appstore h3 {
    font-size: 30px;
  }
  .appstore h4 {
    font-size: 18px;
    line-height: 1.3;
  }
  .appstore .text {
    margin-left: 175px;
    margin-top: -50px;
  }
  .appstore p {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 0px;
  }
  .appstore p.note {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
  }
  .appstore li {
    margin-top: 20px;
    height: 50px;
  }
  .appstore li:not(:last-child) {
    margin-right: 10px;
  }
  .appstore li img {
    height: 50px;
  }
  .appstore li .abs {
    position: absolute;
    left: 0;
    top: 53px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 783px) {
  .appstore { margin-bottom: 100px;}
  .appstore .title {margin-left: 25px;}
  .appstore .text {
    margin-left: 185px;
    margin-top: -70px;
  }
}