@media screen and (min-width: 769px), print {
  .js-tilt-float {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -moz-transition: transform 0.2s linear, -moz-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear, -moz-transform 0.2s linear;
  }
  .c-tilt-bubble {
    position: absolute;
    display: block;
    border: 4px solid #ffffff;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -webkit-animation: float 3s ease-in-out infinite alternate;
       -moz-animation: float 3s ease-in-out infinite alternate;
            animation: float 3s ease-in-out infinite alternate;
  }
  .bubble-01 {
    -webkit-animation-duration: 2s;
       -moz-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 0.3s;
       -moz-animation-delay: 0.3s;
            animation-delay: 0.3s;
  }
  .bubble-02 {
    -webkit-animation-duration: 2.2s;
       -moz-animation-duration: 2.2s;
            animation-duration: 2.2s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .bubble-03 {
    -webkit-animation-duration: 2.4s;
       -moz-animation-duration: 2.4s;
            animation-duration: 2.4s;
    -webkit-animation-delay: 0.6s;
       -moz-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  .bubble-04 {
    -webkit-animation-duration: 2.6s;
       -moz-animation-duration: 2.6s;
            animation-duration: 2.6s;
    -webkit-animation-delay: 0.7s;
       -moz-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
  .bubble-05 {
    -webkit-animation-duration: 2.8s;
       -moz-animation-duration: 2.8s;
            animation-duration: 2.8s;
    -webkit-animation-delay: 0.8s;
       -moz-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  .bubble-06 {
    -webkit-animation-duration: 3s;
       -moz-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-delay: 0.9s;
       -moz-animation-delay: 0.9s;
            animation-delay: 0.9s;
  }
  .bubble-07 {
    -webkit-animation-duration: 3.2s;
       -moz-animation-duration: 3.2s;
            animation-duration: 3.2s;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
            animation-delay: 1s;
  }
  .bubble-01 {
    width: 34px;
    height: 34px;
    top: 169px;
    left: -webkit-calc(50vw - 676px);
    left: -moz-calc(50vw - 676px);
    left: calc(50vw - 676px);
  }
  .bubble-02 {
    width: 23px;
    height: 23px;
    top: 304px;
    left: -webkit-calc(50vw - 744px);
    left: -moz-calc(50vw - 744px);
    left: calc(50vw - 744px);
  }
  .bubble-03 {
    width: 35px;
    height: 35px;
    top: 373px;
    left: -webkit-calc(50vw - 747px);
    left: -moz-calc(50vw - 747px);
    left: calc(50vw - 747px);
  }
  .bubble-04 {
    width: 29px;
    height: 29px;
    top: 384px;
    left: -webkit-calc(50vw - 553px);
    left: -moz-calc(50vw - 553px);
    left: calc(50vw - 553px);
    background-color: transparent;
  }
  .bubble-05 {
    width: 64px;
    height: 64px;
    top: 514px;
    left: -webkit-calc(50vw - 622px);
    left: -moz-calc(50vw - 622px);
    left: calc(50vw - 622px);
  }
  .bubble-06 {
    width: 35px;
    height: 35px;
    top: 604px;
    left: -webkit-calc(50vw - 718px);
    left: -moz-calc(50vw - 718px);
    left: calc(50vw - 718px);
    background-color: transparent;
  }
  .bubble-07 {
    width: 29px;
    height: 29px;
    top: 228px;
    left: -webkit-calc(50vw - 363px);
    left: -moz-calc(50vw - 363px);
    left: calc(50vw - 363px);
  }
  .bubble-08 {
    width: 21px;
    height: 21px;
    top: 399px;
    left: -webkit-calc(50vw - 421px);
    left: -moz-calc(50vw - 421px);
    left: calc(50vw - 421px);
    background-color: #ffffff;
  }
  .bubble-09 {
    width: 29px;
    height: 29px;
    top: 164px;
    right: -webkit-calc(50vw - 307px);
    right: -moz-calc(50vw - 307px);
    right: calc(50vw - 307px);
  }
  .bubble-10 {
    width: 34px;
    height: 34px;
    top: 540px;
    right: -webkit-calc(50vw - 498px);
    right: -moz-calc(50vw - 498px);
    right: calc(50vw - 498px);
  }
  .bubble-11 {
    width: 22px;
    height: 22px;
    top: 642px;
    right: -webkit-calc(50vw - 532px);
    right: -moz-calc(50vw - 532px);
    right: calc(50vw - 532px);
    background-color: #ffffff;
  }
  .bubble-12 {
    width: 29px;
    height: 29px;
    top: 496px;
    right: -webkit-calc(50vw - 640px);
    right: -moz-calc(50vw - 640px);
    right: calc(50vw - 640px);
  }
  .bubble-13 {
    width: 60px;
    height: 60px;
    top: 263px;
    right: -webkit-calc(50vw - 667px);
    right: -moz-calc(50vw - 667px);
    right: calc(50vw - 667px);
  }
  .bubble-14 {
    width: 22px;
    height: 22px;
    top: 219px;
    right: -webkit-calc(50vw - 711px);
    right: -moz-calc(50vw - 711px);
    right: calc(50vw - 711px);
    background-color: #ffffff;
  }
  .bubble-15 {
    width: 34px;
    height: 34px;
    top: 328px;
    right: -webkit-calc(50vw - 704px);
    right: -moz-calc(50vw - 704px);
    right: calc(50vw - 704px);
  }
  /*bubbles*/
  .c-cluster {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 5vw;
    z-index: 16;
    left: 0;
    opacity: 0;
    pointer-events: none;
  }
  .c-cluster.c-cluster--pos2 {
    left: 6vw;
  }
  .c-cluster.c-cluster--pos3 {
    left: 12vw;
  }
  .c-cluster.c-cluster--pos4 {
    left: auto;
    right: 0;
  }
  .c-cluster.c-cluster--pos5 {
    left: auto;
    right: 6vw;
  }
  .c-cluster.c-cluster--pos6 {
    left: auto;
    right: 12vw;
  }
  .c-cluster__inner {
    height: 100%;
    width: 100%;
    position: relative;
  }
  .c-cluster__bubble {
    display: block;
    background-image: url("../images/bubbles.png");
    -moz-background-size: 200% 100%;
         background-size: 200% 100%;
    background-position: 100% 0;
    width: 65px;
    position: absolute;
    top: 100%;
    left: 0;
    pointer-events: none;
    -webkit-animation: sideOscillate 1s ease-in-out infinite alternate, pulsate 0.1s linear infinite alternate;
       -moz-animation: sideOscillate 1s ease-in-out infinite alternate, pulsate 0.1s linear infinite alternate;
            animation: sideOscillate 1s ease-in-out infinite alternate, pulsate 0.1s linear infinite alternate;
  }
  .c-cluster__bubble.c-cluster__bubble--pos2 {
    left: 20%;
  }
  .c-cluster__bubble.c-cluster__bubble--pos3 {
    left: 75%;
  }
  .c-cluster__bubble.c-cluster__bubble--top2 {
    top: -webkit-calc(100% + 130px);
    top: -moz-calc(100% + 130px);
    top: calc(100% + 130px);
  }
  .c-cluster__bubble.c-cluster__bubble--top3 {
    top: -webkit-calc(100% + 160px);
    top: -moz-calc(100% + 160px);
    top: calc(100% + 160px);
  }
  .c-cluster__bubble.c-cluster__bubble--top4 {
    top: -webkit-calc(100% + 190px);
    top: -moz-calc(100% + 190px);
    top: calc(100% + 190px);
  }
  .c-cluster__bubble.c-cluster__bubble--width2 {
    width: 50px;
  }
  .c-cluster__bubble.c-cluster__bubble--width3 {
    width: 30px;
  }
  .c-cluster__bubble.c-cluster__bubble--solid {
    background-position: 0 0;
  }
  .c-cluster__bubble.c-cluster__bubble--time2 {
    -webkit-animation-duration: 8s;
       -moz-animation-duration: 8s;
            animation-duration: 8s;
  }
  .c-cluster__bubble.c-cluster__bubble--time3 {
    -webkit-animation-duration: 9s;
       -moz-animation-duration: 9s;
            animation-duration: 9s;
  }
  .c-cluster__bubble.c-cluster__bubble--time4 {
    -webkit-animation-duration: 10s;
       -moz-animation-duration: 10s;
            animation-duration: 10s;
  }
  .c-cluster__bubble:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .sliderMain {
    position: relative;
  }
  .sliderMain li {
    width: 100%;
    /*height: 750px;*/
    outline: none;
  }
  .sliderMain li .c-tilting-banner__lower-layer {
    position: relative;
    width: 100%;
    /*height: 850px;*/
    outline: none;
    /*background-position: calc(50% - 31px) -80px;*/
    margin-top: -20px;
  }
  .sliderMain li picture img {
    width: 100%;
  }
  .sliderMain li .slidetxt {
    position: absolute;
    top: 90px;
    display: block;
    -webkit-animation: float ease-in-out infinite alternate;
       -moz-animation: float ease-in-out infinite alternate;
            animation: float ease-in-out infinite alternate;
    -webkit-transform: translateZ(25px);
       -moz-transform: translateZ(25px);
            transform: translateZ(25px);
  }
  .sliderMain li .slidetxt.slide1_txt1 {
    left: 50px;
    -webkit-animation-duration: 3.3s;
       -moz-animation-duration: 3.3s;
            animation-duration: 3.3s;
    -webkit-animation-delay: 0.2s;
       -moz-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .sliderMain li .slidetxt.slide1_txt2 {
    right: 50px;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .sliderMain li .slidetxt.slide2_txt1 {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 70px;
    text-align: center;
  }
  .sliderMain li .slidetxt.slide2_txt1 img {
    margin: 0 auto;
    /*width: 90%;*/
    width: 200px;
    max-width: 100%;
  }
  .sliderMain li .slidetxt.slide2_txt2 {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    text-align: center;
    bottom: 100px;
  }
  .sliderMain li .slidetxt.slide2_txt2 img {
    margin: 0 auto;
    /*width: 90%;*/
    max-width: 100%;
  }
  .sliderMain li .slidetxt.slide3_txt1 {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 50px;
    text-align: center;
  }
  .sliderMain li .slidetxt.slide3_txt1 img {
    width: auto;
    margin: 0 auto;
  }
  .sliderMain li .slidetxt.slide3_txt2 {
    right: 30px;
    margin: 0 auto;
    top: auto;
    bottom: 200px;
    text-align: center;
  }
  .sliderMain li .slidetxt.slide4_txt1 {
    right: 50px;
    margin: 0 auto;
    top: auto;
    bottom: 100px;
    text-align: center;
  }
  .sliderMain li:nth-of-type(1) {
    background: #2e9bcb;
    /*      .c-tilting-banner__lower-layer {
        background: url(../images/slider_1.png) no-repeat;
        background-size: cover;
      }*/
  }
  .sliderMain li:nth-of-type(2) {
    background: #00b3ec;
    /*      .c-tilting-banner__lower-layer {
        background: url(../images/slider_2.png) no-repeat;
        background-size: cover;
      }*/
  }
  .sliderMain li:nth-of-type(3) {
    background: #003672;
    /*      .c-tilting-banner__lower-layer {
        background: url(../images/slider_3.png) no-repeat;
        background-size: cover;
      }*/
  }
  .sliderMain li:nth-of-type(4) {
    background: #6ec1f9;
    /*      .c-tilting-banner__lower-layer {
        background: url(../images/slider_4.png) no-repeat;
        background-size: cover;
      }*/
  }
  .blue {
    background: #1d2088;
  }
  .blue2 {
    background: #00a29a;
  }
  .blue3 {
    background: #0086d1;
  }
  ::-webkit-input-placeholder {
    color: #c6cfd6;
  }
  ::-moz-placeholder {
    color: #c6cfd6;
  }
  :-ms-input-placeholder {
    color: #c6cfd6;
  }
  ::placeholder {
    color: #c6cfd6;
  }
  input {
    width: 80px;
  }
  input[type="number"] {
    padding: 0 10px 0 20px !important;
  }
  input[type="button"] {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #c30d23;
    width: 210px;
    padding: 10px;
    border: none;
    margin: 0 auto;
    display: block;
  }
  .full input {
    width: 100%;
  }
  /*********** End top page ***********/
  /*********** Sub page ***********/
  /*children page*/
  .children .main_image .page_ttl {
    top: 50px;
  }
  .children .fish_ani_1,
  .children .fish_ani_2,
  .children .fish_ani_3,
  .children .fish_ani_4,
  .children .fish_ani_5,
  .children .fish_ani_6,
  .children .fish_ani_7,
  .children .fish_ani_8,
  .children .fish_ani_9,
  .children .fish_ani_10 {
    position: absolute;
    -webkit-animation: float ease-in-out infinite alternate;
       -moz-animation: float ease-in-out infinite alternate;
            animation: float ease-in-out infinite alternate;
  }
  .children .fish_ani_1 {
    top: -50px;
    right: -150px;
    -webkit-animation-duration: 4.3s;
       -moz-animation-duration: 4.3s;
            animation-duration: 4.3s;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
            animation-delay: 1s;
  }
  .children .fish_ani_2 {
    bottom: -60px;
    left: -100px;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: 1.2s;
       -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  .children .fish_ani_3 {
    top: 20px;
    left: 150px;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: 1.2s;
       -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  .children .fish_ani_4 {
    bottom: 0;
    left: 150px;
    -webkit-animation-duration: 4.1s;
       -moz-animation-duration: 4.1s;
            animation-duration: 4.1s;
    -webkit-animation-delay: 0.8s;
       -moz-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  .children .fish_ani_5 {
    bottom: 20px;
    right: 300px;
    -webkit-animation-duration: 3.9s;
       -moz-animation-duration: 3.9s;
            animation-duration: 3.9s;
    -webkit-animation-delay: 0.6s;
       -moz-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  .children .fish_ani_6 {
    bottom: 0;
    right: 0;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .children .fish_ani_7 {
    top: 8%;
    left: 20%;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .children .fish_ani_8 {
    top: 8%;
    left: 30%;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: 0.5s;
       -moz-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  .children .fish_ani_9 {
    top: 35%;
    right: 15%;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .children .fish_ani_10 {
    bottom: 11%;
    left: 20%;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .children .lp_sec {
    text-align: center;
    padding: 50px 0;
  }
  .children .lp_sec figure img {
    max-width: 686px;
  }
  .children .lp_sec figure:not(:first-child) {
    margin-top: 50px;
  }
  .children .lp_sec figure.no-mg {
    margin-top: 0 !important;
  }
  .children .sec1 {
    background: #eb6d95;
  }
  .children .sec2 {
    background: #828181 url("../images/img2_bg.jpg") no-repeat top center/contain;
  }
  .children .sec3 {
    background: #FFFFFF;
  }
  .children .sec4 {
    background: -moz-linear-gradient(top, #e6f4fd, #6cc5f0); 
    background: -webkit-linear-gradient(top, #e6f4fd, #6cc5f0); 
    background: linear-gradient(to bottom, #e6f4fd, #6cc5f0); 
  }
  .children .sec5 {
    background: #fff
  }
  .children .map iframe {
    width: 100%;
    height: 450px;
  }
}

@media screen and (max-width: 768px) {
  .js-tilt-float {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear;
  }
  .c-tilt-bubble {
    position: absolute;
    display: block;
    border: 0.83333vw solid #ffffff;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -webkit-animation: float 3s ease-in-out infinite alternate;
       -moz-animation: float 3s ease-in-out infinite alternate;
            animation: float 3s ease-in-out infinite alternate;
  }
  .bubble-01 {
    -webkit-animation-duration: 2s;
       -moz-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: .3s;
       -moz-animation-delay: .3s;
            animation-delay: .3s;
  }
  .bubble-02 {
    -webkit-animation-duration: 2.2s;
       -moz-animation-duration: 2.2s;
            animation-duration: 2.2s;
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
            animation-delay: .4s;
  }
  .bubble-03 {
    -webkit-animation-duration: 2.4s;
       -moz-animation-duration: 2.4s;
            animation-duration: 2.4s;
    -webkit-animation-delay: .6s;
       -moz-animation-delay: .6s;
            animation-delay: .6s;
  }
  .bubble-04 {
    -webkit-animation-duration: 2.6s;
       -moz-animation-duration: 2.6s;
            animation-duration: 2.6s;
    -webkit-animation-delay: .7s;
       -moz-animation-delay: .7s;
            animation-delay: .7s;
  }
  .bubble-05 {
    -webkit-animation-duration: 2.8s;
       -moz-animation-duration: 2.8s;
            animation-duration: 2.8s;
    -webkit-animation-delay: .8s;
       -moz-animation-delay: .8s;
            animation-delay: .8s;
  }
  .bubble-06 {
    -webkit-animation-duration: 3s;
       -moz-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-delay: .9s;
       -moz-animation-delay: .9s;
            animation-delay: .9s;
  }
  .bubble-07 {
    -webkit-animation-duration: 3.2s;
       -moz-animation-duration: 3.2s;
            animation-duration: 3.2s;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
            animation-delay: 1s;
  }
  .bubble-01 {
    top: 2.2%;
    left: 27.7%;
    width: 3.56vw;
    height: 3.56vw;
  }
  .bubble-02 {
    top: 8.4%;
    left: 23.9%;
    width: 2.53vw;
    height: 2.53vw;
    background-color: #ffffff;
  }
  .bubble-03 {
    width: 6.93vw;
    height: 6.93vw;
    top: 33.6%;
    right: 75.3%;
  }
  .bubble-04 {
    width: 2.4vw;
    height: 2.4vw;
    background-color: #ffffff;
    top: 17.6%;
    left: 77%;
  }
  .bubble-05 {
    width: 3.6vw;
    height: 3.6vw;
    top: 38.3%;
    right: 72.5%;
  }
  .bubble-06 {
    width: 2.53vw;
    height: 2.53vw;
    background-color: #ffffff;
    top: 19.6%;
    left: 95.7%;
  }
  .bubble-07 {
    width: 3.87vw;
    height: 3.87vw;
    top: 25.1%;
    left: 90.4%;
  }
  .bubble-08 {
    width: 2.4vw;
    height: 2.4vw;
    background-color: #ffffff;
    top: 31.8%;
    left: 28.1%;
  }
  .bubble-09 {
    width: 3.73vw;
    height: 3.73vw;
    top: 11.4%;
    right: 24.5%;
  }
  .bubble-10 {
    width: 34px;
    height: 34px;
    top: 540px;
    right: -webkit-calc(50vw - 498px);
    right: -moz-calc(50vw - 498px);
    right: calc(50vw - 498px);
  }
  .bubble-11 {
    width: 22px;
    height: 22px;
    top: 642px;
    right: -webkit-calc(50vw - 532px);
    right: -moz-calc(50vw - 532px);
    right: calc(50vw - 532px);
    background-color: #ffffff;
  }
  .bubble-12 {
    width: 29px;
    height: 29px;
    top: 496px;
    right: -webkit-calc(50vw - 640px);
    right: -moz-calc(50vw - 640px);
    right: calc(50vw - 640px);
  }
  .bubble-13 {
    width: 60px;
    height: 60px;
    top: 263px;
    right: -webkit-calc(50vw - 667px);
    right: -moz-calc(50vw - 667px);
    right: calc(50vw - 667px);
  }
  .bubble-14 {
    width: 22px;
    height: 22px;
    top: 219px;
    right: -webkit-calc(50vw - 711px);
    right: -moz-calc(50vw - 711px);
    right: calc(50vw - 711px);
    background-color: #ffffff;
  }
  .bubble-15 {
    width: 34px;
    height: 34px;
    top: 328px;
    right: -webkit-calc(50vw - 704px);
    right: -moz-calc(50vw - 704px);
    right: calc(50vw - 704px);
  }
  /*bubbles*/
  .c-cluster {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 20vw;
    z-index: 16;
    left: 0;
    opacity: 0;
    pointer-events: none;
  }
  .c-cluster.c-cluster--pos2 {
    left: 6vw;
  }
  .c-cluster.c-cluster--pos3 {
    left: 12vw;
  }
  .c-cluster.c-cluster--pos4 {
    left: auto;
    right: 0;
  }
  .c-cluster.c-cluster--pos5 {
    left: auto;
    right: 6vw;
  }
  .c-cluster.c-cluster--pos6 {
    left: auto;
    right: 12vw;
  }
  .c-cluster__inner {
    height: 100%;
    width: 100%;
    position: relative;
  }
  .c-cluster__bubble {
    display: block;
    background-image: url("../images/bubbles.png");
    -moz-background-size: 200% 100%;
         background-size: 200% 100%;
    background-position: 100% 0;
    width: 8.67vw;
    position: absolute;
    top: 100%;
    left: 0;
    pointer-events: none;
    -webkit-animation: sideOscillate 1s ease-in-out infinite alternate, pulsate .1s linear infinite alternate;
       -moz-animation: sideOscillate 1s ease-in-out infinite alternate, pulsate .1s linear infinite alternate;
            animation: sideOscillate 1s ease-in-out infinite alternate, pulsate .1s linear infinite alternate;
  }
  .c-cluster__bubble.c-cluster__bubble--pos2 {
    left: 20%;
  }
  .c-cluster__bubble.c-cluster__bubble--pos3 {
    left: 75%;
  }
  .c-cluster__bubble.c-cluster__bubble--top2 {
    top: -webkit-calc(100% + 130px);
    top: -moz-calc(100% + 130px);
    top: calc(100% + 130px);
  }
  .c-cluster__bubble.c-cluster__bubble--top3 {
    top: -webkit-calc(100% + 160px);
    top: -moz-calc(100% + 160px);
    top: calc(100% + 160px);
  }
  .c-cluster__bubble.c-cluster__bubble--top4 {
    top: -webkit-calc(100% + 190px);
    top: -moz-calc(100% + 190px);
    top: calc(100% + 190px);
  }
  .c-cluster__bubble.c-cluster__bubble--width2 {
    width: 15.33vw;
  }
  .c-cluster__bubble.c-cluster__bubble--width3 {
    width: 30px;
  }
  .c-cluster__bubble.c-cluster__bubble--solid {
    background-position: 0 0;
  }
  .c-cluster__bubble.c-cluster__bubble--time2 {
    -webkit-animation-duration: 8s;
       -moz-animation-duration: 8s;
            animation-duration: 8s;
  }
  .c-cluster__bubble.c-cluster__bubble--time3 {
    -webkit-animation-duration: 9s;
       -moz-animation-duration: 9s;
            animation-duration: 9s;
  }
  .c-cluster__bubble.c-cluster__bubble--time4 {
    -webkit-animation-duration: 10s;
       -moz-animation-duration: 10s;
            animation-duration: 10s;
  }
  .c-cluster__bubble:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .c-cluster {
    width: 20vw;
    /*z-index: 3;*/
  }
  .c-cluster.c-cluster--width2 {
    width: 15.33vw;
  }
  .c-cluster.c-cluster--width3 {
    width: 17.33vw;
  }
  .c-cluster__bubble {
    width: 8.67vw;
  }
  .c-cluster__bubble.c-cluster__bubble--width2 {
    width: 6.67vw;
  }
  .c-cluster__bubble.c-cluster__bubble--width3 {
    width: 4vw;
  }
  .blue {
    background: #1D2088;
  }
  .blue2 {
    background: #00A29A;
  }
  .blue3 {
    background: #0086D1;
  }
  ::-webkit-input-placeholder {
    color: #c6cfd6;
  }
  ::-moz-placeholder {
    color: #c6cfd6;
  }
  :-ms-input-placeholder {
    color: #c6cfd6;
  }
  ::placeholder {
    color: #c6cfd6;
  }
  input {
    width: 14.58333vw;
  }
  input[type="button"] {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    background: #C30D23;
    width: 43.54167vw;
    padding: 1.04167vw 3.125vw;
    border: none;
    margin: 0 auto;
    display: block;
    -moz-border-radius: 0;
         border-radius: 0;
  }
  .full input {
    width: 100%;
  }
  /*********** End top page ***********/
  /*********** Sub page ***********/
  /*children page*/
  .children .main_image .page_ttl {
    top: 37.5vw;
  }
  .children .fish_ani_1,
  .children .fish_ani_2,
  .children .fish_ani_3,
  .children .fish_ani_4,
  .children .fish_ani_5,
  .children .fish_ani_6,
  .children .fish_ani_7,
  .children .fish_ani_8,
  .children .fish_ani_9,
  .children .fish_ani_10 {
    position: absolute;
    -webkit-animation: float ease-in-out infinite alternate;
       -moz-animation: float ease-in-out infinite alternate;
            animation: float ease-in-out infinite alternate;
  }
  .children .fish_ani_1 {
    width: 16.66667vw;
    top: 6.25vw;
    left: 0;
    -webkit-animation-duration: 4.3s;
       -moz-animation-duration: 4.3s;
            animation-duration: 4.3s;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
            animation-delay: 1s;
  }
  .children .fish_ani_2 {
    width: 14.58333vw;
    bottom: -8.33333vw;
    right: 8.33333vw;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: 1.2s;
       -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  .children .fish_ani_3 {
    width: 12.5vw;
    top: 20.83333vw;
    left: 31.25vw;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: 1.2s;
       -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
  }
  .children .fish_ani_4 {
    width: 10.41667vw;
    bottom: 6.25vw;
    left: 31.25vw;
    -webkit-animation-duration: 4.1s;
       -moz-animation-duration: 4.1s;
            animation-duration: 4.1s;
    -webkit-animation-delay: .8s;
       -moz-animation-delay: .8s;
            animation-delay: .8s;
  }
  .children .fish_ani_5 {
    width: 16.66667vw;
    bottom: 52.08333vw;
    left: 10.41667vw;
    -webkit-animation-duration: 3.9s;
       -moz-animation-duration: 3.9s;
            animation-duration: 3.9s;
    -webkit-animation-delay: .6s;
       -moz-animation-delay: .6s;
            animation-delay: .6s;
  }
  .children .fish_ani_6 {
    width: 16.66667vw;
    top: 41.66667vw;
    right: 4.16667vw;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
            animation-delay: .4s;
  }
  .children .fish_ani_7 {
    top: 4.16667vw;
    width: 16.66667vw;
    left: 20.83333vw;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
            animation-delay: .4s;
  }
  .children .fish_ani_8 {
    top: 4.16667vw;
    width: 12.5vw;
    left: 45.83333vw;
    -webkit-animation-duration: 4.6s;
       -moz-animation-duration: 4.6s;
            animation-duration: 4.6s;
    -webkit-animation-delay: .5s;
       -moz-animation-delay: .5s;
            animation-delay: .5s;
  }
  .children .fish_ani_9 {
    width: 16.66667vw;
    top: 35%;
    right: 0;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
            animation-delay: .4s;
  }
  .children .fish_ani_10 {
    bottom: 0;
    width: 16.66667vw;
    left: 0;
    -webkit-animation-duration: 3.6s;
       -moz-animation-duration: 3.6s;
            animation-duration: 3.6s;
    -webkit-animation-delay: .4s;
       -moz-animation-delay: .4s;
            animation-delay: .4s;
  }
  .children .bAnchor {
    position: relative;
  }
  .children .bAnchor_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    /*margin: 0 0 0 -vw(40);*/
  }
  .children .bAnchor_list li {
    width: 100%;
  }
  .children .bAnchor_list li:not(:first-child) {
    margin-top: 6.25vw;
  }
  .children .bAnchor_list li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: url(../images/anchor_bg.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    color: #1156A6;
    /*height: vw(79);*/
    padding: 5.20833vw;
    -moz-border-radius: 2.08333vw;
         border-radius: 2.08333vw;
    /*border: 2px solid #4D4D4D;*/
    font-size: 5vw;
    line-height: 1;
    position: relative;
  }
  .children .bAnchor_list li a:after {
    content: "";
    background: url(../images/arr_list.png) no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 3.33333vw;
    height: 3.75vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    right: 4.16667vw;
  }
  .children .block_ttl {
    font-size: 5.83333vw;
    text-align: center;
    line-height: 1;
    position: relative;
    color: #1156A6;
    font-weight: bold;
    margin-bottom: 8.33333vw;
  }
  .children .block_ttl span {
    padding: 1.04167vw 6.25vw;
    background: url(../images/ttl_bg_1.png) no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    position: relative;
  }
  .children .block_ttl span:after {
    position: absolute;
    content: "";
    width: 7.29167vw;
    height: 5.20833vw;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4.16667vw;
    background: url(../images/ttl_arr_1_sp.png) no-repeat;
  }
  .children .lp_sec {
    text-align: center;
    padding: 10.41667vw 0;
  }
  .children .lp_sec {
    text-align: center;
    padding: 10.41667vw 0;
  }
  .children .lp_sec figure:not(:first-child) {
    margin-top: 10.41667vw;
  }
  .children .lp_sec figure.no-mg {
    margin-top: 0 !important;
  }
  .children .sec1 {
    background: #eb6d95;
  }
  .children .sec2 {
    background: #828181 url("../images/img2_bg.jpg") no-repeat top center/contain;
  }
  .children .sec3 {
    background: #fff;
  }
  .children .sec4 {
    background: -moz-linear-gradient(top, #e6f4fd, #6cc5f0); 
    background: -webkit-linear-gradient(top, #e6f4fd, #6cc5f0); 
    background: linear-gradient(to bottom, #e6f4fd, #6cc5f0); 
  }
  .children .sec5 {
    background: #fff;
  }
  .children .map iframe {
    width: 100%;
    height: 350px;
  }
}