@media (min-width: 768px) {
  .fsL {
    font-size: 7.8125vw;
  }
}
@media (max-width: 767px) {
  .fsL {
    font-size: 12vw;
  }
}

@media (min-width: 768px) {
  .fsL15 {
    font-size: 6.25vw;
  }
}
@media (max-width: 767px) {
  .fsL15 {
    font-size: 13.7142857143vw;
  }
}

@media (min-width: 768px) {
  .fsL2 {
    font-size: 5vw;
  }
}
@media (max-width: 767px) {
  .fsL2 {
    font-size: 10.2857142857vw;
  }
}

@media (min-width: 768px) {
  .fsL3 {
    font-size: 4.375vw;
  }
}
@media (max-width: 767px) {
  .fsL3 {
    font-size: 10.2857142857vw;
  }
}

@media (min-width: 768px) {
  .fsL35 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 767px) {
  .fsL35 {
    font-size: 8vw;
  }
}

@media (min-width: 768px) {
  .fsL38 {
    font-size: 3.59375vw;
  }
}
@media (max-width: 767px) {
  .fsL38 {
    font-size: 8vw;
  }
}

@media (min-width: 768px) {
  .fsL4 {
    font-size: 3.28125vw;
  }
}
@media (max-width: 767px) {
  .fsL4 {
    font-size: 6.8571428571vw;
  }
}

@media (min-width: 768px) {
  .fsL5 {
    font-size: 3.125vw;
  }
}
@media (max-width: 767px) {
  .fsL5 {
    font-size: 6.2857142857vw;
  }
}

@media (min-width: 768px) {
  .fsM {
    font-size: 2.8125vw;
  }
}
@media (max-width: 767px) {
  .fsM {
    font-size: 6vw;
  }
}

@media (min-width: 768px) {
  .fsM15 {
    font-size: 2.5vw;
  }
}
@media (max-width: 767px) {
  .fsM15 {
    font-size: 5.4285714286vw;
  }
}

@media (min-width: 768px) {
  .fsM2 {
    font-size: 2.1875vw;
  }
}
@media (max-width: 767px) {
  .fsM2 {
    font-size: 4.8571428571vw;
  }
}

@media (min-width: 768px) {
  .fsM3 {
    font-size: 1.875vw;
  }
}
@media (max-width: 767px) {
  .fsM3 {
    font-size: 4.5714285714vw;
  }
}

@media (min-width: 768px) {
  .fsM35 {
    font-size: 1.71875vw;
  }
}
@media (max-width: 767px) {
  .fsM35 {
    font-size: 4.2857142857vw;
  }
}

@media (min-width: 768px) {
  .fsM32 {
    font-size: 1.5625vw;
  }
}
@media (max-width: 767px) {
  .fsM32 {
    font-size: 4vw;
  }
}

@media (min-width: 768px) {
  .fsM38 {
    font-size: 1.484375vw;
  }
}
@media (max-width: 767px) {
  .fsM38 {
    font-size: 4vw;
  }
}

@media (min-width: 768px) {
  .fsM4 {
    font-size: 1.40625vw;
  }
}
@media (max-width: 767px) {
  .fsM4 {
    font-size: 4vw;
  }
}

