@charset "utf-8";

	.doctor_list {
		margin-top: 56rem;
		padding-inline: 32rem;
		display: grid;
		gap: 72rem;
	}
	@media (min-width: 769px) {
		.doctor_list {
			padding-bottom: 88rem;
		}
	}
	.doc_img {
		position: relative;
	}
	.doctor_list .doc_pos {
		height: 24rem;
		font-size: 12rem;
		line-height: 22rem;
	}
	.doc_img .doc_pos {
		padding-inline: 15rem;
		position: absolute;
		top: 8rem;
		left: 8rem;
	}
	.doc_info {
		margin-top: 24rem;
	}
	.doc_info .doc_name em {
		font-size: 18rem;
		font-weight: 700;
	}
	.doc_name small {
		font-size: 12rem;
		margin-left: 16rem;
	}
	.doc_info .doc_name small {
		vertical-align: text-bottom;
	}
	.doc_txt {
		font-size: 12rem;
		margin-top: 24rem;
	}
	.doc_sns {
		margin-top: 24rem;
		display: flex;
		align-items: center;
		gap: 8rem;
	}
	.doc_sns li {
		width: 32rem;
	}
	.doc_info:not(:has(.doc_sns)) + .doc_link {
		margin-top: 24rem;
	}
	.doc_link span {
		font-size: 12rem;
		padding-right: 22rem;
	}

	/* モーダル */
	.md-contents {
		display: none;
	}
	.md-overlay {
		background: #333;
		display: none;
		position: fixed;
		inset: 0;
		opacity: .1;
		z-index: calc(infinity);
	}
	@media (min-width: 769px) {
		.md-overlay {
			width: 400rem;
			margin-inline: auto;
		}
	}
	.modal_in {
		width: 336rem;
		height: 580rem;
		max-height: 650px;
		margin: auto;
		position: fixed;
		inset: 0;
		overflow: hidden;
		z-index: calc(infinity);
	}
	.modal_scroll {
		height: 100%;
		padding: 24rem 20rem;
		overflow-y: scroll;
		overscroll-behavior: none;
		scrollbar-width: thin;
	}
	.modal_in figure {
		background: #f5f5f5;
	}
	.modal_in figure img {
		aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position: center top;
	}
	.doc_md {
		margin-top: 32rem;
	}
	.doc_md .doc_pos {
		padding-inline: 11rem;
		display: inline-block;
	}
	.doc_md .doc_name {
		margin-top: 8rem;
	}
	.doc_md .doc_name em {
		font-size: 24rem;
		font-weight: 700;
	}
	.doc_md .doc_name small {
		vertical-align: 4rem;
	}
	.doc_md + .doc_career {
		margin-top: 40rem;
	}
	.doc_career + .doc_career {
		margin-top: 32rem;
	}
	.career_ttl {
		font-size: 18rem;
		padding-left: 24rem;
	}
	.career .career_ttl {
		background: url(/images/hairremoval/icon_career.svg) no-repeat left center / 18rem auto;
	}
	.skills .career_ttl {
		background: url(/images/hairremoval/icon_skills.svg) no-repeat left center / 15rem auto;
	}
	.status .career_ttl {
		background: url(/images/hairremoval/icon_status.svg) no-repeat left center / 18rem auto;
	}
	.conference .career_ttl {
		background: url(/images/hairremoval/icon_conference.svg) no-repeat left 3rem center / 13rem auto;
	}
	.doc_career .circle_list {
		margin-top: 8rem;
	}
	.doc_career .circle_list li {
		font-size: 12rem;
		line-height: 2;
	}
	.doc_career .circle_list li::before {
		top: 8rem;
	}
	.doc_career .blank {
		padding-right: 24rem;
	}
	.link_close {
		margin-top: 24rem;
		padding-bottom: 24rem;
	}
	.link_close span {
		font-size: 12rem;
		padding-left: 20rem;
		cursor: pointer;
	}