@charset "UTF-8";
/*
 * 変数
 */
/*
 * ブレークポイント
 */
/*
 * 480pxより広くなったら改行なくす
 */
@media (min-width: 560px) {
  .br_sp {
    display: none;
  }
}

/*
 * 780pxより狭くなったら改行なくす
 */
@media (max-width: 960px) {
  .pc_br {
    display: none;
  }
}

/*
 * 480pxより狭くなったら改行なくす
 */
@media (max-width: 560px) {
  .sp_br {
    display: none;
  }
}

/*
 * トランジション
 */
input[type=submit], input[type=button] {
  line-height: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.os {
  font-family: "Oswald", "Noto Sans JP", sans-serif;
}

.grad {
  background: radial-gradient(closest-side, #fda9c5, rgba(255, 255, 255, 0));
  filter: blur(60px);
  position: absolute;
  z-index: -1;
}

.recruit-main-inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  margin-bottom: 14%;
  margin-top: 4%;
  line-height: 1.7;
}
@media (max-width: 560px) {
  .recruit-main-inner {
    margin-bottom: 24%;
    margin-top: 12%;
  }
}

.top-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-flex p {
  font-size: 2em;
  font-weight: bold;
  color: #E61673;
}
@media (max-width: 560px) {
  .top-flex p {
    font-size: 1.5em;
    margin-bottom: 5%;
  }
}
.top-flex-image {
  position: relative;
  width: 50%;
  align-self: end;
}
@media (max-width: 560px) {
  .top-flex-image {
    width: 100%;
  }
}
.top-flex-image .rec-1 {
  width: 81%;
}
.top-flex-image .rec-2 {
  position: absolute;
  left: 50%;
  top: 86%;
  width: 57%;
}
@media (max-width: 560px) {
  .top-flex-image .rec-2 {
    left: 41%;
    top: 98%;
    width: 55%;
  }
}

.recruit-main-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 560px) {
  .recruit-main-text {
    flex-direction: column;
    margin-top: 55%;
  }
}
.recruit-main-text-left {
  width: 47%;
}
@media (max-width: 560px) {
  .recruit-main-text-left {
    width: 100%;
    margin-bottom: 7%;
  }
}
.recruit-main-text-left p {
  font-weight: bold;
  line-height: 2;
  margin-top: 3%;
}
.recruit-main-text-right {
  width: 50%;
  margin-bottom: -36%;
  margin-right: -5%;
}
@media (max-width: 560px) {
  .recruit-main-text-right {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0%;
    margin-top: 6%;
  }
}
.recruit-main-text-right .box {
  width: 100%;
  border: 1px solid #FFE5EB;
  filter: drop-shadow(0px 0px 5px rgba(255, 0, 152, 0.5));
  background-color: white;
  border-radius: 1em;
  padding: 7% 8%;
  margin-bottom: 9%;
}
.recruit-main-text-right .box .tit {
  font-weight: bold;
  margin-bottom: 2%;
}
@media (max-width: 560px) {
  .recruit-main-text-right .box {
    padding: 11% 9%;
    margin-bottom: 10%;
    text-align: justify;
  }
}

.recruit-main-bottom {
  margin-top: 11%;
}
.recruit-main-bottom-tit {
  text-align: center;
  margin-bottom: 3%;
}
@media (max-width: 560px) {
  .recruit-main-bottom-tit {
    margin-bottom: 9%;
  }
}

.table-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.rec-table th {
  width: 17%;
  vertical-align: middle;
}
@media (max-width: 560px) {
  .rec-table th {
    width: 100%;
    padding: 16px;
  }
}
@media (max-width: 560px) {
  .rec-table td {
    padding: 9% 8%;
    text-align: justify;
  }
  .rec-table td p {
    margin-bottom: 3%;
  }
}

.table-space {
  margin-bottom: 2%;
}

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