.tel-popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .tel-popup-wrap .tel-popup {
    background: #fff;
    max-width: 95%;
    width: 500px;
    border-radius: 8px;
    padding: 4%; }
    .tel-popup-wrap .tel-popup .inner {
      position: relative; }
    .tel-popup-wrap .tel-popup .close {
      position: absolute;
      top: 0;
      right: 0;
      margin: auto;
      width: 25px;
      height: 25px;
      cursor: pointer; }
      .tel-popup-wrap .tel-popup .close:before, .tel-popup-wrap .tel-popup .close:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #707070;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 10px; }
      .tel-popup-wrap .tel-popup .close:before {
        transform: rotate(45deg); }
      .tel-popup-wrap .tel-popup .close:after {
        transform: rotate(-45deg); }
    .tel-popup-wrap .tel-popup .logo {
      margin-bottom: 10%; }
      .tel-popup-wrap .tel-popup .logo img {
        width: 86px; }
    .tel-popup-wrap .tel-popup p {
      text-align: center;
      margin-bottom: 6%;
      font-size: 15px; }
    .tel-popup-wrap .tel-popup .tel-btn {
      width: 100%; }
      .tel-popup-wrap .tel-popup .tel-btn a {
        position: relative;
        display: block;
        margin: 0 auto;
        padding: .6em;
        text-align: center;
        width: 100%;
        max-width: 250px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 2px; }
        .tel-popup-wrap .tel-popup .tel-btn a:after {
          content: "";
          background: url(../mobile/images/icon_tel.png) no-repeat center/contain;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 5%;
          margin: auto; }
      .tel-popup-wrap .tel-popup .tel-btn.first a {
        background: #F4901E;
        border-bottom: 1px solid #B56B17; }
      .tel-popup-wrap .tel-popup .tel-btn.second a {
        background: #F4BB1E;
        border-bottom: 1px solid #B48B1A; }

/*# sourceMappingURL=style.css.map */
.tel-popup-wrap {
  visibility: hidden;
  pointer-events: none;
  opacity: .6;
}
.tel-popup-wrap.active {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}