@charset "utf-8";

/* 理事長・医師紹介 staff
------------------------------------------------------------------*/
.row_staff01 .name_dr {
	right: calc(-40 / var(--break) * 100vw);
	bottom: 0;
	left: auto;
	top: auto;
}
.row_staff02 .col {
	width: 49%;
	max-width: 600px;
	border: 1px solid #0d0d0d;
}
.row_staff02 .ttl, .box_staff01 .ttl {
	height: calc(50 / var(--break) * 100vw);
}
.list_staff01 .year {
	width: calc(100 / var(--break) * 100vw);
}
.list_staff01 .txt {
	width: calc(100% - calc(100 / var(--break) * 100vw));
}
.list_staff01 li:not(:first-child) {
	margin-top: calc(14 / var(--break) * 100vw);
}
.list_staff02 li:before {
	background: #0d0d0d;
}
.box_staff01 {
	border: 1px solid #0d0d0d;
}
.row_staff03 .list_staff01 {
	width: 48%;
	max-width: 545px;
}
.row_staff04 {
	gap: calc(40 / var(--break) * 100vw) 2.45%;
}
.row_staff04 .col {
	width: 31.7%;
	max-width: 475px;
}
.row_staff04 .name {
	height: calc(95 / var(--break) * 100vw);
}
.wrap_staff01:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 68.75%;
	background: #cdbb94;
	left: 0;
	bottom: 0;
	z-index: -1;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.row_staff01 .name_dr {
		right: calc(-20 / var(--break) * 100vw);
	}
	.row_staff02 {
		gap: 4vw 0;
	}
	.row_staff02 .col {
		width: 100%;
		max-width: 100%;
	}
	.row_staff02 .ttl, .box_staff01 .ttl {
		height: calc(80 / var(--break) * 100vw);
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.list_staff01 .year {
		width: calc(140 / var(--break) * 100vw);
	}
	.list_staff01 .txt {
		width: calc(100% - calc(140 / var(--break) * 100vw));
	}
	.list_staff01 li:not(:first-child) {
		margin-top: 2vw;
	}
	.row_staff03 {
		gap: 2vw 0;
	}
	.row_staff03 .list_staff01 {
		width: 100%;
		max-width: 100%;
	}
	.row_staff04 {
		gap: 2vw 2%;
	}
	.row_staff04 .col {
		width: 49%;
		max-width: 100%;
	}
	.row_staff04 .name {
		height: calc(120 / var(--break) * 100vw);
	}
	.row_staff04 .name .ja span {
		font-size: .75rem;
	}
	.row_staff04 .name .ja {
		font-size: 1rem;
	}
	.row_staff04 .name .en {
		font-size: .75rem;
	}
	.wrap_staff01:after {
		height: 70%;
	}
}