@charset "utf-8";
/* ----���� - �I�Մ��ʻ�֧Ԯ---- */
.img_block img {
  width: 100%;
}
.content_wrap {
  padding-left: 20px;
}
.type2 {
  margin-bottom: 30px;
}
.text_block {
  line-height: 170%;
}

/* ----open_system_top---- */
#open_system_top .text_block span {
  color: #d70012;
}

/* ----composition_by_age---- */
#composition_by_age .type2 {
  margin-top: 40px;
  margin-bottom: 35px;
}
#composition_by_age .img_block {
 width: 280px;
 margin-right: 60px;
}
#composition_by_age .text_block {
  width: 380px;
 }

/* ----skill_area---- */
#skill_area .text_block {
  margin-bottom: 30px;
}

.skill_area_product_table {
  width: 100%;
  height: 100%;
}
.skill_area_product_table tr td {
  padding: 15px 20px;
  vertical-align: middle;
  font-size: 14px;
}
.skill_area_product_table tr:first-child {
  background-color: #c3dae8;
}
.skill_area_product_table tr:nth-child(2) {
  background-color: #ecf4ff;
}
.skill_area_product_table tr:nth-child(2) td:last-child {
  background-color: #fff5e7;
}
.skill_area_product_table tr:nth-child(3) {
  background-color: #efffef;
}
.skill_area_product_table tr:nth-child(4) {
  background-color: #fff0ec;
}
.skill_area_product_table tr:last-child {
  background-color: #f4f1ff;
}

.skill_area_product_table tr:not(:last-child) {
  border-bottom: 14px solid #fff;
}
.skill_area_product_table tr td:not(:last-child) {
  border-right: 14px solid #fff;
}

.skill_area_product_table tr td {
  position: relative;
}
.skill_area_product_table tr:first-child td {
  width: calc(100% / 3);
  height: 100px;
  box-sizing: border-box;
  font-weight: 600;
  line-height: 140%;
  overflow: hidden;
}

.skill_area_product_table tr:first-child td img {
  position: absolute;
  right: 10px;
  top: 6px;
  margin: auto;
  height: 85%;
}
.skill_area_product_table tr:first-child td:nth-child(2) img {
  height: 100px;
  right: -5px;
}
@media all and (-ms-high-contrast: none) {
  .skill_area_product_table tr:first-child td:first-child img,
  .skill_area_product_table tr:first-child td:last-child img {
    height: 80px;
  }
}

.skill_area_product_table_flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.skill_area_product_table_flex div img {
  box-sizing: border-box;
  height: 22px;
}

@media all and (-ms-high-contrast: none) {
  .skill_area_product_table_flex {
    max-width: 190px;
  }
  .skill_area_product_table_flex div:first-child {
    width: 37px;
  }
  .skill_area_product_table_flex div:nth-child(2) {
    width: 126px;
  }
  .skill_area_product_table_flex div:nth-child(3) {
    width: 80px;
  }
  .skill_area_product_table_flex div:last-child {
    width: 86px;
  }
}

.skill_area_product_table_flex div:first-child,
.skill_area_product_table_flex div:nth-child(2) {
  margin-bottom: 15px;
}
.skill_area_product_table_flex div:first-child {
  padding-left: 11px;  
}

.skill_area_product_table tr ul li {
  line-height: 184%;
  padding-left: 13px;
  text-indent: -13px;
}
::-webkit-full-page-media, _:future, :root .skill_area_product_table tr ul li {
  padding-left: 13px;
  text-indent: -10px;
}

.skill_area_product_table tr ul li::before {
  content: "��";
  color: #7fb7e0;
  font-size: 6px;
  margin-right: 3px;
}
.skill_area_product_table tr:nth-child(3) ul li::before {
  color: #88c688;
}
.skill_area_product_table tr:nth-child(4) ul li::before {
  color: #eca98b;
}
.skill_area_product_table tr:last-child ul li::before {
  color: #bc90e0;
}

/* ----customer---- */

/* ----ibm_engineer---- */



/*
****     SP     ***
**/
@media (max-width: 767px) {
  .content_wrap {
    padding-left: 0;
  }
  .type1 {
    margin-bottom: 15px;
  }
  #open_system #main {
    padding: 0;
    padding-bottom: 40px;
  }
  .open_system_wrap {
    padding: 0 10px;
  }
  .type2 {
    padding: 10px 15px;
    margin-top: 50px;
    margin-bottom: 20px;
  }

  /* ----open_system_top---- */

  /* ----composition_by_age---- */
  #composition_by_age .img_block {
    width: 100%;
    max-width: 280px;
    margin: auto;
  }
  #composition_by_age .text_block {
    width: 100%;
    margin-top: 30px;
  }

  /* ----skill_area---- */
  .skill_area_product_table table {
    width: 100%;
  }
  .skill_area_product_table tr td:not(:last-child) {
    border-right: none;
  }
  
  .skill_area_product_table tr td {
    display: flex;
    align-items: center;
  }
  .skill_area_product_table tr:first-child td {
    width: 100%;
  }
  
  .skill_area_product_table_flex div {
    height: auto;
    width: 50%;
    text-align: center;
  }
  .skill_area_product_table_flex div img {
    width: 100%;
  }
  .skill_area_product_table_flex div:first-child img {
    width: 30%;
  }
  .skill_area_product_table_flex div:first-child {
    padding-left: 0;
  }

  .skill_area_product_table tr:first-child td:not(:last-child) {
    border-bottom: 14px solid #fff;
  }
  .skill_area_product_table tr:nth-child(2) td:not(:last-child) {
    border-bottom: 14px solid #fff;
  }
}