@charset "utf-8";

.main__appointment__index__container{margin-top:0;}
#main__appointment__index__wrap .clinic-online {display: flex;  flex-direction:column;}
#main__appointment__index__wrap .sction{margin-top:80px;}
#clinic-online .online-order{gap:24px;}
div#main__appointment__index__info__desc__step .online-order > div.d-flex{padding:20px; min-width:160px;}

.clinic div.sction03 .telBox{display:flex; flex-wrap:nowrap;}
.clinic div.sction03 .telBox > div{width:calc(100% / 3); border-right:1px solid #eee;}


.clinic div.sction04 .itemBox{}

@media(min-width:769px){
	.clinic div.sction03 .telBox > div:last-child{border-right:0;}
}
@media(max-width:768px){
	.clinic .sction02 #main__appointment__index__info__desc__step .online-order{flex-wrap:wrap}
	div#main__appointment__index__info__desc__step .online-order > div.d-flex{width:50%;}
	
	.clinic div.sction03 .telBox{flex-direction:column;}
	.clinic div.sction03 .telBox > div{border-right:0; border:1px solid #ddd; width:100%; padding:20px 0; margin-bottom:20px;}
	.clinic div.sction03 .telBox > div:first-child{margin-top:20px;}
	.clinic div.sction03 .telBox > div:last-child{margin-bottom:0;}
	
	
}