@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ドクター紹介
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header-img {
	object-position: 10% top;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ごあいさつ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.doctor-greeting {
	padding-bottom: initial;
}

.doctor-greeting .img {
	width: calc(100% - var(--padding-inline));
	border-radius: 0 100vw 100vw 0;
	object-fit: cover;
	object-position: 30% 20%;
}

.doctor-greeting .director-position {
	font-size: 13px;
}

.doctor-greeting .director-name {
	font-size: 18px;
}

@media (min-width: 768px) {
.doctor-greeting {
	display: grid;
	grid-template-columns: calc(50% + 60px) minmax(auto, 570px);
}

.doctor-greeting .inner {
	padding-left: 12%;
}

.doctor-greeting .heading {
	align-self: end;
}

.doctor-greeting .img {
	width: 100%;
	height: 680px;
	grid-row: 1 / 3;
}
}

@media (max-width: 767.9px) {
.doctor-greeting .img {
	margin-bottom: 30px;
	aspect-ratio: 350 / 270;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メッセージ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.doctor-message {
	padding-bottom: initial;
}

.doctor-message-ul {
	display: grid;
	gap: 60px 6%;
}

@media (min-width: 768px) {
.doctor-message-ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 経歴
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.doctor-career {
	padding-bottom: initial;
}

@media (min-width: 768px) {
.doctor-career-partner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 6%;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 加盟団体
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.doctor-partner {
	padding-bottom: initial;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ブログ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.blog-section {
	padding-bottom: initial;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ご来院の皆様へ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.doctor-notice .ul {
	margin-bottom: 30px;
	padding: 30px 20px;
	border-radius: 20px;
	background: var(--color_white);
	font-size: 14px;
}

.doctor-notice .description {
	font-size: 14px;
}

@media (min-width: 768px) {
.doctor-notice .ul {
	margin-bottom: 50px;
	padding: 40px 4%;
}
}