#top main .main__inner {
  height: calc(100vh - 145.5px);
  background-image: url("/koyuka/homecoming/2020/images/top_bg.jpg");
  background-position: center;
  padding: 80px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

#top main .main__inner .mainArea {
  padding: 0 100px;
}

#top main .main__inner .mainArea .mainArea__inner {
  max-width: 960px;
  position: relative;
}

#top main .main__inner .mainArea .mainArea__inner img {
  width: 100%;
}

#top main .main__inner .mainArea .mainArea__inner .device {
  max-width: 159px;
  position: absolute;
  top: -18px;
  right: -80px;
}

#top main .main__inner .mainArea .mainArea__inner .day {
  max-width: 180px;
  position: absolute;
  bottom: -12px;
  left: -90px;
}

#top .sp-only {
  display: none;
}

@media screen and (max-width: 1020px) {
  #top main .main__inner {
    padding-top: 64px;
  }
  #top main .main__inner .mainArea .mainArea__inner .device {
    max-width: 120px;
    right: -40px;
  }
  #top main .main__inner .mainArea .mainArea__inner .day {
    max-width: 135px;
    left: -45px;
  }
}

@media screen and (max-width: 768px) {
  #top main .main__inner {
    background-image: url("/koyuka/homecoming/2020/images/top_bg-sp.jpg");
    height: 100%;
    min-height: calc(100vh);
  }
  #top main .main__inner .mainArea {
    padding: 0;
  }
  #top main .main__inner .mainArea .mainArea__inner {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
  }
  #top main .main__inner .mainArea .mainArea__inner .device {
    display: none;
  }
  #top main .main__inner .mainArea .mainArea__inner .day {
    display: none;
  }
  #top .pc-only {
    display: none;
  }
  #top .sp-only {
    display: block;
  }
}
/*# sourceMappingURL=top.css.map */

/*@media (orientation: landscape) {
  #top main .main__inner {
    background-image: url("/koyuka/homecoming/2020/images/top_bg-sp.jpg");
    height: 100%;
    min-height: calc(100vh - 107.8px);
  }
  #top main .main__inner .mainArea {
    padding: 0;
  }
  #top main .main__inner .mainArea .mainArea__inner {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
  }
  #top main .main__inner .mainArea .mainArea__inner .device {
    display: none;
  }
  #top main .main__inner .mainArea .mainArea__inner .day {
    display: none;
  }
  #top .pc-only {
    display: none;
  }
  #top .sp-only {
    display: block;
  }
}*/