@charset "UTF-8";

/* contact
----------------------------*/

/* contact-contact */

.contact .u-mainCont {
  padding-bottom: 96px;
}

.contact-contact_wrap {
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contact:first-child {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contact {
  padding: 0px 0px 0px 0px;
  margin: 43px 0px 0px 0px;
}

.contact-contactHead {
  background: #56c3da;
  text-align: left;
  color: #ffffff;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 8px 0px 4px 12px;
  margin: 0px 0px 0px 0px;
}

.contact-contactCont {
  padding: 0px 0px 0px 0px;
  margin: 17px 0px 0px 0px;
}

.contact-contactContHead {
  text-align: left;
  color: #221e1f;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

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

.contact-contactContTime_inIcon {
  background: #005ead;
  text-align: left;
  color: #ffffff;
  font-size: 0.86666666em;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 1px 12px;
  margin: 0px 10px 0px 0px;
}

.contact-contactContTel {
  text-align: left;
  color: #005ead;
  font-size: 2.0em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 11px 0px 0px 0px;
}

.contact-contactContTel_inEm {
  position: relative;
  text-align: left;
  color: #005ead;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRuby {
  position: absolute;
  top: -13px;
  right: 0;
  text-align: left;
  color: #005ead;
  font-size: 0.375em;
  font-weight: normal;
  line-height: 1.9em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRubyA1 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRubyA2 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRubyA3 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRubyA4 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContTel_inRubyafter {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 11px;
}

.contact-contactContList_wrap {
  padding: 0px 0px 0px 0px;
  margin: 6px 0px 0px 0px;
}

.contact-contactContList_inWrap {
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContList {
  float: left;
  text-align: left;
  color: #221e1f;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: normal;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 12px 0px 0px;
}

.contact-contactContList_inIcon {
  color: #56c3da;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.contact-contactContIcon_wrap {
  padding: 0px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
}

.contact-contactContIcon {
  float: left;
  width: 135px;
  border: 1px solid #33a3dc;
  border-radius: 5px;
  text-align: center;
  color: #33a3dc;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: normal;
  text-decoration: none;
  padding: 3px 10px 0px;
  margin: 0px 9px 0px 0px;
}

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

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

  /* contact-contact */
  .contact .u-mainCont {
    padding-bottom: 70px;
  }

  .contact-contact_wrap {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contact:first-child {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contact {
    padding: 0px 0px 0px 0px;
    margin: 40px 0px 0px 0px;
  }

  .contact-contactHead {
    background: #56c3da;
    text-align: left;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 6px 0px 6px 12px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactCont {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
  }

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

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

  .contact-contactContTime_inIcon {
    background: #005ead;
    text-align: left;
    color: #ffffff;
    font-size: 0.86666666em;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 1px 12px 0px;
    margin: 0px 10px 0px 0px;
  }

  .contact-contactContTel {
    text-align: left;
    color: #005ead;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
  }

  .contact-contactContTel_inEm {
    position: relative;
    text-align: left;
    color: #005ead;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRuby {
    position: absolute;
    bottom: auto;
    top: -11px;
    right: -8px;
    text-align: left;
    color: #005ead;
    font-size: 0.375em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: normal;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRubyA1 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRubyA2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRubyA3 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRubyA4 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContTel_inRubyafter {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContList_wrap {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
  }

  .contact-contactContList_inWrap {
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContList {
    float: left;
    text-align: left;
    color: #221e1f;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-decoration: none;
    text-indent: -1em;
    padding: 0px 0px 0px 1em;
    margin: 0px 12px 0px 0px;
  }

  .contact-contactContList_inIcon {
    color: #56c3da;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .contact-contactContIcon_wrap {
    padding: 0px 0px 0px 0px;
    margin: 17px 0px 0px 0px;
  }

  .contact-contactContIcon {
    float: left;
    width: 95px;
    border: 1px solid #33a3dc;
    border-radius: 5px;
    text-align: center;
    color: #33a3dc;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: normal;
    text-decoration: none;
    padding: 3px 10px 0px;
    margin: 0px 9px 10px 0px;
  }
}