body {
  position: relative
}
.pc_display {
  display: block
}
.sp_display {
  display: none
}
.wrapper {
  max-width: 1500px;
  margin: 0 auto;
  container-type: inline-size
}
img {
  max-width: 100%;
  height: auto
}
a {
  transition: opacity .3s
}
@media(hover: hover) {
  a:hover {
    opacity: .7
  }
}
@media screen and (max-width: 767px) {
  .pc_display {
    display: none
  }
  .sp_display {
    display: block
  }
  img {
    width: 100%
  }
  .wrapper {
    width: 100%;
    position: relative
  }
}
#detail {
  position: relative
}
#detail .btn_download {
  position: absolute;
  bottom: 3.6cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 41.8cqw;
  background-image: url(../img/btn_download_hover.png);
  background-size: contain;
  background-repeat: no-repeat
}
#detail .btn_download:hover {
  opacity: 1
}
#detail .btn_download img {
  transition: opacity .3s
}
@media(hover: hover) {
  #detail .btn_download:hover img {
    opacity: 0
  }
}
#detail .note {
  position: absolute;
  bottom: 1.5cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 38.2cqw
}
@media screen and (max-width: 767px) {
  #detail .btn_download {
    bottom: 19vw;
    left: 50%;
    transform: translateX(-50%);
    width: 83.6vw;
    height: 13.6vw;
    background-image: none
  }
  #detail .note {
    width: 71.4666666667vw;
    bottom: 9vw
  }
}
@media screen and (max-width: 767px)and (hover: hover) {
  #detail .btn_download:hover img {
    opacity: 1
  }
}
#products {
  position: relative
}
#products .banner {
  position: absolute;
  bottom: 9.9cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 73.46666667cqw
}
@media screen and (max-width: 767px) {
#products {
    margin-top: -1px;
}
  #products .banner {
    width: 100vw;
    bottom: 14.9vw
  }
}
footer {
  position: relative;
  height: 16cqw
}
footer .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5cqw;
  width: 8.13333333cqw
}
.goTop {
  position: fixed;
  bottom: 1vw;
  right: 1vw
}
@media screen and (max-width: 767px) {
  footer {
    height: 24.266666667vw
  }
  footer .logo {
    top: 22%;
    width: 16.266666667vw
  }
  .goTop {
    width: 18vw;
    right: 3vw
  }
} /*# sourceMappingURL=style.css.map */