#recruit #mainVisual {
  width: 100vw;
  position: relative;
}
#recruit #mainVisual .mvContainer {
  width: 100vw;
  height: min(59.72vw, 860px);
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvContainer {
    height: max(55.85vw, 210px);
  }
}
#recruit #mainVisual .mvContainer .mv {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1441px) {
  #recruit #mainVisual .mvContainer .mv {
    width: 100%;
    height: auto;
    max-width: none;
  }
}
#recruit #mainVisual .mvCopyWrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvCopyWrapper {
    display: contents;
  }
}
#recruit #mainVisual .mvCopyWrapper .mvCopyContainer {
  width: min(100vw, 1440px);
  height: auto;
  display: grid;
  grid-template-columns: min(51.38vw, 740px) 1fr;
  grid-template-rows: min(31.25vw, 480px) min(28.47vw, 410px);
  align-items: end;
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvCopyWrapper .mvCopyContainer {
    display: contents;
  }
}
#recruit #mainVisual .mvCopyWrapper .mvCopyContainer .copy {
  width: min(39.583vw, 570px);
  grid-column: 1/2;
  grid-row: 1/2;
  margin: 0px 0px 30px 120px;
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvCopyWrapper .mvCopyContainer .copy {
    position: absolute;
    width: max(47.872vw, 180px);
    top: max(19.947vw, 75px);
    left: 8px;
    margin: 0;
  }
}
#recruit #mainVisual .mvCopyWrapper .mvCopyContainer .title {
  grid-column: 1/2;
  grid-row: 1/2;
  margin: 0px 0px 0px 120px;
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvCopyWrapper .mvCopyContainer .title {
    position: absolute;
    top: max(42.553vw, 160px);
    margin: 0px;
    left: 8px;
  }
}
#recruit #mainVisual .mvCopyWrapper .mvCopyContainer .text {
  grid-column: 1/2;
  grid-row: 2/3;
  margin: 0px 0px min(3.472vw, 50px) min(8.333vw, 120px);
}
@media screen and (max-width: 767px) {
  #recruit #mainVisual .mvCopyWrapper .mvCopyContainer .text {
    position: static;
    background-color: #999999;
    padding: 20px 8px;
    margin: 0px;
  }
}

#recruit #detail {
  width: 100%;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #recruit #detail {
    width: 100%;
    padding: 20px 18px;
  }
}
#recruit #detail p.copy {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #recruit #detail p.copy {
    width: 100%;
    margin-bottom: 30px;
  }
}
#recruit #detail #linkButtonWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 40px;
}
@media screen and (max-width: 767px) {
  #recruit #detail #linkButtonWrapper {
    flex-direction: column;
    row-gap: 40px;
  }
}
#recruit #detail #linkButtonWrapper .button,
#recruit #detail #linkButtonWrapper .button30,
#recruit #detail #linkButtonWrapper .buttonGreen,
#recruit #detail #linkButtonWrapper .buttonGreen30 {
  width: min(22.22vw, 320px);
  height: min(5.55vw, 80px);
  border-radius: 6px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #recruit #detail #linkButtonWrapper .button,
  #recruit #detail #linkButtonWrapper .button30,
  #recruit #detail #linkButtonWrapper .buttonGreen,
  #recruit #detail #linkButtonWrapper .buttonGreen30 {
    width: max(23.61vw, 340px);
    height: max(18.61vw, 70px);
  }
}
#recruit #detail #linkButtonWrapper .button .arrow,
#recruit #detail #linkButtonWrapper .button30 .arrow,
#recruit #detail #linkButtonWrapper .buttonGreen .arrow,
#recruit #detail #linkButtonWrapper .buttonGreen30 .arrow {
  position: absolute;
  right: 10px;
}
#recruit #detail #linkButtonWrapper .button,
#recruit #detail #linkButtonWrapper .button30 {
  background-color: #f9f9f9;
  border: solid 1px #e60012;
}
#recruit #detail #linkButtonWrapper .buttonGreen,
#recruit #detail #linkButtonWrapper .buttonGreen30 {
  background-color: #f9f9f9;
  border: solid 1px #00a23f;
}
#recruit #detail #linkButtonWrapper .button:active,
#recruit #detail #linkButtonWrapper .buttonGreen:active {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  transform: translateY(4px);
}
#recruit #detail #linkButtonWrapper .button30,
#recruit #detail #linkButtonWrapper .buttonGreen30 {
  box-shadow: none;
  opacity: 0.3;
  background-color: #dddddd;
}
#recruit #detail .annotation {
  width: 500px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #recruit #detail .annotation {
    width: 100%;
  }
}/*# sourceMappingURL=recruit.css.map */