@charset "UTF-8";
/********************************************************************************

page-about.css　クリニックについてページcss

********************************************************************************/

/*============================================================
 メインビジュアル
*============================================================*/
#page-about #mainvisual  {
}

/*============================================================
 セクション共通
*============================================================*/
#page-about .section p {
	font-family: var(--common-font-family-sans);
}
#page-about .section ol {
	font-family: var(--common-font-family-sans);
}
#page-about .section .rubi {
	display: inline-block;
	line-height: 1;
}
#page-about .section .rubi span {
	display: block;
	font-size: 14px;
	margin-bottom: 2px;
	text-align: center;
}

/*============================================================
 メッセージ
*============================================================*/
#page-about #sec-message .block {
	gap: 32px;
	margin-bottom: 12px;
}
#page-about #sec-message .block .person {
	width: 360px;
	margin-bottom: 0;
}
#page-about #sec-message .block .person .name {
	font-size: 24px;
	line-height: 1.6;
	text-align: center;
	font-family: var(--common-font-family);
	margin-top: 12px;
}
#page-about #sec-message .block .person .name span {
	font-size: 20px;
}
#page-about #sec-message .block .info {
	width: calc(100% - 392px);
}
#page-about #sec-message .block .info .sec-title {
	margin-bottom: 16px;
}
#page-about #sec-message .career {
	margin-top: 12px;
}

/*============================================================
 理念
*============================================================*/
#page-about #sec-rinen .block p span {
	font-family: var(--common-font-family);
	font-size: 18px;
	font-weight: bold;
}
#page-about #sec-rinen .block ol {
	margin-left: 24px;
}
#page-about #sec-rinen .block ol li {
	list-style-type: decimal;
	margin-bottom: 16px;
}
#page-about #sec-rinen .block ol li::marker {
	font-family: var(--common-font-family);
	font-size: 20px;
}
#page-about #sec-rinen .block ol li:last-child {
	margin-bottom: 0;
}
#page-about #sec-rinen .block ol li span {
	font-size: 20px;
	line-height: 2;
	font-family: var(--common-font-family);
}

/*============================================================
 医院概要
*============================================================*/
#page-about #sec-clinic .list {
	margin-bottom: 80px;
}
#page-about #sec-clinic .list dl div {
	padding: 24px 0;
	border-bottom: 1px solid #F0F0F0;
}
#page-about #sec-clinic .list dl dt {
	width: 200px;
	font-weight: 500;
	float: left;
	font-family: var(--common-font-family-sans);
}
#page-about #sec-clinic .list dl dd {
	margin-left: 208px;
	font-family: var(--common-font-family-sans);
}
#page-about #sec-clinic .block {
	justify-content: space-between;
}
#page-about #sec-clinic .block .info {
	width: 314px;
}
#page-about #sec-clinic .block .info p {
	padding-left: 22px;
	padding-bottom: 22px;
	position: relative;
	margin-bottom: 22px;
	border-bottom: 1px solid var(--common-color-text);
	font-family: var(--common-font-family);
}
#page-about #sec-clinic .block .info p:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 20px;
	background: url(../images/common/icon-pin.svg) no-repeat center center / contain;
	top: 4px;
	left: 0;
}
#page-about #sec-clinic .block .info ul {
	padding-left: 16px;
}
#page-about #sec-clinic .block .info ul li {
	list-style: disc;
	font-size: 14px;
}
#page-about #sec-clinic .block .map {
	width: 624px;
}
#page-about #sec-clinic .block .map iframe {
	aspect-ratio: 2 / 1;
	width: 100%;
	height: auto;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1127px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-about #mainvisual  {
    }

    /*============================================================
     メッセージ
    *============================================================*/
	#page-about #sec-message .block {
		margin-bottom: 24px;
	}
	#page-about #sec-message .block .info .sec-title {
		font-size: 32px;
	}
	
    /*============================================================
     医院概要
    *============================================================*/
	#page-about #sec-clinic .block .info {
		width: 100%;
	}
	#page-about #sec-clinic .block .map {
		width: 100%;
	}

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     セクション共通
    *============================================================*/	
	#page-about .section .rubi span {
		font-size: 10px;
		margin-bottom: 0;
	}
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-about #mainvisual  {
    }

    /*============================================================
     メッセージ
    *============================================================*/	
	#page-about #sec-message .block {
		gap: 24px;
	}
	#page-about #sec-message .block .person {
		width: 100%;
	}
	#page-about #sec-message .block .person .name {
		font-size: 20px;
	}
	#page-about #sec-message .block .info {
		width: 100%;
	}
	#page-about #sec-message .block .info .sec-title {
		font-size: 24px;
	}
	
    /*============================================================
     理念
    *============================================================*/	
	#page-about #sec-rinen .block {
		margin-bottom: 32px;
	}
	#page-about #sec-rinen .block ol li::marker {
		font-size: 18px;
	}
	#page-about #sec-rinen .block ol li span {
		font-size: 18px;
	}
	
    /*============================================================
     医院概要
    *============================================================*/	
	#page-about #sec-clinic .list dl div {
		padding: 16px 0;
	}
	#page-about #sec-clinic .list dl dt {
		float: none;
		margin-bottom: 16px;
	}
	#page-about #sec-clinic .list dl dd {
		margin-left: 0;
	}

}