/* point
======================================= */
.point__inner {
  padding-top: 6.25em;
  padding-bottom: 8.75em;
}
.point__lead {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.point__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 6.25em;
}
.point__item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.point__item:nth-child(2n) .point__item-img {
  border-radius: 8px 0 0 8px;
}
.point__item:nth-child(2n) .point__item-contents {
  padding-left: 8.333vw;
}
.point__item:nth-child(2n-1) .point__item-img {
  border-radius: 0 8px 8px 0;
}
.point__item:nth-child(2n-1) .point__item-contents {
  padding-right: 8.333vw;
}
.point__item-img {
  width: 45.13889%;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.point__item-contents {
  width: 50%;
}
.point__item-step {
  margin-bottom: 1rem;
}
.point__item-title {
  font-size: 1.5em;
  margin-bottom: 1em;
}
.point__item-btn {
  margin-top: 1em;
  max-width: 236px;
}
.point__item-btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.point__item-btn a span {
  width: auto;
  height: auto;
}
.point__item-btn a::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  background: url(../img/common/icons/arrow_brown.svg) no-repeat center center/contain;
}

/* recruiting
======================================= */
.recruiting {
  background: url(../img/recruit/recruiting_bg.png) no-repeat top center/118vw;
}
.recruiting__inner {
  padding-top: 8.75em;
  padding-bottom: 16.75em;
}
.recruiting__title {
  margin-bottom: 5em;
}
.recruiting__title-jp {
  color: #758309;
}
.recruiting__title-en {
  color: #fff;
}
.recruiting__tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2em;
}
.recruiting__tab {
  font-size: 2em;
  color: #758309;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.375rem;
  width: 350px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border: 2px solid #758309;
  padding: 1rem;
}
.recruiting__tab-img {
  width: 48px;
  height: 32px;
}
.recruiting__tab-img img.green {
  display: block;
}
.recruiting__tab-img img.white {
  display: none;
}
.recruiting__tab.is-active {
  color: #fff;
  background-color: #758309;
}
.recruiting__tab.is-active .recruiting__tab-img img.green {
  display: none;
}
.recruiting__tab.is-active .recruiting__tab-img img.white {
  display: block;
}
.recruiting__panel {
  background-color: #fff;
  border-radius: 8px;
  border-top: 8px solid #758309;
  padding: 3.75em 5% 1.25em;
}
.recruiting__panel.is-active {
  display: block;
}
.recruiting__panel-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-height: 800px;
}
.recruiting__panel-item {
  width: 45%;
  margin-bottom: 2.5em;
}
.recruiting__panel-item-title {
  font-size: 1.5em;
  font-weight: bold;
  color: #758309;
  padding-bottom: 0.2em;
  border-bottom: 2px solid #E0E5B6;
  margin-bottom: 1rem;
}

/* contact
======================================= */
.contact {
  background: url(../img/recruit/contact_bg.png) no-repeat center center/cover;
  height: 644px;
  margin-top: -5.5em;
}
.contact__inner {
  position: relative;
  height: 100%;
}
.contact__contents {
  position: absolute;
  left: 15.2778%;
  top: 48%;
}
.contact__catch {
  font-size: 2.25em;
  font-weight: bold;
  color: #758309;
  line-height: 1.3;
  max-width: 640px;
  margin-bottom: 1.5625rem;
}
.contact__btn {
  margin: auto;
  height: 60px;
}
.contact__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625em;
  font-weight: bold;
  max-width: 258px;
  padding: 0.75em 1em;
}
.contact__btn a img {
  width: 1.5625em;
  height: 1.25em;
}
.contact__btn a span {
  width: auto;
  height: auto;
  font-size: 1.125em;
}