@charset "UTF-8";


/* 見出し */
#content .article h2 {
	text-align: center;
}


/* 院長 */
#content .nagae {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: 40px;
}
#content .nagae p {
	line-height: 2.6;
	width: 630px; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 370px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 370px);/*Firefox4~15対応*/
	width: calc(100% - 370px);
}
#content .nagae p.photo_nagae {
	width: 350px;
	margin-left: 20px;
}

#content .nagae_profile {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#content .nagae_profile .profile1 {
	width: 43%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(46% - 30px);/*Chrome19~25対応*/
	width: -moz-calc(46% - 30px);/*Firefox4~15対応*/
	width: calc(46% - 30px);
}
#content .nagae_profile .profile2 {
	width: 54%;
	background: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 30px;
}
#content .nagae_profile .profile1 dl {
	background: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 30px;
}
#content .nagae_profile dl dt {
	font-size: 112%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#content .nagae_profile dl.history {
	margin-bottom: 30px;
}
#content .nagae_profile dl.history tr {
	border-bottom: 1px dotted #e1d9d2;
}
#content .nagae_profile dl.history tr:last-child {
	border-bottom: none;
}
#content .nagae_profile dl.history td {
	vertical-align: top;
}
#content .nagae_profile dl.history td:first-child {
	padding-right: 1em;
	white-space: nowrap;
}
#content .nagae_profile dl.tesm li {
	list-style: none;
	padding-left: 1.5em;
	position: relative;
}
#content .nagae_profile dl.tesm li:before {
	content: "■";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #189078;
}
#content .nagae_profile dl.activity table {
	width: 100%
}
#content .nagae_profile dl.activity tr {
	border-bottom: 1px dotted #e1d9d2;
}
#content .nagae_profile dl.activity th {
	padding: 0.5em 1em 0.5em 0em;
	vertical-align: top;
}
#content .nagae_profile dl.activity th span {
	font-size: 87%;
	font-weight: normal;
	color: #FFF;
	background: #3da4ec;
	display: inline-block;
	padding-right: 1em;
	padding-left: 1em;
	white-space: nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: 0.2em;
}
#content .nagae_profile dl.activity th .books {
	background: #f3477c;
}
#content .nagae_profile dl.activity th .magazine {
	background: #189078;
}
#content .nagae_profile dl.activity th .periodical {
	background: #FF8040;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#content .nagae_profile dl.activity th .dvd {
	background: #666666;
}
#content .nagae_profile dl.activity td {
	padding: 0.5em 0em;
	vertical-align: middle;
}
#content .nagae_profile dl.activity td ul {
    margin-left: 1em;
}
#content .nagae_profile .profile2 p {
	text-align: center;
	margin: 20px 0 0;
}
#content .nagae_profile .profile2 p a {
	padding: 1em 2em;
	text-decoration: none;
	background: #e5f7f4;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
#content .nagae_profile .profile2 p a:before {
	content: "\232a  ";
	color: #189078;
}

/* 獣医師勤務スケジュール */
#content .schedule {
	margin-bottom: 20px;
	background: #FFF;
	padding: 40px 70px;
	margin: 0px auto;
	border: 5px dotted #e6f4fb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
#content .schedule div {
	margin-bottom: 20px;
	border: 4px solid #b6d6f2;
}
#content .schedule div p {
	border: 2px dotted #67aeec;
	color: #000;
	text-align: center;
	padding: 1em 1em 0.5em;
	font-weight: 500;
}
#content .schedule p .nagae {
	background: #668cb3;
	width: 3em;
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
#content .schedule p .kato {
	background: #e7cb51;
	width: 3em;
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
#content .schedule p .ashida {
	background: #e67399;
	width: 3em;
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
#content .schedule iframe {
	width: 100%;
}
#content .schedule .schedule_img01 {
	position: absolute;
	left: -50px;
	bottom: -5px;
}
#content .schedule .schedule_img02 {
	position: absolute;
	right: -50px;
	bottom: -5px;
}


