@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

.contents .accent {
    background:url("../../images/medical/doctor/accent.jpg") 50% 50% no-repeat;
    margin-bottom: 0;
}

.contents #president .container{
	width: auto;
}

.contents #president .container .shadowBox {
	padding: 40px 50px;
}

.contents #president .container .doctor{
	padding: 0;
}


/* --------------------------------
   □ nav
-------------------------------- */ 
	#doctor .contents .sub ul.list li.doctor a{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat #F5F5F5;
	}



.main h3.title{
	margin-bottom: 0;
}

.main .doctor{
	padding: 40px 0;
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
}

.main .doctor:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
	.doctor p.name{
		font-size: 186%;
		font-weight: 500;
		color: #64B6AC;
	}
		.doctor p.name span.position{
			display: inline-block;
			font-size: 57.1%;
			font-weight: normal;
			border: 1px solid #64B6AC;
			margin-right: 9px;
			line-height: 1.1;
			padding: 4px 12px;
			border-radius: 4px;
			vertical-align: middle;
		}

		.doctor p.name span.kana{
			font-size: 57.1%;
			font-weight: normal;
			color: #B2B2B2;
			margin-left: 13px;
			white-space: nowrap;
		}

	.doctor .textarea{
		width: 54%;
		float: left;
		text-align: left;
		box-sizing: border-box;
	}
		.doctor .textarea p.message{
			margin-bottom: 20px;
			font-weight: 600;
			color: #000;
		}
		.doctor .textarea p.career{
			font-size: 93.3%;
			margin-bottom: 20px;
			padding: 20px 0;
			border-top:1px solid #D6D6D6;
			border-bottom:1px solid #D6D6D6;
            line-height: 1.5;
		}

		.doctor .textarea ul.spec li{
		}
		.doctor .textarea ul.spec li + li{
			margin-top: 15px;
		}

			.doctor .textarea ul.spec li:last-child{
				margin-bottom: 0;
			}
				.doctor .textarea ul.spec li dl{
					display: table;
					width: 100%;
				}
				.doctor .textarea ul.spec li dl > *{
					display: table-cell;
				}
				.doctor .textarea ul.spec li dl dt{
					width: calc(3em + 30px);
                    text-align: center;
				}
				.doctor .textarea ul.spec li dl dt span{
					background: #EDEDED;
					border: 1px solid #E5E5E5;
					padding: 3px 0;
					display: inline-block;
					font-size: 86%;
                    box-sizing: border-box;
                    width: 100%;
				}
				.doctor .textarea ul.spec li dl dd{
					text-align: left;
                    line-height: 1.5;
                    padding-left: 10px;
				}
.doctor .imgarea{
    width: 40%;
    float: right;
    text-align: left;
    box-sizing: border-box;
}
    .doctor .imgarea .medicalcontents li{
    }

.doctor p.image{
	display: inline-block;
}
.doctor p.image img{
    width: 100%;
}

	.doctor p.image span.right{
		display: block;
		width: 100%;
		text-align: right;
	}









/* --------------------------------
   □ 
-------------------------------- */ 

@media only screen and
(max-width : 767px) {
.contents .accent {
    background-position:100% 50%;
    margin-bottom: 0;
}
/* --------------------------------
   □ 
-------------------------------- */ 

.contents #president .container .shadowBox {
    padding: 7% 4%;
}

	.contents #president .container .shadowBox:first-child{
		padding-top: 55px;
	}
	
.main .doctor {
	overflow: visible;
}

	.doctor p.name{
		position: relative;
	}
		.doctor p.name span.position{
			display: block;
            text-align: center;
		}

	.doctor .textarea {
		width: auto;
		float: none;
		padding: 0;
		margin-bottom: 30px;
	}
	
	.doctor p.image {
		float: none;
		width: auto;
		display: block;
		text-align: center;
	}

	.shadowBox p.buttonStyle {
		margin-top: 20px;
	}
.doctor .imgarea{
    width: auto;
    float: none;
}
}