@charset "UTF-8";
/*====== pc layout ======*/
nav ul li:nth-child(5) a {
	color: #187fc4;
	border-bottom: 2px solid #187fc4;
}
section {
	margin-top: 100px;
	width: 1000px;
	line-height: 1.9;
}
section.first {
	margin-top: 60px;
}
.doctor {
	position: relative;
	width: 1000px;
    margin-top: 60px;
}
.doctor div,
.doctor .commontBox p,
.doctor .syouniBox p {
	position: absolute;
}
.doctor .txtBox h4 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
}
.doctor .history h5 {
	border-bottom: 4px solid yellow;
    display: inline;
}

/*====== sec01 ======*/
.doctor.sec01{
	height: 842px;
}
.doctor.sec01 .pic1 {
	top: 0;
	left: 0;
}
.doctor.sec01 .txtBox {
	width: 600px;
	height: 295px;
	top: -10px;
	right: 0;
}
.doctor.sec01 .txtBox p {
	margin-top: 30px;
}
.doctor.sec01 .accoBox {
	width: 1000px;
	height: 510px;
	top: 335px;
	left: 0;
}
.doctor.sec01 .history {
	width: 600px;
	height: 195px;
	top: 0px;
	right: 0;
}
.doctor.sec01 .history ul {
	margin: 2px 0 15px;
	font-size: 14px;
}
.doctor.sec01 .commontBox {
	width: 996px;
	height: 259px;
	bottom: 0;
	left: 0;
	background: url(../images/staff/bg_comment.png) no-repeat left top;
}
.doctor.sec01 .pic2 {
    bottom: -6px;
    left: 41px;
}
.doctor.sec01 .cTxt1 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
	top: 30px;
	left: 240px;
}
.doctor.sec01 .cTxt2 {
	bottom: 45px;
    left: 293px;
}

/*====== sec02 ======*/
.doctor.sec02{
	height: 1102px;
}
.doctor.sec02 .pic1 {
	top: 0;
	left: 0;
}
.doctor.sec02 .txtBox {
	width: 600px;
	height: 295px;
	top: -10px;
	right: 0;
}
.doctor.sec02 .txtBox p {
	margin-top: 30px;
}
.doctor.sec02 .txtBox p span.stfP {
	display: block;
	padding: 20px 0;
	line-height: 1.0;
}
.doctor.sec02 .accoBox {
	width: 1000px;
	height: 796px;
	top: 334px;
	left: 0;
}
.doctor.sec02 .history {
	width: 600px;
	height: 235px;
	top: -5px;
	right: 0;
}
.doctor.sec02 .history ul {
	margin: 2px 0 15px;
	font-size: 14px;
}
.doctor.sec02 .syouniBox {
	width: 597px;
	height: 195px;
	top: 290px;
	right: 0;
	background: url(../images/staff/bg_syouni.png) no-repeat left top;
}
.doctor.sec02 .syouniBox .sTxt1 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
    top: 25px;
    left: 45px;
}
.doctor.sec02 .syouniBox .sTxt2 {
	width: 345px;
	height: 70px;
	bottom: 40px;
	left: 45px;
	font-size: 14px;
}
.doctor.sec02 .syouniBox .pic2 {
	bottom: 30px;
	right: 40px;
}

.doctor.sec02 .commontBox {
	width: 996px;
	height: 259px;
	bottom: 0;
	left: 0;
	background: url(../images/staff/bg_comment.png) no-repeat left top;
}
.doctor.sec02 .pic3 {
    bottom: -6px;
    left: 29px;
}
.doctor.sec02 .cTxt1 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
	top: 30px;
	left: 240px;
}
.doctor.sec02 .cTxt2 {
	bottom: 73px;
    left: 293px;
}

/*====== sec03 ======*/
.doctor.sec03{
	height: 1144px;
	margin-bottom: 135px;
}
.doctor.sec03 .pic1 {
	top: 0;
	left: 0;
}
.doctor.sec03 .txtBox {
	width: 600px;
	height: 295px;
	top: -10px;
	right: 0;
}
.doctor.sec03 .txtBox p {
	margin-top: 30px;
}
.doctor.sec03 .accoBox {
	width: 1000px;
	height: 735px;
	top: 453px;
	left: 0;
}
.doctor.sec03 .history {
	width: 600px;
	height: 195px;
	top: 0px;
	right: 0;
}
.doctor.sec03 .history ul {
	margin: 2px 0 15px;
	font-size: 14px;
}
.doctor.sec03 .commontBox {
	width: 996px;
	height: 259px;
	bottom: 0;
	left: 0;
	background: url(../images/staff/bg_comment.png) no-repeat left top;
}
.doctor.sec03 .pic2 {
    bottom: -6px;
    left: 41px;
}
.doctor.sec03 .cTxt1 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
	top: 30px;
	left: 240px;
}
.doctor.sec03 .cTxt2 {
	bottom: 45px;
    left: 293px;
}
.doctor .history li.kana {
    margin-top: 15px;
}



/*==========================
=                          =
=        SP LAYOUT         =
=                          =
 =========================*/

