@charset "utf-8";
/* CSS Document */
.contents h2 {
  background: url(images/h2_icon.png) no-repeat left 5px;
  background-size: 24.5px auto;
}
/*プロジェクト概要 .index
***********************************************/
.index .contents .read {
  margin-bottom: 40px;
}
.index .contents .read02 {
  margin-bottom: 30px;
}
.index .contents .img01 {
  width: 853px;
  margin: 0 auto;
}
.index .contents .img01 img {
  max-width: 100%;
}
.index .contents .att {
  margin-top: 15px;
  font-size: 12px;
}
/*プロジェクトマップ .map
***********************************************/
.map .contents .read {
  margin-bottom: 40px;
}
.map .contents .read02 {
  margin-bottom: 30px;
}
.map .contents .img01 {
  margin-bottom: 40px;
  width: 100%;
  overflow: hidden;
}
.map .contents .img01 img {
  max-width: 100%;
}
.map .contents .zoom {
  margin-top: 10px;
  background: #f2f2f2;
  border-radius: 3px;
  padding: 3px 10px;
  float: right;
  display: inline-block;
}
.map .contents .zoom span {
  background: url(../common/images/icon_zoom.png) no-repeat left 50%;
  background-size: 14px auto;
  padding-left: 24px;
  display: inline-block;
}
.map .contents .att {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}
/*事業の効果 .effect
***********************************************/
.effect .contents .read {
  margin-bottom: 40px;
}
.effect .contents .read02 {
  margin-bottom: 30px;
}
.effect .contents .img01 {
  margin-bottom: 60px;
  text-align: center;
}
.effect .contents .img01 img {
  max-width: 100%;
}
.effect .contents .img01.time img {
  max-width: 870px;
}
.effect .contents .twoareas {
  margin-bottom: 50px;
  overflow: hidden;
}
.effect .contents .twoareas .leftArea {
  float: left;
  width: 420px;
}
.effect .contents .twoareas .leftArea img {
  max-width: 100%;
}
.effect .contents .twoareas .rightArea {
  float: right;
  width: 510px;
}
.effect .contents .twoareas .rightArea p {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) { /*SP*/
  /*プロジェクト概要 .index
***********************************************/
  .index .contents .read {
    margin-bottom: 30px;
  }
  .index .contents .read02 {
    margin-bottom: 20px;
  }
  .index .contents .img01 {
    width: 100%;
  }
  /*プロジェクトマップ .map
***********************************************/
  .map .contents .read {
    margin-bottom: 30px;
  }
  .map .contents .read02 {
    margin-bottom: 20px;
  }
  .map .contents .img01 {
    margin-bottom: 30px;
  }
  .map .contents ul.cList li {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    float: none !important;
  }
  .map .contents ul.cList li:nth-child(odd) {
    margin-left: 0;
  }
  .map .contents ul.cList li a span {
    background-position: left 50% !important;
  }
  /*事業の効果 .effect
***********************************************/
  .effect .contents .read {
    margin-bottom: 30px;
  }
  .effect .contents .read02 {
    margin-bottom: 20px;
  }
  .effect .contents .img01 {
    margin-bottom: 40px;
  }
  .effect .contents .img01 img {
    max-width: 100% !important;
  }
  .effect .contents .twoareas {
    margin-bottom: 30px;
  }
  .effect .contents .twoareas .leftArea {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .effect .contents .twoareas .rightArea {
    float: none;
    width: 100%;
  }
}