@charset "UTF-8";


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

#click {
	position: fixed;
	top: 30px;
	right: 0px;
	z-index: 9999;
}

/* title */
.container.titlebase {
  position: relative;
  height: auto;
  background:
  url("../images/bg_title.png") repeat-x center bottom;
  background-color: #eeebe3;
}
.sliderwrap {
  width: 100%;
  height: auto;
  display: flex;
}
.sliderbox {
  aspect-ratio: 75 / 73;
  flex: 1;
  background-size: cover;
}
.title {
  position: absolute;
  top: 0;
  left: 0;
}
.title img {
  width: 100%;
  height: auto;
  display: block;
}
.tst {
  position: absolute;
  top: 0;
  left: 0;
}
.tst img {
  width: 100%;
  height: auto;
  display: block;
}
.slideinBottom {
  animation: slideinBottom 1s;
}

@keyframes slideinBottom {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}

/* contents */
.container.contents {
  position: relative;
  height: 4140px;
  background:
  url("../images/city_photo_01.png") no-repeat calc(50% - 203.5px) 2145px,
  url("../images/mountain_photo_01.png") no-repeat calc(50% + 208.5px) 1177px,
  url("../images/ocean_photo_01.png") no-repeat calc(50% - 203.5px) 172px,
  url("../images/bg_04.png") repeat-x center 3074px,
  url("../images/bg_03.png") no-repeat calc(50% + 120px) 2177px,
  url("../images/bg_02.png") no-repeat calc(50% - 70px) 1187px,
  url("../images/bg_01.png") no-repeat calc(50% + 115px) 115px;
}
.inner.contents {
  position: relative;
  height: 4140px;
}
.maincopy {
  position: absolute;
  left: 72px;
  top: 12px;
}
.ocean-st {
  position: absolute;
  left: 630px;
  top: 234px;
}
.ocean-photo-02 {
  position: absolute;
  left: 20px;
  top: 730px;
}
.ocean-photo-03 {
  position: absolute;
  left: 8px;
  top: 868px;
}
.ocean-photo-04 {
  position: absolute;
  left: 503px;
  top: 758px;
}
.ocean-photo-05 {
  position: absolute;
  left: 574px;
  top: 948px;
}
.ocean-photo-06 {
  position: absolute;
  left: 708px;
  top: 974px;
}
.ocean-photo-03 img, .ocean-photo-04 img, .ocean-photo-05 img, .ocean-photo-06 img {
  border-radius: 15px;
  border: 2px solid #81a7d6;
}
.ocean-copy-01 {
  position: absolute;
  left: 47px;
  top: 172px;
}
.ocean-copy-02 {
  position: absolute;
  left: 64px;
  top: 662px;
}
.ocean-copy-03 {
  position: absolute;
  left: 282px;
  top: 834px;
}
.ocean-copy-04 {
  position: absolute;
  left: 757px;
  top: 747px;
}
.btn-02 {
  position: absolute;
  left: 365px;
  top: 661px;
}
.btn-03 {
  position: absolute;
  left: 321px;
  top: 1023px;
}
.btn-04 {
  position: absolute;
  left: 815px;
  top: 934px;
}
.mountain-st {
  position: absolute;
  left: 27px;
  top: 1163px;
}
.mountain-photo-02 {
  position: absolute;
  left: 8px;
  top: 1782px;
}
.mountain-photo-03 {
  position: absolute;
  left: 513px;
  top: 1808px;
}
.mountain-photo-02 img, .mountain-photo-03 img {
  border-radius: 15px;
  border: 2px solid #98c186;
}
.mountain-copy-01 {
  position: absolute;
  left: 871px;
  top: 1164px;
}
.mountain-copy-02 {
  position: absolute;
  left: 453px;
  top: 1651px;
}
.mountain-copy-03 {
  position: absolute;
  left: 254px;
  top: 1748px;
}
.mountain-copy-04 {
  position: absolute;
  left: 752px;
  top: 1774px;
}
.btn-05 {
  position: absolute;
  left: 750px;
  top: 1653px;
}
.btn-06 {
  position: absolute;
  left: 321px;
  top: 1956px;
}
.btn-07 {
  position: absolute;
  left: 810px;
  top: 1982px;
}
.city-st {
  position: absolute;
  left: 614px;
  top: 2186px;
}
.city-photo-02 {
  position: absolute;
  left: 8px;
  top: 2796px;
}
.city-photo-03 {
  position: absolute;
  left: 548px;
  top: 2786px;
}
.city-photo-04 {
  position: absolute;
  left: 511px;
  top: 2729px;
}
.city-photo-02 img, .city-photo-03 img, .city-photo-04 img {
  border-radius: 15px;
  border: 2px solid #ef9280;
}
.city-copy-01 {
  position: absolute;
  left: 262px;
  top: 2155px;
}
.city-copy-02 {
  position: absolute;
  left: 41px;
  top: 2634px;
}
.city-copy-03 {
  position: absolute;
  left: 267px;
  top: 2762px;
}
.city-copy-04 {
  position: absolute;
  left: 757px;
  top: 2745px;
}
.btn-08 {
  position: absolute;
  left: 365px;
  top: 2634px;
}
.btn-09 {
  position: absolute;
  left: 306px;
  top: 2951px;
}
.btn-10 {
  position: absolute;
  left: 815px;
  top: 2952px;
}
.areamap {
  position: absolute;
  left: 19px;
  top: 3149px;
}
.coupon-copy-01 {
  position: absolute;
  left: 283px;
  top: 3124px;
}
.coupon-copy-02 {
  position: absolute;
  left: 213px;
  top: 3460px;
}
.coupon-copy-03 {
  position: absolute;
  left: 308px;
  top: 3661px;
}
.btn-11 {
  position: absolute;
  left: 277px;
  top: 3171px;
}
.btn-12 {
  position: absolute;
  left: 508px;
  top: 3171px;
}
.btn-13 {
  position: absolute;
  left: 739px;
  top: 3171px;
}
.btn-14 {
  position: absolute;
  left: 277px;
  top: 3283px;
}
.btn-15 {
  position: absolute;
  left: 38px;
  top: 3511px;
}
.btn-16 {
  position: absolute;
  left: 512px;
  top: 3511px;
}
.btn-17 {
  position: absolute;
  left: 170px;
  top: 3708px;
}
.btn-18 {
  position: absolute;
  left: 37px;
  top: 3828px;
}
.btn-19 {
  position: absolute;
  left: 511px;
  top: 3828px;
}
.btn-20 {
  position: absolute;
  left: 38px;
  top: 3964px;
}
.btn-21 {
  position: absolute;
  left: 511px;
  top: 3966px;
}
.btn-22 {
  position: absolute;
  left: 169px;
  top: 4069px;
}

#top {
	position: fixed;
	bottom: 60px;
	right: -80px;
	z-index: 1000;
}