@charset "UTF-8";
/************************************
** 〇〇
************************************/
/*============================
#mv
============================*/
#mv {
  background-image: url("../img/recruit/mv.png");
}
#mv .page_ttl .en {
  top: 14px;
  left: 125px;
}
@media screen and (max-width: 750px) {
  #mv .page_ttl .en {
    top: 21px;
    width: 120px;
    left: 19px;
  }
}

/*============================
#sec01
============================*/
#sec01 {
  background: url("../img/recruit/bg_01.png");
  background-size: cover;
  background-position: top;
}
#sec01 .sec_inner .main_ttl_area {
  text-align: center;
  padding: 75px 0 0;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .main_ttl_area {
    padding: 30px 0 0;
  }
}
#sec01 .sec_inner .main_ttl_area::before {
  content: url("../img/recruit/cm_tag.png");
  display: inline-block;
  vertical-align: -27px;
  margin-right: 45px;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .main_ttl_area::before {
    margin-right: 0;
  }
}
#sec01 .sec_inner .main_ttl_area .txt_area {
  display: inline-block;
  vertical-align: middle;
}
#sec01 .sec_inner .main_ttl_area .txt_area .main_ttl {
  font-size: 35px;
  line-height: 80.28px;
  color: #1D9ABE;
  border-bottom: 1px solid #3E3A39;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .main_ttl_area .txt_area .main_ttl {
    font-size: 24px;
    line-height: 32px;
    color: #1D9ABE;
    margin: 5px 0 0;
    padding-bottom: 10px;
  }
}
#sec01 .sec_inner .main_ttl_area .txt_area .sub_ttl {
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 1.32px;
  display: block;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .main_ttl_area .txt_area .sub_ttl {
    padding-top: 10px;
    font-size: 20px;
  }
}
#sec01 .sec_inner .list_01 {
  display: flex;
  margin: 65px 0 0;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 40px 60px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .list_01 {
    padding: 0 0 30px;
    display: block;
    background: #F4F4F4;
  }
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .list_01 {
    background: none;
  }
}
#sec01 .sec_inner .list_01 .obj-fit-img {
  padding: 10px;
}
#sec01 .sec_inner .list_01 .obj-fit-img img {
  width: 100%;
}
#sec01 .sec_inner .list_01 .ttl {
  font-size: 18px;
  line-height: 43px;
  letter-spacing: 4.68px;
  color: #FFFFFF;
  display: inline-block;
  padding: 0 20px;
  width: 100%;
  background: #1D9ABE;
  text-align: center;
}
#sec01 .sec_inner .list_01 li {
  width: 340px;
  margin-bottom: 30px;
  background: #f2f2f3;
}
@media screen and (max-width: 750px) {
  #sec01 .sec_inner .list_01 li {
    width: 100%;
    margin-bottom: 40px;
  }
}
#sec01 .sec_inner .list_01 .img.obj-fit-img img {
  height: 227px;
}
#sec01 .sec_inner .list_01 .detail {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.84px;
  position: relative;
  padding: 20px 25px 20px;
}

/*============================
#sec02
============================*/
#sec02 .sec_inner .sec_ttl {
  text-align: center;
  padding: 60px 0 0 98px;
}
@media screen and (max-width: 750px) {
  #sec02 .sec_inner .sec_ttl {
    padding: 30px 0 0 80px;
  }
}
#sec02 .sec_inner .list {
  display: flex;
  margin: 55px auto 0;
  max-width: 1200px;
}
@media screen and (max-width: 750px) {
  #sec02 .sec_inner .list {
    display: block;
    margin: 30px 0 0;
  }
}
#sec02 .sec_inner .list li {
  display: inline-block;
  text-align: center;
  margin: 0 10px 0;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.08);
  background: #FCFDFD;
}
@media screen and (max-width: 750px) {
  #sec02 .sec_inner .list li {
    width: 100%;
    margin: 0 0 30px;
  }
}
#sec02 .sec_inner .list .box {
  padding: 30px 55px;
  width: 380px;
  border-radius: 3px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #sec02 .sec_inner .list .box {
    width: 100%;
    padding: 30px 25px;
  }
}
#sec02 .sec_inner .list .box::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 2em solid transparent;
  border-left: 2em solid #1D9ABE;
  position: absolute;
  z-index: 100;
}
#sec02 .sec_inner .list .box .ttl {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 35px;
  line-height: 28px;
  letter-spacing: 2.1px;
}
@media screen and (max-width: 750px) {
  #sec02 .sec_inner .list .box .ttl {
    font-size: 24px;
  }
}
#sec02 .sec_inner .list .txt {
  font-size: 16px;
  margin-top: 28px;
  line-height: 1.75;
}

