@charset "UTF-8";


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

/* title */
.container.titlebase {
  position: relative;
  height: 390px;
  background:
  url("../images/titleimage.png") no-repeat center top;
  background-color: #daecf0;
}
.inner.titlebase {
  position: relative;
  height: 390px;
}
.title {
  position: absolute;
  left: 233px;
  top: 22px;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 260px;
  background:
  url("../images/bg_01.png") repeat-y center top;
  background-color: #daecf0;
}
.inner.cnt1 {
  position: relative;
  height: 260px;
}
.btn-01a {
  position: absolute;
  left: 95px;
  top: 57px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 2900px;
  background:
  url("../images/bg_02.png") repeat-y center top;
  background-color: #daecf0;
}
.inner.cnt2 {
  position: relative;
  height: 2900px;
}
.exp-st-01 {
  position: absolute;
  left: 25px;
  top: 60px;
}
.exp-st-02 {
  position: absolute;
  left: 25px;
  top: 460px;
}
.exp-st-03 {
  position: absolute;
  left: 25px;
  top: 860px;
}
.exp-st-04 {
  position: absolute;
  left: 25px;
  top: 1260px;
}
.exp-st-05 {
  position: absolute;
  left: 25px;
  top: 1660px;
}
.exp-st-06 {
  position: absolute;
  left: 25px;
  top: 2060px;
}
.exp-st-07 {
  position: absolute;
  left: 25px;
  top: 2460px;
}
.exp-01 {
  position: absolute;
  left: 16px;
  top: 116px;
}
.exp-02 {
  position: absolute;
  left: 336px;
  top: 116px;
}
.exp-03 {
  position: absolute;
  left: 656px;
  top: 116px;
}
.exp-04 {
  position: absolute;
  left: 16px;
  top: 516px;
}
.exp-05 {
  position: absolute;
  left: 336px;
  top: 516px;
}
.exp-06 {
  position: absolute;
  left: 656px;
  top: 516px;
}
.exp-07 {
  position: absolute;
  left: 16px;
  top: 916px;
}
.exp-08 {
  position: absolute;
  left: 336px;
  top: 916px;
}
.exp-09 {
  position: absolute;
  left: 656px;
  top: 916px;
}
.exp-10 {
  position: absolute;
  left: 16px;
  top: 1316px;
}
.exp-11 {
  position: absolute;
  left: 336px;
  top: 1316px;
}
.exp-12 {
  position: absolute;
  left: 656px;
  top: 1316px;
}
.exp-13 {
  position: absolute;
  left: 16px;
  top: 1716px;
}
.exp-14 {
  position: absolute;
  left: 336px;
  top: 1716px;
}
.exp-15 {
  position: absolute;
  left: 656px;
  top: 1716px;
}
.exp-16 {
  position: absolute;
  left: 16px;
  top: 2116px;
}
.exp-17 {
  position: absolute;
  left: 336px;
  top: 2116px;
}
.exp-18 {
  position: absolute;
  left: 656px;
  top: 2116px;
}
.exp-19 {
  position: absolute;
  left: 16px;
  top: 2516px;
}
.exp-20 {
  position: absolute;
  left: 336px;
  top: 2516px;
}
.exp-21 {
  position: absolute;
  left: 656px;
  top: 2516px;
}
.expbtn-01 {
  position: absolute;
  left: 25px;
  top: 125px;
}
.expbtn-02 {
  position: absolute;
  left: 345px;
  top: 125px;
}
.expbtn-03 {
  position: absolute;
  left: 665px;
  top: 125px;
}
.expbtn-04 {
  position: absolute;
  left: 25px;
  top: 525px;
}
.expbtn-05 {
  position: absolute;
  left: 345px;
  top: 525px;
}
.expbtn-06 {
  position: absolute;
  left: 665px;
  top: 525px;
}
.expbtn-07 {
  position: absolute;
  left: 25px;
  top: 925px;
}
.expbtn-08 {
  position: absolute;
  left: 345px;
  top: 925px;
}
.expbtn-09 {
  position: absolute;
  left: 665px;
  top: 925px;
}
.expbtn-10 {
  position: absolute;
  left: 25px;
  top: 1325px;
}
.expbtn-11 {
  position: absolute;
  left: 345px;
  top: 1325px;
}
.expbtn-12 {
  position: absolute;
  left: 665px;
  top: 1325px;
}
.expbtn-13 {
  position: absolute;
  left: 25px;
  top: 1725px;
}
.expbtn-14 {
  position: absolute;
  left: 345px;
  top: 1725px;
}
.expbtn-15 {
  position: absolute;
  left: 665px;
  top: 1725px;
}
.expbtn-16 {
  position: absolute;
  left: 25px;
  top: 2125px;
}
.expbtn-17 {
  position: absolute;
  left: 345px;
  top: 2125px;
}
.expbtn-18 {
  position: absolute;
  left: 665px;
  top: 2125px;
}
.expbtn-19 {
  position: absolute;
  left: 25px;
  top: 2525px;
}
.expbtn-20 {
  position: absolute;
  left: 345px;
  top: 2525px;
}
.expbtn-21 {
  position: absolute;
  left: 665px;
  top: 2525px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 650px;
  background:
  url("../images/bg_01.png") repeat-y center top;
  background-color: #daecf0;
}
.inner.cnt3 {
  position: relative;
  height: 650px;
}
.btn-01b {
  position: absolute;
  left: 95px;
  top: 42px;
}
.mov-01 {
  position: absolute;
  left: 142px;
  top: 229px;
}
.mov-02 {
  position: absolute;
  left: 317px;
  top: 273px;
}
.btn-02 {
  position: absolute;
  left: 200px;
  top: 528px;
}

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