@charset "UTF-8";
.recruit#index .anony {
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony {
    padding-bottom: 50px;
  }
}

.recruit#index .anony__hl {
  margin-bottom: 140px;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1);
}

.recruit#index .anony__hl.is-animated {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__aboutWork {
  padding-top: 130px;
  padding-bottom: 130px;
}

.recruit#index .anony__aboutWork__hl {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-family: adobe-caslon-pro, serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin-bottom: 130px;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1);
}

.recruit#index .anony__aboutWork__hl.is-animated {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__aboutWork__hl > span {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: normal;
}

.recruit#index .anony__aboutWork__points__eachPoint {
  margin-bottom: 100px;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1);
}

.recruit#index .anony__aboutWork__points__eachPoint.is-animated {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__aboutWork__points__eachPoint:last-child {
  margin-bottom: 0;
}

.recruit#index .anony__aboutWork__points__eachPoint__fig {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__aboutWork__points__eachPoint__fig {
    width: 100%;
    float: none !important;
    margin-bottom: 30px;
  }
}

.recruit#index .anony__aboutWork__points__eachPoint__texts {
  width: 50%;
  height: 430px;
  text-align: center;
  padding: 50px;
  display: table;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__aboutWork__points__eachPoint__texts {
    width: 100%;
    height: auto;
    float: none !important;
    padding: 0;
  }
}

.recruit#index .anony__aboutWork__points__eachPoint__texts__holder {
  vertical-align: middle;
  display: table-cell;
}

.recruit#index .anony__aboutWork__points__eachPoint__texts__holder__hl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 30px;
}

.recruit#index .anony__aboutWork__points__eachPoint[data-layout="a"] .anony__aboutWork__points__eachPoint__fig {
  float: right;
}

.recruit#index .anony__aboutWork__points__eachPoint[data-layout="a"] .anony__aboutWork__points__eachPoint__texts {
  float: left;
}

.recruit#index .anony__aboutWork__points__eachPoint[data-layout="b"] .anony__aboutWork__points__eachPoint__fig {
  float: left;
}

.recruit#index .anony__aboutWork__points__eachPoint[data-layout="b"] .anony__aboutWork__points__eachPoint__texts {
  float: right;
}

.recruit#index .anony__requirements {
  padding-top: 130px;
  padding-bottom: 130px;
}

.recruit#index .anony__requirements__hl {
  text-align: center;
  font-size: 34px;
  font-size: 3.4rem;
  margin-bottom: 50px;
  font-weight: normal;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1);
}

.recruit#index .anony__requirements__table {
  width: 100%;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}

.recruit#index .anony__requirements__table > tbody > tr {
  border-bottom: 1px solid #707070;
}

.recruit#index .anony__requirements__table > tbody > tr > th {
  width: 240px;
  padding: 15px 20px;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__requirements__table > tbody > tr > th {
    width: 25%;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.recruit#index .anony__requirements__table > tbody > tr > td {
  width: calc(100% - 240px);
  padding: 15px 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__requirements__table > tbody > tr > td {
    width: calc(100% - 25%);
    padding: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.recruit#index .anony__requirements.is-animated .anony__requirements__hl {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__requirements.is-animated .anony__requirements__table {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__entry {
  padding-top: 130px;
  padding-bottom: 130px;
}

.recruit#index .anony__entry__hl {
  text-align: center;
  font-size: 34px;
  font-size: 3.4rem;
  margin-bottom: 50px;
  font-weight: normal;
  font-family: adobe-caslon-pro, serif;
  letter-spacing: 0.1em;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1);
}

.recruit#index .anony__entry__btnList {
  text-align: center;
  margin-bottom: 60px;
}

.recruit#index .anony__entry__btnList__item {
  display: inline-block;
  width: 200px;
  margin-left: 40px;
  opacity: 0;
  transform: translateY(50px);
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__entry__btnList__item {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}

.recruit#index .anony__entry__btnList__item:nth-child(1) {
  margin-left: 0;
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}

@media only screen and (max-width: 767px) {
  .recruit#index .anony__entry__btnList__item:nth-child(1) {
    margin-top: 0;
  }
}

.recruit#index .anony__entry__btnList__item:nth-child(2) {
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1) 0.4s;
}

.recruit#index .anony__entry__btnList__item:nth-child(3) {
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1) 0.6s;
}

.recruit#index .anony__entry__rt {
  text-align: center;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all cubic-bezier(0.23, 1, 0.32, 1) 0.8s;
}

.recruit#index .anony__entry.is-animated .anony__entry__hl {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__entry.is-animated .anony__entry__btnList__item {
  opacity: 1;
  transform: translateY(0);
}

.recruit#index .anony__entry.is-animated .anony__entry__rt {
  opacity: 1;
  transform: translateY(0);
}