@media (min-width: 768px) {
  .fsM5 {
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) {
  .fsM5 {
    font-size: 3.8571428571vw;
  }
}

@media (min-width: 768px) {
  .fsM6 {
    font-size: 1.171875vw;
  }
}
@media (max-width: 767px) {
  .fsM6 {
    font-size: 3.2857142857vw;
  }
}

@media (min-width: 768px) {
  .fsS {
    font-size: 1.09375vw;
  }
}
@media (max-width: 767px) {
  .fsS {
    font-size: 3vw;
  }
}

@media (min-width: 768px) {
  .fsS2 {
    font-size: 1.015625vw;
  }
}
@media (max-width: 767px) {
  .fsS2 {
    font-size: 2.7142857143vw;
  }
}

@media (min-width: 768px) {
  .fsS3 {
    font-size: 0.9375vw;
  }
}
@media (max-width: 767px) {
  .fsS3 {
    font-size: 2.4285714286vw;
  }
}

.mbL {
  margin-bottom: 30%;
}

.mbL2 {
  margin-bottom: 25%;
}

.mbL3 {
  margin-bottom: 20%;
}

.mbL4 {
  margin-bottom: 15%;
}

.mbM {
  margin-bottom: 10%;
}

.mbM2 {
  margin-bottom: 7.5%;
}

.mbM3 {
  margin-bottom: 5%;
}

.mbS {
  margin-bottom: 3.5%;
}

.mbS2 {
  margin-bottom: 2%;
}

.mbS3 {
  margin-bottom: 1%;
}

.mbS4 {
  margin-bottom: 0.5%;
}

@media (max-width: 767px) {
  .mbSpL {
    margin-bottom: 30%;
  }
  .mbSpL2 {
    margin-bottom: 25%;
  }
  .mbSpL3 {
    margin-bottom: 20%;
  }
  .mbSpL4 {
    margin-bottom: 15%;
  }
  .mbSpM {
    margin-bottom: 10%;
  }
  .mbSpM2 {
    margin-bottom: 7.5%;
  }
  .mbSpM3 {
    margin-bottom: 5%;
  }
  .mbSpS {
    margin-bottom: 3.5%;
  }
  .mbSpS2 {
    margin-bottom: 2%;
  }
  .mbSpS3 {
    margin-bottom: 1%;
  }
  .mbSp0 {
    margin-bottom: 0;
  }
}
.bold {
  font-weight: 700;
}

.c_ttl_1.u_pt100_pc span {
  white-space: nowrap;
}

.sp {
  display: none;
}
@media (max-width: 767px) {
  .sp {
    display: block;
  }
}

@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.recruit-page {
  line-height: 1.8;
}

.main_title {
  text-align: center;
  margin-bottom: 3.125vw;
}

.lh {
  line-height: 1.6111111111;
}

.padding {
  padding-top: 7.8125vw;
  padding-bottom: 7.8125vw;
}
@media (max-width: 767px) {
  .padding {
    padding: 21.3333333333vw 0;
  }
}

.pb0 {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .pbSp0 {
    padding-bottom: 0;
  }
}

.pt0 {
  padding-top: 0;
}

.mainColor {
  color: #00a0e9;
}

@media (max-width: 767px) {
  .wrap {
    max-width: 100%;
    padding-inline: 5.3333333333vw;
  }
}

.cnt {
  max-width: 81.25vw;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cnt {
    max-width: 100%;
  }
}

.cnt-max {
  max-width: 96.09375vw;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cnt-max {
    max-width: 100%;
  }
}

.cnt-min {
  max-width: 62.890625vw;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .cnt-min {
    max-width: 100%;
  }
}

.l_kv {
  background: url(../img/recruit/kv.jpg) no-repeat center/cover;
}

.sec._1 {
  position: relative;
  background: url(../img/recruit/bg-star.png) no-repeat center top/103% auto, -webkit-gradient(linear, left top, right top, from(rgb(1, 107, 255)), to(rgb(1, 158, 255)));
  background: url(../img/recruit/bg-star.png) no-repeat center top/103% auto, -webkit-linear-gradient(left, rgb(1, 107, 255) 0%, rgb(1, 158, 255) 100%);
  background: url(../img/recruit/bg-star.png) no-repeat center top/103% auto, linear-gradient(90deg, rgb(1, 107, 255) 0%, rgb(1, 158, 255) 100%);
  padding-top: 10.9375vw;
}
.sec._1 .main_title {
  line-height: 1.4;
}

.intSlide {
  position: relative;
  padding-bottom: 0;
}
.intSlide::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 13em;
  left: 0;
  bottom: 0;
  background-color: rgb(234, 246, 253);
}
.intSlide .slick-slide {
  padding-inline: 1em;
}
@media (max-width: 767px) {
  .intSlide .slick-slide {
    padding-inline: 0.5em;
  }
}
.intSlide .slick-slide img {
  aspect-ratio: 390/250;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sec._3 {
  background-color: rgb(234, 246, 253);
}
.sec._3 .inner {
  max-width: 67.6730869339vw;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .sec._3 .inner {
    max-width: 100%;
  }
}
.sec._3 .txt_wrap {
  color: #000000;
}
.sec._3 .txt_wrap .sub {
  color: #00a0e9;
}

.sec._3 .c_ttl_1 span,
#detail .c_ttl_1 span,
#mindest .c_ttl_1 span,
#flow .c_ttl_1 span {
  -webkit-text-stroke-color: rgb(0, 160, 233);
}
.sec._3 .c_ttl_1,
#detail .c_ttl_1,
#mindest .c_ttl_1,
#flow .c_ttl_1 {
  color: rgb(0, 160, 233);
  text-shadow: unset;
}

