@charset "UTF-8";
body.recruit:before {
  content: "";
  background: url(../img/common/bg1.jpg);
  width: 100%;
  height: 100vh;
  background-size: cover;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.7;
}
body.recruit h2 {
  font-size: 2.5vw;
  margin-bottom: 2.7777777778vw;
  line-height: 1;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.recruit h2 {
    font-size: 4.9543676662vw;
    margin-bottom: 5.2151238592vw;
  }
}
body.recruit .en_set {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.recruit .en_set {
    margin-bottom: 5.2151238592vw;
  }
}
body.recruit .en_set strong {
  font-size: 1.6666666667vw;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.recruit .en_set strong {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  body.recruit .en_set strong {
    font-size: 3.520208605vw;
  }
}
body.recruit .en_set span {
  font-size: 4.0277777778vw;
  color: #57960D;
  font-family: "Verdana";
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.recruit .en_set span {
    font-size: 7.8226857888vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  body.recruit .en_set span {
    font-size: 8.6049543677vw;
  }
}
body.recruit section .container1160 {
  padding-bottom: 3.4722222222vw;
  border-bottom: solid 0.0694444444vw #ccc;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  body.recruit section .container1160 {
    padding-bottom: 5.2151238592vw;
    border-bottom: solid 0.1303780965vw #ccc;
  }
}

/*--------------------
.kv
--------------------*/
.recruit .kv img {
  width: 100%;
  text-align: center;
}

/*--------------------
.aboutus
--------------------*/
.recruit .aboutus {
  padding-bottom: 29.8611111111vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus {
    padding-bottom: 26.075619296vw;
  }
}
.recruit .aboutus__container {
  padding-top: 14.5833333333vw;
  width: 83.3333333333vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container {
    padding-top: 15.6453715776vw;
    width: 90vw;
    margin-right: 0;
  }
}
.recruit .aboutus__container .en {
  font-family: "Verdana";
  font-size: 4.0277777778vw;
  color: #57960D;
  font-weight: bold;
  padding-left: 23.3333333333vw;
  width: 68.0555555556vw;
  margin-left: auto;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .en {
    font-size: 7.8226857888vw;
    width: 80vw;
    padding-left: 26.075619296vw;
  }
}
.recruit .aboutus__container .white_box {
  position: relative;
  width: 68.0555555556vw;
  margin-left: auto;
  background: #fff;
  border-radius: 2.7777777778vw;
  padding: 6.5277777778vw 5.1388888889vw 6.9444444444vw 23.3333333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box {
    width: 80vw;
    border-radius: 5.2151238592vw;
    padding: 20.8604954368vw 5.2151238592vw 10.4302477184vw 5.2151238592vw;
    border-radius: 3.9113428944vw 0 0 3.9113428944vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box {
    width: 88vw;
  }
}
.recruit .aboutus__container .white_box .pic1 {
  width: 34.7222222222vw;
  border-radius: 2.0833333333vw;
  position: absolute;
  left: -15.2777777778vw;
  top: -14.5833333333vw;
  box-shadow: 0.6944444444vw 0.6944444444vw 0.1388888889vw 0.1388888889vw #ccc;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .pic1 {
    width: 36.5058670143vw;
    border-radius: 3.9113428944vw;
    left: -16vw;
    top: -22.1642764016vw;
    box-shadow: 0.9126466754vw 0.9126466754vw 0.1303780965vw 0.1303780965vw #ccc;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .pic1 {
    left: -7vw;
  }
}
.recruit .aboutus__container .white_box .pic2 {
  width: 19.4444444444vw;
  position: absolute;
  left: 1.3888888889vw;
  bottom: 4.5833333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .pic2 {
    width: 22.1642764016vw;
    right: 1.9556714472vw;
    top: 3.9113428944vw;
    left: auto;
    bottom: auto;
  }
}
.recruit .aboutus__container .white_box h2 {
  font-weight: bold;
  font-size: 1.7361111111vw;
  margin-bottom: 1.1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box h2 {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box h2 {
    font-size: 3.6505867014vw;
  }
}
.recruit .aboutus__container .white_box .catch {
  font-size: 1.7361111111vw;
  margin-bottom: 1.4em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .catch {
    font-size: 3.1290743155vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .catch {
    font-size: 4.4328552803vw;
  }
}
.recruit .aboutus__container .white_box .msg {
  font-size: 1.3888888889vw;
  line-height: 1.8;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .msg {
    font-size: 2.4771838331vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .aboutus__container .white_box .msg {
    font-size: 3.259452412vw;
  }
}
.recruit .aboutus_bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  bottom: 0;
}

/*--------------------
.photos
--------------------*/
.recruit .photos {
  padding-top: 6.9444444444vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos {
    padding-top: 9.1264667536vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .photos {
    padding-top: 11.7340286832vw;
  }
}
.recruit .photos .yellow_container {
  padding-top: 4.1666666667vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container {
    padding-top: 5.2151238592vw;
  }
}
.recruit .photos .yellow_container:before {
  content: "";
  display: block;
  background: #FFF5BD;
  border-radius: 2.7777777778vw;
  width: 83.3333333333vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 0;
  height: 100%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container:before {
    border-radius: 3.9113428944vw;
    width: 90vw;
  }
}
.recruit .photos .yellow_container .bold_lead {
  font-size: 1.5277777778vw;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 2.0833333333vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .bold_lead {
    font-size: 2.8683181226vw;
    margin-bottom: 2.8683181226vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .photos .yellow_container .bold_lead {
    font-size: 3.3898305085vw;
  }
}
.recruit .photos .yellow_container .photos_slider {
  display: flex;
  width: 122.2222222222vw;
  margin-left: -11.1111111111vw;
  margin-right: -11.1111111111vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider {
    width: 230.3780964798vw;
    margin-left: -65.1890482399vw;
    margin-right: -65.1890482399vw;
  }
}
.recruit .photos .yellow_container .photos_slider__item {
  padding: 1.0416666667vw 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider__item {
    padding: 1.3037809648vw 0;
  }
}
.recruit .photos .yellow_container .photos_slider__item > div {
  border-radius: 1.3888888889vw;
  padding: 1.0416666667vw;
  background: #fff;
  box-shadow: 0 0 0.3472222222vw 0.2083333333vw rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider__item > div {
    border-radius: 2.6075619296vw;
    padding: 1.4341590613vw;
    box-shadow: 0 0 0.3911342894vw 0.1303780965vw rgba(0, 0, 0, 0.1);
  }
}
.recruit .photos .yellow_container .photos_slider__item > div .pic img {
  width: 100%;
  border-radius: 1.1111111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider__item > div .pic img {
    border-radius: 1.8252933507vw;
  }
}
.recruit .photos .yellow_container .photos_slider__item > div .txt {
  font-size: 1.1805555556vw;
  line-height: 1.8;
  padding-top: 1em;
  min-height: 9em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider__item > div .txt {
    font-size: 2.4771838331vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider__item > div .txt {
    font-size: 2.7379400261vw;
  }
}
.recruit .photos .yellow_container .photos_slider .slick-slide {
  margin: 0 1.0416666667vw; /* 左右に10pxのマージンを設定 */
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .photos_slider .slick-slide {
    margin: 0 1.5645371578vw;
  }
}
.recruit .photos .yellow_container .bottom_msg {
  position: relative;
  font-size: 1.6666666667vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  color: #57960D;
  padding: 1.4em 0 2em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos .yellow_container .bottom_msg {
    font-size: 2.8683181226vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .photos .yellow_container .bottom_msg {
    font-size: 3.3898305085vw;
  }
}

/*--------------------
.benefits
--------------------*/
.recruit .benefits {
  padding-top: 6.9444444444vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits {
    padding-top: 9.1264667536vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits {
    padding-top: 11.7340286832vw;
  }
}
.recruit .benefits .white_wrapper {
  background: #fff;
  padding: 4.5138888889vw 0 6.6666666667vw 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper {
    padding: 5.8670143416vw 0 9.1264667536vw 0;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper {
    padding-bottom: 11.7340286832vw;
  }
}
.recruit .benefits .white_wrapper .bold_lead {
  font-size: 1.5277777778vw;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 4.1666666667vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .bold_lead {
    font-size: 2.7379400261vw;
    margin-bottom: 6.518904824vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .bold_lead {
    font-size: 3.3898305085vw;
  }
}
.recruit .benefits .white_wrapper .benefits_flex {
  width: 79.1666666667vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex {
    width: 90vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex {
    display: block;
  }
}
.recruit .benefits .white_wrapper .benefits_flex__item {
  width: 36.8055555556vw;
  display: flex;
  align-items: center;
}
.recruit .benefits .white_wrapper .benefits_flex__item:nth-of-type(n + 3) {
  margin-top: 2.7777777778vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item {
    width: 48%;
    display: block;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item {
    width: 95%;
    display: flex;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item:nth-of-type(n + 2) {
    margin-top: 5.2151238592vw;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item:nth-of-type(:even) {
    margin-left: auto;
  }
}
.recruit .benefits .white_wrapper .benefits_flex__item .pic {
  width: 5.5555555556vw;
}
.recruit .benefits .white_wrapper .benefits_flex__item .pic img {
  width: 100%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item .pic {
    width: 100%;
    text-align: left;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .pic img {
    width: 10.4302477184vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item .pic {
    width: 15vw;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .pic img {
    width: 100%;
  }
}
.recruit .benefits .white_wrapper .benefits_flex__item .txt {
  flex: 1;
  padding-left: 1.3888888889vw;
}
.recruit .benefits .white_wrapper .benefits_flex__item .txt h3 {
  font-weight: bold;
  font-size: 1.5972222222vw;
  margin-bottom: 0.8em;
}
.recruit .benefits .white_wrapper .benefits_flex__item .txt p {
  font-size: 1.3888888889vw;
  line-height: 1.8;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item .txt {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-top: 1.3037809648vw;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .txt h3 {
    font-size: 2.8683181226vw;
    line-height: 1.5;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .txt p {
    font-size: 2.4771838331vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .benefits .white_wrapper .benefits_flex__item .txt {
    width: auto;
    flex: 1;
    padding-left: 2vw;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .txt h3 {
    font-size: 3.6505867014vw;
    margin-bottom: 0.5em;
  }
  .recruit .benefits .white_wrapper .benefits_flex__item .txt p {
    font-size: 3.3898305085vw;
  }
}

/*--------------------
.photos2
--------------------*/
.recruit .photos2 .yellow_container {
  padding-bottom: 4.1666666667vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .photos2 .yellow_container {
    padding-bottom: 5.2151238592vw;
  }
}

/*--------------------
.message
--------------------*/
.recruit .message {
  padding-top: 6.9444444444vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message {
    padding-top: 9.1264667536vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message {
    padding-top: 11.7340286832vw;
  }
}
.recruit .message .white_wrapper {
  padding: 14.5833333333vw 0 6.9444444444vw;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper {
    padding: 20.8604954368vw 0 9.1264667536vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper {
    padding-bottom: 11.7340286832vw;
  }
}
.recruit .message .white_wrapper .yellow_container {
  background: #FFF5BD;
  border-radius: 2.7777777778vw;
  width: 83.3333333333vw;
  margin: 0 auto;
  padding: 23.6111111111vw 11.8055555556vw 5.5555555556vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container {
    border-radius: 3.9113428944vw 0 0 3.9113428944vw;
    width: 95vw;
    margin: 0 0 0 auto;
    padding: 39.1134289439vw 7.8226857888vw 6vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container {
    padding: 48.2398956975vw 7.8226857888vw 6vw;
  }
}
.recruit .message .white_wrapper .yellow_container .president {
  height: 35.7638888889vw;
  display: flex;
  justify-content: center;
  position: absolute;
  align-items: flex-start;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president {
    height: 52.1512385919vw;
    left: -5vw;
    display: block;
  }
}
.recruit .message .white_wrapper .yellow_container .president .pic {
  width: 50vw;
}
.recruit .message .white_wrapper .yellow_container .president .pic img {
  width: 100%;
  border-radius: 0 0 2.7777777778vw 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .pic {
    width: 60vw;
  }
  .recruit .message .white_wrapper .yellow_container .president .pic img {
    border-radius: 0 0 3.9113428944vw 0;
  }
}
.recruit .message .white_wrapper .yellow_container .president .txt {
  width: 50vw;
  padding: 8.3333333333vw 0 0 3.8194444444vw;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt {
    width: 100%;
    padding: 1.3037809648vw 0 0 10.4302477184vw;
  }
}
.recruit .message .white_wrapper .yellow_container .president .txt .catch {
  font-size: 2.0138888889vw;
  line-height: 1.8;
  margin-top: 4.8611111111vw;
}
.recruit .message .white_wrapper .yellow_container .president .txt .catch strong {
  font-weight: bold;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .catch strong br {
    display: none;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .catch strong br {
    display: inline;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .catch {
    font-size: 3.259452412vw;
    margin-top: 0;
    padding-left: 5vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .catch {
    font-size: 4.3024771838vw;
    line-height: 1.65;
    padding-top: 1.9556714472vw;
    padding-left: 7.8226857888vw;
  }
}
.recruit .message .white_wrapper .yellow_container .president .txt .name {
  color: #3c6e04;
  font-size: 1.7361111111vw;
  font-weight: bold;
  line-height: 1.6;
}
.recruit .message .white_wrapper .yellow_container .president .txt .name span {
  font-size: 1.3888888889vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .name {
    position: absolute;
    width: 30vw;
    left: 64vw;
    top: 25vw;
    font-size: 3.3898305085vw;
  }
  .recruit .message .white_wrapper .yellow_container .president .txt .name span {
    font-size: 2.7379400261vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .president .txt .name {
    font-size: 3.7809647979vw;
  }
  .recruit .message .white_wrapper .yellow_container .president .txt .name span {
    font-size: 3.259452412vw;
  }
}
.recruit .message .white_wrapper .yellow_container .msg p {
  font-size: 1.3888888889vw;
  line-height: 1.8;
}
.recruit .message .white_wrapper .yellow_container .msg p:nth-of-type(n + 2) {
  margin-top: 0.6em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .msg p {
    font-size: 2.4771838331vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .msg p {
    font-size: 3.1290743155vw;
  }
}
.recruit .message .white_wrapper .yellow_container .msg h3 {
  font-size: 1.5972222222vw;
  font-weight: bold;
  margin: 1.5em 0 0;
}
.recruit .message .white_wrapper .yellow_container .msg h3 + p {
  margin-top: 1em !important;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .msg h3 {
    font-size: 2.8683181226vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .msg h3 {
    font-size: 3.3898305085vw;
  }
}
.recruit .message .white_wrapper .yellow_container .bottom_msg {
  color: #3c6e04;
  text-align: center;
  font-size: 1.5972222222vw;
  line-height: 1.8;
  font-weight: bold;
  padding-top: 2em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .bottom_msg {
    font-size: 2.8683181226vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .message .white_wrapper .yellow_container .bottom_msg {
    font-size: 3.3898305085vw;
  }
}

/*--------------------
.video
--------------------*/
.recruit .video {
  padding: 6.9444444444vw 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video {
    padding: 9.1264667536vw 0;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .video {
    padding: 11.7340286832vw 0;
  }
}
.recruit .video .yellow_container {
  background: #FFF5BD;
  border-radius: 2.7777777778vw;
  width: 83.3333333333vw;
  margin: 0 auto 4.8611111111vw;
  padding: 4.1666666667vw 0 6.25vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container {
    border-radius: 3.9113428944vw;
    width: 90vw;
    margin: 0 auto 6.518904824vw;
    padding: 5.2151238592vw 0 8.3441981747vw;
  }
}
.recruit .video .yellow_container .bold_lead {
  font-size: 1.5277777778vw;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 4.1666666667vw;
  position: relative;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container .bold_lead {
    font-size: 2.8683181226vw;
    margin-bottom: 5.2151238592vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .video .yellow_container .bold_lead {
    font-size: 3.3898305085vw;
  }
}
.recruit .video .yellow_container .video_item {
  width: 62.5vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container .video_item {
    width: 74vw;
  }
}
.recruit .video .yellow_container .video_item h3 {
  font-size: 1.5277777778vw;
  font-weight: bold;
  margin-bottom: 0.9em;
  padding-left: 0.9em;
  text-indent: -0.9em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container .video_item h3 {
    font-size: 2.7379400261vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .video .yellow_container .video_item h3 {
    font-size: 3.3898305085vw;
    line-height: 1.5;
  }
}
.recruit .video .yellow_container .video_item:nth-of-type(n + 2) {
  margin-top: 4.8611111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container .video_item:nth-of-type(n + 2) {
    margin-top: 6.518904824vw;
  }
}
.recruit .video .yellow_container .video_item .b_video {
  transition-duration: 0.3s;
}
.recruit .video .yellow_container .video_item .b_video:hover {
  opacity: 0.7;
}
.recruit .video .yellow_container .video_item .b_video img {
  border-radius: 2.0833333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .yellow_container .video_item .b_video img {
    border-radius: 2.998696219vw;
  }
}
.recruit .video .bottom_msg {
  color: #3c6e04;
  text-align: center;
  font-size: 1.7361111111vw;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .bottom_msg {
    font-size: 2.8683181226vw;
    margin-bottom: 3.1290743155vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .video .bottom_msg {
    font-size: 3.3898305085vw;
  }
}
.recruit .video .b_oubo {
  width: 34.7222222222vw;
  height: 6.9444444444vw;
  font-size: 1.7361111111vw;
  border-radius: 0.6944444444vw;
  border: solid #FFA803 0.3472222222vw;
  background: #FFE838;
  color: #b87b0a;
  font-weight: bold;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.2777777778vw 0.1388888889vw #ddd;
}
.recruit .video .b_oubo:after {
  background: #b87b0a;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .video .b_oubo {
    width: 52.1512385919vw;
    height: 10.4302477184vw;
    font-size: 3.1290743155vw;
    border-radius: 1.3037809648vw;
    border: solid #FFA803 0.5215123859vw;
    box-shadow: 0 0 0.260756193vw 0.1303780965vw #ddd;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .video .b_oubo {
    width: 65.1890482399vw;
    height: 11.7340286832vw;
    font-size: 3.9113428944vw;
    border-radius: 1.9556714472vw;
  }
}

/*--------------------
.about
--------------------*/
.recruit .about {
  height: 48.6111111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about {
    height: auto;
  }
}
.recruit .about .about_flex {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex {
    display: block;
    height: auto;
  }
}
.recruit .about .about_flex .txt {
  width: 34.7222222222%;
  padding: 5.5555555556vw 0 0 8.3333333333vw;
  height: 100%;
  background: #fff;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .txt {
    width: 100%;
    padding: 9.1264667536vw 0 2.6075619296vw 4.1666666667vw;
    height: auto;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .about .about_flex .txt {
    padding: 11.7340286832vw 0 3.9113428944vw 6.518904824vw;
  }
}
.recruit .about .about_flex .txt h2 {
  align-items: flex-start;
  margin-bottom: 3.8888888889vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .txt h2 {
    margin-bottom: 3.9113428944vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .about .about_flex .txt h2 {
    margin-bottom: 5.2151238592vw;
  }
}
.recruit .about .about_flex .txt div {
  padding-left: 3.4722222222vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .txt div {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
}
.recruit .about .about_flex .txt div dl dt {
  width: 12.5vw;
  height: 2.7777777778vw;
  background: #666;
  border-radius: 0 0 2.7777777778vw 0;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.1805555556vw;
  padding-left: 0.8em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .txt div dl dt {
    width: 20.8604954368vw;
    height: 4.1720990874vw;
    border-radius: 0 0 4.1720990874vw 0;
    font-size: 2.6075619296vw;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .about .about_flex .txt div dl dt {
    font-size: 3.3898305085vw;
    height: 5.2151238592vw;
  }
}
.recruit .about .about_flex .txt div dl dd {
  font-size: 1.1111111111vw;
  padding: 1.2em 1em 1.4em;
  line-height: 1.9;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .txt div dl dd {
    font-size: 2.4771838331vw;
    padding: 1em 1em 1.2em;
  }
}
@media screen and (max-width: 599px) and (orientation: portrait) {
  .recruit .about .about_flex .txt div dl dd {
    font-size: 2.998696219vw;
  }
}
.recruit .about .about_flex .txt div dl:last-of-type dd {
  display: flex;
  align-items: center;
}
.recruit .about .about_flex .txt div dl:last-of-type dd a {
  margin: 0.5em;
}
.recruit .about .about_flex .map {
  /*
  width:pxtoper(940,1440);
  height:100%;
  */
  flex-grow: 1; /* 親要素の残りのスペースを占有します */
  display: flex; /* iframeの高さを親に合わせるためにflexboxを適用 */
  flex-direction: column; /* iframeを縦方向に配置 */
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .recruit .about .about_flex .map {
    width: 100%;
    height: auto;
    aspect-ratio: 8/5;
  }
}
.recruit .about .about_flex .map iframe {
  /*
  width:100%;
  aspect-ratio:8 / 5;
  */
  width: 100%; /* 親要素の幅いっぱいに広げます */
  height: 100%; /* 親要素の高さいっぱいに広げます */
  border: 0; /* iframeのデフォルトのボーダーを消す */
}/*# sourceMappingURL=recruit.css.map */