@charset "UTF-8";

/* project
----------------------------*/

/* project-intro */

.project .u-mainCont {
  padding-bottom: 83px;
}

.project-intro {}

.project-introText_wrap {}

.project-introText {
  text-align: left;
  color: #221e1f;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0.4px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.project-introImg_wrap {
  margin: 15px 0 0 0;
}

.project-introImg {}

/* pipe-mainte */

.project-mainte_wrap {
  margin: 34px 0 35px 0;
}

.project-mainte {}

.project-mainteHead {
  background: #56c3da;
  text-align: left;
  color: #ffffff;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0px;
  text-decoration: none;
  padding: 18px 11px;
  margin: 0px 0px 0px 0px;
}

.project-mainteMedia_wrap {
  overflow: hidden;
  margin: 20px 0px 0px 0px;
}

.project-mainteMedia {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.project-mainteMediaIntro {
  text-align: center;
  color: #221e1f;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 8px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.project-mainteMediaIntroImg {}

.project-mainteMediaBox_wrap {
  overflow: hidden;
  padding: 0 0 0 19px;
  margin: 3px 0 0 0;
}

.project-mainteMediaBox {
  float: left;
  width: 325px;
  border: 1px solid #bce2e8;
  padding: 28px 13px 11px;
  margin: 0 0 0 0;
}

.project-mainteMediaText_wrap {
  margin: 23px 0 0 0;
}

.project-mainteMediaText {
  text-align: justify;
  color: #231815;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 0;
  margin: 0 0 0 0;
}

.project-mainteMediaTextLink {}

.project-mainteMediaBoxImg_wrap {
  text-align: center;
}

.project-mainteMediaBoxImg {}

.project-mainteMediaBoxHead {
  text-align: justify;
  color: #006fbc;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  border-bottom: dashed 1px #717071;
  padding: 0 1px;
  margin: 10px 0px 0px 0px;
}

.project-mainteMediaBoxText_outer {
  text-align: justify;
  color: #231815;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 1px;
  margin: 27px 0 0 0;
}

.project-mainteMediaBoxText {}

.project-mainteMediaBoxText_em {
  color: #eb6112;
}

.project-mainteMediaArrow {
  float: left;
  padding: 103px 1px 0;
  margin: 30px 4px 0;
}

.project-mainteMediaArrowImg {}

/* project-asset */
.project-asset_wrap {
  margin: 25px 0 0 0;
}

.project-asset {}

.project-assetHead {
  background: #56c3da;
  text-align: left;
  color: #ffffff;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0px;
  text-decoration: none;
  padding: 18px 11px;
  margin: 0px 0px 0px 0px;
}

.project-assetMedia {
  overflow: hidden;
  border-bottom: 1px solid #33a3dc;
  padding: 0 0 22px 0;
  margin: 9px 0px 0px 0px;
}

.project-assetMediaText {
  float: left;
  width: 625px;
  text-align: justify;
  color: #231815;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 0;
  margin: 0 0 0 0;
}

.project-assetMediaImg_wrap {
  float: right;
  width: 128px;
  margin: 8px 12px 0 0;
}

.project-assetMediaImg {}

.project-assetAnnot {
  margin: 14px 0 0 0;
}

.project-assetAnnotText {
  text-align: justify;
  color: #231815;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 19px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 0;
  margin: 0 0 0 0;
}

.project-assetAnnotTextLink {}

/* responsive
----------------------------*/

@media screen and (max-width: 767px) {

  /* pipe-intro */
  .project .u-mainCont {
    padding-bottom: 30px;
  }

  .project-intro {}

  .project-introText_wrap {
    text-align: justify;
  }

  .project-introText {
    text-align: left;
    color: #221e1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .project-introImg_wrap {}

  .project-introImg {}

  /* project-mainte */
  .project-mainte_wrap {
    margin: 30px 0 39px 0;
  }

  .project-mainte {}

  .project-mainteHead {
    background: #56c3da;
    text-align: left;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: 0px;
    text-decoration: none;
    padding: 10px 11px;
    margin: 0px 0px 0px 0px;
  }

  .project-mainteMedia_wrap {
    overflow: hidden;
    margin: 0px 0px 0px 0px;
  }

  .project-mainteMedia {
    float: none;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
  }

  .project-mainteMediaIntro {
    text-align: center;
    color: #221e1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: -1px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
  }

  .project-mainteMediaIntroImg {}

  .project-mainteMediaBox_wrap {
    overflow: visible;
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
  }

  .project-mainteMediaBox {
    float: none;
    width: auto;
    max-width: none;
    padding: 15px 15px 15px;
    margin: 0 auto;
  }

  .project-mainteMediaText_wrap {
    margin: 10px 0 0 0;
  }

  .project-mainteMediaText {
    text-align: justify;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 0;
    margin: 0 0 0 0;
  }

  .project-mainteMediaTextLink {}

  .project-mainteMediaBoxImg_wrap {}

  .project-mainteMediaBoxImg {}

  .project-mainteMediaBoxHead {
    text-align: justify;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
    text-decoration: none;
    border-bottom: dashed 1px #717071;
    padding: 0 1px;
    margin: 10px 0px 0px 0px;
  }

  .project-mainteMediaBoxText_outer {
    text-align: justify;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 1px;
    margin: 15px 0 0 0;
  }

  .project-mainteMediaBoxText {}

  .project-mainteMediaBoxText_em {}

  .project-mainteMediaArrow {
    text-align: center;
    float: none;
    padding: 0 0 0;
    margin: 10px 0 10px 0;
  }

  .project-mainteMediaArrowImg {
    transform: rotate(90deg)
  }

  /* project-asset */
  .project-asset_wrap {
    margin: 30px 0 30px 0;
  }

  .project-asset {}

  .project-assetHead {
    background: #56c3da;
    text-align: left;
    color: #ffffff;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: 0px;
    text-decoration: none;
    padding: 10px 11px;
    margin: 0px 0px 0px 0px;
  }

  .project-assetMedia {
    overflow: visible;
    margin: 15px 0 0 0;
  }

  .project-assetMediaText {
    float: none;
    width: auto;
    max-width: 100%;
    text-align: justify;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 0;
    margin: 0 0 0 0;
  }

  .project-assetMediaImg_wrap {
    float: none;
    text-align: center;
    width: auto;
    max-width: 100%;
    margin: 15px auto 5px;
  }

  .project-assetMediaImg {}

  .project-assetAnnot {}

  .project-assetAnnotText {
    text-align: justify;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 0;
    margin: 5px 0 0 0;
  }

  .project-assetAnnotTextLink {}
}