@charset "utf-8";
/* CSS Document */
/**************************************************
	section_first
**************************************************/

.section_career .article {
  max-width: 880px;
  text-align: center;
  margin: auto;
  margin-bottom: 82px;
}
.section_career .col_wrap {
  max-width: 1152px;
  width: 100%;
  margin: auto;
}
.section_career {
  position: relative;
}
.section_career .primary_img {
  max-width: 1152px;
  margin: auto;
}
.section_career:after {
  content: "";
  background-color: #f0e6d1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30vh;
  z-index: -1;
}
.gradient_wrap {
  position: relative;
  width: 27vw;
  height: 27vw;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-family: "Lexend Tera", sans-serif;
  max-width: 450px;
  max-height: 450px;
}
.welfare_circle_wrap ul {
  display: flex;
  justify-content: center;
}
.welfare_circle_wrap ul li {
  margin-top: 160px;
}
.welfare_circle_wrap ul li:nth-child(2) {
  margin-left: -3%;
  position: relative;
  z-index: 3;
}
.welfare_circle_wrap ul li:nth-child(3) {
  margin-left: -3%;
}
.circle3 .gradient_wrap {
  border: 1px solid #cfe2f8;
  display: flex;
  flex-direction: column;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9d8ca+1,e9d8ca+50&1+0,0+50 */
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(207, 226, 248, 1) 0%,
    rgba(207, 226, 248, 0.98) 1%,
    rgba(207, 226, 248, 0) 50%
  ); /* FF3.6-15 */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(207, 226, 248, 1) 0%,
    rgba(207, 226, 248, 0.98) 1%,
    rgba(207, 226, 248, 0) 50%
  ); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(
    ellipse at center,
    rgba(207, 226, 248, 1) 0%,
    rgba(207, 226, 248, 0.98) 1%,
    rgba(207, 226, 248, 0) 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CFE2F8', endColorstr='#00CFE2F8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.circle3:hover .gradient_wrap {
  background-color: #cfe2f8;
}

.circle2 .gradient_wrap {
  border: 1px solid #e9d8ca;
  display: flex;
  flex-direction: column;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9d8ca+1,e9d8ca+50&1+0,0+50 */
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(233, 216, 202, 1) 0%,
    rgba(233, 216, 202, 0.98) 1%,
    rgba(233, 216, 202, 0) 50%
  ); /* FF3.6-15 */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(233, 216, 202, 1) 0%,
    rgba(233, 216, 202, 0.98) 1%,
    rgba(233, 216, 202, 0) 50%
  ); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(
    ellipse at center,
    rgba(233, 216, 202, 1) 0%,
    rgba(233, 216, 202, 0.98) 1%,
    rgba(233, 216, 202, 0) 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d8ca', endColorstr='#00e9d8ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.circle2:hover .gradient_wrap {
  background-color: #e9d8ca;
}

.circle1 .gradient_wrap {
  border: 1px solid #f5e8c6;
  display: flex;
  flex-direction: column;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9d8ca+1,e9d8ca+50&1+0,0+50 */
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(245, 232, 198, 1) 0%,
    rgba(245, 232, 198, 0.98) 1%,
    rgba(245, 232, 198, 0) 50%
  ); /* FF3.6-15 */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(245, 232, 198, 1) 0%,
    rgba(245, 232, 198, 0.98) 1%,
    rgba(245, 232, 198, 0) 50%
  ); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(
    ellipse at center,
    rgba(245, 232, 198, 1) 0%,
    rgba(245, 232, 198, 0.98) 1%,
    rgba(245, 232, 198, 0) 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d8ca', endColorstr='#00e9d8ca',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.circle1:hover .gradient_wrap {
  background-color: #f5e8c6;
}

.section_creer_office .article {
  margin-bottom: 77px;
}

.section_creer_joinus {
  position: relative;
}
.section_creer_joinus:after {
  content: "";
  position: absolute;
  background-color: rgb(240, 230, 209);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transition: background-color 1.6s cubic-bezier(0.6, 0.25, 0, 1);
  z-index: -1;
}
.active.section_creer_joinus:after {
  background-color: rgba(253, 253, 253, 0.5);
}

.section_creer_joinus .article {
  text-align: center;
  margin-bottom: 120px;
}
.career_form .normal_form {
  width: 980px;
  margin: auto;
}
.career_form .col_wrap {
  flex: 0 0 45%;
  margin-bottom: 5%;
}
.career_form .col_wrap .display_flex label {
  flex: 0 0 40%;
}
.career_form .display_flex {
  justify-content: space-between;
}
/* .career_form .col_wrap:nth-child(even){margin-right: 5%;} */
.input_control {
  background-color: #fdfdfd;
  border: 1px solid #bababa;
}
.remember_row {
  margin: 5% 0;
}
.normal_form .col_wrap.error .alert_infor {
  display: none;
}
.btn_wrap .btn_black {
  margin-top: 5%;
}
ul.career_list {
  display: flex;
  justify-content: center;
  margin: 5% 0 8%;
}
ul.career_list li + li {
  margin-left: 10px;
}
ul.career_list li a {
  background-color: #979797;
  border-radius: 100px;
  background-color: #979797;
  width: 47px;
  height: 47px;
  display: flex;
  line-height: 1;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1100px) {
  .career_form .normal_form {
    width: 100%;
  }
  .section_creer_joinus .article {
    margin-bottom: 5%;
  }
  .section_career .article {
    margin-bottom: 8%;
  }
  .section_creer_office .article {
    margin-bottom: 8%;
  }
}
@media (max-width: 990px) {
  .section_career:after {
    height: 10vh;
  }
  .welfare_circle_wrap ul {
    display: flex;
    flex-direction: column;
  }
  .welfare_circle_wrap ul li {
    margin-top: 5%;
  }
  .section_creer_welfare .gradient_wrap {
    width: 70vw;
    height: 70vw;
  }
  .welfare_circle_wrap ul li:nth-child(2) {
    margin-top: -20%;
    align-self: flex-end;
  }
  .welfare_circle_wrap ul li:nth-child(3) {
    margin-top: -20%;
  }
  .section_creer_joinus {
    padding-bottom: 10%;
  }

  ul.career_list {
    display: flex;
    justify-content: center;
    margin: 10% 0 12%;
  }
}
@media (max-width: 600px) {
  .normal_form .display_flex {
    flex-direction: column;
  }
  .label_flex {
    flex-direction: column;
  }
}

/**************************************************
	breadcrumb
**************************************************/
ul.breadcrumb {
  justify-content: center;
}