@media (max-width: 767px) {
	nav ul li:nth-child(5) a {
		color: #171c61;
		border-bottom: none;
	}
	h2 img {
	    width: 53%;
	}
	section {
		margin-top: 15.5%;
		width: 100%;
		line-height: 1.6;
	}
	section.first {
		margin-top: 9.5%;
	}
	section h3 {
		padding: 4% 0 4% 10%!important;
	}
	section h4 {
	    border-bottom: 4px solid yellow;
	    display: inline;
	}

	.doctor {
		position: static;
		width: 100%;
	    margin-top: 7%;
	}
	.doctor div,
	.doctor .commontBox p,
	.doctor .syouniBox p {
		position: static;
	}
	.doctor .txtBox h4 {
		font-family: '秀英丸ゴシック B';
	    font-size: 5.0vw;
	}
	.doctor .history h5 {
		border-bottom: 4px solid yellow;
	    display: inline;
	    font-size: 4.4vw;
	}


	/*====== sec01 ======*/
	.doctor.sec01{
		height: 100%;
	}
	.doctor.sec01 .pic1 {
		text-align: center;
	}
	.doctor.sec01 .pic1 img {
		width: 65.5%;
	}
	.doctor.sec01 .txtBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec01 .txtBox p {
		margin-top: 7.5%;
	}
	.doctor.sec01 .accoBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec01 .history {
		width: 100%;
		height: 100%;
		margin-top: 3.7%;
	}
	.doctor.sec01 .history ul {
		margin: 3.8% 0 5.5%;
		font-size: 3.75vw;
	}
	.doctor.sec01 .commontBox {
		width: 100%;
		height: 100%;
		padding: 33% 0 7%;
		background: url(../images/staff/sp/img02_01.png) no-repeat left top;
		background-size: 100%;
	}
	.doctor.sec01 .pic2 {
		display: none;
	}
	.doctor.sec01 .cTxt1 {
		display: none;
	}
	.doctor.sec01 .cTxt2 {
		width: 80%;
    	margin: 0 auto;
        font-size: 3.75vw;
	}

	/*====== sec02 ======*/
	.doctor.sec02{
		height: 100%;
	}
	.doctor.sec02 .pic1 {
		text-align: center;
	}
	.doctor.sec02 .pic1 img {
		width: 65.5%;
	}
	.doctor.sec02 .txtBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec02 .txtBox p {
		margin-top: 7.5%;
	}
	.doctor.sec02 .txtBox p span.stfP {
		display: block;
		text-align: center;
		padding: 5% 0;
		line-height: 1.4;
	}
	.doctor.sec02 .accoBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec02 .history {
		width: 100%;
		height: 100%;
		margin-top: 3.7%;
	}
	.doctor.sec02 .history ul {
		margin: 3.8% 0 5.5%;
		font-size: 3.75vw;
	}
	.doctor.sec02 .syouniBox {
		width: 100%;
		height: 100%;
		background: none;
	}
	.doctor.sec02 .syouniBox .sTxt1 {
	    width: 75%;
	    margin: 0 auto 5.5%;
    	padding: 7% 0;
       	font-family: '秀英丸ゴシック B';
		font-size: 5.0vw;
		text-align: center;
		background: url(../images/staff/sp/bg_syouni.png) no-repeat left top;
		background-size: 100%;
	}
	.doctor.sec02 .syouniBox .sTxt2 {
		width: 70%;
		height: 100%;
	    margin-bottom: 7.5%;
		font-size: 4.3vw;
		float: left;
	}
	.doctor.sec02 .syouniBox .pic2 {
		width: 30%;
		float: left;
	}

	.doctor.sec02 .commontBox {
		width: 100%;
		height: 100%;
		padding: 31.5% 0 7%;
		background: url(../images/staff/sp/img02_02.png) no-repeat left top;
		background-size: 100%;
		clear: both;
		overflow: hidden;

	}
	.doctor.sec02 .pic3 {
		display: none;
	}
	.doctor.sec02 .cTxt1 {
		display: none;
	}
	.doctor.sec02 .cTxt2 {
		width: 80%;
    	margin: 0 auto;
        font-size: 3.75vw;
	}

	/*====== sec03 ======*/
	.doctor.sec03{
		height: 100%;
		margin-bottom: 18.5%;
	}
	.doctor.sec03 .pic1 {
		text-align: center;
	}
	.doctor.sec03 .pic1 img {
		width: 65.5%;
	}
	.doctor.sec03 .txtBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec03 .txtBox p {
		margin-top: 7.5%;
	}
	.doctor.sec03 .accoBox {
		width: 100%;
		height: 100%;
	}
	.doctor.sec03 .history {
		width: 100%;
		height: 100%;
		margin-top: 3.7%;
	}
	.doctor.sec03 .history ul {
		margin: 3.8% 0 5.5%;
		font-size: 3.75vw;
	}
	.doctor.sec03 .commontBox {
		width: 100%;
		height: 100%;
		padding: 33% 0 7%;
		background: url(../images/staff/sp/img02_01.png) no-repeat left top;
		background-size: 100%;
	}
	.doctor.sec03 .pic2 {
		display: none;
	}
	.doctor.sec03 .cTxt1 {
		display: none;
	}
	.doctor.sec03 .cTxt2 {
		width: 80%;
    	margin: 0 auto;
        font-size: 3.75vw;
	}

	.doctor .history li.kana {
	    margin-top: 15px;
	}
	.doctor .history li.kana2 {
	    margin-top: 5px;
	}

	/*====== アコーディオン ======*/
	.accoBtn {
		margin-top: 7%;
	}

	.accoBtn span {
	    display: block;
	    padding: 6.8% 0px;
	    background: url(../images/common/sp/accoBtn_on.png) no-repeat left top;
		background-size: 100%;
	    text-indent: 9999px;
	    white-space: nowrap;
	    overflow: hidden;
	}

	.accoBtn span.open {
	    background: url(../images/common/sp/accoBtn_off.png) no-repeat left top;
		background-size: 100%;
	}

}