:root {
  --viewport-width: min(100vw, 1600px);
  --b: calc(var(--viewport-width) / 160);
}

#topinterview .h2title {
  padding-top: max(24.4rem, 150px);
}
#topinterview > .container {
  margin: max(10rem, 50px) auto max(20rem, 100px);
}
#topinterview h3 {
  font-size: max(3rem, 20px);
  margin-bottom: max(3.7rem, 25px);
  line-height: 2;
}
#topinterview h3 .rhombus {
  background-color: #3A9447;
  aspect-ratio: 11/6;
  width: max(3.3rem, 30px);
  height: 100%;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  margin-right: max(1.66rem, 5px);
}
#topinterview .viewmore {
  margin: max(6.5rem, 20px) 0 0 0;
  max-width: 480px;
}
#topinterview section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: max(8rem, 40px);
  margin-bottom: max(1.4rem, 100px);
}
@media screen and (max-width: 1000px) {
  #topinterview section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#topinterview section .textbox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#topinterview section picture {
  width: 49%;
}
#topinterview section picture.pc {
  display: block;
}
#topinterview section picture.sp {
  display: none;
  width: 100%;
  margin-bottom: max(2rem, 20px);
}
@media screen and (max-width: 1000px) {
  #topinterview section picture.pc {
    display: none;
  }
  #topinterview section picture.sp {
    display: block;
  }
}/*# sourceMappingURL=topinterview.css.map */