@charset "UTF-8";

/* pipe
----------------------------*/

/* pipe-intro */

.pipe .u-mainCont {
  padding-bottom: 15px;
}

.pipe-intro {}

.pipe-introText_wrap {}

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

/* pipe-mainte */

.pipe-mainte_wrap {
  margin: 21px 0 39px 0;
}

.pipe-mainte {}

.pipe-mainteHead {
  border-top: 2px solid #56c3da;
  border-bottom: 2px solid #56c3da;
  text-align: left;
  color: #1068b3;
  font-size: 2.1em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 7px 0px 7px 6px;
  margin: 0px 0px 0px 0px;
}

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

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

.pipe-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;
}

.pipe-mainteMediaIntroImg {}

.pipe-mainteMediaBox_wrap {
  overflow: hidden;
  margin: 3px 0 0 0;
}

.pipe-mainteMediaBox {
  float: left;
  width: 254px;
  margin: 30px 0 0 0;
}

.pipe-mainteMediaBoxImg_wrap {}

.pipe-mainteMediaBoxImg {}

.pipe-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;
}

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

.pipe-mainteMediaBoxText {}

.pipe-mainteMediaBoxText_em {
  color: #eb6112;
}

.pipe-mainteMediaArrow {
  float: left;
  padding: 150px 1px 0;
  margin: 30px 0 0 0;
}

.pipe-mainteMediaArrowImg {}

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

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

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

  .pipe-intro {}

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

  .pipe-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;
  }

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

  .pipe-mainte {}

  .pipe-mainteHead {
    border-top: 2px solid #56c3da;
    border-bottom: 2px solid #56c3da;
    text-align: left;
    color: #1068b3;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: normal;
    text-decoration: none;
    padding: 7px 0px 7px 6px;
    margin: 0px 0px 0px 0px;
  }

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

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

  .pipe-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;
  }

  .pipe-mainteMediaIntroImg {}

  .pipe-mainteMediaBox_wrap {
    overflow: visible;
    margin: 30px 0 0 0;
  }

  .pipe-mainteMediaBox {
    float: none;
    width: auto;
    max-width: 254px;
    margin: 5px auto 5px;
  }

  .pipe-mainteMediaBoxImg_wrap {}

  .pipe-mainteMediaBoxImg {}

  .pipe-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;
  }

  .pipe-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: 5px 0 0 0;
  }

  .pipe-mainteMediaBoxText {}

  .pipe-mainteMediaBoxText_em {}

  .pipe-mainteMediaArrow {
    text-align: center;
    float: none;
    padding: 0 0 0;
    margin: 0 0 0 0;
  }

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