@charset "UTF-8";

section h2 {
  background:url(../../outline/images/project03/ico_b_line.png) no-repeat center bottom;
  background-size:auto 3px;
}
section h3 {
  background:url(../../outline/images/project03/ico_title_line.png) no-repeat 0 0;
  background-size:2px auto;
}

.box03_left {
  float:left;
  margin:10px;
}
  .box03_left .ttl {
  font-size:14px;
  line-height:17px;
  font-weight:600;
  margin-bottom:10px;
  color: #71438f;
}
  .box03_left ul li {
  font-size:12px;
  line-height:17px;
  margin:8px 0 10px;
  padding:0 0 0 13px;
  background:url(../images/ico_list_line03.png) no-repeat 0 7px;
  background-size:6px auto;
}
  .box03_left img {
  margin:0 auto;
}
  .box03_left .graph {
  margin-top:10px;
  }
  .box03_right img {
  margin:0 auto;
}
  .box03_right {
  float:left;
  margin-bottom:20px;
}


/***** PC *****/
@media screen and (min-width: 780px) {
  section h2 {
    background:url(../../outline/images/project03/ico_b_line.png) no-repeat center bottom;
    background-size:auto 6px;
  }
  section h3 {
    background:url(../../outline/images/project03/ico_title_line.png) no-repeat 0 0;
    background-size:4px auto;
  }
  
  .box03_left {
  float:left;
  margin:10px;
  }
  .box03_left .ttl {
  font-size:20px;
  line-height:28px;
  font-weight:600;
  margin-bottom:10px;
  color: #71438f;
  }
  .box03_left ul li {
  font-size:18px;
  line-height:28px;
  margin:8px 0 10px;
  padding:0 0 0 13px;
  background:url(../images/ico_list_line03.png) no-repeat 0 12px;
  background-size:6px auto;
  }
  .box03_left .arrow {
  margin:0 auto;
  margin:5px;
  }
  .box03_left .graph {
  margin-top:80px;
  }
  .box03_right img {
  float:left;
  margin:10px 0 20px 20px;
  }

}