body.summer2025 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-style: normal;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}

img {
  max-width: 100%;
  height: auto;
}
img.w100 {
  width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 768px) {
  .pc-disp {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .sp-disp {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .to-pc {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .to-sp {
    display: none !important;
  }
}

@media (hover: hover) {
  .opacity-link {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .opacity-link:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/*------------------------------------------
fade up
------------------------------------------*/
.fadeup {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}
.fadeup.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
.fade.is-active {
  opacity: 1;
}

.page-head {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 50px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 769px) {
  .page-head {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 768px) {
  .page-head {
    height: 40px;
    padding-left: 20px;
  }
}
.page-head .h-logo {
  display: inline-block;
}
@media (min-width: 769px) {
  .page-head .h-logo {
    width: 193px;
  }
}
@media (max-width: 768px) {
  .page-head .h-logo {
    width: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.tpl-breadcrumb {
  position: relative;
  z-index: 10;
}

#tpl-footer {
  background: #fff;
  position: relative;
  z-index: 10;
}

#tpl-pagetop {
  display: none;
}

/*------------------------------------------
animation
------------------------------------------*/
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes mv-waves-pc {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -1366px 100%;
  }
}
@keyframes mv-waves-pc {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -1366px 100%;
  }
}
@-webkit-keyframes mv-waves-sp {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -683px 100%;
  }
}
@keyframes mv-waves-sp {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -683px 100%;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bubbles {
  0% {
    top: 100%;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    top: -100%;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes bubbles {
  0% {
    top: 100%;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    top: -100%;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
}
@-webkit-keyframes fuwafuwa-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2rem, 0);
            transform: translate(-2rem, 0);
  }
}
@keyframes fuwafuwa-2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2rem, 0);
            transform: translate(-2rem, 0);
  }
}
@-webkit-keyframes fuwafuwa-3 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(2rem, 0);
            transform: translate(2rem, 0);
  }
}
@keyframes fuwafuwa-3 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(2rem, 0);
            transform: translate(2rem, 0);
  }
}
@-webkit-keyframes kiran {
  0% {
    -webkit-transform: scale(2) rotate(45deg);
            transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(20) rotate(45deg);
            transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    -webkit-transform: scale(30) rotate(45deg);
            transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    -webkit-transform: scale(45) rotate(45deg);
            transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes kiran {
  0% {
    -webkit-transform: scale(2) rotate(45deg);
            transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(20) rotate(45deg);
            transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    -webkit-transform: scale(30) rotate(45deg);
            transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    -webkit-transform: scale(45) rotate(45deg);
            transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
            transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes mvOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mvOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fuwafuwa-4 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-7deg);
            transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
            transform: translate(0, 0) rotate(7deg);
  }
}
@keyframes fuwafuwa-4 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-7deg);
            transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
            transform: translate(0, 0) rotate(7deg);
  }
}
@-webkit-keyframes fuwafuwa-5 {
  0% {
    -webkit-transform: scale(-1, 1) translate(0, 0) rotate(-7deg);
            transform: scale(-1, 1) translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: scale(-1, 1) translate(0, -7px) rotate(0deg);
            transform: scale(-1, 1) translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(-1, 1) translate(0, 0) rotate(7deg);
            transform: scale(-1, 1) translate(0, 0) rotate(7deg);
  }
}
@keyframes fuwafuwa-5 {
  0% {
    -webkit-transform: scale(-1, 1) translate(0, 0) rotate(-7deg);
            transform: scale(-1, 1) translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: scale(-1, 1) translate(0, -7px) rotate(0deg);
            transform: scale(-1, 1) translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(-1, 1) translate(0, 0) rotate(7deg);
            transform: scale(-1, 1) translate(0, 0) rotate(7deg);
  }
}
.fuwafuwa {
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.fuwafuwa.is-active {
  opacity: 1;
  -webkit-animation: fuwafuwa-4 3s ease-in-out infinite alternate;
          animation: fuwafuwa-4 3s ease-in-out infinite alternate;
}

/*------------------------------------------
summer_event_2025
------------------------------------------*/
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
@keyframes move {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
}
.summer_event_2025 {
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: relative;
  height: 100%;
}
.summer_event_2025 * {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.cmn__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 1025px) {
  .cmn__inner {
    max-width: 1000px;
    padding: 0;
  }
}
.cmn__inner .bubbles {
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
.cmn__inner .bubbles.type--1, .cmn__inner .bubbles.type--6, .cmn__inner .bubbles.type--7 {
  width: 108px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--1, .cmn__inner .bubbles.type--6, .cmn__inner .bubbles.type--7 {
    width: 54px;
  }
}
.cmn__inner .bubbles.type--4, .cmn__inner .bubbles.type--5 {
  width: 160px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--4, .cmn__inner .bubbles.type--5 {
    width: 81px;
  }
}
.cmn__inner .bubbles.type--1 {
  top: 113px;
  left: 100px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--1 {
    top: -62px;
    left: -12px;
  }
}
.cmn__inner .bubbles.type--2 {
  width: 120px;
  top: 47px;
  right: -50px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--2 {
    width: 61px;
    top: 68px;
    right: -20px;
  }
}
.cmn__inner .bubbles.type--3 {
  width: 129px;
  top: 230px;
  right: 200px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--3 {
    width: 65px;
    top: 303px;
    right: 24px;
  }
}
.cmn__inner .bubbles.type--4 {
  top: 356px;
  left: -120px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--4 {
    top: 309px;
    left: -9px;
  }
}
.cmn__inner .bubbles.type--5 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  bottom: 235px;
  right: -136px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--5 {
    bottom: 308px;
    right: 0;
  }
}
.cmn__inner .bubbles.type--6 {
  bottom: 42px;
  left: 50px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--6 {
    bottom: 56px;
    left: -20px;
  }
}
.cmn__inner .bubbles.type--7 {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  right: 60px;
  bottom: 19px;
}
@media (max-width: 768px) {
  .cmn__inner .bubbles.type--7 {
    right: -10px;
    bottom: 8px;
  }
}

.bg__fix {
  position: fixed;
  width: 100%;
  height: 100lvh;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../images/bg_fix.webp) no-repeat center/cover;
}

