@charset "UTF-8";
/*=======================================
採用情報 スタッフインタビュー
=========================================*/
.p-recruit-interview__lead {
  margin-bottom: 88px;
}
.p-recruit-interview__lead .img1 {
  position: relative;
  margin-bottom: 40px;
}
.p-recruit-interview__lead .img1 img {
  position: relative;
  z-index: 2;
}
.p-recruit-interview__lead .img1:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  right: -44px;
  bottom: -60px;
  width: 700px;
  height: 420px;
  background: #44adf0;
  background: -moz-linear-gradient(top, #44adf0 0%, #1c4ea3 100%);
  background: -webkit-linear-gradient(top, #44adf0 0%, #1c4ea3 100%);
  background: linear-gradient(to bottom, #44adf0 0%, #1c4ea3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44adf0', endColorstr='#1c4ea3',GradientType=0 );
}
.p-recruit-interview__lead .heading {
  float: left;
  width: 35%;
}
.p-recruit-interview__lead .txt1 {
  float: right;
  width: 58%;
  padding-top: 40px;
}
.p-recruit-interview__lead .txt1 p {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 180%;
  font-weight: bold;
  color: #1c4ea3;
}
.p-recruit-interview__content {
  position: relative;
}
.p-recruit-interview__content:before {
  display: block;
  content: "";
  position: absolute;
  background: #eaf6fc;
  z-index: 1;
  left: 0;
  top: 165px;
  width: calc(50% + 640px);
  height: calc(100% - 165px - 440px);
}
.p-recruit-interview__content ul {
  position: relative;
  z-index: 2;
}
.p-recruit-interview__content li {
  float: left;
  width: 46%;
  margin-left: 8%;
  margin-bottom: 160px;
}
.p-recruit-interview__content li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.p-recruit-interview__content li:nth-child(2n) {
  padding-top: 30px;
}
.p-recruit-interview__content li a {
  display: block;
  text-decoration: none;
}
.p-recruit-interview__content li a:hover .img1 img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.p-recruit-interview__content li .img1 {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}
.p-recruit-interview__content li .img1 img {
  width: 100%;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.p-recruit-interview__content li .img1 .en {
  font-size: 46px;
  font-size: 4.6rem;
  position: absolute;
  color: #fff;
  font-family: "Kumbh Sans", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  line-height: 100%;
  left: 30px;
  bottom: 30px;
}
.p-recruit-interview__content li .txt1 h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 12px;
  color: #000;
}
.p-recruit-interview__content li .txt1 .name {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 160%;
  color: #1c4ea3;
  font-weight: bold;
  margin-bottom: 3px;
}
.p-recruit-interview__content li .txt1 .join {
  color: #1c4ea3;
}

.p-recruit-interview-detail__block1 {
  margin-bottom: 130px;
  overflow: hidden;
}
.p-recruit-interview-detail__block1 .title {
  position: relative;
  margin-bottom: 50px;
}
.p-recruit-interview-detail__block1 .title:before {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: calc(50% - 520px);
  top: 0;
  left: 0;
  background: #44adf0;
}
.p-recruit-interview-detail__block1 .title-wrap {
  position: relative;
  z-index: 2;
  background: #44adf0;
  background: -moz-linear-gradient(-45deg, #44adf0 15%, #1c4ea3 40%);
  background: -webkit-linear-gradient(-45deg, #44adf0 15%, #1c4ea3 40%);
  background: linear-gradient(135deg, #44adf0 15%, #1c4ea3 40%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44adf0', endColorstr='#1c4ea3',GradientType=1 );
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-recruit-interview-detail__block1 .title-wrap:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 50px solid transparent;
  border-bottom: 130px solid #fff;
}
.p-recruit-interview-detail__block1 .title-wrap h3 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 140%;
  margin-bottom: 10px;
}
.p-recruit-interview-detail__block1 .title-wrap p {
  font-size: 20px;
  font-size: 2rem;
}
.p-recruit-interview-detail__block1 .box1 {
  float: left;
  width: 53.125%;
}
.p-recruit-interview-detail__block1 .box1 h4 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 160%;
  color: #2da8df;
  margin-top: 50px;
  margin-bottom: 20px;
}
.p-recruit-interview-detail__block1 .box1 h4:first-child {
  margin-top: 0;
}
.p-recruit-interview-detail__block1 .img1 {
  float: right;
  width: 40.78125%;
}
.p-recruit-interview-detail__block1 .img1 img {
  max-width: initial;
}
.p-recruit-interview-detail__block1.is-img-right .title:before {
  left: auto;
  right: 0;
}
.p-recruit-interview-detail__block1.is-img-right .title-wrap {
  background: #1c4ea3;
  background: -moz-linear-gradient(-45deg, #1c4ea3 15%, #44adf0 40%);
  background: -webkit-linear-gradient(-45deg, #1c4ea3 15%, #44adf0 40%);
  background: linear-gradient(135deg, #1c4ea3 15%, #44adf0 40%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4ea3', endColorstr='#44adf0',GradientType=1 );
}
.p-recruit-interview-detail__block1.is-img-right .title-wrap:before {
  border-left: 0;
  border-bottom: 0;
  border-right: 50px solid transparent;
  border-top: 130px solid #fff;
  right: auto;
  left: 0;
}
.p-recruit-interview-detail__block1.is-img-right .title-box {
  margin-left: 25.78125%;
}
.p-recruit-interview-detail__block1.is-img-right .box1 {
  float: right;
}
.p-recruit-interview-detail__block1.is-img-right .img1 {
  float: left;
  display: flex;
  justify-content: flex-end;
}
.p-recruit-interview-detail__btn {
  text-align: center;
  background: #fafbfb;
  padding-top: 45px;
  padding-bottom: 45px;
}
.p-recruit-interview-detail__btn a {
  display: block;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #1c4ea3;
  color: #1c4ea3;
  text-decoration: none;
  border-radius: 15px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 160%;
  font-weight: bold;
  padding: 14px 10px 15px;
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-recruit-interview__lead {
    margin-bottom: 50px;
  }
  .p-recruit-interview__lead .img1:before {
    width: 90%;
    height: 100%;
    right: -12px;
    bottom: -12px;
  }
  .p-recruit-interview__lead .heading,
  .p-recruit-interview__lead .txt1 {
    float: none;
    width: auto;
  }
  .p-recruit-interview__lead .txt1 {
    padding-top: 20px;
  }
  .p-recruit-interview__lead .txt1 p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .p-recruit-interview__content:before {
    width: 100%;
    height: calc(100% - 345px);
  }
  .p-recruit-interview__content ul {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-recruit-interview__content li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .p-recruit-interview__content li:nth-child(3n+2), .p-recruit-interview__content li:nth-child(3n+3) {
    padding-top: 0;
  }
  .p-recruit-interview__content li .img1 {
    margin-bottom: 15px;
  }
  .p-recruit-interview__content li .img1 .en {
    font-size: 30px;
    font-size: 3rem;
    left: 15px;
    bottom: 15px;
  }
  .p-recruit-interview__content li .txt1 h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .p-recruit-interview__content li .txt1 .name {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .p-recruit-interview-detail__block1 {
    margin-bottom: 60px;
  }
  .p-recruit-interview-detail__block1 .title {
    margin-bottom: 30px;
  }
  .p-recruit-interview-detail__block1 .title-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .p-recruit-interview-detail__block1 .title-wrap:before {
    border-left-width: 40px;
    border-bottom-width: 120px;
  }
  .p-recruit-interview-detail__block1 .title-wrap h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 3px;
  }
  .p-recruit-interview-detail__block1 .title-wrap p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .p-recruit-interview-detail__block1 .title-box {
    padding-right: 10px;
  }
  .p-recruit-interview-detail__block1 .box1,
  .p-recruit-interview-detail__block1 .img1 {
    float: none;
    width: auto;
  }
  .p-recruit-interview-detail__block1 .box1 h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .p-recruit-interview-detail__block1 .img1 {
    position: relative;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 30px;
  }
  .p-recruit-interview-detail__block1 .img1 img {
    max-width: 100%;
  }
  .p-recruit-interview-detail__block1.is-img-right .title-wrap:before {
    border-right-width: 40px;
    border-top-width: 120px;
  }
  .p-recruit-interview-detail__block1.is-img-right .title-box {
    margin-left: 30px;
    padding-right: 0;
  }
  .p-recruit-interview-detail__btn {
    padding: 30px 15px;
  }
  .p-recruit-interview-detail__btn a {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 10px;
    padding-bottom: 11px;
  }
}