@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 750px;
  background:
  url("../images/titleimage.jpg") no-repeat center top;
  background-color: #fff;
}
.inner.titlebase {
  position: relative;
  height: 750px;
}
.title {
  position: absolute;
  left: 277px;
  top: 32px;
}

/* contents */
.container.contents {
  position: relative;
  height: 4080px;
  background:
  url("../images/bg_08.png") no-repeat center 2773px,
  url("../images/bg_07.png") no-repeat calc(50% + 384px) 2158px,
  url("../images/bg_06.png") no-repeat calc(50% + 553px) 1419px,
  url("../images/bg_05.png") no-repeat calc(50% - 551px) 1098px,
  url("../images/bg_04.png") no-repeat calc(50% + 538px) 768px,
  url("../images/bg_03.png") no-repeat calc(50% - 559px) 447px,
  url("../images/bg_02.png") no-repeat center 115px,
  url("../images/bg_01.png") no-repeat center 290px;
}
.inner.contents {
  position: relative;
  height: 4080px;
}
.titlecopy {
  position: absolute;
  left: 50px;
  top: -75px;
}
.btn-01 {
  position: absolute;
  left: 94px;
  top: 152px;
}
.check {
  position: absolute;
  left: 181px;
  top: 295px;
}
.sauna-photo {
  position: absolute;
  left: 99px;
  top: 447px;
}
.sauna {
  position: absolute;
  left: 502px;
  top: 434px;
}
.sauna-copy-01 {
  position: absolute;
  left: 41px;
  top: 472px;
}
.sauna-copy-02 {
  position: absolute;
  left: 591px;
  top: 502px;
}
.btn-02 {
  position: absolute;
  left: 590px;
  top: 672px;
}
.rafting-photo {
  position: absolute;
  left: 421px;
  top: 768px;
}
.rafting {
  position: absolute;
  left: 301px;
  top: 797px;
}
.rafting-copy-01 {
  position: absolute;
  left: 898px;
  top: 793px;
}
.rafting-copy-02 {
  position: absolute;
  left: 36px;
  top: 851px;
}
.btn-03 {
  position: absolute;
  left: 35px;
  top: 1021px;
}
.fishing-photo {
  position: absolute;
  left: 99px;
  top: 1098px;
}
.fishing {
  position: absolute;
  left: 491px;
  top: 1109px;
}
.fishing-copy-01 {
  position: absolute;
  left: 36px;
  top: 1121px;
}
.fishing-copy-02 {
  position: absolute;
  left: 613px;
  top: 1185px;
}
.btn-04 {
  position: absolute;
  left: 612px;
  top: 1355px;
}
.ceramics-photo {
  position: absolute;
  left: 421px;
  top: 1419px;
}
.ceramics {
  position: absolute;
  left: 262px;
  top: 1442px;
}
.ceramics-copy-01 {
  position: absolute;
  left: 895px;
  top: 1439px;
}
.ceramics-copy-02 {
  position: absolute;
  left: 88px;
  top: 1524px;
}
.btn-05 {
  position: absolute;
  left: 87px;
  top: 1694px;
}
.btn-06 {
  position: absolute;
  left: 211px;
  top: 1827px;
}
.gourmet-st {
  position: absolute;
  left: 28px;
  top: 1955px;
}
.gourmet {
  position: absolute;
  left: 54px;
  top: 1941px;
}
.gourmet-photo-01 {
  position: absolute;
  left: 391px;
  top: 1989px;
}
.gourmet-photo-02 {
  position: absolute;
  left: 7px;
  top: 2316px;
}
.gourmet-photo-03 {
  position: absolute;
  left: 366px;
  top: 2314px;
}
.gourmet-copy-01 {
  position: absolute;
  left: 671px;
  top: 1987px;
}
.gourmet-copy-02 {
  position: absolute;
  left: 59px;
  top: 2586px;
}
.gourmet-copy-03 {
  position: absolute;
  left: 418px;
  top: 2599px;
}
.gourmet-copy-04 {
  position: absolute;
  left: 720px;
  top: 2398px;
}
.hitoiki {
  position: absolute;
  left: 119px;
  top: 2778px;
}
.nature-st {
  position: absolute;
  left: 603px;
  top: 2968px;
}
.nature {
  position: absolute;
  left: 651px;
  top: 2962px;
}
.nature-photo-01 {
  position: absolute;
  left: 20px;
  top: 2977px;
}
.nature-photo-02 {
  position: absolute;
  left: 25px;
  top: 3483px;
}
.nature-photo-03 {
  position: absolute;
  left: 362px;
  top: 3337px;
}
.nature-photo-04 {
  position: absolute;
  left: 737px;
  top: 3463px;
}
.nature-copy-01 {
  position: absolute;
  left: 25px;
  top: 3328px;
}
.nature-copy-02 {
  position: absolute;
  left: 27px;
  top: 3680px;
}
.nature-copy-03 {
  position: absolute;
  left: 729px;
  top: 3331px;
}
.nature-copy-04 {
  position: absolute;
  left: 738px;
  top: 3718px;
}
.btn-07 {
  position: absolute;
  left: 32px;
  top: 3883px;
}
.btn-08 {
  position: absolute;
  left: 516px;
  top: 3883px;
}

#top {
	position: fixed;
	bottom: 40px;
	right: -81px;
	z-index: 1000;
}

/* Animation */

.animation1 {
  animation: animation1 2.5s ease-out infinite;
  opacity: 1;
}
@keyframes animation1 {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.9);
  }
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
 
.fadeUpTrigger {
  opacity: 0;
}

.delay-time02 {
animation-delay: 0.2s;
}
.delay-time04 {
animation-delay: 0.4s;
}
.delay-time06 {
animation-delay: 0.6s;
}
.delay-time08 {
animation-delay: 0.8s;
}