


.triangle_right {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-top: .8em solid transparent;
	border-bottom: .8em solid transparent;
	border-left: 0.8em solid #ffa726;}




.sec-0{margin: 9.8rem auto 0 auto;
position: relative;}
.sec-1{margin: 0rem auto 0 auto;}
section{max-width: 96rem;margin:0 auto;}
.top-bg{
  position: relative;
    max-width: 96rem;
    margin:0 auto;   
    background-image: url(img/join-our-team/top.jpg);
    background-position:center ;
    background-repeat: no-repeat;
    background-size:cover;
    height: 0;
    padding-top:65.104166666% ;
}


.top-title-cont{
  background-color: #0717411c;
  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-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 ;}

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

.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: relative;
  padding: 0;
  width:calc(50vw - 20rem) ;
  min-width: 10rem;
top:2rem;
left:2rem;
z-index: 0;
}



.sec-1-bg{background-color:#00B5E9 ;
position: relative;
padding:10rem 0 10rem;
}
.sec-1-bg h2{
  color: #FFF;
  margin:0rem auto;
  font-size:2.8rem ;
}

.sec-1-bg p{
  color: #FFF;
  margin:0rem auto;
  font-size:2rem ;
}
.dcl{width: 26rem;
margin: 0 auto;}
.dcl p{text-align: left;
}

.img-abs-parrot{
  position:absolute;
right:5%;
top:-5%;
}

.img-abs-join{
  position:absolute;
bottom:-55%;
}

.sec-2{
  margin:18rem auto 0;max-width: 96rem;
  position: relative;
}
.sec-2-top{padding-top:5rem ;
}

.line-h2{border-bottom: #00B5E9 3px solid;
font-size: 2.4rem;color: #00B5E9;}

.bg-sec-2-taiken{
  background-color: #4FBFD3;
  margin:5rem 0 0;
}

.bosubosu{color: #00B5E9;font-size: 2.4rem;}

.flex-bo{
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
}






.taiken-h3{
  margin:0 auto;
  padding:3rem 0 2rem 0;
  text-align: center;
  max-width: 36rem;

}
.taiken-h3 h3{
  color: #ffffff;
  border-bottom: #fff 3px solid;
  font-weight: bold;
  font-size:1.8rem ;
 
 padding:0.2rem 0;
}

.sec-2-taiken-flex{
  display:flex;
    justify-content:center;
    flex-wrap: wrap;
  
}

.nanana{max-width: 37rem;
margin: 0;
font-size: 1.4rem;
color: #FFF;
text-align: center;

}

.dekap{
  text-align: center;
  max-width: 37rem;
  margin: 0 auto;
  padding:8rem 0 1rem 0;
  font-size: 2.4rem;
  color: #FFF;
  font-size: bold;
  font-weight: bold;

}

.flex-kao{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding:5rem 0 ;
}
.flex-kaonaka{display: flex;
align-items: center;
}
.gogo{
  max-width: 37rem;
  margin: 0 auto;
  padding:1rem;
  font-size: 1.9rem;
  color: #FFF;
  font-size: bold;
}

.gogo2{
  max-width: 37rem;
  margin: 0 auto;
  padding:1rem;
  font-size: 1.4rem;
  color: #FFF;
  font-size: bold;
}
/*           */


.sec-3{max-width: 96rem;margin: 0 auto 0rem auto;
border-bottom:#4FBFD3 10px solid;
position: relative;
padding:0 0 9.6rem 0;
}
.omoide{background-color:#5BC0C7 ;
  text-align: center;
  margin:0;
}
.omoide h2{
  margin:0;
  padding:1.2rem 0;
  color: #FFF; 
  font-size: 1.7rem; 
}

.flex-yonin{

  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding:5rem 0 0rem;
}

.flex-yonin2{

  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap-reverse;
  padding:5rem 0 0rem;
}

.gaga{max-width: 42rem;}
.bababa-bg{
  display: flex;
  align-items: center;

}
.bababa{
  max-width: 37rem;
 
}
.bababa h3{
  padding:0.4rem 0 0.4rem 2rem;
  font-size: 1.6rem;
  color: #868686;
  font-size: bold;
  border-left: #5BC0C7 solid 4px;
}

.jagajaga{font-size: 1.6rem;
color:#868686;
padding: 1rem ;

}
.jagajaga2{font-size: 1.6rem;
  color:#868686;
  padding: 11rem 0 8rem;
  font-weight: bold;
  }
.img-abs-kashima{
position: absolute;
right:0;

}

/*            ----------------            */
.sec-4{max-width: 96rem;margin:0 auto;
background-color:#4FBFD3 ;
padding:0 0 8rem 0;
}
.sec-4-top-bg{
  margin:0 auto 3rem auto;
  background-image: url(img/seawalker/introduction/seawalker-kashima-arrival-pier.png);
  background-repeat: no-repeat;
  background-size:96rem ;
  background-size:cover ;
  position: relative;
height:42rem;
}
.sec-4-moji-bg{
  background-color: #1b505cb0;
  max-width: 36rem;
  position: relative;
  top:15%;
  margin:0 auto;
  padding:2rem;
  color:#FFF;
}

.sec-4-top-h2 h2{font-size: 2.1rem;}
.sec-4-top-p{font-size: 1.6rem;}

.img-abs-waiting{
position: absolute;
top:-12rem;
width:calc(100vw - 24rem) ;
max-width:21.4rem ;
}

.h3-sindan{
  margin:8rem auto 0;
color: #FFF;
text-align: center;
font-size: 1.4rem;
padding:1rem 2rem;
border-top:#FFF solid 1px ;
border-bottom:#FFF solid 1px;
width:26rem ;
}

.popopo{
  box-shadow: 0px 0px 15px -5px #ffffff;
border-radius: 10px;}


.caution{color: #FFF;
font-size: 1.4rem;
}
















@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;}

.sec-4-top-h2 h2{font-size: 2.4rem;}
.sec-4-top-p{font-size: 1.6rem;}
}