.recruit-container {
  padding: 40px 0 70px;
}
@media (min-width: 769px) {
  .recruit-container {
    padding: 64px 0 200px;
  }
}

.recruit-text-block {
  display: inline-block;
}

.recruit-lead {
  padding: 0 0 0 16px;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 769px) {
  .recruit-lead {
    margin: 0 auto;
    padding: 0 20px 30px;
    width: calc(var(--container-large, 1200px) + 40px);
    max-width: 100%;
    font-size: 58px;
    text-align: center;
  }
}

.recruit-background {
  position: relative;
  color: #fff;
  min-height: 870px;
  background: url(../assets/images/recruit-image-sp.png) bottom 75px right/clamp(356px, 95%, 580px) no-repeat, url("data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22375%22%20height%3D%22870%22%20viewBox%3D%220%200%20375%20870%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200V803.59C2.01916%20806.614%2040.9059%20838.029%2097.5192%20838.029C115.979%20838.029%20158.39%20832.376%20184.517%20827.381C210.644%20822.387%20238.369%20821.849%20248.188%20821.819C258.007%20821.789%20292.599%20821.88%20324.88%20833.862C342.125%20840.26%20349.873%20846.339%20356.894%20850.912C365.575%20856.566%20372.812%20865.765%20375%20870V42.9921C375%2042.9921%20258.5%200%20184.517%2021.5C110.535%2043%2056.5952%2025.6147%200%200Z%22%20fill%3D%22url(%23paint0_linear_443_1036)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_443_1036%22%20x1%3D%222.29329e-05%22%20y1%3D%22142.972%22%20x2%3D%22375%22%20y2%3D%22142.972%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300509D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232BBFFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") center/100% 100%;
  z-index: 0;
}
@media (min-width: 769px) {
  .recruit-background {
    margin-top: -44px;
    min-height: 1062px;
    background: url(../assets/images/recruit-image-pc.png) bottom 150px left 45%/1200px no-repeat, url("data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%221920%22%20height%3D%221334%22%20viewBox%3D%220%200%201920%201334%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200V992.891C10.3381%201008.4%20209.438%201169.53%20499.298%201169.53C593.811%201169.53%20810.958%201140.53%20944.729%201114.92C1078.5%201089.3%201220.45%201086.54%201270.72%201086.39C1320.99%201086.23%201498.11%201086.7%201663.38%201148.15C1751.68%201180.97%201791.35%201212.14%201827.3%201235.6C1871.75%201264.6%201908.8%201311.78%201920%201333.5V220.5C1920%20220.5%201610%20-44.5%201319%2092C1028%20228.5%20794%2043%20552.5%2092C311%20141%200%200%200%200Z%22%20fill%3D%22url(%23paint0_linear_375_783)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_375_783%22%20x1%3D%220.000117417%22%20y1%3D%22733.28%22%20x2%3D%221920%22%20y2%3D%22733.28%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300509D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232BBFFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") center/100% 100%;
  }
}
.recruit-background__inner {
  padding: 70px 20px 280px;
  z-index: 1;
}
@media (min-width: 769px) {
  .recruit-background__inner {
    margin: 0 auto;
    padding: 150px 20px 600px;
    width: 1040px;
    max-width: 100%;
  }
}
.recruit-background__body {
  margin-top: 32px;
}
@media (min-width: 769px) {
  .recruit-background__body {
    margin-top: 12px;
  }
}

.recruit-text-large {
  text-indent: -0.5em;
  font-size: 26px;
  font-weight: 400;
}
@media (min-width: 769px) {
  .recruit-text-large {
    font-size: 36px;
  }
}
.recruit-text-large * {
  text-indent: 0;
}

@media (min-width: 769px) {
  .recruit-text {
    font-size: 18px;
  }
}
.recruit-text:not(:first-child) {
  margin-top: 32px;
  margin-top: 1lh;
}

.recruit-banner {
  margin: 8px auto 0;
  width: 295px;
  max-width: 90%;
}
@media (min-width: 769px) {
  .recruit-banner {
    position: relative;
    margin: -20px auto 0;
    width: 900px;
  }
}
.recruit-banner__link {
  transition: opacity 0.3s;
}
@media (min-width: 769px) {
  .recruit-banner__link:hover {
    opacity: 0.7;
  }
}

/*# sourceMappingURL=recruit.css.map */