.p-about.l-main{
	overflow-x: inherit;
}
.p-about-flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.p-about-flex__img,
.p-about-flex__text{
	width: 48%;
}
.p-about-flex__img img{
	width: 100%;
	height: auto;
}
.p-about-flex__text > p:not(:first-of-type){
	margin-top: 1.8em;
}
.p-about-message__box{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p-about-message__img{
	width: 330px;
	position: sticky;
	top: 120px;
	left: 0;
}
.p-about-message__text{
	width: calc(96.5% - 330px);
}
.p-about-message__img img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.p-about-message__position{
	display: block;
	line-height: 1.6;
}
.p-about-message__name{
	display: block;
	font-size: clamp(21px, 1.5vw, 28px);
	line-height: 1.6;
	margin-top: 5px;
}
.p-about-message__en{
	line-height: 1.6;
	font-size: var(--fontsize-14);
	font-weight: 700;
	color: var(--gray-color);
	font-family: var(--font-en);
	display: block;
}
.p-about-message__text > p:not(:first-of-type){
	margin-top: 1.8em;
}
.p-about-clinical__list{
	background-color: #fff;
	padding-block: 20px;
	border-radius: 4px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 24px;
}
.p-about-clinical__item{
	display: grid;
	place-content: center;
	place-items: center center;
}
.p-about-clinical__item:not(:last-child){
	border-right: 1px solid var(--sub-color);
}
.p-about-clinical__title{
	font-size: var(--fontsize-18);
}
.p-about-clinical__number{
	font-family: var(--font-en);
	font-size: clamp(22px, 2vw, 40px);
	line-height: 1.4;
}
.p-about-clinical__small{
	font-family: var(--font-text);
	font-size: var(--fontsize-18);
	padding-left: 7px;
}
.p-about-clinical__group-item:not(:last-child){
	margin-bottom: clamp(40px, 4.9vw, 95px);
}
.p-about-history{
	padding-bottom: 0;
}
.p-about-history-opening{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: clamp(30px, 2.3vw, 45px);
}
.p-about-history-opening .c-white-box{
	display: grid;
	place-content: center;
	place-items: center center;
	font-size: var(--fontsize-22);
	font-weight: 700;
}
.p-about-history-opening__small{
	font-size: var(--fontsize-16);
}
.p-about-history-year__item{
	position: relative;
	z-index: 0;
	background-color: var(--sub-color);
	padding: 12px 35px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.p-about-history-year__item:not(:last-child){
	margin-bottom: 16px;
}
.p-about-history-year__item:not(:last-child)::before{
	content: '';
	position: absolute;
	left: clamp(70px, 5.2vw, 100px);
	bottom: -16px;
	display: block;
	width: 20px;
	height: 16px;
	background: url("../img/about/about-history-arrow.svg") center top / contain no-repeat;
}
.p-about-history-year__number{
	width: clamp(170px, 11.2vw, 230px);
	font-size: clamp(20px, 1.5vw, 28px);
	font-family: var(--font-en);
	font-weight: 700;
}
.p-about-history-year__nen{
	font-size: var(--fontsize-14);
	font-family: var(--font-text);
}
.p-about-history-year__sei{
	font-size: var(--fontsize-14);
	font-weight: 500;
	font-family: var(--font-text);
}
.p-about-history-year__text{
	width: calc(100% - clamp(170px, 11.2vw, 230px));
}
.p-about-professor__item{
	background-color: rgba(25,54,78,0.25);
}
.p-about-professor__item:nth-child(even){
	background-color: rgba(25,54,78,0.08);
}
.p-about-professor__item .l-inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.p-about-professor__item:nth-child(even) .l-inner{
	flex-direction: row-reverse;
}
.p-about-professor__img{
	width: clamp(260px, 17.7vw, 340px);
	position: relative;
	z-index: 0;
}
.p-about-professor__img::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(25,54,78,0.16);
}
.p-about-professor__text{
	width: calc(100% - clamp(260px, 17.7vw, 340px));
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.p-about-professor__img img{
	width: 100%;
	height: auto;
}
.p-about-professor__body{
	border-left: 1px solid var(--font-color);
	padding-left: clamp(30px, 4.1vw, 80px);
	width: min(100%, calc(400px + clamp(30px, 4.1vw, 80px)));
}
.p-about-professor__top{
	position: relative;
	z-index: 0;
}
.p-about-professor__top::before{
	content: '';
	position: absolute;
	left: calc(clamp(30px, 4.1vw, 80px) * -1);
	top: 0;
	width: 2px;
	height: 100%;
	background-color: var(--font-color);
}
.p-about-professor__label{
	display: block;
	color: rgba(23,41,67,0.5);
}
.p-about-professor__name{
	font-size: var(--fontsize-22);
	font-weight: 700;
	margin-bottom: 10px;
}
.p-about-professor__name small{
	font-size: var(--fontsize-16);
	font-weight: 500;
	padding-left: 5px;
}
.p-about-professor__sub-text{
	font-size: var(--fontsize-14);
}
.p-about-professor__year{
	padding-top: 9px;
	margin-top: 15px;
	border-top: 1px solid var(--gray-color);
	font-size: var(--fontsize-14);
	font-weight: 700;
}
.p-about-professor__year span{
	font-size: var(--fontsize-22);
	font-family: var(--font-en);
	padding: 0 2px;
	font-weight: 500;
}
.p-about-professor .c-gray-btn{
	margin-top: 20px;
}
.p-about-endowed__list{
	margin-top: clamp(30px, 2.6vw, 50px);
}
.p-about-endowed__item{
	background-color: #fff;
	border-radius: 4px;
	padding: 30px 40px;
}
.p-about-endowed__item:not(:last-child){
	margin-bottom: 15px;
}
.p-about-npo .c-circlebtm-title{
	display: flex;
	align-items: center;
}
.p-about-npo .p-about-npo__tag-wrap{
	margin-left: clamp(10px, 2.6vw, 50px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: clamp(10px, 1.3vw, 25px);
	row-gap: 5px;
}
.p-about-npo-tagtext{
	font-size: var(--fontsize-16);
	font-weight: 500;
}
.p-about-npo .c-white-box .c-bgleft-title{
	margin-top: 24px;
}
.p-about-npo .c-maru-list{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 5px;
	margin-bottom: 24px;
}
.p-about-npo__link-text{
	padding-right: 27px;
	position: relative;
	z-index: 0;
	transition: opacity var(--trans-base);
}
.p-about-npo__link-text:hover{
	opacity: 0.7;
}
.p-about-npo__link-text::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 15px;
	height: 15px;
	background: url("../img/about/about-link-icon.svg") center center / contain no-repeat;
}
.p-about-modal__heading{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: clamp(25px, 2.6vw, 50px);
}
.p-about-modal__img{
	width: 230px;
}
.p-about-modal__text{
	width: min(calc(100% - 250px - clamp(25px, 2.6vw, 50px)),400px);
	margin-left: clamp(25px, 2.6vw, 50px);
}
.p-about-modal__img img{
	width: 100%;
	height: auto;
}
.p-about-modal__text .p-about-professor__year{
	margin-left: 0;
}
.p-about-modal__item:not(:last-child){
	margin-bottom: 30px;
}
.p-about-modal__item:first-child{
	margin-bottom: clamp(30px, 3.4vw, 65px);
}
@media screen and (max-width:1024px) {
	.p-about-message__img{
		width: 230px;
		top: 90px;
	}
	.p-about-message__text{
		width: calc(96.5% - 230px);
	}
	.p-about-flex{
		display: flow-root;
	}
	.p-about-flex__img{
		float: left;
		margin: 0 20px 20px 0;
	}
	.p-about-flex__text{
		width: 100%;
	}
	.p-about-professor__text{
		width: calc(95% - clamp(260px, 17.7vw, 340px));
	}
	.p-about-endowed__item{
		padding: 20px;
	}
}
@media screen and (max-width:767px) {
	.p-about-message__img{
		width: 300px;
		position: inherit;
		top: auto;
		margin: 0 auto 20px;
	}
	.p-about-message__text{
		width: 100%;
	}
	.p-about-flex__img{
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.p-about-history-opening{
		grid-template-columns: repeat(1, 1fr);
	}
	.p-about-history-year__item{
		padding: 12px 20px;
	}
	.p-about-history-year__number{
		width: 100%;
	}
	.p-about-history-year__text{
		width: 100%;
	}
	.p-about-professor__item{
		padding-block: 30px;
	}
	.p-about-professor__img{
		margin: 0 auto 25px;
	}
	.p-about-professor__text{
		width: 100%;
	}
	.p-about-professor__body{
		max-width: none;
		width: 100%;
	}
	.p-about-modal__img{
		margin: 0 auto 20px;
	}
	.p-about-modal__text{
		width: 100%;
		margin-left: 0;
	}
	.p-about-npo .c-circlebtm-title{
		display: inherit;
	}
	.p-about-npo .p-about-npo__tag-wrap{
		margin-left: -20px;
		margin-top: 5px;
	}
	.p-about-npo__link .c-blue-tag{
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.p-about-npo__link-text{
		display: block;
		width: fit-content;
	}
	.p-about-clinical__title{
		font-size: 14px;
	}
}
@media screen and (max-width:480px) {
	.p-about-npo .c-bgleft-title small{
		display: block;
	}
	.p-about-npo__link-text{
		font-size: 13px;
		padding-right: 20px;
	}
}