@charset "UTF-8";

.pagehd_item {
	position: absolute;
	right: 50%;
	bottom: -20px;
	z-index: 1;
	transform: translateX(63%);
}

.bgwrap {
	position: relative;
	z-index: 2;
	background: url(../img/cmn/cmnbg@2x.jpg) left 120px / 1440px 100%;
	background-repeat: repeat-x;
}

.bgwrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 125px;
	background: url(../img/about/message/bg-nami@2x.png) left / 100% 100%;
}

.greeting {
	padding: 100px 0 110px;
}

.greeting_wrap {
	text-align: center;
}

.greeting_cnt {
	margin-bottom: 40px;
	line-height: 1.8;
}

.greeting_name {
}

.greeting_name_hd {
}

.greeting_name_btm {
}

.greeting_name_btm span {
	font-size: 28px;
}

.doctor {
	padding: 200px 0 100px;
}

.doctor_ttl {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 16px;
	font-size: 35px;
	text-align: center;
}

.doctor_ttl::before {
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	bottom: 0;
	width: 50px;
	height: 6px;
	border-radius: 9999px;
	background: var(--blue);
	transform: translateX(50%);
}

.doctor_pic {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
	width: 950px;
	margin: 0 auto;
}

.doctor_pic_cnt {
}

.doctor_pic_img {
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 40px;
}

.doctor_pic_name {
	text-align: center;
}

.doctor_pic_name h3 {
	font-size: 28px;
}

.doctor_director {
	margin-top: 100px;
}

.doctor_director_wrap {
	display: flex;
	justify-content: space-between;
	padding: 65px 60px 70px 77px;
	border-radius: 40px;
	background: var(--white);
}

.doctor_director_hd {
}

.doctor_director_hd span {
	font-size: 28px;
}

.doctor_director_cnt {
	width: 800px;
}

.doctor_director_detail {
}

.doctor_director_detail_hd {
	padding-bottom: 16px;
	border-bottom: #efefcb 2px solid;
	font-size: 23px;
}

.doctor_director_detail_career {
	margin-bottom: 40px;
	padding: 20px;
}

.doctor_director_detail_career dl {
	display: flex;
	line-height: 1.8;
}

.doctor_director_detail_career dl dt {
	flex-shrink: 0;
	width: 98px;
	width: 98px;
}

.doctor_director_detail_career dl dd {
}

.doctor_director_detail_affiliation {
	padding: 20px;
}

.doctor_director_detail_affiliation ul {
	padding-left: 20px;
	line-height: 1.8;
}

.doctor_director_detail_affiliation ul li {
	position: relative;
}

.doctor_director_detail_affiliation ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.4em;
	left: -1em;
	width: 9px;
	height: auto;
	border-radius: 50%;
	background: #faed00;
	transform: translateY(50%);
	aspect-ratio: 1;
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.pagehd_item {
	}

	.bgwrap {
		background: url(../img/cmn/cmnbg@2x.jpg) left 40px / 1440px 100%;
		background-repeat: repeat-x;
	}

	.bgwrap::before {
		height: 40px;
	}

	.greeting {
		padding: 60px 0;
	}

	.greeting_wrap {
		text-align: start;
	}

	.greeting_cnt {
		margin-bottom: 20px;
	}

	.greeting_name {
		width: fit-content;
		margin: 0 0 0 auto;
	}

	.greeting_name_hd {
	}

	.greeting_name_btm {
	}

	.greeting_name_btm span {
		font-size: 25px;
	}

	.doctor {
		padding: 50px 0;
	}

	.doctor_ttl {
		margin-bottom: 35px;
		font-size: 28px;
	}

	.doctor_ttl::before {
		height: 4px;
	}

	.doctor_pic {
		grid-template-columns: 1fr;
		gap: 25px;
		width: 100%;
	}

	.doctor_pic_cnt {
	}

	.doctor_pic_img {
		width: fit-content;
		max-width: 100%;
		margin: 0 auto 15px;
		border-radius: 20px;
	}

	.doctor_pic_name {
	}

	.doctor_pic_name h3 {
		font-size: 24px;
	}

	.doctor_director {
		margin-top: 50px;
	}

	.doctor_director_wrap {
		flex-flow: column;
		gap: 20px;
		padding: 50px 20px 20px;
		border-radius: 20px;
	}

	.doctor_director_hd {
	}

	.doctor_director_hd span {
		font-size: 25px;
	}

	.doctor_director_cnt {
		width: 100%;
	}

	.doctor_director_detail {
	}

	.doctor_director_detail_hd {
		padding-bottom: 10px;
		font-size: 21px;
	}

	.doctor_director_detail_career {
		margin-bottom: 20px;
		padding: 20px 10px;
	}

	.doctor_director_detail_career dl {
	}

	.doctor_director_detail_career dl dt {
		width: 70px;
	}

	.doctor_director_detail_career dl dd {
	}

	.doctor_director_detail_affiliation {
		padding: 20px 10px;
	}

	.doctor_director_detail_affiliation ul {
	}

	.doctor_director_detail_affiliation ul li {
	}

	.doctor_director_detail_affiliation ul li::before {
	}
}