/*============================
#sec03
============================*/
#sec03 {
  margin: 45px 0 0;
}
@media screen and (max-width: 750px) {
  #sec03 {
    margin: 30px 0 0;
  }
}
#sec03 .sec_inner .sec_ttl {
  text-align: center;
  padding: 0 0 0 160px;
}
@media screen and (max-width: 750px) {
  #sec03 .sec_inner .sec_ttl {
    padding: 0;
  }
}
#sec03 .sec_inner .license_box {
  background: #F5FAFD;
  max-width: 960px;
  margin: 35px auto 0;
  display: flex;
  align-items: center;
  position: relative;
  padding: 52px 50px 45px;
  border-right: 5px solid #1D9ABE;
  justify-content: space-between;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 750px) {
  #sec03 .sec_inner .license_box {
    flex-wrap: wrap;
    padding: 20px;
    margin: 30px 0 20px;
  }
}
@media screen and (max-width: 750px) {
  #sec03 .sec_inner .license_box .img.obj-fit-img {
    background: #fff;
    text-align: center;
    width: 100%;
  }
}
#sec03 .sec_inner .license_box .txt_aera {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.8px;
  padding: 0 0 0 56px;
}
@media screen and (max-width: 750px) {
  #sec03 .sec_inner .license_box .txt_aera {
    padding: 0;
    margin-top: 20px;
  }
}

/*============================
#sec04
============================*/
#sec04 {
  margin: 65px 0 0;
}
#sec04 .sec_inner .sec_ttl {
  text-align: center;
  padding: 0 0 0 88px;
}
#sec04 .sec_inner .card_list {
  margin: 50px -70px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#sec04 .sec_inner .card_list li {
  position: relative;
  display: inline-block;
  width: 350px;
  border: 10px solid #f0f4f8;
  padding: 15px 16px 30px;
  margin: 0 70px 50px 0;
}
@media screen and (max-width: 750px) {
  #sec04 .sec_inner .card_list li {
    padding: 15px 16px 15px;
    width: 100%;
    margin-bottom: 30px;
  }
}
#sec04 .sec_inner .card_list li:nth-child(3n)::after {
  content: none;
}
#sec04 .sec_inner .card_list li h3 {
  font-size: 25px;
  line-height: 39px;
  letter-spacing: 1.5px;
  color: #4C4B4C;
  margin: 0 0 5px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #sec04 .sec_inner .card_list li h3 {
    font-size: 20px;
    line-height: 1.5;
  }
}
#sec04 .sec_inner .card_list li img {
  border-bottom: 15px solid #0C66AA;
  margin: 0 0 15px;
  width: 100%;
}
#sec04 .sec_inner .card_list li p.detail {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.84px;
  color: #3E3A39;
  padding: 0 25px;
}
#sec04 .sec_inner .card_list li::after {
  content: "";
  position: absolute;
  top: 0;
  right: -45px;
  bottom: 0;
  width: 1px;
  background: #DCDDDD;
}

/*============================
#sec05
============================*/
#sec05 {
  background-color: #F5FAFD;
  background-position: center 45px;
  background-image: url("../img/recruit/bg_02.png");
  padding: 80px 0 105px;
  margin: 35px 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  #sec05 {
    padding: 40px 0;
    margin: 20px 0 50px;
  }
}
#sec05 .sec_inner .ttl_warp {
  text-align: center;
}
#sec05 .sec_inner .sec_ttl {
  text-align: center;
  display: inline-flex;
  position: relative;
  left: 54px;
  font-size: 34px;
}
@media screen and (max-width: 750px) {
  #sec05 .sec_inner .sec_ttl {
    left: 0;
    font-size: 22px;
  }
}
#sec05 .sec_inner .txt_area {
  padding: 30px 54px;
  max-width: 640px;
  margin: 60px auto 0;
  background: #fff;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 750px) {
  #sec05 .sec_inner .txt_area {
    padding: 30px 25px;
    margin: 30px 0 0;
  }
}
#sec05 .sec_inner .txt_area .ttl {
  font-size: 27px;
  text-align: center;
  color: #1D9ABE;
}
@media screen and (max-width: 750px) {
  #sec05 .sec_inner .txt_area .ttl {
    font-size: 20px;
  }
}
#sec05 .sec_inner .txt_area .detail {
  margin: 20px 0 0;
}

