@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 350px;
  overflow: hidden;
}
.loop_wrap {
  display: flex;
  width: 100vw;
  height: 350px;
}
.loop_wrap img {
  width: auto;
  height: 100%;
  max-inline-size: 5600px;
  z-index: -1;
}
.title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 215px;
  background-color: #e7e3d9;
}
.inner.cnt1 {
  position: relative;
  height: 215px;
}
.map {
  position: absolute;
  left: 76px;
  top: 0px;
}
.maincopy {
  position: absolute;
  left: 534px;
  top: 48px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 1000px;
  background:
  url("../images/bg_03.png") no-repeat calc(50% + 597px) 99px,
  url("../images/bg_02.png") no-repeat calc(50% - 433px) 514px,
  url("../images/bg_01.png") repeat-y center top;
}
.inner.cnt2 {
  position: relative;
  height: 1000px;
}
.yado-st {
  position: absolute;
  left: 29px;
  top: 25px;
}
.yado-01 {
  position: absolute;
  left: 18px;
  top: 195px;
}
.yado-02 {
  position: absolute;
  left: 18px;
  top: 404px;
}
.yado-03 {
  position: absolute;
  left: 18px;
  top: 593px;
}
.yado-04 {
  position: absolute;
  left: 18px;
  top: 782px;
}
.kanagi-st {
  position: absolute;
  left: 54px;
  top: 40px;
}
.kanagi-c01 {
  position: absolute;
  left: 41px;
  top: 214px;
}
.kanagi-c02 {
  position: absolute;
  left: 41px;
  top: 423px;
}
.kanagi-c03 {
  position: absolute;
  left: 41px;
  top: 617px;
}
.kanagi-c04 {
  position: absolute;
  left: 41px;
  top: 802px;
}
.yukari-st {
  position: absolute;
  left: 656px;
  top: 40px;
}
.yukari-c01 {
  position: absolute;
  left: 749px;
  top: 214px;
}
.yukari-c02 {
  position: absolute;
  left: 749px;
  top: 424px;
}
.yukari-c03 {
  position: absolute;
  left: 749px;
  top: 613px;
}
.yukari-c04 {
  position: absolute;
  left: 749px;
  top: 802px;
}
.check-01 {
  position: absolute;
  left: 236px;
  top: 189px;
}
.check-02 {
  position: absolute;
  left: 913px;
  top: 631px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 200px;
  background-color: #c2b8a0;
}
.inner.cnt3 {
  position: relative;
  height: 200px;
}
.btn-01 {
  position: absolute;
  left: 90px;
  top: 26px;
}
.btn-02 {
  position: absolute;
  left: 510px;
  top: 26px;
}
.btn-03 {
  position: absolute;
  left: 90px;
  top: 112px;
}