@charset "UTF-8";
/** ========================================
* order 画像パス/content/dam/nttcom/hq/jp/business/sdpf/utilization/img/
* ====================================== */
.conts-block.utilization{
  background: url(/content/dam/nttcom/hq/jp/business/services/data-utilization/dxplatform/sdpf/utilization/img/utilization_bg-pc.png) no-repeat top center / 100%;
  padding: 80px 0 60px;
  margin-top: 0;
}
.utilization_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.utilization_block .left_block{
  width: 458px;
  text-align: center;
}
.utilization_block .arrow_block{
  text-align: center;
}
.utilization_block .right_block{
  width: 531px;
  text-align: center;
}
.utilization_block .right_block .ttl{
  font-size: 24px;
  color: #165EBC;
  text-align: center;
  margin-bottom: 20px;
}
.utilization_block .right_block .txt{
  text-align: center;
}
.utilization_block .right_block .step_block{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.utilization_block .right_block .step_block .step_item{
  width: 48%;
}
.utilization_block .right_block .step_block .step_item .step_ttl{
  font-size: 18px;
  color: #005EBC;
  margin-bottom: 15px;
  text-align: left;
}
.utilization_block .right_block .step_block .step_item .step_txt{
  font-size: 14px;
  margin-bottom: 25px;
  text-align: left;
}
.utilization_block .right_block .step_block .step_item .step_name{
  font-size: 14px;
  color: #18357F;
  text-align: left;
}
.utilization_heading{
  font-size: 28px;
  text-align: center;
  color:#ED9726;
  margin-top: 40px;
}
.utilization_reaed{
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .conts-block.utilization{
    padding: 40px 0 0px;
  }
  .utilization_block{
    display: block;
  }
  .utilization_block .left_block{
    width: 100%;
    margin-bottom: 20px;
  }
  .utilization_block .right_block{
    width: 100%;
    margin-top: 20px;
  }
  .utilization_block .right_block .ttl{
    font-size: 5.26vw;
  }
  .utilization_block .right_block .txt{
    font-size: 3.73vw;
  }
  .utilization_block .right_block .step_block .step_item .step_ttl{
    font-size: 4.26vw;
  }
  .utilization_block .right_block .step_block .step_item .step_txt,
  .utilization_block .right_block .step_block .step_item .step_name{
    font-size: 3vw;
  }
  .utilization_heading{
    font-size: 5.26vw;
  }
  .utilization_reaed{
    font-size: 3.73vw;
  }
}