.mainContent {
  background: url(../images/bg.jpg) center top;
}

.mainContent .pc-only {
  display: none;
}

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

#kv picture img {
  display: block;
  width: 100%;
}

#about {
  padding: 8vw 0;
  background: url(../images/about_bg.png) no-repeat center top -615px;
  position: relative;
}

#about .about_inner {
  display: block;
  width: 94vw;
  margin: 0 auto;
}

#about .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#about .btns a {
  -webkit-transition: .2s;
  transition: .2s;
}

#about .btns a:first-child {
  margin-right: 3vw;
}

#about .btns a:hover {
  -webkit-filter: brightness(1.15);
  filter: brightness(1.15);
}

#about .btns a img {
  width: 100%;
}

#about .ttl {
  display: block;
  height: 30vw;
  margin: 6vw auto;
}

#about .dsc p {
  width: 100%;
  font-size: 4vw;
  line-height: 1.6;
  color: #323232;
  margin-bottom: 6vw;
}

#about .dsc .popup-iframe {
  -webkit-transition: .2s;
  transition: .2s;
}

#about .dsc .popup-iframe:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

#about .dsc .popup-iframe img {
  width: 100%;
}

#access {
  display: block;
  width: 100%;
  margin: 0 auto 10vw;
  position: relative;
}

#access picture img {
  width: 100%;
}

#access a {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 4vw;
  -webkit-transition: .2s;
  transition: .2s;
}

#access a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

#access a img {
  display: block;
  width: 60vw;
  margin: 0 auto;
}

#cando {
  display: block;
  width: 94vw;
  margin: 6vw auto 10vw;
}

#cando > .ttl {
  display: block;
  height: 20vw;
  margin: 0 auto 5vw;
}

#cando > .dsc {
  font-size: 3.5vw;
  line-height: 1.3;
  color: #64752e;
  text-align: center;
  margin-bottom: 5vw;
}

#cando ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7.5vw;
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
}

#cando ul li a:hover {
  text-decoration: none;
  opacity: .7;
}

#cando ul li a:hover img, #cando ul li a:hover p {
  text-decoration: none;
}

#cando ul li a.unavailable {
  cursor: default;
  pointer-events: none;
}

#cando ul li a.unavailable .btn {
  color: #616161;
  background: #c2c2c2;
}

#cando ul li img {
  width: 35%;
  height: 100%;
  padding-right: 2vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#cando ul li .hotel {
  width: 35%;
  font-size: 2.5vw;
  position: absolute;
  top: 25vw;
}

#cando ul li .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 4.5vw;
  font-weight: bold;
  color: #64752e;
  margin: 1vw auto;
}

#cando ul li .dsc {
  font-size: 3.5vw;
  line-height: 1.3;
  color: #323232;
  padding-bottom: 1.5vw;
}

#cando ul li .btn {
  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%;
  font-size: 4vw;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: #992b3d;
  padding: 3.5vw 0;
  border-radius: 1vw;
}

#course {
  background: url(../images/course_bg.png) no-repeat center bottom -190px;
}

#course .course_inner {
  display: block;
  width: 94vw;
  margin: 0 auto;
}

#course .course_inner > .ttl {
  display: block;
  height: 20vw;
  margin: 6vw auto;
}

#course .cont {
  margin: 0 auto 10vw;
}

#course .cont .modelcourse{
  position: relative;
}
#course .cont .modelcourse a.biyu{
  display: block;
  position: absolute;
  top:166vw;
  left:4vw;
  width:85vw;
  height:28vw;
}

#course .cont img {
  display: block;
  width: 100%;
  margin-bottom: 10vw;
}

#course .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 10vw;
}

#course .btns a {
  -webkit-transition: .2s;
  transition: .2s;
}

#course .btns a:first-child {
  margin-right: 3vw;
}

#course .btns a:hover {
  -webkit-filter: brightness(1.15);
  filter: brightness(1.15);
}

#course .btns a img {
  width: 100%;
}

.pageTop {
  position: fixed;
  bottom: 6vw;
  right: 3vw;
}

.pageTop a img {
  width: 16vw;
}