@charset "UTF-8";
.outline {
    overflow: visible;
}
.visual .textstyle .txt1 {
	background: url(../images/txt_pagetitle_line.svg);
}
.visual .textstyle .txt2 {
	background: url(../images/txt_pagetitle.svg);
}
.content .intro {background: #faf0f3;padding: 330px 0 200px 0;position: relative;z-index: 100;}
.content .intro::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 160px;
	width: 1054px;
	height: 1054px;
	background: url(../images/img_intro.webp?v=1) no-repeat center top / 100% auto;
}
.content .intro > .inner {max-width: 1200px;margin: 0 auto;width: 94%;display: flex;position: relative;}
.content .intro .info {
	margin-left: auto;
	color: #6b657c;
}
.content .intro .text {font-size: 20px;font-weight: 500;margin-left: auto;line-height: 2.2em;}
.content .intro .job {font-size: 15px;font-weight: 500;margin-top: 65px;}
.content .intro .name {font-size: 30px;font-weight: 500;line-height: 1.5em;}
.content .intro .name .f_en {display: block;font-size: 15px;line-height: 1.5em;letter-spacing: 0.1em;margin-top: 8px;}

.content .sec h2 {
	font-size: 70px;
	line-height: 1em;
	position: relative;
	z-index: 100;
	color: #6b657c;
}
.content .sec h2 span {
	color: #fff
}
.content .doctorwrap {
	background: #faf0f3;
	background: linear-gradient(to bottom,  rgba(250,240,243,1) 0%,rgba(250,240,243,1) 90%,rgba(250,240,243,0) 100%);
	display: flex;
	align-items: flex-start; /* ←超重要 */
	flex-direction: row-reverse;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 500px;
	margin-bottom: -500px;
}
.content .doctorwrap > .img  {
	position: sticky;
	top: 0;
	left: 0;
	width: 47%;
	height: 100vh;
}
.content .doctorwrap > .img img  {object-fit: cover;width: 100%;height: 100%;}
.content .doctorwrap .secbox {
	width: 53%;
}
.content .sec.profile {padding: 40px 0 0 0;display: flex;}
.content .sec.profile > .inner {max-width: 500px;margin: 0 100px 0 auto;width: 94%;position: relative;}
.content .sec.profile .img {width: 1174px;position: absolute;left: calc(50% - 165px);top: -50px;}
.content .sec.profile .info {color: #6b657c;}
.content .sec.profile .name {font-size: 30px;font-weight: 500;line-height: 1.5em;margin-top: 48px;}
.content .sec.profile .name .f_en {display: block;font-size: 15px;line-height: 1.5em;letter-spacing: 0.1em;margin-top: 8px;}
.content .sec.profile .job {font-size: 15px;font-weight: 500;margin-top: 25px;}
.content .sec.profile .text {font-size: 15px;width: 378px;font-weight: 500;margin-top: 37px;}
.content .sec.profile .career {font-size: 13px;width: 378px;font-weight: 500;margin-top: 43px;}
.content .sec.profile .personal {margin-top: 50px;}
.content .sec.profile .personal h3 {font-size: 20px;font-weight: 500;letter-spacing: 0.1em;}
.content .sec.profile .personal .text {width: auto;margin-top: 20px;}
.content .sec.message {margin: 140px 0 0 0;}
.content .sec.message .insec {margin-top: 90px;}
.content .sec.message .insec h3 {font-size: 30px;line-height: 1.5em;font-weight: 500;}
.content .sec.message .insec .text {width: auto;}
.content .sec.interview {padding: 180px 0 0 0;}
.content .sec.interview > .inner {max-width: 1200px;margin: 0 auto;width: 94%;position: relative;}
.content .sec.interview .bg {
	background: #faf0f3;
	margin-top: 100px;
	padding-bottom: 180px;
}
.content .sec.interview .box {
	position: relative;
}
.content .sec.interview .box2 {margin: -30px 0 -80px 0;}
.content .sec.interview .box > .inner {
	padding: 140px 100px;
}
.content .sec.interview .box .img {
	position: absolute;
	width: 1030px;
	left: -515px;
	z-index: 100;
}
.content .sec.interview .box .info {
	width: 540px;
	margin: 0 0 0 auto;
	color: #6b657c;
}
.content .sec.interview .box .info .title {
	font-size: 30px;
	margin-bottom: 50px;
	font-weight: 500;
	line-height: 1.5em;
}
.content .sec.interview .box .info .text {
	font-size: 15px;
	font-weight: 500;
}
.content .sec.interview .box:nth-child(even) .img {left: auto;right: -515px;}
.content .sec.interview .box:nth-child(even) .info {margin: 0;}
.content .sec.interview .more {
	margin: 0 0 0 100px;
	display: flex;
	align-items: center;
}
.content .sec.interview .more p {
	font-size: 15px;
	color: #6b657c;
	font-weight: 500;
	margin-right: 30px;
}
.content .sec.interview .more a {
	background: #6b657c;
	width: 200px;
	height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content .sec.interview .more a img {
	width: 75px;
}



/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {
	.visual .textstyle .txt1 {
		background: url(../images/txt_pagetitle_line.svg);
	}
	.visual .textstyle .txt2 {
		background: url(../images/txt_pagetitle.svg);
	}
	.content .intro {background: #faf0f3;padding: 230px 0 100px 0;position: relative;z-index: 100;}
	.content .intro::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 90px;
		width: 300px;
		height: 300px;
		background: url(../images/img_intro.webp) no-repeat center top / 100% auto;
	}
	.content .intro > .inner {max-width: 1200px;margin: 0 auto;width: 90%;display: flex;position: relative;}
	.content .intro .info {
		margin-left: auto;
		color: #6b657c;
	}
	.content .intro .text {font-size: 14px;font-weight: 500;margin-left: auto;line-height: 2.2em;}
	.content .intro .job {font-size: 13px;font-weight: 500;margin-top: 42px;}
	.content .intro .name {font-size: 24px;font-weight: 500;line-height: 1.5em;}
	.content .intro .name .f_en {display: block;font-size: 12px;line-height: 1.5em;letter-spacing: 0.1em;margin-top: 7px;}

	.content .sec h2 {
		font-size: 40px;
		line-height: 1em;
		position: relative;
		z-index: 100;
		color: #6b657c;
	}
	.content .sec h2 span {
		color: #fff
	}
	.content .doctorwrap {
		background: #faf0f3;
		background: linear-gradient(to bottom,  rgba(250,240,243,1) 0%,rgba(250,240,243,1) 96%,rgba(250,240,243,0) 100%);
		display: block;
		 /* ←超重要 */
		padding-bottom: 100px;
		margin-bottom: 0;
		padding-top: 0;
	}
	.content .doctorwrap > .img  {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: 500px;
	}
	.content .doctorwrap > .img img  {object-fit: cover;width: 100%;height: 100%;}
	.content .doctorwrap .secbox {
		width: auto;
	}
	.content .sec.profile {padding: 90px 0 0 0;display: flex;}
	.content .sec.profile > .inner {max-width: none;margin: 0 auto;width: 90%;position: relative;}
	.content .sec.profile .img {width: 1174px;position: absolute;left: calc(50% - 165px);top: -50px;}
	.content .sec.profile .info {color: #6b657c;}
	.content .sec.profile .name {font-size: 24px;font-weight: 500;line-height: 1.5em;margin-top: 48px;}
	.content .sec.profile .name .f_en {display: block;font-size: 13px;line-height: 1.5em;letter-spacing: 0.1em;margin-top: 8px;}
	.content .sec.profile .job {font-size: 15px;font-weight: 500;margin-top: 25px;}
	.content .sec.profile .text {font-size: 13px;width: auto;font-weight: 500;margin-top: 37px;}
	.content .sec.profile .career {font-size: 12px;width: 378px;font-weight: 500;margin-top: 43px;}
	.content .sec.profile .personal {margin-top: 50px;}
	.content .sec.profile .personal h3 {font-size: 18px;font-weight: 500;letter-spacing: 0.1em;}
	.content .sec.profile .personal .text {width: auto;margin-top: 20px;}
	.content .sec.message {margin: 30px 0 0 0;}
	.content .sec.message .insec {margin-top: 60px;}
	.content .sec.message .insec h3 {font-size: 20px;line-height: 1.5em;font-weight: 500;}
	.content .sec.message .insec .text {width: auto;}
	.content .sec.interview {padding: 180px 0 0 0;}
	.content .sec.interview > .inner {max-width: 1200px;margin: 0 auto;width: 94%;position: relative;}
	.content .sec.interview .bg {
		background: #faf0f3;
		margin-top: 100px;
		padding-bottom: 180px;
	}
	.content .sec.interview .box {
		position: relative;
	}
	.content .sec.interview .box2 {margin: -30px 0 -80px 0;}
	.content .sec.interview .box > .inner {
		padding: 140px 100px;
	}
	.content .sec.interview .box .img {
		position: absolute;
		width: 1030px;
		left: -515px;
		z-index: 100;
	}
	.content .sec.interview .box .info {
		width: 540px;
		margin: 0 0 0 auto;
		color: #6b657c;
	}
	.content .sec.interview .box .info .title {
		font-size: 30px;
		margin-bottom: 50px;
		font-weight: 500;
		line-height: 1.5em;
	}
	.content .sec.interview .box .info .text {
		font-size: 15px;
		font-weight: 500;
	}
	.content .sec.interview .box:nth-child(even) .img {left: auto;right: -515px;}
	.content .sec.interview .box:nth-child(even) .info {margin: 0;}
	.content .sec.interview .more {
		margin: 0 0 0 100px;
		display: flex;
		align-items: center;
	}
	.content .sec.interview .more p {
		font-size: 15px;
		color: #6b657c;
		font-weight: 500;
		margin-right: 30px;
	}
	.content .sec.interview .more a {
		background: #6b657c;
		width: 200px;
		height: 53px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.content .sec.interview .more a img {
		width: 75px;
	}
	
}