.sec._3 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.9260801666vw;
  margin-bottom: 3.7480478917vw;
}

@media only screen and (max-width: 767px) {
  .sec._3 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
    margin-bottom: 10.6666666667vw;
  }
}
.taisetsu {
  background-color: #eaf6fd;
}
.taisetsu .title {
  position: relative;
  text-align: center;
  line-height: 1;
}
.taisetsu .title::before, .taisetsu .title::after {
  content: "";
  position: absolute;
  display: block;
}
.taisetsu .title::before {
  width: 100%;
  height: 2px;
  background-color: #00a0e9;
  left: 0;
  top: 50%;
}
.taisetsu .title span {
  position: relative;
  padding: 0 2em;
  background-color: #eaf6fd;
}
@media (max-width: 767px) {
  .taisetsu .title span {
    padding: 0 0.5em;
  }
}
.taisetsu .title span::before {
  width: 100%;
}
.taisetsu .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.0411244144vw;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .taisetsu .flex_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8vw;
    max-width: 100%;
  }
}
.taisetsu .flex_box .item {
  position: relative;
  padding: 1em 0 1.5616866216vw;
  width: calc(33.33% - 0.6940829429vw);
  border-radius: 1.0411244144vw;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .taisetsu .flex_box .item {
    padding: 0 0 5.3333333333vw;
    width: 100%;
    border-radius: 5.3333333333vw;
  }
}
.taisetsu .flex_box .item .label {
  margin: 1.1972930765vw auto 1.0411244144vw;
  width: 95%;
  border-radius: 0.5205622072vw;
  background-color: #00a0e9;
  color: #ffe100;
  line-height: 1.5;
  padding-block: 0.2em;
}
.taisetsu .text {
  color: #000;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .taisetsu .flex_box .item .label {
    margin: 4vw auto;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 7.4666666667vw;
  }
}
.taisetsu .sec._2 .c_yt_box {
  margin: 5.0494534097vw auto 0;
}

.bg {
  background: #016bff;
  background: -webkit-linear-gradient(334deg, rgb(1, 107, 255) 0%, rgb(1, 158, 255) 100%);
  background: linear-gradient(116deg, rgb(1, 107, 255) 0%, rgb(1, 158, 255) 100%);
}

