.engineer__h2 {
  background: #00b050;
  color: #FFF;
}

.ttl__box {
  border-color: #00b050;
}

.ttl__box_h1 {
  background: #00b050;
  color: #FFF;
}

.ttl__box_h2 {
  color: #00b050;
}

.ttl__img {
  max-width: 295px;
}

@media only screen and (max-width: 640px) {
  .ttl__img {
    max-width: 50%;
  }
}

.about__ttl {
  max-width: 449px;
  width: 100%;
  margin: 3rem auto 7.3rem;
}

.about__box {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 10.5rem auto 0;
}

@media only screen and (max-width: 640px) {
  .about__box {
    flex-direction: column;
  }
}

.about__box::after {
  content: "";
  width: 4rem;
  height: 4rem;
  border-right: .4rem solid #00b050;
  border-bottom: .4rem solid #00b050;
  position: absolute;
  left: 50%;
  bottom: -6rem;
  transform: translateX(-50%) rotate(45deg);
}

.about__box:last-child::after {
  display: none;
}

.about__box_cont {
  width: 50.25%;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .about__box_cont {
    width: 100%;
  }
}

.about__box_ttl {
  display: block;
  width: 263px;
  padding: .5rem 1.4rem;
  box-sizing: border-box;
  background: #00b050;
  margin: 0 0 2.2rem;
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  color: #FFF;
}

.about__box_ttl::after {
  content: "";
  width: 1.7rem;
  height: 100%;
  background: url(../img/engineer/engineer_ttl_bg.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: -1.7rem;
}

.about__box_img {
  width: 47.668%;
}

@media only screen and (max-width: 640px) {
  .about__box_img {
    width: 100%;
  }
}

.worker__top {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 13.5rem;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .worker__top {
    flex-direction: column;
  }
}

.worker__top::after {
  content: "";
  border-left: 10rem solid transparent;
  border-right: 10rem solid transparent;
  border-bottom: 5.5rem solid transparent;
  position: absolute;
  bottom: -14rem;
  left: 50%;
  transform: translateX(-50%);
}

.worker__top_block {
  width: 48%;
}

@media only screen and (max-width: 640px) {
  .worker__top_block {
    width: 100%;
  }
  .worker__top_block + .worker__top_block {
    margin-top: 6.4rem;
  }
}

.worker__block {
  padding: 4.2rem 5.5rem 3.5rem;
  border-radius: .4rem;
  box-sizing: border-box;
  background: #FFF;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .worker__block {
    padding: 4.2rem 3rem 2.5rem;
  }
}

.worker__block_ttl {
  display: inline-block;
  padding: 1.3rem 4.5rem;
  border-radius: 100px;
  box-sizing: border-box;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 600;
  color: #FFF;
}

.worker__block_sign {
  margin: 0 auto 3.4rem;
  line-height: 1.16;
  font-size: 2.4rem;
  font-weight: 600;
}

@media only screen and (max-width: 640px) {
  .worker__block_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.worker__block_flex {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 640px) {
  .worker__block_flex {
    flex-direction: column;
  }
}

.worker__block_flex .worker__list_check {
  width: calc(100% - 25.1rem);
}

@media only screen and (max-width: 640px) {
  .worker__block_flex .worker__list_check {
    width: 100%;
  }
}

.worker__block_flex .worker__block_img {
  width: 25.1rem;
}

@media only screen and (max-width: 640px) {
  .worker__block_flex .worker__block_img {
    width: 90%;
    margin: 2rem auto 0;
  }
}

.worker__list {
  margin: 0;
  text-align: left;
}

.worker__list_item {
  position: relative;
  line-height: 1.3;
  font-size: 1.8rem;
}

.worker__list_item + .worker__list_item {
  margin-top: 1.5rem;
}

.worker__list_item::before {
  content: "";
  position: absolute;
  left: 0;
}

.worker__list_circle .worker__list_item {
  padding-left: 2.2rem;
}

.worker__list_circle .worker__list_item::before {
  width: 1.5rem;
  height: 1.5rem;
  border: .4rem solid #e2b723;
  border-radius: 100px;
  box-sizing: border-box;
  top: .5rem;
}

.worker__list_check .worker__list_item {
  padding-left: 2.5rem;
}

.worker__list_check .worker__list_item::before {
  width: 2.1rem;
  height: 2.1rem;
  background: url(../img/kikakueigyou/icon_worker_check.png) 50% 50% no-repeat;
  background-size: 100%;
  top: .2rem;
}

.worker__kikakueigyou .worker__top::after {
  border-top: 5.5rem solid #e2b723;
}

.worker__kikakueigyou .worker__block {
  border: .2rem solid #e2b723;
}

.worker__kikakueigyou .worker__block_ttl {
  background: #e2b723;
}

.worker__kikakueigyou .worker__block_sign {
  color: #e2b723;
}

.worker__kikakueigyou .worker__list_circle .worker__list_item::before {
  border: .4rem solid #e2b723;
}

.worker__jinzaieigyou .worker__top::after {
  border-top: 5.5rem solid #92d050;
}

.worker__jinzaieigyou .worker__block {
  border: .2rem solid #92d050;
}

.worker__jinzaieigyou .worker__block_ttl {
  background: #92d050;
}

.worker__jinzaieigyou .worker__block_sign {
  color: #92d050;
}

.worker__jinzaieigyou .worker__list_circle .worker__list_item::before {
  border: .4rem solid #92d050;
}

.worker__engineer .worker__top::after {
  border-top: 5.5rem solid #00b050;
}

.worker__engineer .worker__block {
  border: .2rem solid #00b050;
}

.worker__engineer .worker__block_ttl {
  background: #00b050;
}

.worker__engineer .worker__block_sign {
  color: #00b050;
}

.worker__engineer .worker__list_circle .worker__list_item::before {
  border: .4rem solid #00b050;
}
