@charset "UTF-8";


header *, main * {
  margin: 0;
  padding: 0
}

body {
  overflow: hidden;
}

#click {
	position: fixed;
	top: 70px;
	right: 0px;
	z-index: 9996;
}
.topbtn-01 {
	position: fixed;
	top: 116px;
	right: 31px;
	z-index: 9997;
}
.topbtn-02 {
	position: fixed;
	top: 256px;
	right: 31px;
	z-index: 9998;
}
.topbtn-03 {
	position: fixed;
	top: 396px;
	right: 31px;
	z-index: 9999;
}

/* title */
.container.titlebase1 {
  position: relative;
  height: 600px;
  background:
  url("../images/bg_top_02.png") no-repeat calc(50% + 154px) -18px,
  url("../images/bg_top_01.png") no-repeat center top;
}
.container.titlebase2 {
  position: relative;
  height: 600px;
  margin-top: -600px;
  background:
  url("../images/bg_top_04.png") no-repeat center bottom,
  url("../images/bg_top_03.png") no-repeat calc(50% + 121px) 303px;
}
.inner.titlebase2 {
  position: relative;
  height: 600px;
}
#slider {
  position: relative;
  width: 850px;
  height: 520px;
  margin: 0px auto;
  transform: translate(175px, 0px);
  z-index: 1;
}
.title {
  position: absolute;
  left: 0px;
  top: 5px;
}

/* contents */
.container.contents {
  position: relative;
  height: 3655px;
  background:
  url("../images/bg_contents_02.png") no-repeat center 3410px,
  url("../images/bg_contents_03.png") no-repeat calc(50% - 17px) 2314px,
  url("../images/bg_contents_02.png") no-repeat center 2252px,
  url("../images/map.png") no-repeat calc(50% - 58px) 1458px,
  url("../images/bg_contents_01.jpg") no-repeat center top;
}
.inner.contents {
  position: relative;
  height: 3655px;
}
.hinatabi-01 {
  position: absolute;
  left: 41px;
  top: 0px;
}
.hinatabi-02 {
  position: absolute;
  left: 83px;
  top: 255px;
}
.hinatabi-03 {
  position: absolute;
  left: 144px;
  top: 387px;
}
.hinatabi-04 {
  position: absolute;
  left: 95px;
  top: 567px;
}
.hinatabi-05 {
  position: absolute;
  left: 95px;
  top: 801px;
}
.hinatabi-06 {
  position: absolute;
  left: 99px;
  top: 839px;
}
.hinatabi-07 {
  position: absolute;
  left: 369px;
  top: 839px;
}
.hinatabi-08 {
  position: absolute;
  left: 639px;
  top: 839px;
}
.hinatabi-09 {
  position: absolute;
  left: 95px;
  top: 1297px;
}
.hinatabi-10 {
  position: absolute;
  left: 120px;
  top: 1344px;
}
.btn-01 {
  position: absolute;
  left: 102px;
  top: 299px;
}
.btn-02 {
  position: absolute;
  left: 370px;
  top: 299px;
}
.btn-03 {
  position: absolute;
  left: 638px;
  top: 299px;
}
.btn-04 {
  position: absolute;
  left: 655px;
  top: 907px;
}
.btn-05 {
  position: absolute;
  left: 200px;
  top: 1649px;
}
.mapspot-01 {
  position: absolute;
  left: 17px;
  top: 1870px;
}
.mapspot-02 {
  position: absolute;
  left: 206px;
  top: 1817px;
}
.mapspot-03 {
  position: absolute;
  left: 617px;
  top: 1821px;
}
.mapspot-04 {
  position: absolute;
  left: 802px;
  top: 1785px;
}
.btn-06 {
  position: absolute;
  left: 541px;
  top: 1726px;
}
.btn-07 {
  position: absolute;
  left: 424px;
  top: 1953px;
}
.btn-08 {
  position: absolute;
  left: 527px;
  top: 1926px;
}
.btn-09 {
  position: absolute;
  left: 300px;
  top: 2153px;
}
.spot1-copy {
  position: absolute;
  left: 0px;
  top: 2278px;
}
.spot1-photo-01 {
  position: absolute;
  left: 32px;
  top: 2427px;
}
.spot1-photo-02 {
  position: absolute;
  left: 32px;
  top: 2684px;
}
.spot1-photo-03 {
  position: absolute;
  left: 202px;
  top: 2699px;
}
.btn-10 {
  position: absolute;
  left: 207px;
  top: 2649px;
}
.btn-11 {
  position: absolute;
  left: 32px;
  top: 2796px;
}
.btn-12 {
  position: absolute;
  left: 202px;
  top: 2811px;
}
.spot2-copy {
  position: absolute;
  left: 495px;
  top: 2315px;
}
.spot2-photo-01 {
  position: absolute;
  left: 527px;
  top: 2477px;
}
.spot2-photo-02 {
  position: absolute;
  left: 527px;
  top: 2734px;
}
.spot2-photo-03 {
  position: absolute;
  left: 697px;
  top: 2749px;
}
.btn-13 {
  position: absolute;
  left: 752px;
  top: 2699px;
}
.btn-14 {
  position: absolute;
  left: 527px;
  top: 2846px;
}
.btn-15 {
  position: absolute;
  left: 697px;
  top: 2861px;
}
.spot3-copy {
  position: absolute;
  left: 24px;
  top: 2868px;
}
.spot3-photo-01 {
  position: absolute;
  left: 56px;
  top: 3017px;
}
.spot3-photo-02 {
  position: absolute;
  left: 56px;
  top: 3274px;
}
.spot3-photo-03 {
  position: absolute;
  left: 226px;
  top: 3289px;
}
.btn-16 {
  position: absolute;
  left: 266px;
  top: 3239px;
}
.btn-17 {
  position: absolute;
  left: 56px;
  top: 3386px;
}
.btn-18 {
  position: absolute;
  left: 226px;
  top: 3401px;
}
.spot4-copy {
  position: absolute;
  left: 519px;
  top: 2919px;
}
.spot4-photo-01 {
  position: absolute;
  left: 551px;
  top: 3067px;
}
.spot4-photo-02 {
  position: absolute;
  left: 551px;
  top: 3324px;
}
.spot4-photo-03 {
  position: absolute;
  left: 721px;
  top: 3339px;
}
.btn-19 {
  position: absolute;
  left: 791px;
  top: 3289px;
}
.btn-20 {
  position: absolute;
  left: 551px;
  top: 3436px;
  }
.btn-21 {
  position: absolute;
  left: 721px;
  top: 3451px;
}
.btn-22 {
  position: absolute;
  left: 90px;
  top: 3593px;
}
.btn-23 {
  position: absolute;
  left: 509px;
  top: 3593px;
}