@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 100px;
  background-color: #004669;
}
.inner.titlebase {
  position: relative;
  height: 100px;
  padding-top: 10px;
  text-align: center;
}

/* loop */
.loopbox {
  overflow: hidden;
}
.loop_wrap {
  display: flex;
  width: 100vw;
  height: 200px;
}
.loop_wrap img {
  width: auto;
  height: 100%;
  max-inline-size: 3000px;
}

/* contents */
.container.contents {
  position: relative;
  height: 3345px;
  background-color: #fefcf2;
}
.inner.contents {
  position: relative;
  height: 3345px;
}
.btn-01a {
  position: absolute;
  left: 95px;
  top: 54px;
}
.yaotrip-01 {
  position: absolute;
  left: 30px;
  top: 242px;
}
.yaotrip-01-st {
  position: absolute;
  left: 293px;
  top: 257px;
}
.yaotrip-01-c01 {
  position: absolute;
  left: 12px;
  top: 372px;
}
.yaotrip-01-c02 {
  position: absolute;
  left: 341px;
  top: 372px;
}
.yaotrip-01-c03 {
  position: absolute;
  left: 670px;
  top: 372px;
}
.yaotrip-01-p01 {
  position: absolute;
  left: 26px;
  top: 479px;
}
.yaotrip-01-p02 {
  position: absolute;
  left: 355px;
  top: 479px;
}
.yaotrip-01-p03 {
  position: absolute;
  left: 684px;
  top: 479px;
}
.btn-02 {
  position: absolute;
  left: 45px;
  top: 860px;
}
.btn-03 {
  position: absolute;
  left: 374px;
  top: 860px;
}
.btn-04 {
  position: absolute;
  left: 703px;
  top: 860px;
}
.yaotrip-02 {
  position: absolute;
  left: 710px;
  top: 977px;
}
.yaotrip-02-st {
  position: absolute;
  left: 293px;
  top: 992px;
}
.yaotrip-02-c01 {
  position: absolute;
  left: 12px;
  top: 1107px;
}
.yaotrip-02-c02 {
  position: absolute;
  left: 504px;
  top: 1107px;
}
.yaotrip-02-p01 {
  position: absolute;
  left: 146px;
  top: 1179px;
}
.yaotrip-02-p02 {
  position: absolute;
  left: 638px;
  top: 1179px;
}
.btn-05 {
  position: absolute;
  left: 98px;
  top: 1485px;
}
.btn-06 {
  position: absolute;
  left: 620px;
  top: 1485px;
}
.yaotrip-03 {
  position: absolute;
  left: 15px;
  top: 1611px;
}
.yaotrip-03-st {
  position: absolute;
  left: 143px;
  top: 1638px;
}
.yaotrip-03-c01 {
  position: absolute;
  left: 12px;
  top: 1741px;
}
.yaotrip-03-p01 {
  position: absolute;
  left: 40px;
  top: 1848px;
}
.btn-07 {
  position: absolute;
  left: 78px;
  top: 2129px;
}
.yaotrip-04 {
  position: absolute;
  left: 507px;
  top: 1611px;
}
.yaotrip-04-st {
  position: absolute;
  left: 711px;
  top: 1638px;
}
.yaotrip-04-c01 {
  position: absolute;
  left: 504px;
  top: 1741px;
}
.yaotrip-04-p01 {
  position: absolute;
  left: 638px;
  top: 1823px;
}
.btn-08 {
  position: absolute;
  left: 620px;
  top: 2129px;
}
.yaotrip-05 {
  position: absolute;
  left: 710px;
  top: 2254px;
}
.yaotrip-05-st {
  position: absolute;
  left: 293px;
  top: 2270px;
}
.yaotrip-05-c01 {
  position: absolute;
  left: 12px;
  top: 2385px;
}
.yaotrip-05-c02 {
  position: absolute;
  left: 341px;
  top: 2385px;
}
.yaotrip-05-c03 {
  position: absolute;
  left: 670px;
  top: 2385px;
}
.yaotrip-05-p01 {
  position: absolute;
  left: 26px;
  top: 2492px;
}
.yaotrip-05-p02 {
  position: absolute;
  left: 355px;
  top: 2492px;
}
.yaotrip-05-p03 {
  position: absolute;
  left: 684px;
  top: 2492px;
}
.btn-09 {
  position: absolute;
  left: 45px;
  top: 2893px;
}
.btn-10 {
  position: absolute;
  left: 374px;
  top: 2893px;
}
.btn-11 {
  position: absolute;
  left: 703px;
  top: 2893px;
}
.btn-01b {
  position: absolute;
  left: 95px;
  top: 3023px;
}
.btn-12 {
  position: absolute;
  left: 95px;
  top: 3185px;
}