@media print, screen and (min-width: 768px) {
  .bgLayer--marble:after {
    background: url("../imgs/pc/bg-texture-02@1.5x.jpg") repeat-y top center/100% auto;
  }
}

@media screen and (max-width: 768px) {
  .bgLayer--marble:after {
    background: url("../imgs/sp/bg-texture-02.jpg") repeat-y top center/100% auto;
  }
}

.facadeArea {
  width: calc(100vw - var(--scrollbar));
}

@media print, screen and (min-width: 768px) {
  .facadeArea {
    margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .facadeArea {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .facadeArea {
    margin-left: -32px;
  }
}

.interview-01 {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .interview-01 {
    padding: 100px 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .interview-01 {
    padding: 100px 0;
  }
}

.interview-02 {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .interview-02 {
    padding: 100px 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .interview-02 {
    padding: 100px 0;
  }
}

.interview-03 {
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
}

.interview-04 {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .interview-04 {
    padding: 100px 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .interview-04 {
    padding: 100px 0;
  }
}

.interview-05 {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 768px) {
  .interview-05 {
    padding: 100px 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .interview-05 {
    padding: 100px 0;
  }
}