@charset "UTF-8";

/* pavilion
----------------------------*/


/* pavilion-intro */

.pavilion .u-mainCont {
  padding-bottom: 31px;
}

.pavilion-intro {
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMedia {
  float: none;
  width: 100%;
  margin: 5px 0px 0px 0px;
}

.pavilion-introMediaText {
  text-align: justify;
  color: #221e1f;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: -0.9px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaAnnot {
  text-align: justify;
  color: #eb1b23;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0;
  text-decoration: none;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaAnnotLink {
  color: #eb1b23;
  font-weight: bold;
}

.pavilion-introMediaLend {
  padding: 0px 0px 0px 0px;
  margin: 23px 0px 0px 0px;
}

.pavilion-introMediaLendHead {
  background: #1068b3;
  text-align: left;
  color: #fff100;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 7px 0px 4px 10px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaLendMedia_wrap {
  overflow: hidden;
  border: 1px solid #1068b3;
  padding: 0px 0px 9px 10px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaLendMedia:first-child {
  margin: 9px 0px 0px 0px;
}

.pavilion-introMediaLendMedia {
  float: left;
  width: 100%;
  margin: 13px 0px 0px 0px;
}

.pavilion-introMediaLendMediaHead {
  text-align: left;
  color: #1068b3;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaLendMediaText {
  text-align: left;
  color: #231815;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.9px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-introMediaLendImg_wrap {
  float: left;
  width: 100px;
  padding: 0px 0px 0px 0px;
  margin: 13px 0px 0px 0px;
}

.pavilion-introMediaLendImg {}

.pavilion-introImg_wrap {
  float: none;
  width: 100%;
}

.pavilion-introImg {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* pavilion-project */
.pavilion-project {
  margin: 22px 0px 0px 0px;
}

.pavilion-projectHead {
  background: #ebf6fb;
  text-align: left;
  color: #33a3dc;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0;
  text-decoration: none;
  padding: 13px 15px;
  margin: 0px 0px 0px 0px;
}

.pavilion-projectCont {
  overflow: hidden;
  margin: 15px 0px 0px 0px;
}

.pavilion-projectContList_left {
  float: left;
  width: 210px;
  padding: 0px 0px 0px 34px;
  margin: 0px 0px 0px 0px;
}

.pavilion-projectContList_right {
  float: left;
  width: 502px;
  padding: 11px 0px 0px 32px;
  margin: 0px 0px 0px 0px;
}

.pavilion-projectContList_outer {}

.pavilion-projectContListImg {}

/* pavilion-banner */
.pavilion-banner {
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 35px 0px;
}

.pavilion-bannerHead {
  text-align: left;
  color: #1068b3;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: normal;
  text-decoration: none;
  border-bottom: solid 1px #005ead;
  padding: 0px 0px 8px;
  margin: 12px 0px 15px 0px;
}

.pavilion-bannerHead_inner {
  border-left: solid 5px #1068b3;
  padding: 0 0 0 10px;
  margin: 0px 0px 0px 0px;
}

.pavilion-bannerCont_wrap {
  padding: 0px 0px 0px 0px;
  margin: 28px 0px 20px 0px;
}

.pavilion-bannerCont_outer {
  overflow: hidden;
  padding: 0px 0px 0px 37px;
  margin: 0px 0px 0px 0px;
}

.pavilion-bannerContImg_wrap {
  float: left;
  width: 220px;
  padding: 0px 0px 0px 0px;
  margin: 0px 11px 21px;
}

.pavilion-bannerContLink {}

.pavilion-bannerContLink:hover {
  opacity: 0.8;
}

.pavilion-bannerContImg {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-bannerAnnot_wrap {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.pavilion-bannerAnnot {
  text-align: justify;
  color: #221e1f;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0;
  text-decoration: none;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 0px 0px 0px 0px;
}

/* pavilion-guide */

.pavilion-guide {
  padding: 0px 0px 0px 0px;
  margin: 32px 0px 0px 0px;
}

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

.pavilion-guideCont {
  overflow: hidden;
}

.pavilion-guideContList_wrap {
  float: left;
  width: 67%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}

.pavilion-guideContList_outer {
  text-align: left;
  color: #56c3da;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 28px;
  letter-spacing: normal;
  text-decoration: none;
  text-indent: -76px;
  padding: 0px 0px 0px 76px;
  margin: 0px 0px 0px 0px;
}

.pavilion-guideContList_icon {
  color: #56c3da;
  letter-spacing: 0;
}

.pavilion-guideContList {
  color: #221e1f;
  letter-spacing: -1px;
}

.pavilion-guideContImg_wrap {
  float: left;
  width: 33%;
}

.pavilion-guideContImg {
  padding: 0px 0px 0px 0px;
  margin: 35px 0px 0px 78px;
}


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

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

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

  .pavilion-intro {
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMedia {
    float: none;
    width: auto;
    margin: 10px 0px 0px 0px;
  }

  .pavilion-introMediaText {
    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;
  }

  .pavilion-introMediaAnnot {
    text-align: justify;
    color: #eb1b23;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0;
    text-decoration: none;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaAnnotLink {
    color: #eb1b23;
    font-weight: bold;
  }

  .pavilion-introMediaLend {
    padding: 0px 0px 0px 0px;
    margin: 23px 0px 0px 0px;
  }

  .pavilion-introMediaLendHead {
    background: #1068b3;
    text-align: left;
    color: #fff100;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 7px 0px 4px 10px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaLendMedia_wrap {
    overflow: hidden;
    border: 1px solid #1068b3;
    padding: 10px 10px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaLendMedia:first-child {
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaLendMedia {
    float: none;
    width: auto;
    margin: 10px 0px 0px 0px;
  }

  .pavilion-introMediaLendMediaHead {
    text-align: left;
    color: #1068b3;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaLendMediaText {
    text-align: left;
    color: #231815;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: -1px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-introMediaLendImg_wrap {
    float: none;
    width: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
  }

  .pavilion-introMediaLendImg {}

  .pavilion-introImg_wrap {
    float: none;
    width: auto;
    text-align: center;
  }

  .pavilion-introImg {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

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

  .pavilion-projectHead {
    background: #ebf6fb;
    text-align: justify;
    color: #33a3dc;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 15px 15px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-projectCont {
    overflow: visible;
    margin: 15px 0px 0px 0px;
  }

  .pavilion-projectContList_left {
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

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

  .pavilion-projectContList_outer {
    text-align: center;
  }

  .pavilion-projectContListImg {}

  /* pavilion-banner */
  .pavilion-banner {
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
  }

  .pavilion-bannerHead {
    text-align: left;
    color: #1068b3;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: normal;
    text-decoration: none;
    border-bottom: solid 1px #005ead;
    padding: 0px 0px 8px;
    margin: 0px 0px 20px 0px;
  }

  .pavilion-bannerHead_inner {
    border-left: solid 5px #1068b3;
    padding: 0 0 0 10px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-bannerCont_wrap {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
  }

  .pavilion-bannerCont_outer {
    overflow: visible;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-bannerContImg_wrap {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 20px;
  }

  .pavilion-bannerContLink {}

  .pavilion-bannerContLink:hover {
    opacity: 0.8;
  }

  .pavilion-bannerContImg {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-bannerAnnot_wrap {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-bannerAnnot {
    text-align: justify;
    color: #221e1f;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0;
    text-decoration: none;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 0px 0px 0px 0px;
  }

  /* pavilion-guide */
  .pavilion-guide {
    padding: 0px 0px 0px 0px;
    margin: 46px 0px 0px 0px;
  }

  .pavilion-guideHead {
    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: 9px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-guideCont {
    overflow: hidden;
  }

  .pavilion-guideContList_wrap {
    float: none;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
  }

  .pavilion-guideContList_outer {
    text-align: left;
    color: #56c3da;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: normal;
    text-decoration: none;
    text-indent: -13px;
    padding: 0 0 0 13px;
    margin: 0px 0px 0px 0px;
  }

  .pavilion-guideContList_icon {
    color: #56c3da;
    letter-spacing: normal;
  }

  .pavilion-guideContList {
    color: #221e1f;
    letter-spacing: -1px;
  }

  .pavilion-guideContImg_wrap {
    float: none;
    width: auto;
    text-align: center;
  }

  .pavilion-guideContImg {
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
  }
}