@charset "UTF-8";
/* CSS Document */
body, div {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.sp{
    display: none;
}
a{
    text-decoration: none;
    transition: 0.5s ;
    color: #000000;
}

@media (hover: hover) {
  a img{
    transition: 0.5s ;
  }
  a:hover img{
    opacity: .8;
  }
}

body {
  background: url(./images/bg.png) no-repeat 50% 0 / cover fixed;
}

.contents {
  width: min(100%, 750px);
  margin: 0 auto;
  background-color: #fff;
}

.block-position {
  position: relative;
}
.btn {
  position: absolute;
  left: 0;
  right: 0;
  width: min(calc(400 / 750 * 100%) ,400px);
  margin: 0 auto;
}

.img04 .btn {
  bottom: min(calc(29 / 750 * 100vw) ,29px);
}
.img05 .btn {
  bottom: min(calc(88 / 750 * 100vw) ,88px);
}
.img06 .btn {
  bottom: min(calc(41 / 750 * 100vw) ,41px);
}
.img07 .btn {
  bottom: min(calc(39 / 750 * 100vw) ,39px);
}
.img08 .btn {
  bottom: min(calc(112 / 750 * 100vw) ,112px);
}

@media (max-width: 750px) {
}