@charset "utf-8";


/* 診療時間・アクセス access
------------------------------------------------------------------*/
.wrap_access01:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 72%;
	background: url("images/page/ptn03.png")repeat left top / calc(400 / var(--break) * 100vw);
	left: 0;
	bottom: 0;
	z-index: -1;
}
.row_access01 {
	max-width: 1240px;
}
.row_access01 .col_l {
	width: 49%;
	max-width: 600px;
}
.row_access01 .col_r {
	width: 47%;
	max-width: 530px;
}
.box_access01 {
	border: 1px solid #0d0d0d;
}
.row_access02 .col {
	width: 48%;
	max-width: 475px;
	background: #ffffff33;
	outline: 1px solid #fff;
	outline-offset: calc(-10 / var(--break) * 100vw);
}
.row_access02 .icn {
	width: calc(120 / var(--break) * 100vw);
}
.row_access02 .ttl {
	border-bottom: 1px solid #0d0d0d;
}
.row_access03 {
	gap: calc(40 / var(--break) * 100vw) 2.45%;
}
.row_access03 .col {
	width: 31.7%;
	max-width: 475px;
}
.row_access03 .num {
	height: calc(40 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.wrap_access01:after {
		height: 85%;
	}
	.row_access01 {
		max-width: 100%;
		gap: calc(60 / var(--break) * 100vw) 0;
	}
	.row_access01 .col_l {
		width: 100%;
		max-width: 100%;
	}
	.row_access01 .col_r {
		width: 100%;
		max-width: 100%;
	}
	.box_access01 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.row_access02 {
		gap: 4vw 0;
	}
	.row_access02 .col {
		width: 100%;
		max-width: calc(600 / var(--break) * 100vw);
		margin: 0 auto;
	}
	.row_access02 .icn {
		width: calc(120 / var(--break) * 100vw);
	}
	.row_access02 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.row_access03 {
		gap: calc(40 / var(--break) * 100vw) 2%;
	}
	.row_access03 .col {
		width: 100%;
		max-width: calc(600 / var(--break) * 100vw);
		margin: 0 auto;
	}
	.row_access03 .num {
		font-size: 1.25rem;
		letter-spacing: 0;
		height: calc(60 / var(--break) * 100vw);
	}
}