.access__btn {
  position: fixed;
  z-index: 99;
  width: 187px;
  top: 20px;
  right: -4px;
}
@media (min-width: 1025px) {
  .access__btn {
    width: 229px;
    top: 50px;
    right: -5px;
  }
}

/*------------------------------------------
mv__container
------------------------------------------*/
.mv__container {
  position: relative;
  width: 100%;
  height: 772px;
}
@media (min-width: 1025px) {
  .mv__container {
    height: 52.5622254758vw;
  }
}
@media (max-width: 1024px) {
  .mv__container {
    width: 375px;
    margin: 0 auto;
  }
}
.mv__container .mv__icons {
  position: absolute;
  width: 504px;
  top: -35px;
  left: -20.2666666667vw;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv__icons {
    width: 99.121522694vw;
    top: calc(-2.3426061493vw - 50px);
    left: 0.878477306vw;
  }
}
.mv__container .jellyfish--1 {
  position: absolute;
  width: 220px;
  top: -35px;
  left: -15.2vw;
  opacity: 0;
  -webkit-animation: 1s forwards 0.3s ease-out normal mvOpacity;
          animation: 1s forwards 0.3s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .jellyfish--1 {
    width: 27.5256222548vw;
    top: -0.878477306vw;
    left: -3.0014641288vw;
  }
}
.mv__container .jellyfish--2 {
  position: absolute;
  width: 163px;
  top: 613px;
  left: -3.7333333333vw;
  opacity: 0;
  -webkit-animation: 1s forwards 0.6s ease-out normal mvOpacity;
          animation: 1s forwards 0.6s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .jellyfish--2 {
    width: 22.6207906296vw;
    top: 30.3074670571vw;
    left: -2.635431918vw;
  }
}
.mv__container .jellyfish--3 {
  position: absolute;
  width: 19.7657393851vw;
  top: 6.588579795vw;
  right: 0;
  opacity: 0;
  -webkit-animation: 1s forwards 0.9s ease-out normal mvOpacity;
          animation: 1s forwards 0.9s ease-out normal mvOpacity;
}
.mv__container .fish--1 {
  position: absolute;
  width: 188px;
  top: 262px;
  left: 0;
  opacity: 0;
  -webkit-animation: 2s forwards 1s ease-out normal fadeInBottom;
          animation: 2s forwards 1s ease-out normal fadeInBottom;
}
@media (min-width: 1025px) {
  .mv__container .fish--1 {
    width: 20.0585651537vw;
    top: 19.7657393851vw;
    left: 35.944363104vw;
  }
}
.mv__container .mv--ttl {
  position: absolute;
  width: 333px;
  top: 180px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-animation: 1s forwards ease-out normal mvOpacity;
          animation: 1s forwards ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--ttl {
    width: 45.8272327965vw;
    top: 8.1991215227vw;
  }
}
.mv__container .mv--book {
  position: absolute;
  width: 375px;
  top: 446px;
  left: -1.3333333333vw;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--book {
    width: 36.6032210835vw;
    top: 25.6222547584vw;
    left: 23.4260614934vw;
  }
}
.mv__container .mv--entrance {
  position: absolute;
  width: 117px;
  top: 414px;
  left: 3.2vw;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--entrance {
    width: 14.494875549vw;
    top: 20.7906295754vw;
    left: 14.934114202vw;
  }
}
.mv__container .mv--kira {
  position: absolute;
  width: 124px;
  top: 493px;
  right: 16.8vw;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--kira {
    width: 14.2752562225vw;
    top: 39.8243045388vw;
    right: 28.9165446559vw;
  }
}
.mv__container .mv--mobatan {
  position: absolute;
  width: 265px;
  top: 286px;
  right: 0;
  opacity: 0;
  -webkit-animation: 2s forwards 1s ease-out normal fadeInBottom;
          animation: 2s forwards 1s ease-out normal fadeInBottom;
}
@media (min-width: 1025px) {
  .mv__container .mv--mobatan {
    width: 21.8887262079vw;
    top: 23.7188872621vw;
    right: 26.5007320644vw;
  }
}
.mv__container .mv--logo {
  position: absolute;
  width: 333px;
  top: 47px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--logo {
    width: 24.3777452416vw;
    top: 1.0980966325vw;
  }
}
.mv__container .mv--day {
  position: absolute;
  width: 356px;
  top: 132px;
  left: 2.6666666667vw;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--day {
    width: 43.850658858vw;
    top: 46.9985358712vw;
    left: 22.8404099561vw;
  }
}
.mv__container .mv--fuki {
  position: absolute;
  width: 160px;
  top: 560px;
  right: 6px;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--fuki {
    width: 22.1083455344vw;
    top: 21.5226939971vw;
    right: 3.953147877vw;
  }
}
.mv__container .mv--place {
  position: absolute;
  width: 333px;
  top: 721px;
  right: 0;
  opacity: 0;
  -webkit-animation: 1s forwards 2s ease-out normal mvOpacity;
          animation: 1s forwards 2s ease-out normal mvOpacity;
}
@media (min-width: 1025px) {
  .mv__container .mv--place {
    width: 30.8199121523vw;
    top: 47.5841874085vw;
    right: 1.8301610542vw;
    z-index: 3;
  }
}
@media (max-width: 1024px) {
  .mv__container .mv--place {
    left: 0;
    margin: auto;
  }
}
.mv__container.is-on .fish--1 {
  opacity: 1;
  -webkit-animation: fuwafuwa 3s ease-in-out infinite alternate;
          animation: fuwafuwa 3s ease-in-out infinite alternate;
}
.mv__container.is-on .mv--mobatan {
  opacity: 1;
  -webkit-animation: fuwafuwa 3s ease-in-out infinite alternate;
          animation: fuwafuwa 3s ease-in-out infinite alternate;
}

