@charset "utf-8";
/* CSS Document */
/*ページトップに戻る*/
#page_top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10%;
  bottom: 0;
  z-index: 999;
}
#page_top a {
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0aa';
  font-size: 60px;
  color: #316e24;
}
.sma {
  display: none;
}
.first-view {
  max-width: 1200px;
  height: 500px;
  background-image: url("../images/index/top-main-pc.gif");
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: 1200px 500px;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.first-view-text {
  font-family: 'AB Tombo Bold';
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  font-size: 24px;
  color: #f88c0a;
  text-shadow: 1px 1px 10px #f5b569;
}
/*pop・イラストの親要素*/
.main-illust {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  position: relative;
}
/*popのcss*/
.pop-wrap img:hover {
  transform: scale(1.2, 1.2);
}
.event img {
  width: 300px;
  height: auto;
  position: absolute;
  top: 15%;
  left: 20%;
}
.animal img {
  width: 300px;
  height: auto;
  position: absolute;
  top: 35%;
  left: 60%;
}
.access img {
  width: 300px;
  height: auto;
  position: absolute;
  top: 55%;
  left: 20%;
}
/*イラストのcss*/
.bird img {
  width: 30%;
  height: auto;
  position: absolute;
  top: 70%;
  left: 65%;
}
.bee img {
  width: 20%;
  height: auto;
  position: absolute;
  top: 10%;
  left: 60%;
}
.horse img {
  width: 22%;
  height: auto;
  position: absolute;
  top: 22%;
  left: 70%;
}
.monkey img {
  width: 25%;
  height: auto;
  position: absolute;
  top: 35%;
  left: 15%;
}
.house img {
  width: 22%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 70%;
}
.shihtzu img {
  width: 15%;
  height: auto;
  position: absolute;
  top: 60%;
  left: 60%;
}
.picnic img {
  width: 30%;
  height: auto;
  position: absolute;
  top: 70%;
  left: 10%;
}
.dog img {
  width: 25%;
  height: auto;
  position: absolute;
  top: 85%;
  left: 10%;
}
.flower img {
  width: 15%;
  height: auto;
  position: absolute;
  top: 80%;
  left: 60%;
}
@media(max-width: 800px) {
	
	/*ページトップに戻る*/
#page_top {
  right: 0%;
}
  .sma {
    display: block;
  }
  .first-view {
    max-width: 750px;
    /*height: calc(100vh - 50px);*/
    align-items: flex-start;
    background-image: url("../images/index/top-main-sp.gif");
    background-size: 750px 500px;
  }
  .first-view-text {
    line-height: 1.7;
  }
  .first-view-text h1 {
    font-size: 40px;
    margin-top: 50px;
  }
  /*pop・イラストの親要素*/
  .main-illust {
    max-width: 750px;
  }
  /*popのcss*/
  .pop-wrap img:hover {
    transform: scale(1.1, 1.1);
  }
  .event img {
    width: 40%;
    height: auto;
    position: absolute;
    top: 15%;
    left: 15%;
  }
  .animal img {
    width: 40%;
    height: auto;
    position: absolute;
    top: 35%;
    left: 55%;
  }
  .access img {
    width: 40%;
    height: auto;
    position: absolute;
    top: 55%;
    left: 15%;
  }
  /*イラストのcss*/
  .bird img {
    width: 35%;
    top: 73%;
    left: 65%;
  }
  .bee img {
    width: 20%;
    top: 10%;
    left: 60%;
  }
  .monkey img {
    width: 25%;
    top: 40%;
    left: 15%;
  }
  .house img {
    top: 60%;
    left: 70%;
  }
  .shihtzu img {
    top: 65%;
    left: 60%;
  }
  .picnic img {
    top: 73%;
    left: 10%;
  }
  .flower img {
    top: 85%;
    left: 63%;
  }
} /*@media*/