@charset "UTF-8";
/* CSS Document */



/* パネルの出勤状態の色 */
/*
.c-list-therapist__status--notime {
  background: rgba(255, 116, 159, 0.8);
}

.c-list-therapist__status--reservable {
  background: rgba(80, 163, 193, 0.9);
}

.c-list-therapist__status--soldout {
  background: rgba(173, 56, 56, 0.9);
}

.c-list-therapist__status--end {
  background: rgba(100, 100, 100, 0.9);
}

.c-list-therapist__status--work {
  background: rgba(204, 157, 0, 0.9);
}

.c-list-therapist__status--today {
  background: rgba(83, 193, 142, 0.8);
}

.c-list-therapist__status--notime {
  background: rgba(100, 100, 100, 0.9);
}

.c-list-therapist__status--reservable {
  background: rgba(255, 30, 30, 0.9);
}

.c-list-therapist__status--soldout {
  background: rgba(100, 100, 100, 0.9);
}

.c-list-therapist__status--end {
  background: rgba(100, 100, 100, 0.9);
}

.c-list-therapist__status--work {
  background: rgba(255, 30, 30, 0.9);
}

.c-list-therapist__status--today {
  background: rgba(255, 30, 30, 0.9);
}
*/
/* パネルの出勤状態の色 */


<style>
.contact-ban img{
	width: 100%;
}
.contact-ban-inner{

}
.contact-ban-box{
	padding: 0;
	position: relative;
}
.contact-ban{
	width: 100%;
	margin-top: 0;
	position: relative;
}
.contact-ban-flex{
	margin: 6px auto;
	display: flex;
	column-gap: 6px;
}
.tel-text {
    position: absolute;
    font-size: 5.5vw;
    white-space: nowrap;
    overflow: hidden;
    top: 45%;
    left: 31%;
    font-weight: 700;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 1), 0 3px 6px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.85), 0 0 18px rgba(255, 255, 255, 0.35);
    padding: 5px;
}
@media (min-width: 820px) {
  .tel-text {
    /* 600px幅の時の5vwは約30pxなので、それを固定値にする */
    font-size: 48px;
  }
}