.thema .inner {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.thema h3 {
  color: #eb6100;
  background: #FFF url(../img/vol1/iconOrange.png) no-repeat 70px 74px;
  line-height: 1.3;
}

.thema01 {
  padding-bottom: 80px;
}

.thema01 .themaImg {
  width: 100%;
  height: 400px;
  background: url(../img/vol5/bgQ1_pc.jpg) no-repeat center top;
  background-size: cover;
}

.vol2 .thema01 .themaImg {
  background: url(../img/vol5/bgQ1_pc.jpg) no-repeat center top;
  background-size: cover;
}

.thema01 .mg0101 {
  margin-bottom: 305px;
}

.thema01 .mg0102 {
  margin-bottom: 215px;
}

.thema02 {
  padding-bottom: 120px;
  background: #fff4f0;
}

.thema02 .themaImg {
  width: 100%;
  height: 400px;
  background: url(../img/vol5/bgQ2_pc.jpg) no-repeat center top;
  background-size: cover;
}

.thema02 .mg0201 {
  margin-bottom: 335px;
}

.thema02 .mg0202 {
  margin-bottom: 345px;
}

.thema02 .mg0203 {
  margin-bottom: 345px;
}

.thema03 {
  padding-bottom: 60px;
}

.thema03 .themaImg {
  width: 100%;
  height: 400px;
  background: url(../img/vol5/bgQ3_pc.jpg) no-repeat center top;
  background-size: cover;
}

.thema03 .mg0301 {
  margin-bottom: 375px;
}

.thema03 .mg0302 {
  margin-bottom: 380px;
}

.vol1img1 {
  position: absolute;
  background: url(../img/vol5/imgQ101_pc.jpg) no-repeat center center;
  background-size: cover;
  max-width: 500px;
  width: 35%;
  height: 400px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol1img1 img {
  display: none;
}

.vol1img2 {
  position: absolute;
  background: url(../img/vol5/imgQ102_pc.jpg) no-repeat center;
  max-width: 500px;
  width: 35%;
  height: 400px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol1img2 img {
  display: none;
}

.vol2img1 {
  position: absolute;
  background: url(../img/vol5/imgQ201_pc.jpg) no-repeat center;
  max-width: 500px;
  width: 35%;
  height: 440px;
  right: 0;
  margin: 40px 0 0 0;
}

.vol2img1 img {
  display: none;
}

.vol2img2 {
  position: absolute;
  background: url(../img/vol5/imgQ202_pc.jpg) no-repeat center;
  max-width: 500px;
  width: 35%;
  height: 440px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol2img2 img {
  display: none;
}

.vol2img3 {
  position: absolute;
  background: url(../img/vol5/imgQ203_pc.jpg) no-repeat center;
  max-width: 500px;
  width: 35%;
  height: 440px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol2img3 img {
  display: none;
}

.vol3img1 {
  position: absolute;
  background: url(../img/vol5/imgQ301_pc.jpg) no-repeat center center;
  background-size: cover;
  max-width: 470px;
  width: 35%;
  height: 420px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol3img1 img {
  display: none;
}

.vol3img2 {
  position: absolute;
  background: url(../img/vol5/imgQ302_pc.jpg) no-repeat center center;
  background-size: cover;
  max-width: 470px;
  width: 35%;
  height: 420px;
  left: 50%;
  margin: 40px 0 0 15%;
}

.vol3img2 img {
  display: none;
}

@media screen and (max-width: 767px) {
  .interviewTtl .inner .number {
    color: #eb6100;
  }
  .interviewTtl .inner .number::after {
    content: "";
    display: block;
    background: #eb6100;
  }
  .interviewTtl .inner h2 {
    color: #eb6100;
  }
  .thema h3 {
    color: #eb6100;
    background: #FFF url(../img/vol1/iconOrange.png) no-repeat 15px 35px;
    background-size: 11px 11px;
    line-height: 1.3;
  }
  .thema01 {
    padding: 0 0 1px;
  }
  .thema01 .themaImg {
    width: 100%;
    height: 200px;
    background: url(../img/vol5/bgQ1_sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .thema01 .mg0101, .thema01 .mg0102 {
    margin-bottom: 30px;
  }
  .thema02 {
    padding: 0 0 1px;
  }
  .thema02 .themaImg {
    width: 100%;
    height: 200px;
    background: url(../img/vol5/bgQ2_sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .thema02 .mg0201, .thema02 .mg0202, .thema02 .mg0203 {
    margin-bottom: 30px;
  }
  .thema03 {
    padding: 0 0 1px;
  }
  .thema03 .themaImg {
    width: 100%;
    height: 200px;
    background: url(../img/vol5/bgQ3_sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .thema03 .mg0301, .thema03 .mg0302 {
    margin-bottom: 30px;
  }
  .vol1img1, .vol1img2, .vol2img1, .vol2img2, .vol2img3, .vol3img1, .vol3img2 {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: none;
    margin: 0;
  }
  .vol1img1 img, .vol1img2 img, .vol2img1 img, .vol2img2 img, .vol2img3 img, .vol3img1 img, .vol3img2 img {
    width: 100%;
    display: block;
  }
}