/*zindex*/
/*linear-gradient*/
/*specify*/
/*keyframes*/
/*Responsive*/
/*radius*/
/*boxshadow*/
/*POS*/
/*clearfix*/
/*changebg*/
/*gridbox*/
/*no-select*/
.bg_border {
  position: absolute;
  bottom: -25px;
  width: 100%;
}
.bg_border img {
  width: 100%;
}
.bg_border img.shake {
  width: calc(100% + 20px);
  left: -10px;
  position: relative;
}

.topbanner {
  background-color: #1567c6;
  padding: 100px 0 50px 0;
  text-align: center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner {
    padding: 50px 0 0 0;
  }
}
.topbanner .wrapper_in {
  max-width: 1080px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner .wrapper_in {
    min-height: 400px;
  }
}
.topbanner .section_info {
  color: #fff;
  /* .numtxt{
      transform: scale(1, 1.1);
      display: inline-block;
      vertical-align: -10%;
      font-size: larger;
  } */
}
.topbanner .section_info .title {
  font-size: 48px;
  font-weight: bold;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner .section_info .title {
    font-size: 36px;
  }
}
.topbanner .section_info .stitle {
  margin-top: 20px;
  letter-spacing: 1.2px;
  font-size: 24px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner .section_info .stitle {
    font-size: 20px;
  }
}
.topbanner .section_info .list {
  max-width: 160px;
  text-align: left;
  margin: 40px auto 0;
  font-size: 20px;
  letter-spacing: 1.2px;
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner .section_info .list {
    max-width: 140px;
    margin: 30px auto 0 auto;
    font-size: 16px;
    line-height: 1.5;
  }
}
.topbanner .section_info .list li::before {
  content: url(../images/icon_chexk_2.svg);
  margin-right: 6px;
}
.topbanner .pic {
  margin-top: -110px;
  margin-bottom: -46px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .topbanner .pic {
    position: absolute;
    margin: 0;
    bottom: -20px;
    left: -20px;
    right: -20px;
  }
  .topbanner .pic img {
    width: 100%;
  }
}

.sectionbox.section_2 .section_content {
  margin-top: 0px;
}
.sectionbox.section_2 .section_content .content_group + .content_group {
  margin-top: 150px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_2 .section_content .content_group + .content_group {
    margin-top: 60px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_2 .section_content .content_group .section_title {
    margin-top: 0px;
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_2 .section_content .content_group .section_title .stitle {
    text-align: left;
  }
}
.sectionbox.section_2 .bg_border {
  position: absolute;
  bottom: -25px;
  width: 100%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_2 .bg_border {
    bottom: -2px;
  }
}

.sectionbox.section_3 {
  background-color: #e4f0ff;
  padding-top: 50px;
  padding-bottom: 100px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 {
    padding-bottom: 50px;
  }
}
.sectionbox.section_3 .wrapper_in {
  max-width: 1080px;
}
.sectionbox.section_3 .section_title {
  text-align: center;
}
.sectionbox.section_3 .section_title .title {
  color: #1567c6;
}
.sectionbox.section_3 .section_title .stitle {
  margin-top: 30px;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_title .stitle {
    text-align: justify;
  }
}
.sectionbox.section_3 .section_content {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content {
    margin-top: 40px;
    flex-direction: column;
  }
}
.sectionbox.section_3 .section_content .pic, .sectionbox.section_3 .section_content .desc {
  width: 50%;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .pic, .sectionbox.section_3 .section_content .desc {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .pic {
    text-align: center;
  }
}
.sectionbox.section_3 .section_content .bar {
  margin: 0 16px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .bar {
    margin-top: 20px;
  }
}
.sectionbox.section_3 .section_content .desc {
  color: #292929;
  margin-left: 60px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc {
    margin-left: 30px;
    margin-top: 100px;
  }
}
.sectionbox.section_3 .section_content .desc .desc_group + .desc_group {
  margin-top: 50px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc .desc_group + .desc_group {
    margin-top: 40px;
  }
}
.sectionbox.section_3 .section_content .desc .desc_group .group_title {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc .desc_group .group_title {
    font-size: 21px;
  }
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists {
  margin-top: 30px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc .desc_group .desc_lists {
    margin-top: 20px;
  }
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists li + li {
  margin-top: 30px;
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists .title {
  position: relative;
  color: #1767c7;
  font-size: 21px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc .desc_group .desc_lists .title {
    font-size: 18px;
  }
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists .title.light {
  color: #399fc0;
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists .title.light::before {
  content: url(../images/icon_chexk_3.svg);
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists .title::before {
  position: absolute;
  content: url(../images/icon_chexk_2.svg);
  left: -30px;
  top: 0;
}
.sectionbox.section_3 .section_content .desc .desc_group .desc_lists .text {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: 1px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_3 .section_content .desc .desc_group .desc_lists .text {
    text-align: justify;
    margin-top: 10px;
    font-size: 16px;
  }
}

.sectionbox.section_5 {
  position: relative;
  padding-top: 100px;
  padding-bottom: 140px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_5 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.sectionbox.section_5 .wrapper_in {
  max-width: 1080px;
}
.sectionbox.section_5 .section_title {
  text-align: center;
  color: #003c76;
}
.sectionbox.section_5 .lists_useage {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_5 .lists_useage {
    margin-top: 10px;
  }
}
.sectionbox.section_5 .lists_useage .list {
  width: 32%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_5 .lists_useage .list {
    width: 100%;
  }
}
.sectionbox.section_5 .lists_useage .list .list-pic {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 1;
}
.sectionbox.section_5 .lists_useage .list .list-pic img {
  width: 100%;
}
.sectionbox.section_5 .lists_useage .list .list-content {
  flex-grow: 1;
  border: 25px solid transparent;
  -o-border-image: url(../images/workvalue/s5_border_1.svg) 25 stretch;
     border-image: url(../images/workvalue/s5_border_1.svg) 25 stretch;
  margin-top: -30px;
  padding: 25px 5px 0px;
}
.sectionbox.section_5 .lists_useage .list .list-content .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #292929;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_5 .lists_useage .list .list-content .title {
    font-size: 22px;
  }
}
.sectionbox.section_5 .lists_useage .list .list-content .txt {
  margin-top: 16px;
  font-size: 20px;
  color: #292929;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .sectionbox.section_5 .lists_useage .list .list-content .txt {
    margin-top: 14px;
    font-size: 18px;
  }
}
.sectionbox.section_5 .lists_useage .list:nth-child(1) .list-content {
  -o-border-image: url(../images/workvalue/s5_border_1.svg) 25 stretch;
     border-image: url(../images/workvalue/s5_border_1.svg) 25 stretch;
}
.sectionbox.section_5 .lists_useage .list:nth-child(1) .list-content .title {
  color: #1d5da3;
}
.sectionbox.section_5 .lists_useage .list:nth-child(2) .list-content {
  -o-border-image: url(../images/workvalue/s5_border_2.svg) 25 stretch;
     border-image: url(../images/workvalue/s5_border_2.svg) 25 stretch;
}
.sectionbox.section_5 .lists_useage .list:nth-child(2) .list-content .title {
  color: #49a1a6;
}
.sectionbox.section_5 .lists_useage .list:nth-child(3) .list-content {
  -o-border-image: url(../images/workvalue/s5_border_3.svg) 25 stretch;
     border-image: url(../images/workvalue/s5_border_3.svg) 25 stretch;
}
.sectionbox.section_5 .lists_useage .list:nth-child(3) .list-content .title {
  color: #73ab2f;
}/*# sourceMappingURL=workvalue.css.map */