@charset "utf-8";



.sec_01 .list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25em;
}

.sec_01 .list li{
	text-align: center;
	padding: .5em;
	border-radius: var(--br10);
	background: var(--c_lbln);
}

.sec_01 .remarks .list>dl:not(:last-child){
	border-bottom: 2px dotted var(--c_bln);
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.sec_01 .remarks dt{
	width: 6em;
	font-weight: bold;
}
.sec_01 .remarks dd{
	width: calc(100% - 6em - .5em);
}

.sec_01 .remarks dd dl{
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
}
.sec_01 .remarks dd dl:not(:last-child){
	margin-bottom: 1em;
}
.sec_01 .remarks dd dl dt.no_month{
	display: none;
}
.sec_01 .remarks dd dl dd{
	width: fit-content;
	border-radius: .25em;
	padding: .125em .5em;
	background: var(--c_red);
	color: #fff;
}
.sec_form .tel_link{
	text-align: center;
}
.sec_form .tel_link a{
	position: relative;
	font-size: clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem);
	padding-left: .85em;
	color: var(--c_red);
}

.sec_form .tel_link a::before{
	content: "";
	mask-image: url(../../../assets/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 .list{
	grid-template-columns: repeat(2, 1fr);
	gap: .75em;
}

}


@media (max-width: 599px){


.sec_01 .remarks dt,
.sec_01 .remarks dd{
	width: 100%;
}

}