@charset "UTF-8";
/*-----------------------------------------------------------------------------------

	Theme Name: ASKA CORPORATION 2024伊藤

-------------------------------------------------------------------------------------*/
.recruit h2 img {
  width: 100%;
}
.recruit-main {
  margin-top: 30px;
  background: url(../library/img2024/recruit_map.svg) no-repeat;
  max-width: 1600px;
  width: 100%;
  height: 800px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .recruit-main {
    height: 270px;
  }
}
.recruit-container {
  width: 980px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 768px) {
  .recruit-container {
    width: 100%;
  }
}
.recruit-catch {
  position: absolute;
  top: -60px;
  right: 80px;
  width: 170px;
}
@media (max-width: 768px) {
  .recruit-catch {
    width: 80px;
    right: 16px;
  }
}
.recruit-message {
  position: absolute;
  left: -10px;
  width: 728px;
}
@media (max-width: 768px) {
  .recruit-message {
    width: 300px;
  }
}
.recruit-section {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.recruit-section-back {
  background: #f7f7f7;
  padding-bottom: 170px;
  margin-top: 100px;
}
@media (max-width: 768px) {
  .recruit-section-back {
    padding-bottom: 80px;
  }
}
.recruit-section-back-bottom {
  padding-bottom: 80px;
}
.recruit-block {
  max-width: 980px;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .recruit-block {
    padding-inline: 16px;
  }
}
.recruit-title {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #fc9805), color-stop(50%, #e81c2f));
  background: -webkit-linear-gradient(left, #fc9805 5%, #e81c2f 50%);
  background: linear-gradient(90deg, #fc9805 5%, #e81c2f 50%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-size: 68px;
  line-height: 1;
  border-left: 1px solid #fc6305;
  padding: 90px 0 0 30px;
}
@media (max-width: 768px) {
  .recruit-title {
    line-height: 1.4;
    font-size: 40px;
    padding: 40px 0 0 16px;
  }
}
.recruit-title-long {
  font-size: 40px;
}
@media (max-width: 768px) {
  .recruit-title-long {
    font-size: 24px;
  }
}
.recruit-text {
  font-size: 18px;
  margin: 25px 0 0 30px;
}
@media (max-width: 768px) {
  .recruit-text {
    margin: 16px 0 0 16px;
  }
}
.recruit-image {
  margin-top: 40px;
}
.recruit-image-arrow {
  width: 50px;
  margin-inline: auto;
}/*# sourceMappingURL=recruit2024.css.map */