/*------------------------------------------
nav__container
------------------------------------------*/
.nav__container {
  background: url(../images/nav_bg_sp.png) no-repeat center top/cover;
  padding: 70px 0 112px;
  position: relative;
  height: 353px;
}
@media (min-width: 1025px) {
  .nav__container {
    background: url(../images/nav_bg_pc.png) no-repeat center top/cover;
    padding: 6.7349926794vw 0 12.0790629575vw;
    height: 24.3045387994vw;
  }
}
.nav__container .nav--kira {
  position: absolute;
  width: 10.3953147877vw;
  top: 10.7613469985vw;
  left: 2.7086383602vw;
  z-index: 2;
}
.nav__container .nav--kira-2 {
  position: absolute;
  width: 25.1098096633vw;
  top: -11.3469985359vw;
  right: -12.0058565154vw;
  z-index: 2;
}
.nav__container .nav--bg {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  mix-blend-mode: multiply;
}
.nav__container .nav--seahorse {
  width: 239px;
  position: absolute;
  top: 106px;
  right: 50px;
  z-index: 3;
}
.nav__container .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 6px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list {
    gap: 10px;
  }
}
.nav__container .nav__list > li {
  width: calc(50% - 3px);
  height: 76px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li {
    width: calc(25% - 7.5px);
  }
}
.nav__container .nav__list > li > a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.nav__container .nav__list > li > a::after {
  content: "";
  background: url(../images/nav_arrow.png) no-repeat center/100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -23px;
  margin: auto;
  width: 56px;
  height: 25px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li > a::after {
    width: 86px;
    height: 42px;
    bottom: -36px;
  }
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li > a::before {
    content: "";
    background: url(../images/nav_icon_awa.png) no-repeat center/100%;
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 3;
  }
}
.nav__container .nav__list > li > a .in {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0px 0px;
  background: linear-gradient(160deg, #44bbeb 35%, #2c4897 65%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.nav__container .nav__list > li > a span {
  width: 100%;
  line-height: 1.3;
  display: block;
  text-align: center;
}
.nav__container .nav__list > li > a .txt--1 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li > a .txt--1 {
    font-size: 20px;
  }
}
.nav__container .nav__list > li > a .txt--2 {
  letter-spacing: 0.03em;
  color: #ffeb00;
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li > a .txt--2 {
    font-size: 17px;
  }
}
.nav__container .nav__list > li > a .txt--3 {
  letter-spacing: 0.03em;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li > a:hover {
    opacity: 1;
  }
  .nav__container .nav__list > li > a:hover .in {
    cursor: pointer;
    border: 4px solid #ffeb00;
  }
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li:first-child > a::before {
    top: 8px;
    left: 26px;
  }
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li:nth-child(2) > a::before {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    top: 14px;
    right: 19px;
  }
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li:nth-child(3) > a::before {
    top: 14px;
    left: 38px;
  }
}
@media (min-width: 1025px) {
  .nav__container .nav__list > li:nth-child(4) > a::before {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    top: 14px;
    right: 13px;
  }
}
@media (max-width: 1024px) {
  .nav__container .cmn__inner {
    position: relative;
    z-index: 4;
  }
}

