/* CSS Document */
.sec01{
	margin: 40px auto;
}


#doctor .flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #976756;
}

#doctor .flex:last-of-type{
	border-bottom: none;
}

#doctor .leftside-box{
	width: 40%;
}
#doctor .leftside-box p{
	font-size: 1.6rem;
	text-align: left;
	margin-bottom: 40px;
}
#doctor .rightside-box{
	width: 54%;
	display: block;
}

.doctor-name-area{
	position: relative;
	margin-bottom: 10px;
}

.underlayer .content section p.doctor-name01{
	font-size: 2.9rem;
	font-weight: 600;
	color:#f4f1ef;
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: -1;
}

.underlayer .content section p.doctor-name02{
	font-size: 2.2rem;
	font-weight: 600;
	color:#523c41;
}
.underlayer .content section p.doctor-name02 span{
	font-size: 1.8rem;
}

.tblStyle02{
	margin-top: 20px;
}

.tblStyle02 th,
.tblStyle02 td{
	text-align: left !important;
	padding: 5px 10px;
}

.tblStyle02 th{
	vertical-align: top;
}

.ulStyle03{
	background: #fff;
	padding: 0;
	margin: 10px auto;
}

.ulStyle03 li::before{
	padding-right: 0;
}

.ulStyle03 li a{
	text-decoration: underline;
}

.ulStyle03 li a:hover{
	text-decoration: none;
}

.part-time-box{
	max-width: 453px;
	width: 48%;
	margin-bottom: 40px;
}

.part-time-box:last-child{
	margin-bottom: 0;
}

#doctor .part-time-box .leftside-box,
#doctor .part-time-box .rightside-box{
	width: 100%;
}

#doctor .part-time-box .rightside-box{
	margin-top: 20px;
}

.doctor-name-area{
	margin-top: 10px;
}

#doctor .part-time-box .doctor-name01{
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

#doctor .part-time-box .doctor-name02{
	text-align: center;
}

.caution-box{
	text-align: center !important;
	background: #faf0f0;
	padding: 15px;
}

@media screen and (max-width: 880px) {
	#innai .flex{
		display: block;
	}
	
	#innai .leftside-box{
		width: 100%;
	}
	
	#innai .rightside-box{
		width: 100%;
		max-width: inherit;
	}
	
	.leftside-box .more-btn{
		margin: 20px auto;
	}
	
	#innai .rightside-box .photo{
		text-align: center;
	}
}

@media screen and (max-width: 600px){
	#doctor .flex{
		display: block;
	}
	
	#doctor .leftside-box,
	#doctor .rightside-box{
		width: 100%;
	}
	
	#doctor .leftside-box figure{
		width: 70%;
		margin: 0 auto;
	}
	
	#doctor .part-time-box .leftside-box figure{
		width: 50%;
	}
	
	#doctor .doctor-name01 {
		top: -12px;
		left: 50%;
		transform: translateX(-50%);
		width: max-content;
		font-size: 2.4rem;
	}
	
	.underlayer .content section p.doctor-name02{
		text-align: center;
	}
	
	#innai .leftside-box p{
		margin-bottom: 20px;
	}
	
	.part-time-box{
		width: 100%;
		max-width: 100%;
	}
	
	.caution-box{
		text-align: left !important;
		font-size: 1.4rem;
	}
	
	#doctor .flex:last-of-type{
		margin-bottom: 0;
	}
}

@media screen and (max-width: 478px){
	.underlayer .content section p{
		text-align: left;
	}
	
	.tblStyle02 th:first-child {
		width: 30%;
	}
}