/**
 * フリーダイヤル表示（#317・旧 uploads/pagetel.png・pagetel2.png の置き換え）
 *
 * 旧画像（600×57）の見た目に寄せる: 受話器の丸アイコン＋細めの大きな番号＋小さめの受付時間。
 * 色は親の a の色（白／灰色）をそのまま使う。
 */
.kaitoriup-tel {
  /* 旧画像は枠の幅いっぱいで、後ろの文字（「近畿以外は…」など）は必ず次の行に回っていた。
     それに合わせてブロックにする（幅は中身ぶん。スマホは中央・PC は左寄せ＝親の text-align と同じ） */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 0.18em;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  /* スマホでも番号と受付時間（AM10:00～PM7:00）が 1 行に収まる大きさ。折り返したときは中央に */
  font-size: min(44px, 6.6vw);
  justify-content: center;
  font-weight: 300;
  line-height: 1.15;
  text-decoration: none;
  vertical-align: middle;
}

/* ブロックにしたので、直後の <br>（旧画像のあとの改行）は空行になる → 消す */
.kaitoriup-tel + br {
  display: none;
}

.kaitoriup-tel__icon {
  flex: none;
  width: 0.92em;
  height: 0.92em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24a12 12 0 1 0 0-24zM8.9 6.9l2 2.7c.3.4.2 1-.2 1.3l-1 .7c.7 1.1 1.6 2 2.7 2.7l.7-1c.3-.4.9-.5 1.3-.2l2.7 2c.4.3.5.9.3 1.3l-.7 1.2c-.5.8-1.5 1.1-2.4.8-3.6-1.2-6.5-4.1-7.7-7.7-.3-.9 0-1.9.8-2.4l1-.8c.2-.2.3-.4.5-.6z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 0a12 12 0 1 0 0 24a12 12 0 1 0 0-24zM8.9 6.9l2 2.7c.3.4.2 1-.2 1.3l-1 .7c.7 1.1 1.6 2 2.7 2.7l.7-1c.3-.4.9-.5 1.3-.2l2.7 2c.4.3.5.9.3 1.3l-.7 1.2c-.5.8-1.5 1.1-2.4.8-3.6-1.2-6.5-4.1-7.7-7.7-.3-.9 0-1.9.8-2.4l1-.8c.2-.2.3-.4.5-.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.kaitoriup-tel__num {
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.kaitoriup-tel__hours {
  font-size: max(12px, 0.44em);
  letter-spacing: 0;
  white-space: nowrap;
}

@media screen and (min-width: 1000px) {
  .kaitoriup-tel {
    margin-left: 0;
  }
}