@charset "UTF-8";

/* more
----------------------------*/

/* more */
.more .c-contents {
  padding-bottom: 75px;
}

/* more-water */

.more .u-mainCont {
  padding-bottom: 43px;
}

.more-water {
  margin: 7px 0px 0px 0px;
}

.more-waterTitle {}

.more-waterTitleHead_wrap {
  border-bottom: 1px dotted #1068b3;
  padding: 0px 0px 0px 0px;
}

.more-waterTitleHead_small {
  text-align: left;
  color: #1068b3;
  font-size: 2.0em;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.more-waterTitleHead {
  text-align: left;
  color: #1068b3;
  font-size: 3.4em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
}

.more-waterTitleText_wrap {
  overflow: hidden;
}

.more-waterTitleText {
  float: left;
  width: 89%;
  text-align: left;
  color: #221e1f;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
}

.more-waterTitleImg_wrap1 {
  float: left;
  width: 515px;
}

.more-waterTitleImg_wrap2 {
  float: right;
  width: 270px;
}

.more-waterTitleImg_wrap1 .more-waterTitleImg {
  margin: 0px 0px 0px 10px;
}

.more-waterTitleImg_wrap2 .more-waterTitleImg {
  margin: 4px 0px 0px 0px;
}

.more-waterTitleImg {
  margin: 1px 0px 0px 10px;
}

.more-waterIntro {}

.more-waterIntro1 {
  margin: 15px 0px 0px 0px;
}

.more-waterIntro2 {
  margin: 69px 0px 0px 0px;
}

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

.more-waterIntroImg_wrap {
  text-align: center;
  margin-top: 34px;
}

.more-waterIntroImg {}

.more-waterIntroText_wrap {
  padding: 0px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
}

.more-waterIntroText_outer {
  margin: 22px 0 0 0;
}

.more-waterIntroText_head {
  text-align: left;
  color: #1068b3;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

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

.more-waterIntroMedia_wrap {
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 0px 0px;
}

.more-waterIntroMedia {
  background: #d4ecf7;
  padding: 14px 13px 3px;
  margin: 0px 0px 0px 0px;
}

.more-waterIntroMediaHead {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.more-waterIntroMediaHeadImg {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 12px;
}

.more-waterIntroMediaList_wrap {
  padding: 0px 0px 0px 0px;
  margin: 6px 0px 0px 0px;
}

.more-waterIntroMediaList_outer {
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.more-waterIntroMediaList:first-child {
  float: left;
  width: 379px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.more-waterIntroMediaList {
  float: right;
  width: 379px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.more-waterIntroMediaListImg {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.more-waterIntro2 .more-waterIntroMedia_wrap {
  padding: 0px 0px 0px 0px;
  margin: 31px 0px 0px 0px;
}

.more-waterIntro2 .more-waterIntroMediaHeadImg {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 9px;
}

.more-waterIntro2 .more-waterIntroMediaList_wrap {
  padding: 0px 0px 0px 0px;
  margin: 29px 0px 0px 0px;
}

.more-waterIntro2 .more-waterIntroMedia {
  background: #d4ecf7;
  padding: 14px 13px 4px;
  margin: 0px 0px 0px 0px;
}

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

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

  /* more */
  .more .c-contents {
    padding-bottom: 75px;
  }

  /* more-water */
  .more .u-mainCont {
    padding-bottom: 30px;
  }

  .more-water {
    margin: 2px 0px 0px 0px;
  }

  .more-waterTitle {}

  .more-waterTitleHead_wrap {
    border-bottom: 1px dotted #1068b3;
    padding: 0px 0px 0px 0px;
  }

  .more-waterTitleHead_small {
    text-align: left;
    color: #1068b3;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterTitleHead {
    text-align: left;
    color: #1068b3;
    font-size: 2.4em;
    font-weight: bold;
    line-height: 31px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 8px 0px;
    margin: 6px 0px 0px 0px;
  }

  .more-waterTitleText_wrap {
    overflow: hidden;
  }

  .more-waterTitleText {
    float: none;
    width: auto;
    text-align: justify;
    color: #221e1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: -0.2px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 11px 0px 0px 0px;
  }

  .more-waterTitleImg_wrap1 {
    float: none;
    width: auto;
    text-align: center;
  }

  .more-waterTitleImg_wrap2 {
    float: none;
    width: auto;
    text-align: center;
  }

  .more-waterTitleImg_wrap1 .more-waterTitleImg {
    margin: 0px 0px 0px 0px;
  }

  .more-waterTitleImg_wrap2 .more-waterTitleImg {
    margin: 0px 0px 0px 0px;
  }

  .more-waterTitleImg {}

  .more-waterIntro {}

  .more-waterIntro1 {
    margin: 28px 0px 0px 0px;
  }

  .more-waterIntro2 {
    margin: 40px 0px 0px 0px;
  }

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

  .more-waterIntroImg_wrap {
    text-align: center;
    margin-top: 13px;
  }

  .more-waterIntroImg {}

  .more-waterIntroText_wrap {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroText_outer {
    margin: 24px 0 0 0;
  }

  .more-waterIntroText_head {
    text-align: left;
    color: #1068b3;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
  }

  .more-waterIntroText {
    text-align: justify;
    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;
  }

  .more-waterIntroMedia_wrap {
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
  }

  .more-waterIntroMedia {
    padding: 15px 13px 15px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroMediaHead {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroMediaHeadImg {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroMediaList_wrap {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroMediaList_outer {
    text-align: center;
    overflow: visible;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntroMediaList:first-child {
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
  }

  .more-waterIntroMediaList {
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
  }

  .more-waterIntroMediaListImg {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntro2 .more-waterIntroMedia_wrap {
    padding: 0px 0px 0px 0px;
    margin: 31px 0px 0px 0px;
  }

  .more-waterIntro2 .more-waterIntroMediaHeadImg {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .more-waterIntro2 .more-waterIntroMediaList_wrap {
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
  }

  .more-waterIntro2 .more-waterIntroMedia {
    background: #d4ecf7;
    padding: 14px 13px 15px;
    margin: 0px 0px 0px 0px;
  }
}