@charset "UTF-8";
/* flex */
/*-------------------------
クラシアンにお電話
---------------------------*/
#contents.is-tel .flow {
  margin: 40px 0 40px;
  padding-left: 34%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 30% auto;
  background-image: url(../images/beforecallimg.png);
}
@media screen and (max-width: 767px) {
  #contents.is-tel .flow {
    padding-left: 0;
    padding-top: 36%;
    background-position: top center;
    background-size: 36% auto;
  }
}
#contents.is-tel .sertitle {
  margin-left: -50px;
  margin-right: -50px;
  padding: 14px 0 6px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
}
#contents.is-tel .sertitle span {
  display: block;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  #contents.is-tel .sertitle {
    margin: 0 -10px 15px;
    padding: 7px 0 3px;
    font-size: 20px;
    font-size: 2.0rem;
  }
  #contents.is-tel .sertitle span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#contents.is-tel .subttl {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.1em;
  color: #2b2b2b;
  margin: 1em 0 0.6em 0;
  padding: 0 0.3em;
}
@media screen and (max-width: 767px) {
  #contents.is-tel .subttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#contents.is-tel .work-price,
#contents.is-tel .telnum,
#contents.is-tel .paragraph,
#contents.is-tel .bnr-area.is-howto {
  display: none;
}