/* 上に移動をTop表示 */
#page-top{
  z-index: 30;
}

.prime_p {
  display: flex;
  align-items: flex-end;
}

.prime_name {
  color:black;
  align-items: flex-end;
  text-decoration:underline;
}

.prime_fig{
  height:180pt;
  width:160pt;
  border-radius: 20px;
  margin-left:30px;
}

/* 画面全体サイズ */
.swiper-container {
  width: 100%;
  z-index: 0;
}

.swiper-pagination{
  margin-bottom: -16px;
}

.swiper-slide {
  z-index: 0;
  text-align: center;
  font-size: 20px;
  background: #fff;


  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  background-color: transparent;
  display: block;
  width: 80%;
  height: 80%;
  object-fit: cover;
}


.back_btn{
  text-align:center;
  margin-top:10pt;
  background-color: #00a29a;
  color:white;
}

.interview_title{
  font-size:20pt;
  text-align: center;
  text-decoration:underline;
  margin-bottom:25px;
}

.back-saiyo{
  background-color: greenyellow;
  justify-content: center;
  text-align: center;
}

.arrow-icon {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: black;  
  transform: rotate(45deg);
}

.box{
  float: left;
}

.header_title {
  font-size:18pt;
  text-align: center;
  margin-bottom:10px;
}

.title{
  font-size:18pt;
  text-align: center;
  text-decoration:underline;
  margin-bottom:10px;
}

.other_member {
  font-size:18pt;
  text-align: center;
  margin-bottom:10px;
}

.catch{
  font-size:20pt;
  text-align: center;
}

.copy{
  color:black;
  font-size:13pt;
}

.OF-cover{
  width: 150px;
  height: 150px;
  border-radius:50%;
  margin:10px 30px 10px 30px;
}

.mem_p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:30px;
}

.mem_text{
  background-color: #00a29a;
  margin:auto;
  font-size:25px;
  color:white;
  border-radius: 20px;
  padding:20px 20px 5px 20px;
  vertical-align: middle;
  z-index: 100;  
}

.mem_fig{
  height:350pt;
  width:auto;
  border-radius: 50px;
  margin-left:80px;
  z-index: 0;
}

.question_mark{
  background-color: #00a29a;
  color: white;
  font-size:20px;
  padding:5px;
  align-items: center;
}

.question{
  margin-bottom:20px;
  color: #00a29a;
  font-size:21px;
}

.answer{
  margin-bottom:25px;
  font-size:15pt;
}

.skill_p{
    display:flex;
}

/* .sys{
  list-style-type: square;
} */


.rec_head{
  color:#ff0066;
  font-weight:bold;
  text-align: center;
  font-size:20px;
}

.member_details {
  text-align: center;
  position: relative;
  padding-top: 28px;
}

.member_details img {
  width: 85%;
  max-width: 1000px;
  height: auto;
  border-radius: 30px;
}

p.member_message {
  width: 100%;
  position: absolute;
  color:#fff;
  text-align: center;
  font-size: clamp(0.167rem, 1vw + 1rem, 3rem);
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.member_name {
  margin-top: 28px;
  font-size: clamp(0.167rem, 1vw + 1rem, 3rem);
  text-align: center;
}

.member_list_name {
  font-size: 20px;
  text-align: center;
  color: #000;
}

@media screen and (max-width: 1000px) {
  .rec_head{
    font-size:16px;
  }

  .skill_p{
    display:block;
  }

  .interview_title{
    text-align: center;
    font-size:18px;
  }
  
  .question_p{
    display:flex;
    height:40px;
  }

  .question{
    padding-top:3px;
  }
  
  .question{
    padding-top:3px;
  }
  
  .prime_p {
    display: block;
  }

  .prime_fig{
    margin-left:auto;
  }

  .mem_p {
    display: block;
    text-align: center;
    position: relative;
  }

  .mem_c1{
    position: relative;
    z-index:100;
  }

  .mem_c2{
    position: relative;
    z-index:0;
  }

  .mem_fig{
    width:85%;
    height: auto;
    margin-left:0pt;
    border-radius: 30px;
  }

  .mem_text{
    width:70%;
    font-size:15px;
    padding:10px 5px 1px 5px;
    margin-bottom:-10px;
  }

  .shadow_test_recruit {
    font-weight: bold;
    font-size:40px;
    text-shadow: 3px 3px 10px #aaa;
  }
}