.mainimagebox {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .mainimagebox {
    padding: 0;
  }
}

.main_image {
  position: relative;
  min-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.main_image .inner {
  width: 1025px;
  max-width: 100%;
  padding: 0 0 0 35px;
  margin: 0 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .main_image {
    position: relative;
    width: initial;
    height: 45vw;
    padding-top: 45.3vw;
    box-sizing: border-box;
    background: url(/recruit-site/images/interview/interview_key.webp) right 40% top/cover no-repeat;
    overflow: hidden;
  }
  .main_image .inner {
    padding: 0 2.7vw;
  }
}

.lead_sec {
  position: relative;
  margin-bottom: 370px;
}
@media screen and (max-width: 768px) {
  .lead_sec {
    margin: 0 auto 150vw;
  }
}

.sec01 {
  width: 100%;
  position: relative;
  margin-bottom: 120px;
}
.sec01::before {
  content: "";
  position: absolute;
  top: 390px;
  bottom: -70px;
  left: 0;
  right: 0;
  z-index: -10;
  background-color: rgba(0, 151, 142, 0.2);
}
.sec01 .inner {
  padding: 0 75px;
}
.sec01 .sec_header {
  margin-bottom: 120px;
  margin-top: 85px;
}
.sec01 .sec_header .sec_title {
  font-size: 100px;
  font-weight: bold;
  color: #00978E;
  opacity: 40%;
  text-align: left;
}
.sec01 .interview_box {
  width: 1980px;
  max-width: 100%;
}
.sec01 .gridbox {
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  justify-items: center;
  align-items: center;
}
.sec01 .gridbox .box {
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
}
.sec01 .gridbox .box .white_box {
  height: 180px;
  background-color: #fff;
  padding: 20px 10px 5px;
}
.sec01 .gridbox .box .white_box .up_box {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}
.sec01 .gridbox .box .white_box .bottom_box {
  font-size: 24px;
}
.sec01 .gridbox .box .white_box .bottom_box .small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .sec01 {
    margin-bottom: 13.8vw;
  }
  .sec01::before {
    content: "";
    position: absolute;
    top: 25vw;
    bottom: -15vw;
    left: 0;
    right: 0;
    background-color: rgba(0, 151, 142, 0.2);
    z-index: -10;
  }
  .sec01 .inner {
    padding: 0 5vw;
  }
  .sec01 .sec_header {
    margin-bottom: 10vw;
    margin-top: 10vw;
  }
  .sec01 .sec_header .sec_title {
    font-size: 10vw;
    font-weight: bold;
    color: #00978E;
    opacity: 40%;
    text-align: left;
  }
  .sec01 .interview_box {
    width: 100%;
    max-width: 100%;
  }
  .sec01 .gridbox {
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto;
    justify-items: center;
    align-items: center;
    row-gap: 10vw;
  }
  .sec01 .gridbox .box {
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
  }
  .sec01 .gridbox .box .imagebox {
    margin-bottom: 0;
  }
  .sec01 .gridbox .box .white_box {
    height: auto;
    background-color: #fff;
    padding: 5vw 5vw 5vw;
  }
  .sec01 .gridbox .box .white_box .up_box {
    font-size: 5vw;
    font-weight: bold;
    margin-bottom: 5vw;
  }
  .sec01 .gridbox .box .white_box .bottom_box {
    font-size: 4.5vw;
  }
  .sec01 .gridbox .box .white_box .bottom_box .small {
    font-size: 4vw;
  }
}/*# sourceMappingURL=interview.css.map */