.sp-only-block {
  display: none;
}

@media screen and (max-width: 981px) {
  .sp-only-block {
    display: block;
  }
}

.pc-only-block {
  display: block;
}

@media screen and (max-width: 981px) {
  .pc-only-block {
    display: none;
  }
}

#contents_inner {
  width: 100%;
  height: 2822px;
  overflow: hidden;
  min-width: 980px;
  position: relative;
  background: url(../images/reach/bg.jpg) center top no-repeat;
  background-position-y: -105px;
}

@media screen and (max-width: 981px) {
  #contents_inner {
    background: url(../images/reach/bg_sp.jpg) center top no-repeat;
    min-width: 100%;
    height: 775vw;
    background-size: cover;
    background-position-y: -14vw;
  }
}

#contents_navi_sp {
  top: 622vw;
}

#main {
  width: 980px;
  position: relative;
  z-index: 0;
  margin: 0 auto;
}

@media screen and (max-width: 981px) {
  #main {
    width: 100%;
  }
  #main img {
    width: 100%;
  }
}

#main h1, #main h2, #main h3 {
  padding: 0;
  margin: 0;
  line-height: 1;
}

#title {
  position: absolute;
  top: -35px;
  left: 375px;
}

@media screen and (max-width: 981px) {
  #title {
    width: 30vw;
    top: 11vw;
    left: 35vw;
  }
}

#panel1 {
  position: absolute;
  top: 52px;
  left: 25px;
}

@media screen and (max-width: 981px) {
  #panel1 {
    width: 98.93333vw;
    top: 28vw;
    left: 0.5vw;
  }
}

#panel1a {
  position: absolute;
  top: 156px;
  left: 206px;
}

@media screen and (max-width: 981px) {
  #panel1a {
    width: 83.86667vw;
    top: 42vw;
    left: 7.5vw;
  }
}

#panel1b {
  position: absolute;
  top: 581px;
  left: 103px;
}

@media screen and (max-width: 981px) {
  #panel1b {
    width: 84.4vw;
    top: 107vw;
    left: 7.5vw;
  }
}

#panel1c {
  position: absolute;
  top: 818px;
  left: 104px;
}

@media screen and (max-width: 981px) {
  #panel1c {
    width: 84.4vw;
    top: 273vw;
    left: 7.5vw;
  }
}

#panel1d {
  position: absolute;
  top: 818px;
  left: 478px;
}

@media screen and (max-width: 981px) {
  #panel1d {
    width: 84.4vw;
    top: 191vw;
    left: 7.5vw;
  }
}

#panel1e {
  position: absolute;
  top: 1206px;
  left: 103px;
}

@media screen and (max-width: 981px) {
  #panel1e {
    width: 84.13333vw;
    top: 355vw;
    left: 8vw;
  }
}

#panel1f {
  position: absolute;
  top: 1206px;
  left: 599px;
}

@media screen and (max-width: 981px) {
  #panel1f {
    width: 84.13333vw;
    top: 431vw;
    left: 8vw;
  }
}

#panel2 {
  position: absolute;
  top: 1738px;
  left: 25px;
}

@media screen and (max-width: 981px) {
  #panel2 {
    width: 98.93333vw;
    top: 493vw;
    left: 0.5vw;
  }
}

#panel2a {
  position: absolute;
  top: 1835px;
  left: 191px;
}

@media screen and (max-width: 981px) {
  #panel2a {
    width: 83.73333vw;
    top: 507vw;
    left: 8vw;
  }
}

#panel2b {
  position: absolute;
  top: 2038px;
  left: 124px;
}

@media screen and (max-width: 981px) {
  #panel2b {
    width: 84.4vw;
    top: 537vw;
    left: 8vw;
  }
}

#panel2c {
  position: absolute;
  top: 2270px;
  left: 123px;
}

@media screen and (max-width: 981px) {
  #panel2c {
    width: 84.4vw;
    top: 571vw;
    left: 7.5vw;
  }
}

#copyright {
  position: absolute;
  top: 2585px;
  left: 557px;
}

@media screen and (max-width: 981px) {
  #copyright {
    width: 95.46667vw;
    top: 614vw;
    left: 2.5vw;
  }
}

/*# sourceMappingURL=reach.css.map */