.interview .m-box-mv {
  background: url("/img/interview/img_mv_pc.jpg") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .interview .m-box-mv {
    background-image: url("/img/interview/img_mv_sp.jpg");
  }
}
.interview-detail-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 40px auto;
  grid-template-columns: auto 40px auto;
  -ms-grid-rows: 165px auto;
  grid-template-rows: 165px auto;
}
@media screen and (max-width: 1200px) {
  .interview-detail-column {
    -ms-grid-columns: auto 200px auto;
    grid-template-columns: auto 200px auto;
  }
}
@media screen and (max-width: 992px) {
  .interview-detail-column {
    -ms-grid-columns: 50px auto;
    grid-template-columns: 50px auto;
    -ms-grid-rows: 220px auto;
    grid-template-rows: 220px auto;
  }
}
@media screen and (max-width: 768px) {
  .interview-detail-column {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .interview-detail-column:first-child {
    margin-top: 132px;
  }
}
.interview-detail-column.type-reverse {
  -ms-grid-rows: 50px auto;
  grid-template-rows: 50px auto;
}
@media screen and (max-width: 992px) {
  .interview-detail-column.type-reverse {
    -ms-grid-columns: 50px auto;
    grid-template-columns: 50px auto;
    -ms-grid-rows: 220px auto;
    grid-template-rows: 220px auto;
  }
}
.interview-detail-column.type-reverse .interview-detail-column-img {
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-column: 2/5;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (max-width: 992px) {
  .interview-detail-column.type-reverse .interview-detail-column-img {
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 1;
    grid-row: 1/1;
  }
}
.interview-detail-column.type-reverse .interview-detail-column-inner {
  display: inline-table;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  background: #F2F2F2;
}
@media screen and (max-width: 992px) {
  .interview-detail-column.type-reverse .interview-detail-column-inner {
    -ms-grid-column: 2;
    grid-column: 2/2;
    -ms-grid-row: 2;
    grid-row: 2/2;
  }
}
@media screen and (max-width: 768px) {
  .interview-detail-column.type-reverse .interview-detail-column-inner {
    background: transparent;
  }
}
.interview-detail-column-img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .interview-detail-column-img {
    width: 100%;
    height: auto;
  }
}
.interview-detail-column-inner {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  background: #ffffff;
  padding: 40px;
  height: -webkit-max-content;
  height: max-content;
}
@media screen and (max-width: 768px) {
  .interview-detail-column-inner {
    padding: 22px 20px 0;
  }
}
.interview-detail-column-hdg {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .interview-detail-column-hdg {
    font-size: 2rem;
  }
}
.interview-detail-column-text {
  margin-top: 24px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .interview-detail-column-text {
    margin-top: 12px;
    line-height: 1.95;
  }
}
.interview-detail-column + .interview-detail-column {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .interview-detail-column + .interview-detail-column {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .interview-detail .m-hdg-lv2 {
    margin-top: 22px;
  }
}
.interview-detail.type-01 .m-box-mv {
  background: url("/img/interview/img_mv_01_pc.jpg") no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .interview-detail.type-01 .m-box-mv {
    background: url("/img/interview/img_mv_01_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
.interview-detail.type-01 .m-box-mv-num {
  color: #00BFB3;
}
.interview-detail.type-01 .m-box-mv-inner {
  background: rgba(0, 191, 179, 0.68);
}
.interview-detail.type-01 .interview-detail-column-hdg {
  color: #00BFB3;
}
.interview-detail.type-02 .m-box-mv {
  background: url("/img/interview/img_mv_02_pc.jpg") no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .interview-detail.type-02 .m-box-mv {
    background: url("/img/interview/img_mv_02_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
.interview-detail.type-02 .m-box-mv-num {
  color: #FF8200;
}
.interview-detail.type-02 .m-box-mv-inner {
  background: rgba(255, 130, 0, 0.68);
}
.interview-detail.type-02 .interview-detail-column-hdg {
  color: #FF8200;
}
.interview-detail.type-03 .m-box-mv {
  background: url("/img/interview/img_mv_03_pc.jpg") no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .interview-detail.type-03 .m-box-mv {
    background: url("/img/interview/img_mv_03_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
.interview-detail.type-03 .m-box-mv-num {
  color: #FFB81C;
}
.interview-detail.type-03 .m-box-mv-inner {
  background: rgba(255, 184, 28, 0.68);
}
.interview-detail.type-03 .interview-detail-column-hdg {
  color: #FFB81C;
}
