.sec-0{margin: 9.8rem 0 0 0;}
.sec-1{margin: 0rem 0 0 0;}

.span-01{color: #000;font-weight:bold ;font-size:2rem ;
  margin:0;text-align: left;}
.span-02{color: #000;line-height: 6rem;
  font-weight:bold ;font-size:5.8rem;margin:0;text-align: left;}
.span-03{color: #2c6fad;font-weight:bold ;font-size:3.4rem;
  text-align: left;}
.left{text-align: left;margin:8rem auto 2rem ;max-width:35rem;}
.zenbu{margin:0 0 6rem 0;}

.pokemon{padding:0 2rem; max-width: 42rem; margin:3rem auto 0;
font-size:1.6rem ;color:#424242;}



.title-h2{font-size: 1.4rem;background-color: #4A9DCF;
    color: #FFF;margin:0 3rem 0 3rem;
    text-align: center;}


.title-h3{font-size: 1.4rem;background-color: hsl(203, 58%, 55%);
    color: #FFF;margin:6rem 3rem 6rem 3rem;padding:1rem 0;
text-align: center;
}
  
.gyoshosho{margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.gaiyana{text-align: center;} 
.gegege2 p{color: #424242;font-size: 1.4rem;font-weight: bold;
text-align: center;padding:3rem 0 0 0;
}
.goyoyaku{padding:3rem 0 0 0;}
.gegege3 p{color: #868686;font-size: 1.2rem;font-weight: bold;
text-align: center;padding:3rem 0 0 0;
}

.d-c-l-2 div p{text-align: left;
margin:0;
}
.top-bg{
    max-width: 96rem;
    margin:0 auto;   
}

.movie {position: relative;
  object-fit: cover;
	margin: 0 0 0rem 0rem;
	padding: 0rem 0 0 0;
	background: #3CA6CC;
}
.d-c-l-3 div p{text-align: left; }
.bababababa{font-size: 1.6rem;padding:3rem 0 0 0;width: 36rem;}

.movie video{	height: 38rem;object-fit: cover;}
.movie_pc {width: 100%;max-width: 96rem;position: relative;}

.top-title-cont{
  position: absolute;
  bottom:0% ;
  margin:0 auto ;
  padding:2rem 1rem;
border-radius: 0 0rem 0rem 0; }

  .title-p,.title-h1,.title-p2{ color:#f4f5f7;  }
  .title-h2-umi{ color:#f7f7f7; font-size: 2.4rem;margin:0;
    
 }
  .span-05{border-left: #FFF 1.2rem solid;margin:0 1rem 0 0;
  }
  .span-06{border-left: #60a0ff 1.2rem solid;
    margin:0 1rem 0 0;
  }
.schedule-h2{
  font-size: 3.2rem;text-align: center;
  background-color: #5cc0c4;
  color: #FFF;
  margin:0;
  padding: 2rem 0;
}
.flex100{
max-width: 33.2rem;
margin:0 0.4rem;
}
.flex100 h3{font-size:2rem;
border: #FFF 1px solid;
padding:1rem 0 0.8rem;
}
.mimomimo{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.gegeda{font-size: 2rem;}
.babe{
  text-align: center;
  font-size: 2.4rem;
  color: #424242;
  font-weight: bold;
  margin:0 0 8rem;
}
.babe2{
  text-align: center;
  font-size: 2.4rem;
  color: #424242;
  font-weight: bold;
  margin:8rem 0 4rem 0;
}

.iro22{color: #2c6fad;font-weight: bold;}
.iro23{color: #fff673;font-weight: bold;}


.chuui{

}
.chuui h2{background-color: #000;color: #FFF;margin:0;text-align: center;
padding:3rem;font-size: 2.8rem;}
.chuui p{font-size: 1.8rem;padding:0 2rem;margin:3rem 0;}


.title-p{margin:0;padding:0 0 0 2rem;font-size:1rem ;}
.title-h1{margin:0;padding:0 0 0 2rem;font-size:1.6rem ;
  line-height: normal;}
.title-p2{margin:0;padding:0.4rem 0 0 2rem;
 font-size:1.2rem ; font-family:serif;}

#kokekoke{color:#f7f7f7; font-size: 2.4rem;margin:0;
}

 .jogogo{display: flex;justify-content: space-evenly; flex-wrap: wrap;}

.mamamama{background-color: #2376aa;margin:0;}
 .gega1{margin:0;color: #FFF;text-align: center;
  padding:3rem 2rem ;font-size:2.4rem ;
    border: #ffffff3d 1px solid;}

    .gega{
        margin:0;color: #FFF;text-align: center;padding:3rem 0 ;font-size:1.2rem ;
}

.flex-barara{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.setumei{width:36rem;font-size: 1.4rem;color: #FFF;}
/*   --------------     *//*   --------------     */

.jinsei-h2-cont{position: relative;
  background-color:#3CA6CC ;
  margin:0;
}

.jinsei-h2-cont h2{ 
  position: relative;
  margin:0;text-align: center;font-size: 2.3rem;color: #FFF;
  padding:12rem 0 8rem 0;
  z-index: 3;
} 
.jinsei-a-scuba{
  position: absolute;
  padding: 0;
  width:calc(50vw - 20rem) ;
  min-width: 10rem;
top:2rem;
left:2rem;
z-index: 0;
}

.jinsei-flex{display: flex;flex-wrap: wrap-reverse;justify-content: space-around;
background-color: #3CA6CC;
justify-content: space-evenly;
clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
padding:4rem 0 0 0;
background-image: url(img/gyoshoku/icon-parrot-fish-diving.png);
background-repeat: no-repeat;
background-size: 200px;
background-position:3rem 7rem ;
}

.jinsei-attou-bg{margin:0;color:#FFF;margin:2rem 0 1rem 0;}
.jinsei-attou-bg h2{
  margin:0;font-size: 1.8rem;
  
  padding:1rem 1rem;}
.jinsei-attou-bg p{margin:0;font-size: 1.5rem;padding:1rem 1rem 0 3rem;}
.jinsei-arrow-youtube-flex{
  display: flex;
padding:0 0 16rem 0;
}

.jinsei-youtube{
  width:36rem;
 padding:0rem 0 0rem 0;
}


/*   --------------     *//*   --------------     */
.corse4-h3-bg{
  text-align: center;padding:6rem 0 ;
background-image: url(img/gyoshoku/icon-hermit-crab.png);
background-repeat: no-repeat;
background-size: 120px;
background-position: 81% 100% ;
text-shadow:0.1rem 0.2rem 0.5rem #FFF ;
}

.gegege{background-color: #ffffffc5; max-width: 38rem;margin: 0 auto;
border-radius: 10rem;
}
.corse4-h3-bg h2{color: #3CA6CC;font-size: 2.4rem;}
.corse4-h3-bg p{color: #868686;font-size: 1.4rem;font-weight: bold;}

/*   --------------     *//*   --------------     */
.corse4-bg-flex{display: flex;justify-content:center;flex-wrap: wrap;margin:3rem 3rem 0 3rem;}
.corse4-fbox-left{display: flex;}
.left-title h2{background-color: #f1919e;color: #FFF;padding:1rem;text-align: center;}
.dli-caret-left {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1rem 1rem;
  border-right-color: currentColor;
  border-left: 0;
 padding:0 0.6rem 0 0;
}
.corse4-fbox-right{display: flex;}
.right-title h2{background-color: #3FA5CD;color: #FFF;padding:1rem;text-align: center;}
.dli-caret-right {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 1rem 1rem;
  border-left-color: currentColor;
  border-right: 0;
  padding:0 0 0 0.6rem ;
}


.project-title-h3-l{
  margin:0rem auto;
  padding:0.4rem 0rem;
  text-align: center;
  color: #ffffff;font-size: 1.3rem;font-weight: bold;
  bottom: 0% ;
  /* background-color: #faa3a3af; */

  border-bottom:#ffffff21 1px solid ;
}


.project-title-h3-r{
  margin:0rem auto;
  padding:0.4rem 0rem;
  text-align: center;
  color: #ffffff;font-size: 1.3rem;font-weight: bold;
  bottom: 0% ;
  /* background-color: #20649b79; */
  border-bottom:#ffffff21 1px solid ;
}

.project-title-h3-l img{vertical-align: text-top;padding:0 0.5rem 0rem 0rem;margin:0 0 0 -1.7rem;}
.project-title-h3-r img{vertical-align: text-top;padding:0 0.5rem 0rem 0rem;margin:0 0 0 -1.7rem;}


.myList{
  font-size: 1.2rem;
  margin:0 auto; 
padding:0rem 0 0 2rem;
color: #FFF;
max-width: 12rem;
}

.sankaku {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-top:    0.7rem solid transparent;
	border-bottom: 0.7rem solid transparent;
	border-left:   0.7rem solid #ffffff;
}


/*   --------------     *//*   --------------     */


.btm-coment{color:#868686;font-size: 1.3rem;margin:0 auto;}
.btm-coment p{padding:0 0 0 1rem;}
.btm-left  {
  
  border-left:#f8c4cbce solid 1rem;
  /* border-right:#f8c4cbce solid 1rem; */
}
.btm-right  {border-left:#9cd4eba2 solid 1rem;
             /* border-right:#9cd4eba2 solid 1rem; */
}
.grgrgr{font-size: 1.3rem;color: #FFF;background-color:#4A9DCF ;margin:10rem 0 0 0;padding:4rem 0;}


.nami_sita{position: relative;}

.aob-abs{
  position: absolute;
  max-width:calc(100vw - 60rem);
  min-width:22rem ;
  bottom:0rem;
  right:0rem;
  margin:0;
  z-index:-5 ;
}


@keyframes image_anime {

0% {
  background-image: url(img/gyoshoku/background-yokoshima-coral.png)

}
25%{
  background-image:url(img/gyoshoku/background-yokoshima-coral-2.png);
}
50%{
  background-image:url(img/gyoshoku/background-yokoshima-coral-3.png)  ; 
}
100%{
  background-image: url(img/gyoshoku/background-yokoshima-coral.png)
   
}

}

/* --------------------------------------*/
.env-top-bg{

background-image:url(img/gyoshoku/background-snorkel.png) ;
position: relative;
height:39rem;
background-size: cover;
position: relative;
margin:-4rem 0 0 0;
}


.top-title-cont-2{
  position: relative;
  top:25%;
  float:left;
  padding:3.2rem 0rem 1rem 0rem;
  background-color: rgba(46, 46, 46, 0.377);
border-radius: 20rem 0rem 20rem 0;
width: 36rem;
}
.top-title-cont-2 p,.top-title-cont-2 h2{padding:0 0rem 1rem 4rem ;}


.env-btm-bg{

  color:#FFF;
  background-color: #3d93bb;
  padding:3rem 0 10rem 0;
}
.flex-bara{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.flex-bara div p{margin:0 0 0 6rem; font-size: 1.4rem;padding:0 2rem;}
.pasupasu {padding:1rem 0 1rem 0;margin:0 auto;max-width: 40rem;}
.pasupasu p{padding:1rem;font-size: 1.6rem;}
.h3-barabara{font-size: 1.6rem;padding:0 0 0 1rem; border-left: #FFF 3px solid;margin:0 0 0 6rem;}
  .wrap{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
  .youtube_cont{
    width:36rem;
   padding:0rem 0 2rem 0;
  }
  .bibibibi{color: #f4ff5c;font-size: 1.6rem;font-weight: bold;}
.sec2-h3{margin:0rem auto 2rem auto;
  padding:1rem 0;text-align: center;font-size: 1.4rem;
   ;border-left: #FFF solid 1rem;width:30rem;}

  .sec2-h3-2{margin:5rem auto 3rem auto;text-align: center;font-size: 1.4rem;
    padding:1rem 0 ;border-left: #FFF solid 1rem;width:30rem;}
   

    .d-c-l{ margin:0 auto;}
    .d-c-l div{ text-align: left; }
    
    .d-c-l div p{text-align: left;}
    .env-l{
     padding:0rem 0 2rem 0;
    }



/*  ----------------------- */

.sec-3{margin: 0rem 0 0 0;}

.sec3-h3{margin:0 auto 0 auto;text-align: center;font-size: 2.2rem;
  padding:0.2rem 0 0 1rem ;border-left: #FFF solid 1rem;width:30rem;}

  .sec3-btm-bg{
    color:#FFF;
    background-color: #3CA6CC;
    margin:0rem 0 0 0;
    padding:7rem 0 0rem 0;
    background-image:url(img/top/bg-bubble.png) ;
    background-repeat: no-repeat;
   background-position:83% 6rem ;
  }

  .top-title-cont-3{
    position: relative;
    top:6%;
    padding:3rem 0rem 3rem 1rem;
    background-color: rgba(2, 133, 194, 0.651);
  border-radius: 0rem 1rem 20rem 0;
  width: 34rem;
  }

  .moji-p-14{font-size: 1.4rem;padding:1.2rem 0 0 0;}



  .myList-2{font-size: 1.2rem;
 text-shadow: 0 0 5px #0d717eb2;
    margin:0 auto; 
  padding:0rem 0 0 2.4rem;
  color: #ffffff;
  }
.hukidashi{
  display: flex;justify-content: center;margin:3rem 0 0 0;
}

.gekioko p{margin:0 auto;text-align: center;}
.gekioko-flex{
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
justify-content: space-evenly;
}

.staff-top-bg{
  
  background-image: url(img/scuba-diving/top/background-staff.png);
  height:44rem;
  background-size: cover;
  position: relative;
  background-position:-13rem 0 ;
  background-repeat: no-repeat;
  margin:-8rem 0 0 0;
  }



  .hukidashi-waku-sho{
    margin:2rem 2rem 1rem 2rem;
    padding:2rem 1rem 2rem 0rem;
    position: relative;
 background-color: #9ad3ee80;
  border: dashed 2px #abe1fa67;
  box-shadow: 0 0 0.4rem 4px #9dd2eb;
  border-radius: 5px;

max-width: 22rem;

  }
  .hukidashi-waku-ono{
    margin:2rem 2rem 1rem 2rem;
    padding:2rem 1rem 2rem 0rem;
      position: relative;
   
max-width: 22rem;
       background-color: #9ad3ee;
  border: dashed 3px #29b5f688;
   box-shadow: 0 0 0.4rem 4px #9dd2eb;
  border-radius: 5px;
      }
  .huki-l::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -2rem;
  top: 20px;
  border-left: 15px solid #f8f3d8;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.huki-r::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -2rem;
  top: 20px;
  border-left: 15px solid #f8f3d8;
  border-top: 0px solid transparent;
  border-bottom: 15px solid transparent;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}


.hukidashi-waku p{
  color: #868686;font-size:1.4rem;
}

.hukisita-p{
  font-size: 1.5rem;
  padding:0;
  margin:6rem auto 0 auto;
  max-width: 39rem;
color: #FFF;
}

.hukisita-p2{
  font-size: 1.5rem;
  padding:0;
  margin:0 auto 0 auto;
  max-width: 39rem;
color: #FFF;
}

.deka-sankaku{
 margin:1.2rem auto 1rem auto;
  display: inline-block;
	border-left: 7rem solid transparent;
	border-right: 7rem solid transparent;
	border-top: 5rem solid #fafafa;
}
.flex-ddd{display: flex;justify-content: space-evenly;flex-wrap: wrap;}

.img-abs{
  position: relative;
  left:0%;
  top:10%;
}
.sitasita-p{
  font-size: 1.2rem;
  padding:0 0 6rem 0;
}



.sec-4-flex{
  background-color: #4A9DCF;
  margin:0;
  padding:12rem 0 0 0;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.sec-4-flex h2{border-left: #FFF 0.6rem solid; font-size: 1.6rem;color: #FFF;margin:2rem 0 2rem 0;}
.sec-4-flex p{font-size: 1.4rem;color: #FFF;margin:0;}

.pipipi{padding:1rem 0 0 0 ;}


.bubble-background {
  position: relative;
  background-image: linear-gradient(180deg, #3CA6CC 0%, #50a4d8 100%);
  overflow: hidden;
  z-index: 20;
}
.bubble {
  position: absolute;
  bottom: -50px;
  background-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: inset 0 0 10px rgba(238, 255, 251, 0.2);
  animation: bubble 7s linear infinite;
}


.bubble::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.25) translate(-70%, -70%);
  background: radial-gradient(rgba(244, 255, 255, 0.288), transparent);
  border-radius: 50%;
}

@keyframes bubble {
  0% {
      transform: translatY(0);
      opacity: 1;
  }

  99% {
      opacity: 1;
  }

  100% {
      transform: translateY(-100vh);
      opacity: 0;
  }
}
/* 9.5 以上 */



@media (min-width: 644px){
  .jinsei-arrow {display: block;
  margin: 3rem 0 0 3rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 20px solid #ffffff;
  border-right: 0;

  }

  .title-p{margin:0;padding:0 0 0 2rem;font-size:1.5rem ;}
  .title-h1{margin:0;padding:0 0 0 2rem;font-size:2rem ;
    line-height: normal;}
  .title-p2{margin:0;padding:0.4rem 0 0 2rem;
   font-size:1.4rem ;}
  

  .movie video{	height: auto;object-fit: cover;}


}