body {
  font-family: "Noto Serif JP", "YuMincho", YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, Meiryo, serif;
}

#slider {
  width: 100vw;
  height: 100vh;
}
.vegas-animation-kenburns {
  animation: kenburns ease-out;
}

@keyframes kenburns {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.box_wrap {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -90px;*/
  left: 0;
  right: 0;
  margin: 0 auto 100px;
  bottom: 0;
}

.box {
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 60px;
}

/* アニメーション設定 */
.arrowWrap {
  margin-top: 20px;
}

.arrow {
  width: 30px;
  margin: 0 auto;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}

.arrow span {
  position: relative;
  display: block;
  left: 50%;
}

.arrow span:before {
  content: "";
  width: 30px;
  height: 30px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}

@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}

.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 600ms;
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

h1.description {
  font-size: 1.15em;
}

/*navの文字サイズ*/
.navbar .navbar-nav .nav-link:not(.btn) {
  font-size: 1em;
}

/*本文の文字サイズ*/
p {
  line-height: 2em;
  font-size: 1.05em;
}
.section-story-overview p.blockquote {
  width: 340px;
  min-height: 180px;
  text-align: left;
  position: absolute;
  top: 371px;
  right: 128px;
  z-index: 0;
  font-size: 15px;
}

/*テキストセンター寄せ　スマホのみ左寄せ*/
.text-center-xs-left {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .text-center-xs-left {
    text-align: left;
  }
}

/*テキスト白地*/
.text-w {
  color: #fff !important;
}

/*余白*/
.mb-l,
.my-l {
  margin-bottom: 5rem !important;
}
.mt-l,
.my-l {
  margin-top: 5rem !important;
}

/*tableレスポンシブ*/
.table_rp th,
.table_rp td {
  text-align: left;
  color: #fff;
}
tr.last {
  border-bottom: 1px solid #dee2e6;
}
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  .table_rp {
    width: 100%;
  }
  .table_rp th,
  .table_rp td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*tableレスポンシブ（文字色：黒ver）*/
.table_rp_bk th,
.table_rp_bk td {
  text-align: left;
  color: #000;
}
.table__link {
  color: #000 !important;
}
tr.last {
  border-bottom: 1px solid #dee2e6;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  .table_rp_bk {
    width: 100%;
  }
  .table_rp_bk th,
  .table_rp_bk td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*tableレスポンシブ（エントリーフォーム）*/
.table_rp_form th,
.table_rp_form td {
  text-align: left;
  color: #000;
}
.table__link {
  color: #000 !important;
}
tr.last {
  border-bottom: 1px solid #dee2e6;
}
.table_rp_form select {
  width: 120px;
  height: 37px;
  padding-left: 7px;
  margin-bottom: 10px;
}
.table_rp_form input.address_text {
  width: 400px;
  height: 37px;
  padding-left: 7px;
  margin-bottom: 10px;
}
.table_rp_form textarea {
  width: 100%;
}
.table_rp_form a {
  color: #000;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  .table_rp_form {
    width: 100%;
  }
  .table_rp_form th,
  .table_rp_form td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .table_rp_form input.sp_field {
    width: 100%;
  }
  .table_rp_form input.address_number {
    width: 30%;
  }
  .table_rp_form input.tel_number {
    width: 25%;
  }
  .table_rp_form input.birth_year_number {
    width: 30%;
    margin-bottom: 15px;
  }
  select.birth_md {
    width: 50px;
  }
}

.section {
  padding: 0;
  position: inherit !important;
}
.section-bg-image {
  background-size: cover;
  background-position: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* ------------
採用ページ
------------ */

/* headerイメージ */
.section__bg__image__recruit {
  background-image: url(../img/recruit/header-image-pc_A.jpg);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 70vh;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .section__bg__image__recruit {
    background-image: url(../img/recruit/header-image-sp_A.jpg);
    height: 50vh;
  }
}
.recruit__title {
  color: #fff;
  text-align: center;
}

/* headerキャッチコピー */
#recruit__head__cach {
  width: 100%;
  height: 100%;
  padding-top: 5em;
  padding-bottom: 1em;
}
@media screen and (max-width: 640px) {
  #recruit__head__cach p {
    font-size: 1.2em;
  }
}

/* h2見出し ライン付き */
.recruit__h2-line {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6em;
  margin-top: 2.5em;
  margin-bottom: 2em;
}
.recruit__h2-line::before,
.recruit__h2-line::after {
  content: "";
  width: 70px;
  height: 1px;
  background-color: rgb(228, 188, 60);
}
.recruit__h2-line::before {
  margin-right: 20px;
}
.recruit__h2-line::after {
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  .recruit__h2-line {
    font-size: 1.3em;
    margin-bottom: 1.3em;
  }
  .recruit__h2-line::before,
  .recruit__h2-line::after {
    content: "";
    width: 20px;
    height: 1px;
    background-color: rgb(228, 188, 60);
  }
  .recruit__h2-line::before {
    margin-right: 10px;
  }
  .recruit__h2-line::after {
    margin-left: 10px;
  }
}

/* h2見出し */
.recruit__h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6em;
  margin-top: 2.5em;
  margin-bottom: 2em;
}
@media screen and (max-width: 640px) {
  .recruit__h2 {
    font-size: 1.3em;
    margin-bottom: 1.3em;
  }
}

/* h3見出し */
.recruit__h3 {
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid rgb(228, 188, 60);
  padding-bottom: 0.3em;
}
@media screen and (max-width: 640px) {
  .recruit__h3 {
    font-size: 1.25em;
  }
}

/* 募集要項 */
#company {
  background-image: url('https://good-harvest.co.jp/assets/img/bg_bamboo.jpg');
  background-size: cover;
  background-position: center center;
}


/* スマホのみ改行 */
@media screen and (min-width: 768px) {
  .br-sp {
    display: none;
  }
}