#thoughts .teacher_list,
#working .teacher_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.6028110359vw;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list,
  #working .teacher_list {
    gap: 5.3333333333vw;
  }
}
#thoughts .teacher_list .item,
#working .teacher_list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6028110359vw;
  padding: 2.6028110359vw;
  border-radius: 2.6652785008vw;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item,
  #working .teacher_list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
    padding: 5.3333333333vw;
  }
}
#thoughts .teacher_list .item .img_wrap,
#working .teacher_list .item .img_wrap {
  width: 16.2935970849vw;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item .img_wrap,
  #working .teacher_list .item .img_wrap {
    width: 100%;
  }
  #thoughts .teacher_list .item .img_wrap .img,
  #working .teacher_list .item .img_wrap .img {
    display: block;
    margin: 0 auto;
    width: 53.3333333333vw;
  }
}
#thoughts .teacher_list .item .txt_wrap,
#working .teacher_list .item .txt_wrap {
  width: calc(100% - 18.8964081208vw);
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item .txt_wrap,
  #working .teacher_list .item .txt_wrap {
    width: 100%;
  }
}
#thoughts .teacher_list .item .txt_wrap .ttl,
#working .teacher_list .item .txt_wrap .ttl {
  margin-bottom: 0.9370119729vw;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item .txt_wrap .ttl,
  #working .teacher_list .item .txt_wrap .ttl {
    margin-bottom: 4vw;
  }
}
#thoughts .teacher_list .item .txt_wrap .btn,
#working .teacher_list .item .txt_wrap .btn {
  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;
  margin: 1.5616866216vw 0 0;
  width: 13.5346173868vw;
  height: 2.7069234774vw;
  border: 1px solid #333;
  border-radius: 0.5205622072vw;
  background-color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item .txt_wrap .btn,
  #working .teacher_list .item .txt_wrap .btn {
    margin: 5.3333333333vw auto 0;
    width: 100%;
    height: 10.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#thoughts .teacher_list .item .txt_wrap .btn:hover,
#working .teacher_list .item .txt_wrap .btn:hover {
  background-color: #333;
  color: #fff;
}
#thoughts .teacher_list .item._top .img_wrap,
#working .teacher_list .item._top .img_wrap {
  width: 24.21875vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item._top .img_wrap,
  #working .teacher_list .item._top .img_wrap {
    width: 100%;
  }
  #thoughts .teacher_list .item._top .img_wrap .img,
  #working .teacher_list .item._top .img_wrap .img {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
}
#thoughts .teacher_list .item._top .txt_wrap,
#working .teacher_list .item._top .txt_wrap {
  width: calc(100% - 22.9047371161vw);
  color: #000;
}
@media (min-width: 768px) {
  #thoughts .teacher_list .item._top .txt_wrap,
  #working .teacher_list .item._top .txt_wrap {
    font-size: 1.40625vw;
  }
}
@media (max-width: 767px) {
  #thoughts .teacher_list .item._top .txt_wrap,
  #working .teacher_list .item._top .txt_wrap {
    font-size: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #thoughts .teacher_list .item._top .txt_wrap,
  #working .teacher_list .item._top .txt_wrap {
    width: 100%;
  }
}
#thoughts ul li,
#working ul li {
  padding-left: 1em;
  text-indent: -1em;
}

#working .teacher_list {
  gap: 1.3vw;
}
#working .teacher_list .ttl {
  line-height: 1.2666666667;
}

#feature {
  position: relative;
}
#feature .img1,
#feature .img2,
#feature .img3 {
  position: absolute;
  width: 33.4375vw;
}
@media (max-width: 767px) {
  #feature .img1,
  #feature .img2,
  #feature .img3 {
    width: 46.875vw;
  }
}
#feature .img1 {
  right: 0;
  top: 0;
}
#feature .img2 {
  left: 0;
  top: 30%;
}
@media (max-width: 767px) {
  #feature .img2 {
    top: 24%;
  }
}
#feature .img3 {
  right: 15%;
  bottom: 0;
}
@media (max-width: 767px) {
  #feature .img3 {
    right: 5%;
    bottom: -6%;
  }
}

.featureList {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.featureList li {
  background-color: #fff;
  color: #000;
  border-radius: 100vw;
  padding: 0.7em 1em 0.7em 2.5em;
  position: relative;
  margin-bottom: 0.8em;
  line-height: 1.5;
}
.featureList li::before {
  content: "";
  display: block;
  width: 0.6em;
  aspect-ratio: 1/1;
  background-color: #00a0e9;
  border-radius: 100vw;
  left: 1.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
.featureList.--mindest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em;
}
.featureList.--mindest li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .featureList.--mindest li {
    width: 100%;
  }
}

.text-center {
  text-align: center;
}