/* スタッフ */
#content .staffs {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	margin-bottom: 35px;
}
#content .staffs div {
	background: url(../staff/images/back_doctor.png) no-repeat center center;
	background-size: contain;
	width: 235px;
	text-align: center;
	height: 235px;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#content .staffs br.sp_br {
	display: none;
}
#content .staffs div.nurse {
	background: url(../staff/images/back_vn.png) no-repeat center center;
	background-size: contain;
}
#content .staffs div.trimmer {
	background: url(../staff/images/back_trimmer.png) no-repeat center center;
	background-size: contain;
}
#content .staffs div.reception {
	background: url(../staff/images/back_reception.png) no-repeat center center;
	background-size: contain;
}
#content .staffs div dl {
	margin: auto;
}
#content .staffs div dt {
	font-size: 150%;
	font-weight: bold;
}
#content .staffs div dd {
	line-height: 1;
	margin: 0.5em;
}
#content .staffs div dd * {
	line-height: 1;
}
#content .staffs div dd em {
	font-size: 75%;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
}
#content .photo_staff {
	text-align: center;
	vertical-align: top;
	background: url(../staff/images/back_photo.gif) no-repeat center bottom;
	background-size: contain;
	padding-bottom: 120px;
}
#content .photo_staff img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* 執筆・講演活動 */
#content .activities {
	background: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 30px;
}
#content .activities ul li {
	text-align: center;
	list-style: none;
	border-bottom: 1px dotted #deded6;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
#content .books_list {
	background: #FFF url(../staff/images/dog01.gif) no-repeat left bottom;
	padding-bottom: 160px;
}
#content .lecture_list {
	background: #FFF url(../staff/images/dog02.gif) no-repeat right bottom;
	padding-bottom: 120px;
}



@media screen and (max-width: 1199px) {
/* 執筆・講演活動 */
#content .books_list {
	background-size: 120px;
	padding-bottom: 120px;
}
#content .lecture_list {
	background-size: 140px;
	padding-bottom: 80px;
}
/* 獣医師勤務スケジュール */
#content .schedule {
	padding: 40px 100px;
}
#content .schedule .schedule_img01 {
	left: -5px;
	bottom: -5px;
}
#content .schedule .schedule_img02 {
	right: -5px;
	bottom: -5px;
}
}

@media screen and (max-width: 999px) {
/* 院長 */
#content .nagae {
}
/* 獣医師勤務スケジュール */
#content .schedule {
	padding: 30px 70px;
}
#content .schedule .schedule_img01 img {
	width: 90px
}
#content .schedule .schedule_img02 img {
	width: 90px
}
/* スタッフ */
#content .staffs {
}
#content .staffs div {
	width: 165px;
	height: 165px;
}
#content .photo_staff {
	padding-bottom: 12%;
}
}

@media screen and (max-width: 767px) {
/* 院長 */
#content .nagae {
    display: block;
}
#content .nagae p {
	line-height: 2.6;
	width: 100%;
}
#content .nagae p.photo_nagae {
	width: 100%;
	margin: 0px 0px 1em;
	text-align: center;
}
#content .nagae p.photo_nagae img {
	max-width: 70%;
}

#content .nagae_profile {
	display: block;
}
#content .nagae_profile .profile1 {
	width: 100%;
}
#content .nagae_profile .profile2 {
	width: 100%;
	padding: 10px 20px;
}
#content .nagae_profile .profile1 dl {
	padding: 10px 20px;
}
#content .nagae_profile dl.history,
#content .nagae_profile dl.tesm {
	margin-bottom: 20px;
}
#content .nagae_profile .profile2 p {
	margin: 10px 0 0;
}
/* 獣医師勤務スケジュール */
#content .schedule {
	padding: 20px 20px 30px;
}
#content .schedule .schedule_img01 img {
	width: 60px
}
#content .schedule .schedule_img02 img {
	width: 60px
}

/* スタッフ */
#content .staffs {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	margin-bottom: 20px;
}
#content .staffs div {
	width: 180px;
	max-width: 45%;
	max-height: 45%;
	margin: 0px 5px 10px;
}
#content .staffs br.sp_br {
	display: block !important;
}
/* 執筆・講演活動 */
#content .activities {
	padding: 10px 20px;
}
#content .books_list {
	background-size: 80px;
	padding-bottom: 80px;
}
#content .lecture_list {
	background-size: 95px;
	padding-bottom: 60px;
}
}

@media screen and (max-width: 540px) {
}

@media screen and (max-width: 359px) {
#content .article {
	margin: 0px auto 30px;
}
}