@charset "UTF-8";
#index-interview {
  background-color: #f0f0f0;
  margin-top: 100rem;
  margin-bottom: 100rem;
  position: relative;
  /*矢印の設定*/
  /*戻る、次へ矢印の位置*/
}

#index-interview h2 {
  font-size: 65rem;
  letter-spacing: 3rem;
  text-align: start;
  transform: translateY(-50%);
  color: #61C359;
  font-family: 'Times New Roman';
  font-style: italic;
}

#index-interview .ja {
  font-size: 18rem;
  font-weight: bold;
  color: #00021C;
  font-style: normal;
  transform: translateY(-70rem);
  letter-spacing: 5rem;
}

#index-interview .slider {
  display: flex;
  width: calc(100%);
  justify-content: center;
}

#index-interview .slider li {
  width: 55%;
  text-align: center;
  margin-right: 16rem;
}

#index-interview .slider li img {
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

#index-interview .slider li .position {
  font-size: 13rem;
  margin-top: 10rem;
  font-family: "Hiragino Mincho ProN";
  color: black;
}

#index-interview .slider li .name {
  font-size: 28rem;
  line-height: 1;
  margin-top: 10rem;
  margin-bottom: 50rem;
  font-family: 'Times New Roman';
  font-style: italic;
  letter-spacing: 3.5rem;
}

#index-interview .slider li .name span {
  color: #61C359;
}

#index-interview .slider .slick-slide {
  margin: 0 50px 0 0;
}

#index-interview .prev,
#index-interview .next {
  position: absolute;
  /*絶対配置にする*/
  top: -175rem;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  height: 64rem;
  width: 64rem;
  z-index: 9;
}

#index-interview .prev {
  /*戻る矢印の位置と形状*/
  right: 500rem;
}

#index-interview .next {
  /*次へ矢印の位置と形状*/
  right: 400rem;
}

#position {
  background-color: #f0f0f0;
  margin-top: 150rem;
  margin-bottom: 100rem;
  text-align: center;
  padding-bottom: 100rem;
  position: relative;
  z-index: 0;
}

#position h2 {
  font-size: 40rem;
  letter-spacing: 10rem;
  text-align: center;
  line-height: 1;
  transform: translateY(-20rem);
  position: relative;
}

#position h2 .en {
  position: absolute;
  left: 0%;
  width: 20%;
  transform: translate(100%, -80rem);
}

#position .interview-list {
  margin-top: 50rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50rem;
  z-index: 1;
}

#position .interview-list > li {
  width: calc((100% - 30rem)/3);
  z-index: 2;
  position: relative;
}

#position .interview-list > li a {
  width: 100%;
  display: inline-block;
  background-color: white;
  text-align: start;
  padding: 40rem;
  font-size: 22rem;
  letter-spacing: 5rem;
  margin-bottom: 30rem;
}

#position .interview-list > li figure {
  position: absolute;
  width: 6%;
  top: 50%;
  transform: translateY(-100%);
  right: 5%;
  pointer-events: none;
}

#position .interview-list li a:nth-child(2n-1) {
  margin-right: 30rem;
}

#position .btn {
  z-index: 2;
  padding: 20rem 80rem;
}

#position .back-text {
  position: absolute;
  font-size: 253rem;
  color: white;
  bottom: -100rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.34;
  font-family: "Times New Roman";
  font-style: italic;
  z-index: -1;
}

#entry {
  background: url(../img/img_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 100rem;
  padding-bottom: 100rem;
  text-align: center;
  position: relative;
}

#entry .entry-btn {
  background: linear-gradient(to bottom right, #61C359 50%, #038d31);
  width: 60%;
  margin: 0 auto;
  padding-top: 30rem;
  padding-bottom: 30rem;
  position: relative;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 1;
  opacity: 80%;
}

#entry .entry-btn p {
  line-height: 1.5;
  color: white;
  font-size: 22rem;
  letter-spacing: 5rem;
}

#entry .entry-btn p .entry-en {
  font-size: 80rem;
  font-family: "Times New Roman";
  font-style: italic;
  line-height: 1.3;
}

#entry .entry-btn p .entry-ja {
  font-size: 18rem;
}

#entry .darkblue {
  background: linear-gradient(to right bottom, #038d31, #61C359);
}

#entry .entry-btn:hover {
  transition-duration: .5s;
  transform: translateY(2rem);
}

#entry figure {
  position: absolute;
  width: 6%;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}

/* ============================================ */
/* SP */
@media screen and (max-width: 1080px) {
  #index-interview {
    /*矢印の設定*/
    /*戻る、次へ矢印の位置*/
  }
  #index-interview .slider {
    width: calc(100%);
  }
  #index-interview .slider li {
    width: 80%;
  }
  #index-interview .slider .slick-slide {
    margin: 0 20px 0 0;
  }
  #index-interview .prev,
  #index-interview .next {
    top: -75rem;
    height: 50rem;
    width: 50rem;
    z-index: 9;
  }
  #index-interview .prev {
    /*戻る矢印の位置と形状*/
    right: 400rem;
  }
  #index-interview .next {
    /*次へ矢印の位置と形状*/
    right: 300rem;
  }
  #position h2 .en {
    width: 50%;
    transform: translate(0%, -140rem);
  }
  #position .interview-list > li {
    width: 100%;
  }
  #position .interview-list li a:nth-child(2n-1) {
    margin-right: 0rem;
  }
  #position .btn {
    z-index: 2;
  }
  #entry .entry-btn {
    width: 90%;
  }
  #entry .entry-btn p .entry-en {
    font-size: 60rem;
    line-height: 2;
  }
  #entry figure {
    width: 10%;
  }
}