/*------------------------------------------------

p-recruit-area

-------------------------------------------------*/
.p-recruit-area {
  position: relative;
  padding-top: 11.1111111111vw;
  padding-bottom: 20.8333333333vw;
}
.p-recruit-area .p-recruit-area__bg {
  position: absolute;
  background: url(../../images/recruit/recruit-bg01.png) no-repeat;
  background-size: cover;
  width: 77%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-recruit-area .p-recruit-area__top {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.p-recruit-area .p-recruit-area__top.isActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-recruit-area .p-recruit-area__top--inner {
  max-width: 79.1666666667vw;
}
.p-recruit-area .p-recruit-area__top-txtbox {
  width: 44.4444444444vw;
  margin-right: 5.5555555556vw;
}
.p-recruit-area .p-recruit-area__top-txtbox .-ttl {
  font-size: 2.2222222222vw;
  font-weight: bold;
  line-height: 1.6;
  color: #185aa5;
}
.p-recruit-area .p-recruit-area__top-txtbox .-txt {
  margin-top: 3.4722222222vw;
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8;
}
.p-recruit-area .p-recruit-area__top-imgbox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: calc(50% - 50vw);
}
.p-recruit-area .p-recruit-area__top-imgbox .-img {
  position: relative;
}
.p-recruit-area .p-recruit-area__top-imgbox .-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-area .p-recruit-area__top-imgbox .-img::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.7777777778vw;
  background: -webkit-gradient(linear, right top, left top, from(#dbeeff), to(#0097d9));
  background: linear-gradient(to left, #dbeeff 0%, #0097d9 100%);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.p-recruit-area .p-recruit-area__job {
  margin-top: 11.1111111111vw;
}
.p-recruit-area .p-recruit-area__job--inner {
  max-width: 74.3055555556vw;
}
.p-recruit-area .p-recruit-area__job-ttl {
  font-size: 2.2222222222vw;
  text-align: center;
  color: #185aa5;
  font-weight: bold;
  line-height: 1.8;
}
.p-recruit-area .p-recruit-area__job-point {
  margin-top: 6.9444444444vw;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.p-recruit-area .p-recruit-area__job-point.isActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-recruit-area .p-recruit-area__job-item {
  width: 22.9166666667vw;
}
.p-recruit-area .p-recruit-area__job-item .-block-box {
  position: relative;
  height: 12.5vw;
  background-color: #dbeeff;
}
.p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--01::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../../images/recruit/recruit-icon01.png) no-repeat;
  background-size: contain;
  width: 20vw;
  height: 18.4027777778vw;
  left: 54%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.1805555556vw;
}
.p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--02 {
  overflow: hidden;
}
.p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--02::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../../images/recruit/recruit-icon02.png) no-repeat;
  background-size: contain;
  width: 22.7777777778vw;
  height: 11.9444444444vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.5555555556vw;
}
.p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--03::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../../images/recruit/recruit-icon03.png) no-repeat;
  background-size: contain;
  width: 19.5138888889vw;
  height: 19.3055555556vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -0.9722222222vw;
}
.p-recruit-area .p-recruit-area__job-item .-block-txtbox {
  height: 9.7222222222vw;
  background-color: #185aa5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-recruit-area .p-recruit-area__job-item .-txt {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.3888888889vw;
  line-height: 1.6;
}
.p-recruit-area .p-recruit-area__good {
  margin-top: 15.2777777778vw;
}
.p-recruit-area .p-recruit-area__good--inner {
  max-width: 79.1666666667vw;
}
.p-recruit-area .p-recruit-area__good-ttl {
  font-size: 2.2222222222vw;
  color: #185aa5;
  font-weight: bold;
  line-height: 1.8;
}
.p-recruit-area .p-recruit-area__good-block {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.p-recruit-area .p-recruit-area__good-block.isActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-recruit-area .p-recruit-area__good-block .-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-recruit-area .p-recruit-area__good-block .-item:first-child {
  margin-top: 0.6944444444vw;
}
.p-recruit-area .p-recruit-area__good-block .-item.-item--dry {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-recruit-area .p-recruit-area__good-block .-item.-item--dry .-img {
  margin-left: 0;
  margin-right: 6.9444444444vw;
}
.p-recruit-area .p-recruit-area__good-block .-item-txtbox {
  width: calc(100% - 34.7222222222vw);
}
.p-recruit-area .p-recruit-area__good-block .-item-txtbox .-ttl {
  font-size: 1.8055555556vw;
  font-weight: 400;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-recruit-area .p-recruit-area__good-block .-item-txtbox .-num {
  margin-right: 2.0833333333vw;
  color: #ffc71a;
  font-size: 4.4444444444vw;
  font-weight: 400;
  line-height: 1;
}
.p-recruit-area .p-recruit-area__good-block .-item-txtbox .-txt {
  margin-top: 2.7777777778vw;
  font-weight: 400;
  margin-left: 4.1666666667vw;
  font-size: 1.1111111111vw;
  line-height: 1.8;
}
.p-recruit-area .p-recruit-area__good-block .-img {
  width: 27.7777777778vw;
  margin-left: 6.9444444444vw;
}
@media screen and (max-width: 1024px) {
  .p-recruit-area .p-recruit-area__top-txtbox .-txt {
    font-size: 1.3194444444vw;
  }
  .p-recruit-area .p-recruit-area__good-block .-item-txtbox .-txt {
    font-size: 1.3194444444vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-area {
    padding-top: 18.6666666667vw;
    padding-bottom: 42.6666666667vw;
  }
  .p-recruit-area .p-recruit-area__bg {
    position: absolute;
    background: url(../../images/recruit/recruit-bg01-sp.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .p-recruit-area .p-recruit-area__top--inner {
    max-width: 100%;
  }
  .p-recruit-area .p-recruit-area__top-txtbox {
    width: 100%;
    margin-right: 0;
  }
  .p-recruit-area .p-recruit-area__top-txtbox .-ttl {
    font-size: 6.4vw;
  }
  .p-recruit-area .p-recruit-area__top-txtbox .-txt {
    margin-top: 10.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .p-recruit-area .p-recruit-area__top-imgbox {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-right: 0;
  }
  .p-recruit-area .p-recruit-area__top-imgbox .-img {
    margin-top: 10.6666666667vw;
    position: relative;
  }
  .p-recruit-area .p-recruit-area__top-imgbox .-img::after {
    height: 5.3333333333vw;
  }
  .p-recruit-area .p-recruit-area__job {
    margin-top: 26.6666666667vw;
  }
  .p-recruit-area .p-recruit-area__job--inner {
    max-width: 100%;
  }
  .p-recruit-area .p-recruit-area__job-ttl {
    font-size: 6.4vw;
  }
  .p-recruit-area .p-recruit-area__job-point {
    margin-top: 26.6666666667vw;
    gap: 26.6666666667vw;
  }
  .p-recruit-area .p-recruit-area__job-item {
    width: 100%;
  }
  .p-recruit-area .p-recruit-area__job-item .-block-box {
    height: 48vw;
  }
  .p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--01::after {
    width: 76.8vw;
    height: 70.6666666667vw;
    bottom: -4.5333333333vw;
  }
  .p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--02::after {
    width: 90.1333333333vw;
    height: 47.2vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 2.1333333333vw;
  }
  .p-recruit-area .p-recruit-area__job-item .-block-box.-block-box--03::after {
    width: 74.9333333333vw;
    height: 74.1333333333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -3.7333333333vw;
  }
  .p-recruit-area .p-recruit-area__job-item .-block-txtbox {
    height: 37.3333333333vw;
  }
  .p-recruit-area .p-recruit-area__job-item .-txt {
    font-size: 5.3333333333vw;
  }
  .p-recruit-area .p-recruit-area__good {
    margin-top: 26.6666666667vw;
  }
  .p-recruit-area .p-recruit-area__good--inner {
    max-width: 100%;
  }
  .p-recruit-area .p-recruit-area__good-ttl {
    font-size: 6.4vw;
    text-align: center;
  }
  .p-recruit-area .p-recruit-area__good-block .-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 21.3333333333vw;
  }
  .p-recruit-area .p-recruit-area__good-block .-item:first-child {
    margin-top: 10.6666666667vw;
  }
  .p-recruit-area .p-recruit-area__good-block .-item.-item--dry {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p-recruit-area .p-recruit-area__good-block .-item.-item--dry .-img {
    margin-left: 0;
    margin-right: 0;
  }
  .p-recruit-area .p-recruit-area__good-block .-item-txtbox {
    width: 100%;
  }
  .p-recruit-area .p-recruit-area__good-block .-item-txtbox .-ttl {
    font-size: 5.3333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .p-recruit-area .p-recruit-area__good-block .-item-txtbox .-num {
    margin-right: 5.3333333333vw;
    font-size: 17.0666666667vw;
  }
  .p-recruit-area .p-recruit-area__good-block .-item-txtbox .-txt {
    margin-top: 5.3333333333vw;
    margin-left: 0vw;
    font-size: 4.2666666667vw;
  }
  .p-recruit-area .p-recruit-area__good-block .-img {
    width: 100%;
    margin-left: 0;
    margin-top: 10.6666666667vw;
  }
}

/*------------------------------------------------

p-recruit-guide
-------------------------------------------------*/
.p-recruit-guide {
  position: relative;
  margin-top: -12.5vw;
  padding: 20.8333333333vw 0 20.8333333333vw;
}
.p-recruit-guide .p-recruit-guide__bg {
  position: absolute;
  background: url(../../images/recruit/recruit-bg02.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-recruit-guide .p-recruit-guide__area {
  background-color: #fff;
  padding: 6.9444444444vw 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.p-recruit-guide .p-recruit-guide__area.isActive {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-recruit-guide .p-recruit-guide__area-ttl {
  font-size: 2.2222222222vw;
  line-height: 1.8;
  font-weight: bold;
  color: #185aa5;
  text-align: center;
}
.p-recruit-guide table {
  margin: auto;
  margin-top: 3.4722222222vw;
  width: 43.0555555556vw;
}
.p-recruit-guide table tr {
  border-bottom: 1px dotted #b2b0b0;
  display: block;
  padding: 1.0416666667vw 0;
}
.p-recruit-guide table th {
  width: 15.2777777778vw;
  text-align: left;
  font-size: 1.1111111111vw;
  font-weight: bold;
}
.p-recruit-guide table td {
  width: calc(100% - 15.2777777778vw);
  font-size: 1.1111111111vw;
  font-weight: 400;
  line-height: 1.8;
}
.p-recruit-guide table td a {
  color: #1e1e1e;
}
.p-recruit-guide .p-recruit-guide__area-txt {
  text-align: center;
  position: relative;
  padding-bottom: 2.7777777778vw;
  margin-top: 5.5555555556vw;
  font-size: 1.6666666667vw;
  font-weight: bold;
  color: #185aa5;
}
.p-recruit-guide .p-recruit-guide__area-txt::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../../images/recruit/guide-arrow.png) no-repeat;
  background-size: contain;
  width: 1.25vw;
  height: 1.5277777778vw;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-recruit-guide table th {
    font-size: 1.3194444444vw;
  }
  .p-recruit-guide table td {
    font-size: 1.3194444444vw;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-guide {
    margin-top: -48vw;
    padding: 42.6666666667vw 0 66.6666666667vw;
  }
  .p-recruit-guide .p-recruit-guide__bg {
    position: absolute;
    background: url(../../images/recruit/recruit-bg02-sp.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .p-recruit-guide .p-recruit-guide__area {
    padding: 16vw 4vw;
  }
  .p-recruit-guide .p-recruit-guide__area-ttl {
    font-size: 5.3333333333vw;
  }
  .p-recruit-guide table {
    margin-top: 8vw;
    width: 100%;
  }
  .p-recruit-guide table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 4vw 0;
  }
  .p-recruit-guide table th {
    width: 100%;
    font-size: 4.2666666667vw;
  }
  .p-recruit-guide table td {
    width: 100%;
    margin-top: 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .p-recruit-guide .p-recruit-guide__area-txt {
    padding-bottom: 10.6666666667vw;
    margin-top: 10.6666666667vw;
    font-size: 5.3333333333vw;
  }
  .p-recruit-guide .p-recruit-guide__area-txt::after {
    width: 4.8vw;
    height: 5.8666666667vw;
  }
}
/*# sourceMappingURL=recruit.css.map */