@charset "utf-8";





.sec_01 .tel_link{
	text-align: center;
}
.sec_01 .tel_link a{
	position: relative;
	font-size: clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem);
	padding-left: .85em;
	color: var(--c_red);
}

.sec_01 .tel_link a::before{
	content: "";
	mask-image: url(../images/common/icon_tel.svg);
	mask-size: cover;
	width: .75em;
	height: 1em;
	max-width: 24px;
	max-height: 32px;
	background-color: var(--c_red);
	position: absolute;
	top: 56%;
	left: 0;
	transform: translateY(-50%);
	margin: auto;
}


@media (max-width: 799px){

.sec_01 li{
	width: 100%;
	padding: 1.5em 2em;
}
.sec_01 li:not(:last-child){margin-bottom: 2em;}


.icon_tel{position: relative;padding-left: calc(18px + .25em);}
.icon_tel::before{
  mask-size: cover;
  width: 18px;
  height: 24px;
}



}


@media (max-width: 599px){

.sec_01 li{
	width: 100%;
	padding: 1em 1.5em;
}
.sec_01 .hpb_area a{
	width: 100%;
	padding: .75em;
}


}



@media (max-width: 399px){


.icon_tel{position: relative;padding-left: calc(15px + .25em);}
.icon_tel::before{
  mask-size: cover;
  width: 15px;
  height: 20px;
}


}