@charset "UTF-8";
/* =======================================

        mixin

======================================= */
/*************************
変数設定
*************************/
.mr-20 {
  margin-right: 20px;
}

.pink {
  position: relative;
  padding: 0 5px 2px 5px;
}
.pink:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #FF7BAC;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-15deg);
  z-index: -1;
}

.purple {
  position: relative;
  padding: 0 5px 2px 5px;
}
.purple:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #006F9A;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewX(-15deg);
  z-index: -1;
}

.mainv {
  width: 100%;
  margin-top: 68px;
  padding-bottom: 195px;
  background: url(../img/cmn/inteview-bg.svg) no-repeat bottom center/contain;
}
@media screen and (max-width: 767px) {
  .mainv {
    margin-top: 68px;
    padding-bottom: 195px;
    background: none;
  }
}
.mainv_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mainv_wrap {
    padding-top: 25px;
    flex-direction: column-reverse;
  }
}
.mainv_wrap:before {
  content: "";
  width: 104px;
  height: 589px;
  display: block;
  background: url(../img/interview/interview.png) no-repeat center center/contain;
  position: absolute;
  top: -15%;
  right: 9%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .mainv_wrap:before {
    width: clamp(0px, 21.0256410256vw, 82px);
    height: clamp(0px, 106.6666666667vw, 416px);
    top: 163%;
    right: 2%;
  }
}
@media screen and (max-width: 767px) {
  .mainv_text {
    margin-right: auto;
  }
}
.mainv_imgWrap {
  /* margin-left: 27%; */
  width: 165px;
  z-index: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mainv_imgWrap {
    margin-left: 0;
    width: 28%;
    max-width: 105px;
    position: absolute;
    left: 50%;
    top: min(58vw, 225px);
    z-index: 1;
  }
}
/* @media screen and (max-width: 767px) {
  .mainv_imgWrap:before {
    content: "";
    width: clamp(0px, 35.8974358974vw, 140px);
    height: clamp(0px, 15.3846153846vw, 60px);
    background: url(../img/interview/M_2015.png) no-repeat center center/cover;
    display: block;
    position: absolute;
    left: 55%;
    bottom: -9%;
  }
} */
.mainv_lead {
  color: #fff;
  font-size: clamp(20px, 13.25641vw, 50px);
  font-style: italic;
  font-weight: 500;
  text-align: left;
  line-height: 1.57;
  letter-spacing: 0.13em;
  position: absolute;
  top: 10%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .mainv_lead {
    font-size: clamp(20px, 9.05641vw, 35px);
    top: 12%;
    left: 5%;
    line-height: 1.5;
    letter-spacing: 0.07em;
  }
}
.mainv_lead span {
  display: none;
}
@media screen and (max-width: 767px) {
  .mainv_lead span {
    display: inline-block;
  }
}
.mainv_lead:before {
  content: "";
  width: 230px;
  height: 71px;
  background: url(../img/interview/A_2011.png) no-repeat center center/contain;
  display: block;
  position: absolute;
  bottom: -41%;
  left: -2%;
}
@media screen and (max-width: 767px) {
  .mainv_lead:before {
    width: clamp(0px, 62.8205128205vw, 155px);
    height: clamp(0px, 18.0512820513vw, 65px);
    background-image: url(../img/interview/A_2011_sp.png);
    bottom: -110%;
    left: -1%;
    z-index: 2;
  }
}

.qa {
  margin-top: 200px;
}
@media screen and (max-width: 767px) {
  .qa {
    margin-top: 400px;
  }
}
.qa_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .qa_item {
    flex-direction: column;
  }
}
.qa_item:not(:first-of-type) {
  margin-top: 178px;
}
@media screen and (max-width: 767px) {
  .qa_item:not(:first-of-type) {
    margin-top: 100px;
  }
}
.qa_item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .qa_item:nth-of-type(2n) {
    flex-direction: column;
  }
}
.qa_item:nth-of-type(2n) .qa_imgWrap {
  margin-left: calc(50% - 50vw);
  margin-right: unset;
}
.qa_content {
  width: 50%;
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .qa_content {
    width: 100%;
  }
}
.qa_q {
  color: #fff;
  font-size: clamp(20px, 1.5625vw, 30px);
  font-style: italic;
  font-weight: 500;
  margin-left: 10px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .qa_q {
    font-size: clamp(22px, 5.1282051282vw, 22px);
    margin-left: 0;
  }
}
.qa_num {
  width: 85px;
}
@media screen and (max-width: 767px) {
  .qa_num {
    width: 63px;
  }
}
.qa_q_text {
  margin-left: 10px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .qa_q_text {
    margin-top: 18px;
    margin-left: 0;
    letter-spacing: 0.07em;
    display: block;
  }
}
.qa_a {
  color: #fff;
  font-size: clamp(16px, 0.9375vw, 18px);
  margin-top: 50px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .qa_a {
    font-size: clamp(16px, 4.1025641026vw, 16px);
    margin-top: 26px;
  }
}
.qa_imgWrap {
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 767px) {
  .qa_imgWrap {
    display: none;
  }
}
.qa_bottom {
  display: none;
  width: 100vw;
  margin: 74px calc(50% - 50vw) 0;
}
@media screen and (max-width: 767px) {
  .qa_bottom {
    display: flex;
  }
}
.qa_bottom_imgWrap {
  width: 50%;
}

.interview {
  margin-top: 270px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .interview {
    margin-top: 78px;
  }
}
.interview_title {
  color: #fff;
  font-size: clamp(20px, 1.8229166667vw, 35px);
  font-style: italic;
  font-weight: 500;
  margin-left: 141px;
  line-height: 1.7;
  letter-spacing: 0.13em;
  position: relative;
}
@media screen and (max-width: 1708px) {
  .interview_title {
    margin-left: 255px;
  }
}
@media screen and (max-width: 1423px) {
  .interview_title {
    margin-left: 340px;
  }
}
@media screen and (max-width: 1280px) {
  .interview_title {
    margin-left: 290px;
  }
}
@media screen and (max-width: 767px) {
  .interview_title {
    font-size: clamp(20px, 6.4102564103vw, 25px);
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .interview .cmn1380 {
    width: 100%;
  }
}
.interview_list {
  margin: 90px auto 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .interview_list {
    display: none;
  }
}
.interview_item {
  display: block;
}
.interview_item:not(:last-of-type) {
  margin-right: 95px;
}
.interview_link {
  width: 197px;
  width: clamp(0px, 10.2604166667vw, 197px);
  display: block;
  position: relative;
}
.interview_img {
  opacity: 1;
  transition: opacity 0.3s;
}
.interview_img:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
.interview .swiper .interview_itemWrap {
  clip-path: none;
}
.interview .swiper .interview_item {
  clip-path: none;
}
.interview .swiper .interview_link {
  width: clamp(0px, 51.2820512821vw, 200px);
  margin: 0 auto;
}
.interview .swiper .swiper-slide-active .interview_link {
  margin-left: 110px;
  margin-left: 32%;
}
.swiper-container {
  display: none;
}
@media screen and (max-width: 767px) {
  .swiper-container {
    margin-top: 30px;
    display: block;
  }
}

.info {
  margin-top: 190px;
}
@media screen and (max-width: 767px) {
  .info {
    margin-top: 117px;
  }
}/*# sourceMappingURL=interview_4.css.map */