@charset "UTF-8";


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

/* title */
.titlebase {
  position: relative;
  width: 100%;
  height: 445px;
  padding-top: 45px;
  background:
  url("../images/bg_01.png") no-repeat calc(50% - 32px) 11px;
}

/* wave */
.wavebox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  position: relative;
}
svg {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

/* loop */
.loopbox {
  overflow: hidden;
}
.loop_wrap {
  display: flex;
  width: 100vw;
  height: 300px;
}
.loop_wrap img {
  width: auto;
  height: 100%;
  max-inline-size: 5400px;
}
.title {
  position: relative;
  width: 800px;
  height: 300px;
  padding-top: 40px;
  margin: -300px auto 0;
  z-index: 2;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 985px;
}
.inner.cnt1 {
  position: relative;
  height: 985px;
}
.btn-01a {
  position: absolute;
  left: 119px;
  top: 24px;
}
.fish-p01 {
  position: absolute;
  left: 709px;
  top: 199px;
}
.fish-c01 {
  position: absolute;
  left: 51px;
  top: 191px;
}
.fish-c02 {
  position: absolute;
  left: 40px;
  top: 535px;
}
.fish-c03 {
  position: absolute;
  left: 40px;
  top: 685px;
}
.btn-02 {
  position: absolute;
  left: 139px;
  top: 828px;
}
.btn-03 {
  position: absolute;
  left: 117px;
  top: 862px;
}
.btn-04 {
  position: absolute;
  left: 149px;
  top: 896px;
}
.btn-11 {
  position: absolute;
  left: 612px;
  top: 789px;
}
.btn-12 {
  position: absolute;
  left: 792px;
  top: 789px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: 1470px;
  background:
  url("../images/bg_03.png") no-repeat calc(50% - 29px) 46px,
  url("../images/bg_02.png") no-repeat center 40px;
  background-color: #def6ff;
}
.inner.cnt2 {
  position: relative;
  height: 1470px;
}
.campaign-c01 {
  position: absolute;
  left: 90px;
  top: 14px;
}
.campaign-c02 {
  position: absolute;
  left: 99px;
  top: 246px;
}
.campaign-c03 {
  position: absolute;
  left: 49px;
  top: 355px;
}
.btn-05 {
  position: absolute;
  left: 55px;
  top: 845px;
}
.btn-06 {
  position: absolute;
  left: 515px;
  top: 845px;
}
.btn-07 {
  position: absolute;
  left: 515px;
  top: 917px;
}
.campaign-c04 {
  position: absolute;
  left: 50px;
  top: 962px;
}
.campaign-c05 {
  position: absolute;
  left: 520px;
  top: 988px;
}
.campaign-p01 {
  position: absolute;
  left: 48px;
  top: 1043px;
}
.campaign-p02 {
  position: absolute;
  left: 267px;
  top: 958px;
}
.campaign-p03 {
  position: absolute;
  left: 48px;
  top: 1226px;
}
.campaign-p04 {
  position: absolute;
  left: 267px;
  top: 1137px;
}
.campaign-p05 {
  position: absolute;
  left: 513px;
  top: 1070px;
}
.campaign-p06 {
  position: absolute;
  left: 732px;
  top: 1026px;
}
.campaign-p07 {
  position: absolute;
  left: 513px;
  top: 1250px;
}
.campaign-p08 {
  position: absolute;
  left: 732px;
  top: 1204px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 550px;
  background-color: #f3f0dd;
}
.inner.cnt3 {
  position: relative;
  height: 550px;
}
.info-st {
  position: absolute;
  left: 255px;
  top: 35px;
}
.info-01 {
  position: absolute;
  left: 25px;
  top: 116px;
}
.info-02 {
  position: absolute;
  left: 515px;
  top: 116px;
}
.info-03 {
  position: absolute;
  left: 43px;
  top: 496px;
}
.info-04 {
  position: absolute;
  left: 521px;
  top: 496px;
}
.btn-08 {
  position: absolute;
  left: 566px;
  top: 515px;
  line-height: 0;
}

/* cnt4 */
.container.cnt4 {
  position: relative;
  height: 300px;
}
.inner.cnt4 {
  position: relative;
  height: 300px;
}
.btn-01b {
  position: absolute;
  left: 119px;
  top: 40px;
}
.btn-09 {
  position: absolute;
  left: 30px;
  top: 200px;
}
.btn-10 {
  position: absolute;
  left: 510px;
  top: 200px;
}

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