@media (max-width: 767px) {
  .text-left-sp {
    text-align: left;
  }
}
#support .box_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5vw;
  margin: 3.5918792296vw auto 2.4986985945vw;
  max-width: 78.552837064vw;
}
@media only screen and (max-width: 767px) {
  #support .box_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.3333333333vw;
    margin: 8vw auto 10.6666666667vw;
    max-width: 100%;
  }
}
#support .box_2 .item {
  padding: 1.665799063vw 0 2.0822488287vw;
  width: calc(33.333% - 1.5616866216vw);
  border-radius: 0.5205622072vw;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #support .box_2 .item {
    padding: 5.3333333333vw 0;
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
#support .box_2 .item .ttl span {
  display: block;
  margin-top: 0.2602811036vw;
}
#support .box_2 .item img {
  display: block;
  margin: 0.7287870901vw auto 1.2493492972vw;
  width: 16.2415408641vw;
}
@media only screen and (max-width: 767px) {
  #support .box_2 .item img {
    margin: 2.6666666667vw auto 4vw;
    width: 80vw;
  }
}
#support .box_2 .item .flex_1 {
  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;
  gap: 0.9890681936vw;
  margin-bottom: 1.0931806351vw;
}
@media only screen and (max-width: 767px) {
  #support .box_2 .item .flex_1 {
    gap: 2.6666666667vw;
    margin-bottom: 4vw;
  }
}
#support .box_2 .item .flex_2 {
  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;
  gap: 1.5616866216vw;
}
@media only screen and (max-width: 767px) {
  #support .box_2 .item .flex_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
#support .box_2 .item .flex_2 .btn {
  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;
  width: 7.1837584591vw;
  height: 2.4986985945vw;
  border: 1px solid #00a0e9;
  border-radius: 0.1561686622vw;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
@media only screen and (max-width: 767px) {
  #support .box_2 .item .flex_2 .btn {
    width: 66.6666666667vw;
    height: 10.6666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  #support .box_2 .item .flex_2 .btn:hover {
    background-color: #00a0e9;
    color: #fff;
  }
}
#support .text {
  line-height: 1.5;
}

#detail {
  background-color: #eaf6fd;
}

.bgLight {
  background-color: #eaf6fd;
}

