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
}
section {
  position: relative
}
a {
  transition: opacity .3s
}
@media(hover: hover) {
  a:hover {
    opacity: .7
  }
}
.link {
  position: absolute;
  z-index: 2
}
@media screen and (max-width: 767px) {
  .pc_display {
    display: none
  }
  .sp_display {
    display: block
  }
  img {
    width: 100%
  }
  .wrapper {
    width: 100%;
    position: relative
  }
}
.detail a {
  background-color: #fff;
  opacity: 0
}
@media(hover: hover) {
  .detail a:hover {
    opacity: .3
  }
}
#detail_1 .link {
    width: 18cqw;
    height: 3cqw;
    left: 50.8cqw;
    top: -0.2cqw;
}
#detail_2 .link {
    width: 11.5cqw;
    height: 2cqw;
    left: 58.5cqw;
    top: 15.2cqw;
}
#detail_3 .link:nth-of-type(1) {
    width: 10.8cqw;
    height: 2cqw;
    left: 20.6cqw;
    top: 16.4cqw;
}
#detail_3 .link:nth-of-type(2) {
    width: 8.6cqw;
    height: 2.4cqw;
    left: 28cqw;
    top: 21.5cqw;
}
#detail_5 .link {
    width: 25.8cqw;
    height: 2.6cqw;
    left: 19.6cqw;
    top: 19.4cqw;
}
#detail_6 {
  position: relative
}
#detail_6 .banner {
  position: absolute;
  bottom: 2cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 72cqw;
  opacity: 1;
  background-color: transparent;
}
@media(hover: hover) {
  #detail_6 .banner:hover {
    opacity: .7
  }
}
@media screen and (max-width: 767px) {
  #detail_1 .link {
    width: 45.6vw;
    height: 10vw;
    left: 11.4vw;
    top: 10vw
  }
  #detail_2 .link {
    width: 35.2vw;
    height: 7vw;
    left: 52.4vw;
    top: 53vw;
  }
  #detail_3 .link:nth-of-type(1) {
    width: 38.6vw;
    height: 7vw;
    left: 19.6vw;
    top: 45.6vw
  }
  #detail_3 .link:nth-of-type(2) {
    width: 26vw;
    height: 6.6vw;
    left: 44.6vw;
    top: 176.2vw
  }
  #detail_5 .link {
    width: 74vw;
    height: 5.4vw;
    left: 9.4vw;
    top: 82vw;
  }
  #detail_6 .banner {
    width: 100%;
    bottom: -3.4vw;
  }
}
.goTop {
  position: fixed;
  bottom: 1vw;
  right: 1vw;
  width: 136px
}
@media screen and (max-width: 767px) {
  .goTop {
    position: absolute;
    bottom: 22vw;
    left: 50%;
    transform: translateX(-50%);
    width: 18.1333333333vw
  }
}
footer {
  position: relative;
  height: 16cqw
}
footer .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5cqw;
  width: 8.13333333cqw
}
@media screen and (max-width: 767px) {
    footer {
        height: 24.266666667vw;
        margin-top: 6em;
    }
  footer .logo {
    top: 22%;
    width: 16.266666667vw
  }
} /*# sourceMappingURL=style.css.map */