/*------------------------------------------
cnt1__container
------------------------------------------*/
.cnt1__container {
  position: relative;
  background-color: rgba(109, 172, 234, 0.9);
  background-image: url(../images/cnt1_bg_sp.png);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: center top;
  padding: 72px 0 282px;
}
@media (min-width: 1025px) {
  .cnt1__container {
    background-image: url(../images/cnt1_bg.png);
    padding: 92px 0 492px;
  }
}
.cnt1__container .cnt1--icon {
  position: absolute;
  width: 267px;
  top: -23px;
  left: -48px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1--icon {
    width: 22.3279648609vw;
    top: 2.3426061493vw;
    left: 0.9516837482vw;
  }
}
.cnt1__container .cnt1--bg {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  mix-blend-mode: multiply;
}
.cnt1__container .cmn__inner {
  position: relative;
}
.cnt1__container .cnt1__ttl {
  background: linear-gradient(-45deg, #197ac2 0%, #2c9ad6 23.15%, #40bbeb 51.23%, #3786c4 79.8%, #2c4897 100%);
  -webkit-box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.1);
  padding: 85px 19px 26px;
  color: #fff;
  border-radius: 65px 65px 10px 10px;
  position: relative;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__ttl {
    max-width: 942px;
    border-radius: 90px;
    padding: 20px 160px 20px 148px;
  }
}
.cnt1__container .cnt1__ttl span {
  text-align: center;
  display: block;
}
.cnt1__container .cnt1__ttl .txt--1 {
  font-size: 30px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__ttl .txt--1 {
    font-size: 43px;
  }
}
.cnt1__container .cnt1__ttl .txt--2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 60px;
  border: 1px solid #fff;
  padding: 6px 14px;
  font-size: 17px;
  margin: 6px auto 0;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__ttl .txt--2 {
    padding: 4px 16px;
    font-size: 20px;
  }
}
.cnt1__container .cnt1__ttl::after {
  content: "";
  position: absolute;
  margin: auto;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__ttl::after {
    background: url(../images/cnt1_ttl_icon_pc.png) no-repeat center/100%;
    width: 174px;
    height: 175px;
    top: 0;
    bottom: 0;
    right: -58px;
  }
}
@media (max-width: 1024px) {
  .cnt1__container .cnt1__ttl::after {
    background: url(../images/cnt1_ttl_icon_sp.png) no-repeat center/100%;
    width: 219px;
    height: 124px;
    top: -46px;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__ttl.type--2 {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.cnt1__container .cnt1__op {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__op {
    margin-top: 36px;
  }
}
.cnt1__container .cnt1__imgs {
  width: 100%;
  height: 846px;
  position: relative;
  margin: 150px auto 0;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs {
    height: 966px;
    margin: 40px auto 0;
  }
}
@media (max-width: 1024px) {
  .cnt1__container .cnt1__imgs {
    max-width: 375px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--mobatan {
  position: absolute;
  width: 295px;
  top: -196px;
  right: -6px;
  z-index: 3;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--mobatan {
    width: 248px;
    top: -113px;
    right: -146px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--fish--1 {
  position: absolute;
  width: 113px;
  top: 167px;
  left: -6px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--fish--1 {
    width: 181px;
    top: 356px;
    left: -90px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--fish--2 {
  position: absolute;
  width: 113px;
  bottom: 0;
  right: -10px;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--fish--2 {
    width: 181px;
    bottom: -151px;
    right: -140px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--fish--2.is-active {
  opacity: 1;
  -webkit-animation: fuwafuwa-5 3s ease-in-out infinite alternate;
          animation: fuwafuwa-5 3s ease-in-out infinite alternate;
}
.cnt1__container .cnt1__imgs .cnt1--fish--3 {
  position: absolute;
  width: 162px;
  left: 0;
  bottom: -67px;
  z-index: 2;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--fish--3 {
    width: 302px;
    bottom: -142px;
    left: -117px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--kira {
  position: absolute;
  width: 354px;
  left: 20px;
  bottom: -267px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--kira {
    width: 837px;
    left: 35px;
    bottom: -334px;
  }
}
.cnt1__container .cnt1__imgs .cnt1--book--1 {
  width: 322px;
  position: absolute;
  right: 0;
  bottom: -186px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .cnt1--book--1 {
    width: 784px;
    right: 125px;
    bottom: -300px;
  }
}
@media (max-width: 1024px) {
  .cnt1__container .cnt1__imgs .cnt1--book--1 {
    -webkit-transform: rotate(170deg);
            transform: rotate(170deg);
  }
}
.cnt1__container .cnt1__imgs .cnt1--book--2 {
  width: 362px;
  position: absolute;
  top: 138px;
  left: -98px;
}
.cnt1__container .cnt1__imgs .img--1 {
  width: 415px;
  position: absolute;
  top: 0;
  left: -92px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .img--1 {
    width: 695px;
    left: -146px;
  }
}
.cnt1__container .cnt1__imgs .img--2 {
  width: 304px;
  position: absolute;
  top: 116px;
  right: -95px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .img--2 {
    width: 555px;
    top: -113px;
    right: -125px;
    z-index: 2;
  }
}
.cnt1__container .cnt1__imgs .img--3 {
  width: 342px;
  position: absolute;
  top: 367px;
  left: -32px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .img--3 {
    width: 486px;
    top: 369px;
    left: -50px;
  }
}
.cnt1__container .cnt1__imgs .img--4 {
  width: 403px;
  position: absolute;
  top: 471px;
  left: 26px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .img--4 {
    width: 519px;
    top: 234px;
    left: 286px;
  }
}
.cnt1__container .cnt1__imgs .img--5 {
  width: 252px;
  position: absolute;
  top: 663px;
  right: 94px;
}
@media (min-width: 1025px) {
  .cnt1__container .cnt1__imgs .img--5 {
    width: 437px;
    top: 469px;
    right: -125px;
  }
}

/*------------------------------------------
cnt2__container
------------------------------------------*/
.cnt2__container {
  background: -webkit-gradient(linear, left top, left bottom, from(#3c85dc), color-stop(59.11%, #7cb6e8), to(#b8e3f4));
  background: linear-gradient(#3c85dc 0%, #7cb6e8 59.11%, #b8e3f4 100%);
  padding: 160px 0 390px;
  position: relative;
}
@media (min-width: 1025px) {
  .cnt2__container {
    padding: 100px 0 408px;
  }
}
.cnt2__container .cnt2--jellyfish-1 {
  -webkit-transform: rotate(19deg);
          transform: rotate(19deg);
  position: absolute;
  width: 244px;
  top: -58px;
  left: -30px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2--jellyfish-1 {
    width: 343px;
    top: -156px;
    left: -17px;
  }
}
.cnt2__container .cnt2--jellyfish-2 {
  position: absolute;
  width: 228px;
  bottom: 38px;
  right: 18px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2--jellyfish-2 {
    width: 433px;
    bottom: -34px;
    right: -90px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2--jellyfish-2 {
    -webkit-transform: rotate(-11deg);
            transform: rotate(-11deg);
  }
}
.cnt2__container .cnt2--jellyfish-3 {
  position: absolute;
  width: 169px;
  left: 0;
  bottom: 260px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2--jellyfish-3 {
    width: 392px;
    left: 30.1610541728vw;
    bottom: 286px;
  }
}
.cnt2__container .cnt2--kira-bg {
  width: 100%;
  position: absolute;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2--kira-bg {
    width: 125.5490483163vw;
    left: -8.7115666179vw;
    bottom: 142px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2--kira-bg {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 190px;
    margin: auto;
  }
}
.cnt2__container .cnt2--bg {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  mix-blend-mode: multiply;
}
.cnt2__container .cmn__inner {
  position: relative;
}
.cnt2__container .cmn__inner.is-active .bubbles {
  -webkit-animation: bubbles 11s infinite;
          animation: bubbles 11s infinite;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--2 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--4 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--5 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--6 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.cnt2__container .cmn__inner.is-active .bubbles.type--7 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.cnt2__container .cnt2__kira {
  position: absolute;
  width: 75px;
  top: -144px;
  right: 68px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__kira {
    width: 245px;
    top: -110px;
    right: -50px;
  }
}
.cnt2__container .cnt2__ttl {
  width: 100%;
  background: linear-gradient(-45deg, #2da7e3 0%, #43aeca 23.15%, #43aeca 51.23%, #43aeca 79.8%, #2da7e3 100%);
  -webkit-box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 6px rgba(0, 0, 0, 0.1);
  padding: 85px 19px 26px;
  color: #fff;
  border-radius: 65px 65px 10px 10px;
  position: relative;
  margin: 0 auto 30px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl {
    max-width: 942px;
    border-radius: 90px;
    padding: 20px 160px 20px 148px;
    margin: 0 0 38px;
  }
}
.cnt2__container .cnt2__ttl span {
  text-align: center;
  display: block;
}
.cnt2__container .cnt2__ttl .txt--1 {
  font-size: 30px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl .txt--1 {
    font-size: 40px;
  }
}
.cnt2__container .cnt2__ttl .txt--2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 20px;
  border: 1px solid #fff;
  padding: 6px 20px;
  font-size: 17px;
  margin: 4px auto 0;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl .txt--2 {
    border-radius: 60px;
    margin: 6px auto 0;
    padding: 4px 16px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl .txt--2.type--2 {
    padding: 6px 30px;
  }
}
.cnt2__container .cnt2__ttl::after {
  content: "";
  position: absolute;
  margin: auto;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl::after {
    width: 166px;
    height: 166px;
    top: 0;
    bottom: 0;
    right: -58px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl::after {
    width: 219px;
    height: 124px;
    top: -46px;
    left: 0;
    right: 0;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl.type--2 {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl.icon--1::after {
    background: url(../images/cnt2_ttl_icon_1_pc.png) no-repeat center/100%;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl.icon--1::after {
    background: url(../images/cnt2_ttl_icon_1_sp.png) no-repeat center/100%;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl.icon--2::after {
    background: url(../images/cnt2_ttl_icon_2_pc.png) no-repeat center/100%;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl.icon--2::after {
    background: url(../images/cnt2_ttl_icon_2_sp.png) no-repeat center/100%;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl.icon--3::after {
    background: url(../images/cnt2_ttl_icon_3_pc.png) no-repeat center/100%;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl.icon--3::after {
    background: url(../images/cnt2_ttl_icon_3_sp.png) no-repeat center/100%;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__ttl.icon--4::after {
    background: url(../images/cnt2_ttl_icon_4_pc.png) no-repeat center/100%;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__ttl.icon--4::after {
    background: url(../images/cnt2_ttl_icon_4_sp.png) no-repeat center/100%;
  }
}
.cnt2__container .cnt2__info .cnt2__txt {
  width: 100%;
  color: #fff;
  line-height: 2;
  font-weight: 400;
  font-size: 18px;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__txt {
    font-size: 20px;
  }
}
.cnt2__container .cnt2__info.info--1 {
  margin-bottom: 58px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--1 {
    margin-bottom: 70px;
  }
}
.cnt2__container .cnt2__info.info--1 .txt--1 {
  width: 100%;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--1 .cnt2__txt {
    max-width: 750px;
  }
}
.cnt2__container .cnt2__info.info--2 {
  margin-bottom: 100px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--2 {
    margin-bottom: 70px;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--2 .cnt2__txt {
    text-align: center;
    max-width: 594px;
    position: relative;
  }
  .cnt2__container .cnt2__info.info--2 .cnt2__txt::before {
    content: "";
    background: url(../images/cnt2_step_icon.png) no-repeat center/100%;
    width: 160px;
    height: 136px;
    position: absolute;
    top: 0;
    left: -172px;
  }
}
.cnt2__container .cnt2__info.info--3 {
  margin-bottom: 100px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--3 {
    position: relative;
    margin-bottom: 42px;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--3 .cnt2__ttl {
    position: relative;
    z-index: 2;
  }
}
.cnt2__container .cnt2__info.info--4 {
  margin-bottom: 100px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--4 {
    margin-bottom: 70px;
  }
}
.cnt2__container .cnt2__info.info--4 .cnt2__ttl {
  padding: 85px 16px 26px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--4 .cnt2__ttl {
    padding: 20px 112px 20px 150px;
  }
}
.cnt2__container .cnt2__info.info--4 .cnt2__ttl .txt--1 {
  font-size: 24px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--4 .cnt2__ttl .txt--1 {
    font-size: 33px;
  }
}
.cnt2__container .cnt2__info.info--5 .cnt2__ttl {
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--5 .cnt2__ttl {
    padding: 20px 112px 20px 130px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info.info--5 .cnt2__ttl {
    padding: 85px 10px 26px;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info.info--5 .cnt2__ttl .txt--1 {
    font-size: 33px;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan {
    gap: 26px;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .img {
  width: 100%;
  position: relative;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .img {
    width: 517px;
  }
  .cnt2__container .cnt2__info .cnt2__awatan .img::after {
    background: url(../images/cnt2_awatan_bg.png) no-repeat center/100%;
    width: 604px;
    height: 604px;
    top: -127px;
    left: 0;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .img::before, .cnt2__container .cnt2__info .cnt2__awatan .img::after {
  content: "";
  position: absolute;
}
.cnt2__container .cnt2__info .cnt2__awatan .img::before {
  background: url(../images/cnt2_awatan_kira_sp.png) no-repeat center/100%;
  -webkit-transform: rotate(149deg);
          transform: rotate(149deg);
  width: 92px;
  height: 108px;
  right: 0;
  bottom: 25px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .img::before {
    background: url(../images/cnt2_awatan_kira.png) no-repeat center/100%;
    -webkit-transform: rotate(31deg);
            transform: rotate(31deg);
    width: 139px;
    height: 163px;
    left: -116px;
    right: auto;
    bottom: -40px;
  }
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .img img {
    position: relative;
    z-index: 2;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .detail {
  width: 100%;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 112px;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .detail .item {
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail .item {
    margin-bottom: 12px;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .detail .item:last-child {
  margin-bottom: 0;
}
.cnt2__container .cnt2__info .cnt2__awatan .detail .item span {
  display: block;
}
.cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--1 {
  background: #fff;
  color: #3eb9eb;
  line-height: 1;
  width: 76px;
  height: 26px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--1 {
    width: 90px;
    height: 30px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--1 {
    margin: 0 auto;
  }
}
.cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--2 {
  color: #ffeb00;
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--2 {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__awatan .detail .item .txt--2 {
    text-align: center;
  }
}
.cnt2__container .cnt2__info .cnt2__show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show {
    gap: 68px;
  }
}
.cnt2__container .cnt2__info .cnt2__show .img {
  width: 100%;
  overflow: hidden;
  border-radius: 28px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show .img {
    width: 500px;
  }
}
.cnt2__container .cnt2__info .cnt2__show .detail {
  width: 100%;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show .detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.cnt2__container .cnt2__info .cnt2__show .detail .item span {
  display: block;
}
.cnt2__container .cnt2__info .cnt2__show .detail .item .txt--1 {
  background: #fff;
  color: #3eb9eb;
  line-height: 1;
  width: 76px;
  height: 26px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--1 {
    width: 90px;
    height: 30px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--1 {
    margin: 0 auto;
  }
}
.cnt2__container .cnt2__info .cnt2__show .detail .item .txt--2 {
  color: #ffeb00;
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--2 {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--2 {
    text-align: center;
  }
}
.cnt2__container .cnt2__info .cnt2__show .detail .item .txt--3 {
  color: #fff;
  line-height: 2;
  font-size: 16px;
  margin-bottom: 26px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--3 {
    margin-bottom: 30px;
  }
}
.cnt2__container .cnt2__info .cnt2__show .detail .item .txt--4 {
  color: #fff;
  font-size: 14px;
  margin-top: 6px;
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__show .detail .item .txt--4 {
    text-align: center;
  }
}
.cnt2__container .cnt2__info .cnt2__msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 12px;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .img {
  width: 240px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .img {
    width: 582px;
  }
  .cnt2__container .cnt2__info .cnt2__msg .img > img {
    -webkit-transform: translateX(24px);
            transform: translateX(24px);
  }
}
.cnt2__container .cnt2__info .cnt2__msg .img > img {
  position: relative;
  z-index: 2;
}
.cnt2__container .cnt2__info .cnt2__msg .img::after {
  content: "";
  position: absolute;
  background: url(../images/cnt2_awatan_bg.png) no-repeat center/100%;
  width: 280px;
  height: 280px;
  top: -24px;
  left: 50px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .img::after {
    width: 582px;
    height: 582px;
    top: -112px;
    left: 56px;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .detail {
  width: 100%;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 56px;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item {
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item {
    margin-bottom: 12px;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item:last-child {
  margin-bottom: 0;
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item span {
  display: block;
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--1 {
  background: #fff;
  color: #3eb9eb;
  line-height: 1;
  width: 76px;
  height: 26px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--1 {
    width: 90px;
    height: 30px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--1 {
    margin: 0 auto;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--2 {
  color: #ffeb00;
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--2 {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--2 {
    text-align: center;
  }
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item .txt--3 {
  color: #fff;
  line-height: 2;
  font-size: 16px;
}
.cnt2__container .cnt2__info .cnt2__msg .detail .item .s--txt {
  margin: 8px auto 26px;
}
@media (min-width: 1025px) {
  .cnt2__container .cnt2__info .cnt2__msg .detail .item .s--txt {
    margin: 8px auto 30px;
  }
}
.cnt2__container .cnt2__info .s--txt {
  color: #fff;
  font-size: 14px;
}

/*------------------------------------------
cnt3__container
------------------------------------------*/
.cnt3__container {
  position: relative;
  background-color: rgba(119, 171, 247, 0.9);
  background-image: url(../images/cnt1_bg_sp.png);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: center top;
  padding: 66px 0 285px;
}
@media (min-width: 1025px) {
  .cnt3__container {
    background-size: cover;
    background-image: url(../images/cnt1_bg.png);
    padding: 128px 0 160px;
  }
}
.cnt3__container .cnt3__ttl {
  width: 334px;
  margin: 0 auto 52px;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__ttl {
    width: 628px;
    margin: 0 auto 100px;
  }
}
.cnt3__container .cnt3__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__list {
    gap: 70px;
  }
}
.cnt3__container .cnt3__list > li {
  width: 100%;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__list > li {
    width: calc(50% - 35px);
  }
}
.cnt3__container .cnt3__list > li .img {
  margin: 0 auto 16px;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__list > li .img {
    height: 417px;
  }
  .cnt3__container .cnt3__list > li .img.w-324 {
    width: 324px;
  }
  .cnt3__container .cnt3__list > li .img.w-346 {
    width: 346px;
  }
}
@media (max-width: 1024px) {
  .cnt3__container .cnt3__list > li .img.t-x {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
.cnt3__container .cnt3__list > li .info .ttl {
  border-radius: 30px;
  background: #176eb8;
  color: #fff;
  padding: 16px 0;
  text-align: center;
  font-size: 20px;
  margin: 0 auto 30px;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__list > li .info .ttl.type--2 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 20px;
  }
}
.cnt3__container .cnt3__list > li .info .txt {
  color: #fff;
  line-height: 2;
  font-size: 16px;
}
.cnt3__container .cnt3__list > li .info .detail {
  width: 100%;
  margin: 35px auto 0;
}
.cnt3__container .cnt3__list > li .info .detail .item {
  margin-bottom: 12px;
}
.cnt3__container .cnt3__list > li .info .detail .item:last-child {
  margin-bottom: 0;
}
.cnt3__container .cnt3__list > li .info .detail .item span {
  display: block;
}
.cnt3__container .cnt3__list > li .info .detail .item .txt--1 {
  background: #fff;
  color: #3eb9eb;
  line-height: 1;
  width: 76px;
  height: 26px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.cnt3__container .cnt3__list > li .info .detail .item .txt--2 {
  color: #ffeb00;
  font-weight: 700;
  font-size: 18px;
  margin-top: 8px;
  text-align: center;
}
.cnt3__container .cmn__inner {
  position: relative;
  z-index: 2;
}
.cnt3__container .cmn__inner.is-active .bubbles {
  -webkit-animation: bubbles 13s infinite;
          animation: bubbles 13s infinite;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--2 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--4 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--5 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--6 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.cnt3__container .cmn__inner.is-active .bubbles.type--7 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.cnt3__container .seaweed--1,
.cnt3__container .seaweed--3 {
  position: absolute;
  width: 122px;
  left: 0;
}
@media (min-width: 1025px) {
  .cnt3__container .seaweed--1,
  .cnt3__container .seaweed--3 {
    width: 281px;
  }
}
.cnt3__container .seaweed--2,
.cnt3__container .seaweed--4 {
  position: absolute;
  width: 122px;
  right: 0;
}
@media (min-width: 1025px) {
  .cnt3__container .seaweed--2,
  .cnt3__container .seaweed--4 {
    width: 253px;
  }
}
.cnt3__container .seaweed--1 {
  top: -124px;
}
.cnt3__container .seaweed--3 {
  top: 4160px;
}
@media (min-width: 1025px) {
  .cnt3__container .seaweed--3 {
    top: 1672px;
  }
}
.cnt3__container .seaweed--2 {
  top: 148px;
}
@media (min-width: 1025px) {
  .cnt3__container .seaweed--2 {
    top: -147px;
  }
}
.cnt3__container .seaweed--4 {
  top: 1900px;
}
@media (min-width: 1025px) {
  .cnt3__container .seaweed--4 {
    top: 1020px;
  }
}
.cnt3__container .cnt3--mobatan {
  position: absolute;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3--mobatan {
    width: 264px;
    left: 177px;
    bottom: 92px;
  }
}
@media (max-width: 1024px) {
  .cnt3__container .cnt3--mobatan {
    width: 235px;
    left: 0;
    right: 0;
    bottom: -240px;
    margin: auto;
  }
}
.cnt3__container .cnt3--fish--1 {
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3--fish--1 {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    width: 181px;
    top: -73px;
    right: -147px;
  }
  .cnt3__container .cnt3--fish--1.is-active {
    opacity: 1;
    -webkit-animation: fuwafuwa-5 3s ease-in-out infinite alternate;
            animation: fuwafuwa-5 3s ease-in-out infinite alternate;
  }
}
@media (max-width: 1024px) {
  .cnt3__container .cnt3--fish--1 {
    width: 118px;
    top: -87px;
    left: 15px;
  }
}
.cnt3__container .cnt3--fish--2 {
  position: absolute;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3--fish--2 {
    width: 181px;
    bottom: 120px;
    left: -42px;
  }
}
@media (max-width: 1024px) {
  .cnt3__container .cnt3--fish--2 {
    width: 118px;
    top: 988px;
    right: 14px;
  }
}
.cnt3__container .cnt3__op {
  color: #fff;
  line-height: 2;
  font-size: 12px;
  margin-top: 60px;
}
@media (min-width: 1025px) {
  .cnt3__container .cnt3__op {
    font-size: 14px;
  }
}

.bg__bubbles {
  position: relative;
  pointer-events: none;
}
.bg__bubbles .bubbles__img {
  position: absolute;
  width: 84.8vw;
  top: 388px;
  left: 9.6vw;
}
@media (min-width: 1025px) {
  .bg__bubbles .bubbles__img {
    width: 95.3147877013vw;
    top: 9.0775988287vw;
    left: 1.9033674963vw;
  }
}