.jobDetail {
  background-color: #fff;
  margin-bottom: 1.5em;
  border-radius: 1.25vw;
  overflow: hidden;
}
.jobDetail__title {
  position: relative;
}
.jobDetail__title .plus {
  position: absolute;
  right: 1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .jobDetail__title .plus {
    right: 1.25em;
  }
}
.jobDetail__title .plus::before, .jobDetail__title .plus::after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.jobDetail__title .plus::before {
  width: 1.5625vw;
  height: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
@media (max-width: 767px) {
  .jobDetail__title .plus::before {
    width: 0.75em;
  }
}
.jobDetail__title .plus::after {
  width: 1px;
  height: 1.5625vw;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .jobDetail__title .plus::after {
    height: 0.75em;
  }
}
.jobDetail__title.is-open .plus::after {
  opacity: 0;
}
.jobDetail dt {
  background-color: #00a0e9;
  text-align: center;
  font-weight: 700;
  padding: 0.5em;
  cursor: pointer;
}
@media (min-width: 768px) {
  .jobDetail dt {
    font-size: 1.875vw;
  }
}
@media (max-width: 767px) {
  .jobDetail dt {
    font-size: 4.5714285714vw;
  }
}
.jobDetail dd {
  padding: 3.125vw 0;
}
.jobDetail dd table {
  margin-inline: auto;
  max-width: 62.5vw;
  width: 100%;
}
@media (max-width: 767px) {
  .jobDetail dd table {
    max-width: 90%;
  }
}
.jobDetail dd table th,
.jobDetail dd table td {
  text-align: left;
  vertical-align: top;
  padding-block: 1em;
  border-bottom: dashed 1px #00a0e9;
}
@media (min-width: 768px) {
  .jobDetail dd table th,
  .jobDetail dd table td {
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) {
  .jobDetail dd table th,
  .jobDetail dd table td {
    font-size: 3.8571428571vw;
  }
}
.jobDetail dd table th {
  color: #00a0e9;
  width: 13.671875vw;
}
.jobDetail dd table td {
  color: #003034;
}
.jobDetail dd table ul li {
  list-style: disc;
  margin-left: 1.25em;
}
@media (max-width: 767px) {
  .jobDetail dd table th,
  .jobDetail dd table td {
    display: block;
    width: 100%;
  }
  .jobDetail dd table th {
    padding-bottom: 0;
    border-bottom: none;
  }
  .jobDetail dd table td {
    padding-top: 0.5em;
  }
}

.skillWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 2em;
}
@media (max-width: 767px) {
  .skillWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.skillBox {
  width: 38.28125vw;
  background-color: #fdffdf;
  padding: 2em 4em;
  border-radius: 1.875vw;
}
@media (max-width: 767px) {
  .skillBox {
    width: 100%;
    padding-inline: 2em;
  }
}

.skillBoxNote,
.skillBoxText {
  color: #000;
}

.video {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  aspect-ratio: 16/9;
  position: relative;
  display: block;
  width: 54.6875vw;
}
@media (max-width: 767px) {
  .video {
    width: 100%;
  }
}
.video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.flowList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .flowList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.flowList > div {
  width: 18.75vw;
}
@media (max-width: 767px) {
  .flowList > div {
    width: 100%;
  }
}
.flowList > div .img {
  position: relative;
}
@media (max-width: 767px) {
  .flowList > div .img {
    width: 50%;
    margin-inline: auto;
  }
  .flowList > div .img img {
    width: 100%;
  }
}
.flowList > div .img::before {
  content: "";
  display: block;
  width: 3.59375vw;
  aspect-ratio: 1/1;
  background: url(../img/recruit/arw.svg) no-repeat center/contain;
  right: 0;
  -webkit-transform: translateX(140%) translateY(-50%);
  transform: translateX(140%) translateY(-50%);
  position: absolute;
  top: 50%;
}
@media (max-width: 767px) {
  .flowList > div .img::before {
    width: 20%;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-160%) rotate(90deg);
    transform: translateX(50%) translateY(-160%) rotate(90deg);
    top: 0;
  }
}
.flowList > div .text {
  line-height: 1.5;
}
.flowList > div:last-of-type .img::before {
  content: none;
}
@media (max-width: 767px) {
  .flowList > div:last-of-type .img::before {
    content: "";
  }
}
@media (max-width: 767px) {
  .flowList > div:first-of-type .img::before {
    content: none;
  }
}

.entryBtnsWrap {
  background-color: #fff;
  border-radius: 2em;
  padding: 5em 0;
  position: relative;
}
@media (max-width: 767px) {
  .entryBtnsWrap {
    padding-inline: 2em;
  }
}
.entryBtnsWrap::before, .entryBtnsWrap::after {
  content: "";
  display: block;
  position: absolute;
}
.entryBtnsWrap::before {
  background: url(../img/recruit/entry1.png) no-repeat center/contain;
  width: 17.5vw;
  right: 3em;
  top: -3em;
  aspect-ratio: 224/300;
}
@media (max-width: 767px) {
  .entryBtnsWrap::before {
    width: 23.4375vw;
    right: -3em;
    top: -10em;
  }
}
.entryBtnsWrap::after {
  background: url(../img/recruit/entry2.png) no-repeat center/contain;
  width: 20.546875vw;
  left: 0;
  bottom: -3em;
  aspect-ratio: 263/286;
}
@media (max-width: 767px) {
  .entryBtnsWrap::after {
    width: 25.78125vw;
    left: -3em;
    bottom: -9em;
  }
}

.entryBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 2.5em;
}
@media (max-width: 767px) {
  .entryBtns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 2em;
  }
}
.entryBtns > * {
  max-width: calc(50% - 1.5em);
}
@media (max-width: 767px) {
  .entryBtns > * {
    max-width: 100%;
  }
}
.entryBtns a {
  max-width: 100%;
}
.entryBtns a:hover {
  background-color: #ffe100;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .entryBtns .ttl {
    font-size: 2em;
  }
}
/*# sourceMappingURL=sourcemaps/p-recruit.css.map */