@charset "utf-8";
/* ====================================================
インタビュー TOP
==================================================== */
.interview-top .interview-list {
  padding-bottom: 30px;
}
.interview-top .interview-list .c-inner-s {
  padding-top: 59px;
}
.interview-top .interview-list .explan {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.interview-top .interview-list .explan p {
  padding-top: 1em;
  font-size: var(--font-size18);
}
.interview-top .interview-list .explan span {
  font-size: var(--font-size14);
}
.interview-top .interview-list .list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 70px;
}
.interview-top .interview-list .list-flex .interview-box {
  width: 46.2%;
}
.interview-top .interview-list .list-flex .interview-box:nth-child(odd) {
  margin-top: 83px;
}
.interview-top .interview-list .list-flex .interview-box figure {
  width: 79.7%;
  margin-bottom: 30px;
}
.interview-top .interview-list .list-flex .interview-box .job-tlt {
  margin-bottom: 14px;
  font-size: var(--font-size16);
  font-weight: bold;
  line-height: 1.5;
}
.interview-top .interview-list .list-flex .interview-box .works-txt {
  position: relative;
  margin-bottom: 22px;
  padding-bottom: 32px;
  font-size: var(--font-size20);
  line-height: 1.7;
  letter-spacing: normal;
}
.interview-top .interview-list .list-flex .interview-box .works-txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 39px;
  height: 1px;
  background-color: #707070;
  content: "";
}
.interview-top .interview-list .list-flex .interview-box .name-box span {
  display: block;
  margin-bottom: 3px;
  font-size: var(--font-size13);
  line-height: 1.6;
  letter-spacing: normal;
}
.interview-top .interview-list .list-flex .interview-box .name-box > p {
  font-size: var(--font-size16);
}
@media (max-width: 767px) {
  .interview-top .interview-list {
    padding-bottom: 0;
  }
  .interview-top .interview-list .c-inner-s {
    padding-top: 27.5px;
  }
  .interview-top .interview-list .explan {
    display: block;
  }
  .interview-top .interview-list .explan span {
    display: block;
    font-size: var(--font-size11);
    text-align: right;
  }
  .interview-top .interview-list .explan p {
    padding-top: 52px;
    font-size: var(--font-size15);
  }
  .interview-top .interview-list .list-flex {
    display: block;
    padding-top: 50px;
  }
  .interview-top .interview-list .list-flex .interview-box {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  .interview-top .interview-list .list-flex .interview-box figure {
    width: 100%;
    margin-bottom: 28px;
  }
  .interview-top .interview-list .list-flex .interview-box .job-tlt {
    margin-bottom: 12px;
    font-size: var(--font-size14);
  }
  .interview-top .interview-list .list-flex .interview-box .works-txt {
    margin-bottom: 17px;
    padding-bottom: 28px;
    font-size: var(--font-size16);
  }
  .interview-top .interview-list .list-flex .interview-box .name-box span {
    font-size: var(--font-size13);
  }
  .interview-top .interview-list .list-flex .interview-box .name-box > p {
    font-size: var(--font-size15);
  }
  .interview-top .interview-list .list-flex .interview-box:nth-child(odd) {
    margin-top: 0;
    margin-bottom: 55px;
  }
  .interview-top .interview-list .list-flex .interview-box:nth-child(even) {
    margin-bottom: 55px;
  }
  .interview-top .interview-list .list-flex .interview-box:last-child {
    margin-bottom: 0;
  }
}
/* ====================================================
インタビュー詳細 共通
==================================================== */
.interview-box .question-txt {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  margin-left: auto;
  font-size: var(--font-size18);
  font-weight: bold;
}
.interview-box .question-txt:before {
  display: inline-block;
  width: 43px;
  height: 1px;
  margin: 0 20px 6px 0;
  background-color: var(--c-black1);
  content: "";
}
.interview-box .answer-txt p {
  margin-bottom: 30px;
  line-height: 2.1;
  letter-spacing: normal;
}
.interview-box .answer-txt p:last-of-type {
  margin-bottom: 0;
}
.interview-box .answer-txt {
  width: 88%;
  margin: 0 auto 0 0;
  padding-left: 66px;
}
@media (max-width: 1024px) {
  .interview main {
    padding-top: 127px;
  }
}
@media (max-width: 767px) {
  .interview-box .question-txt {
    width: 84.3%;
    width: calc(84.3% + 54px);
    margin: 0 0 20px auto;
    padding-left: 0;
    font-size: var(--font-size15);
  }
  .interview-box .question-txt:before {
    width: 17px;
    margin: 0 11px 6px 0;
  }
  .interview-box .answer-txt {
    width: 84.3%;
    margin: auto;
    padding-left: 0;
  }
  .interview-box .answer-txt p {
    line-height: 2;
  }
}
/* .interview-mv
-------------------------*/
.interview-mv figure {
  margin: 12px 0 25px 5%;
}
.interview-mv .mv-img {
  width: 93%;
}
@media (max-width: 767px) {
  .interview-mv figure {
    margin: 40px 0 28px 0;
  }
  .interview-mv .mv-img {
    width: 92.8%;
  }
}
/* .interview-first
-------------------------*/
.interview-first {
  padding-top: 82px;
}
.interview-first .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.interview-first .flex .img-box {
  width: 47%;
}
.interview-first .flex .img-box li {
  width: 92.7%;
}
.interview-first .flex .img-box li:last-child {
  width: 73.33%;
  margin: min(7.5vw, 103px) 0 0 auto;
}
.interview-first .flex .txt-box {
  width: 46.69%;
  padding-right: 5%;
}
.interview-first .flex .txt-box .name-box {
  width: 87.5%;
  margin: 20px 0 73px auto;
}
.interview-first .flex .txt-box .name-box .works-name {
  display: block;
  font-weight: bold;
}
.interview-first .flex .txt-box .name-box h3 {
  font-size: var(--font-size22);
}
.interview-first .flex .txt-box .name-box p {
  font-size: var(--font-size13);
}
.interview-first .interview-box .answer-txt {
  width: 100%;
}
@media (max-width: 767px) {
  .interview-first {
    padding-top: 24px;
  }
  .interview-first .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .interview-first .flex .img-box {
    width: 100%;
    margin-top: 38px;
  }
  .interview-first .flex .img-box li {
    width: 92.8%;
  }
  .interview-first .flex .img-box li:last-child {
    width: 73.4%;
    margin-top: 59px;
  }
  .interview-first .flex .txt-box {
    width: 100%;
    padding-right: 0;
  }
  .interview-first .flex .txt-box .name-box {
    width: 50%;
    margin: 0 0 50px auto;
  }
  .interview-first .flex .txt-box .name-box .works-name {
    font-size: var(--font-size13);
  }
  .interview-first .flex .txt-box .name-box h3 {
    margin-bottom: 10px;
    font-size: var(--font-size17);
  }
  .interview-first .flex .txt-box .name-box p {
    line-height: 1.4;
  }
  .interview-first .interview-box .answer-txt {
    width: 84.3%;
  }
}
/* .interview-sec
-------------------------*/
.interview-sec {
  padding-top: 110px;
}
.interview-sec figure {
  width: 94.9%;
  margin: 113px 0 0 auto;
}
@media (max-width: 767px) {
  .interview-sec {
    padding-top: 60px;
  }
  .interview-sec figure {
    width: 100%;
    margin-top: 60px;
  }
}
/* .interview-third
-------------------------*/
.interview-third {
  padding-top: 120px;
}
.interview-third .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.interview-third .flex .img-box {
  width: 47%;
}
.interview-third .flex .img-box li {
  width: 92.7%;
}
.interview-third .flex .img-box li:last-child {
  width: 73.33%;
  margin: min(7.5vw, 103px) 0 0 auto;
}
.interview-third .flex .txt-box {
  width: 46.69%;
  padding-left: 5%;
}
.interview-third .flex .txt-box .name-box {
  width: 87.5%;
  margin: 20px 0 73px auto;
}
.interview-third .flex .txt-box .name-box .works-name {
  display: block;
  font-weight: bold;
}
.interview-third .flex .txt-box .name-box h3 {
  font-size: var(--font-size22);
}
.interview-third .flex .txt-box .name-box p {
  font-size: var(--font-size13);
}
.interview-third .interview-box .answer-txt {
  width: 100%;
}
@media (max-width: 767px) {
  .interview-third {
    padding-top: 60px;
  }
  .interview-third .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .interview-third .flex .img-box {
    width: 100%;
    margin-top: 60px;
  }
  .interview-third .flex .img-box li {
    width: 92.8%;
  }
  .interview-third .flex .img-box li:last-child {
    width: 73.4%;
    margin-top: 59px;
  }
  .interview-third .flex .txt-box {
    width: 100%;
    padding-left: 0;
  }
  .interview-third .interview-box .answer-txt {
    width: 84.3%;
  }
}
/* .interview-fourth
-------------------------*/
.interview-fourth {
  padding-top: 86px;
}
.interview-fourth .interview-box figure {
  width: 100%;
  margin-top: 125px;
}
@media (max-width: 767px) {
  .interview-fourth {
    padding-top: 60px;
  }
  .interview-fourth .interview-box figure {
    margin-top: 60px;
  }
}
/* .interview-fifth
-------------------------*/
.interview-fifth {
  padding-top: 113px;
}
@media (max-width: 767px) {
  .interview-fifth {
    padding-top: 60px;
  }
}
/* .others-interview
-------------------------*/
.others-interview {
  padding-top: 125px;
}
.others-interview .others-tlt {
  margin: 0 auto 70px;
  padding-top: 60px;
  border-top: solid 1px #d3d3d3;
}
.others-interview .others-tlt figure {
  width: 17.8%;
  min-width: 200px;
  margin: auto;
}
.others-interview ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 76.6%;
  min-width: 700px;
  margin: auto;
}
.others-interview ul li {
  width: 28%;
}
.others-interview ul li figure {
  width: 100%;
  margin-bottom: 27px;
}
.others-interview ul li .job-tlt {
  margin-bottom: 11px;
  font-weight: bold;
  line-height: 1.5;
}
.others-interview ul li .works-txt {
  position: relative;
  margin-bottom: 13px;
  padding-bottom: 20px;
  line-height: 1.9;
  letter-spacing: normal;
}
.others-interview ul li .works-txt::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 39px;
  height: 1px;
  background-color: #707070;
  content: "";
}
.others-interview ul li .name-box span {
  display: block;
  margin-bottom: 3px;
  font-size: var(--font-size13);
  letter-spacing: normal;
}
.others-interview ul li .name-box > p {
  font-size: var(--font-size17);
}
.others-interview > .slick {
  display: none;
}
@media (max-width: 767px) {
  .others-interview {
    padding-top: 60px;
  }
  .others-interview .others-tlt {
    margin-bottom: 40px;
    padding-top: 55px;
  }
  .others-interview .others-tlt figure {
    width: 48.6%;
    min-width: auto;
    max-width: 280px;
  }
  .others-interview > .c-inner-middle {
    display: none;
  }
}
/* .slick スライダー
-------------------------*/
@media (max-width: 767px) {
  .others-interview > .slick {
    display: block;
  }
  .slick__inner {
    position: relative;
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 0 0 0 20px;
  }
  .slick__image {
    position: relative;
    width: 55.7vw;
    margin-right: 30px;
  }
  .slick__image:before {
    display: block;
    padding-top: 128.7%;
    content: "";
  }
  .slick__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    object-fit: cover;
  }
  .slick__images {
    position: static;
    overflow: visible; /* はみ出しを許可 */
    padding: 0 0 0 30px; /* 左側のパディングを維持 */
    background: #fff;
  }
  .slick__images .job-tlt {
    margin: 14px 0 6px;
    font-size: var(--font-size12);
    font-weight: bold;
  }
  .slick__images .works-txt {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 19px;
    font-size: var(--font-size14);
    line-height: 1.6;
  }
  .slick__images .works-txt::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 39px;
    height: 1px;
    background-color: #707070;
    content: "";
  }
  .slick__images .name-box span {
    display: block;
    font-size: var(--font-size12);
  }
  /*スライダー ボタン*/
  .slick__prev,
  .slick__next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 36px;
    height: 42px;
    margin: auto;
    border: none;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .slick__prev {
    right: auto;
    left: 30px;
  }
  .slick__prev:before,
  .slick__next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    opacity: 1;
  }
  .slick__prev:before {
    transform: translate(-25%, -50%) rotate(-135deg);
  }
  .slick__next:before {
    transform: translate(-75%, -50%) rotate(45deg);
  }
}
/* ====================================================
インタビュー 個別
==================================================== */
/* .interview01
-------------------------*/
.interview01 .interview-mv figure {
  width: 65.26%;
}
@media (max-width: 767px) {
  .interview01 .interview-mv figure {
    width: 100%;
    max-width: 400px;
  }
}
/* .interview02
-------------------------*/
.interview02 .interview-mv figure {
  width: 50.77%;
}
@media (max-width: 767px) {
  .interview02 .interview-mv figure {
    width: 100%;
    max-width: 400px;
  }
}
/* .interview03
-------------------------*/
.interview03 .interview-mv figure {
  width: 43.5%;
}
@media (max-width: 767px) {
  .interview03 .interview-mv figure {
    width: 84%;
    max-width: 400px;
  }
}
/* .interview04
-------------------------*/
.interview04 .interview-mv figure {
  width: 72.55%;
}
@media (max-width: 767px) {
  .interview04 .interview-mv figure {
    width: 70%;
    max-width: 400px;
  }
}