#sec06 {
  background: #efefef;
  padding: 80px 0;
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #sec06 {
    padding: 40px 0;
  }
}
#sec06 .sec_ttl {
  text-align: center;
  font-size: 34px;
}
@media screen and (max-width: 750px) {
  #sec06 .sec_ttl {
    font-size: 22px;
  }
}
#sec06 .txt_box.bg_shadow_box {
  width: 955px;
  padding: 45px 40px 45px 40px;
  box-shadow: 10px 10px 10px rgba(81, 81, 81, 0.2);
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  margin: 60px auto;
}
@media screen and (max-width: 750px) {
  #sec06 .txt_box.bg_shadow_box {
    width: 100%;
    padding: 20px 20px 20px 20px;
    left: 0;
    margin: 40px 0;
  }
}
#sec06 .txt_box.bg_shadow_box table {
  width: 100%;
  border-bottom: 1px solid #8b8584;
}
#sec06 .txt_box.bg_shadow_box table th, #sec06 .txt_box.bg_shadow_box table td {
  border-top: 1px solid #8b8584;
  padding: 11.5px 0;
  padding-left: 0;
  font-size: 1.8rem;
}
@media screen and (max-width: 750px) {
  #sec06 .txt_box.bg_shadow_box table th, #sec06 .txt_box.bg_shadow_box table td {
    font-size: 1.4rem;
  }
}
#sec06 .txt_box.bg_shadow_box table th {
  padding-left: 30px;
  width: 150px;
  text-align: left;
}
@media screen and (max-width: 750px) {
  #sec06 .txt_box.bg_shadow_box table th {
    padding-left: 10px;
    width: 108px;
    text-align: left;
  }
}
#sec06 .txt_box.bg_shadow_box table th span {
  color: #1D9ABE;
}
#sec06 .txt_box.bg_shadow_box table td {
  padding-right: 30px;
}
@media screen and (max-width: 750px) {
  #sec06 .txt_box.bg_shadow_box table td {
    padding: 10px 0;
  }
}
@media screen and (max-width: 750px) {
  #sec06 .member_list {
    margin: 0 -20px;
  }
}
#sec06 .cmn_company_detail {
  box-shadow: 10px 10px 10px rgba(81, 81, 81, 0.2);
}
#sec06 .cmn_company_detail .txt_area {
  background: #fff;
  color: #1dcd00;
}
#sec06 .cmn_company_detail .link {
  background: #1dcd00;
}
#sec06 .cmn_company_detail .link .read_more.-white a {
  line-height: 50px;
  min-width: 120px;
  height: 50px;
}

.contact_parts {
  font-size: 0;
  margin: 40px 0 0;
  min-width: 955px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .contact_parts {
    margin: 20px 0 0;
    min-width: inherit;
  }
}
.contact_parts li {
  display: inline-block;
  vertical-align: top;
}
.contact_parts li:nth-child(1) {
  width: 450px;
  border: 5px solid #3aae36;
}
@media screen and (max-width: 750px) {
  .contact_parts li:nth-child(1) {
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
  }
}
.contact_parts li:nth-child(1) .top_txt {
  background: #3aae36;
  color: #fff;
  padding: 11px 11px 11px 29px;
}
@media screen and (max-width: 750px) {
  .contact_parts li:nth-child(1) .top_txt {
    padding: 19px 0 24px 0;
  }
}
.contact_parts li:nth-child(1) .top_txt .txt {
  font-size: 18px;
  vertical-align: middle;
  margin: 0 0 0 7px;
  font-weight: bold;
}
.contact_parts li:nth-child(1) .bottom_txt {
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 15px 0;
  color: #3aae36;
  font-weight: bold;
}
.contact_parts li:nth-child(2) {
  margin-left: 20px;
}
@media screen and (max-width: 750px) {
  .contact_parts li:nth-child(2) {
    margin-left: 0;
    width: 100%;
  }
  .contact_parts li:nth-child(2) img {
    width: 100%;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp {
    display: inline-block;
  }
}

.pc {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
}

/*# sourceMappingURL=recruit.css.map */