/*=====================================================
  mainTitle
=====================================================*/
.mainTitle {
  display: none;
}

.main {
  margin-top: 0;
  position: relative;
}

/*=====================================================
  interViewDetailTitle
=====================================================*/
.interViewDetailTitle {
  width: 100vw;
  margin: 0 calc(50% - 51vw) 80px calc(50% - 51vw);
  background-color: #EEE;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  overflow: hidden;
}
@media print {
  .interViewDetailTitle {
    width: 100%;
    margin: 0;
  }
}
.interViewDetailTitle.interViewDetailTitle--kh {
  background-image: url(/recruit_site/images/interview/kh/main_sp.jpg);
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle.interViewDetailTitle--kh {
    background-image: url(/recruit_site/images/interview/kh/main.jpg);
  }
}
.interViewDetailTitle.interViewDetailTitle--ms {
  background-image: url(/recruit_site/images/interview/ms/main_sp.jpg);
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle.interViewDetailTitle--ms {
    background-image: url(/recruit_site/images/interview/ms/main.jpg);
  }
}
.interViewDetailTitle.interViewDetailTitle--un {
  background-image: url(/recruit_site/images/interview/un/main_sp.jpg);
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle.interViewDetailTitle--un {
    background-image: url(/recruit_site/images/interview/un/main.jpg);
  }
}
.interViewDetailTitle.interViewDetailTitle--my {
  background-image: url(/recruit_site/images/interview/my/main_sp.jpg);
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle.interViewDetailTitle--my {
    background-image: url(/recruit_site/images/interview/my/main.jpg);
  }
}
.interViewDetailTitle .interViewDetailTitle__inner {
  width: 100%;
  height: calc(100svh - 113px);
  margin: 0;
  padding: 0;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .interViewDetailTitle .interViewDetailTitle__inner {
    height: 600px;
  }
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__inner {
    width: 1140px;
    height: calc(100vh - 80px);
    margin: 0 auto;
  }
}
.interViewDetailTitle .interViewDetailTitle__box {
  max-width: 80%;
  margin: 0;
  padding: 20px;
  color: var(--white);
  position: absolute;
  right: 0;
  bottom: 30px;
  background-color: var(--base-color);
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__box {
    padding: 40px;
  }
}
.interViewDetailTitle .interViewDetailTitle__box.interViewDetailTitle__box--left {
  right: initial;
  left: 0;
}
.interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__lead {
  width: 100%;
  margin: 0 0 16px 0;
  padding: 0;
  display: block;
  font-size: 20px;
  font-size: 1.1111111111rem;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__lead {
    margin-bottom: 24px;
    font-size: 32px;
    font-size: 1.7777777778rem;
  }
}
.interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__nameJa {
  width: 100%;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__nameJa {
    margin-bottom: 16px;
    font-size: 28px;
    font-size: 1.5555555556rem;
  }
}
.interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__nameEn {
  width: 100%;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  font-size: 10px;
  font-size: 0.5555555556rem;
  font-weight: 700;
  opacity: 0.6;
  text-transform: uppercase;
  line-height: 1;
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__nameEn {
    margin-bottom: 16px;
    font-size: 18px;
    font-size: 1rem;
  }
}
.interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__dep {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 12px;
  font-size: 0.6666666667rem;
  font-weight: 700;
  line-height: 1.8;
}
@media print, screen and (min-width: 1280px) {
  .interViewDetailTitle .interViewDetailTitle__box .interViewDetailTitle__dep {
    font-size: 16px;
    font-size: 0.8888888889rem;
  }
}