@charset "utf-8";

#page_introduction section:nth-of-type(2){
	background: #ebf4f6;
}


/*page_day
************************************************************************************/
#page_day{}

#page_day .info-cmt{
	display: table;
	width: 100%;
	background: #FFF;
	box-shadow:0px 0px 10px #e8e8e8;
	-moz-box-shadow:0px 0px 10px #e8e8e8;
	-webkit-box-shadow:0px 0px 10px #e8e8e8;
	padding: 0;
	margin: 0 0 50px 0;
}
#page_day .info-cmt .text20{
	display: table-cell;
	vertical-align: middle;
}
#page_day .info-cmt .photo{
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	width: 300px;
}
#page_day .info-cmt .photo img{
	width: 100%;
	height: auto;
}

#page_day .flow-wrap{
	background: url("../../img/common/line_bg_dot.png") repeat-y 15px 0;
}
#page_day .flow-wrap h2{
	position: relative;
	color: #0074cb;
	font-size: 18px;
	font-weight: 700;
	padding-left: 40px;
	margin-bottom: 15px;
}
#page_day .flow-wrap h2:before{
	background: #0074cb;
	width: 30px;
	height: 30px;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
#page_day .flow-wrap .text{
	padding: 0 0 50px 0;
}
#page_day .flow-wrap .text p{
	padding-left: 40px;
}
#page_day .flow-wrap .text img{
	width: 200px;
	height: auto;
	float:  right;
	margin: 0 0 15px 15px;
}

@media screen and (max-width: 620px) {
#page_day .info-cmt .photo{
	width: 200px;
}
}
@media screen and (max-width: 480px){
#page_day .info-cmt{
	display: block;
}
#page_day .info-cmt .text20{
	display: block;
}
#page_day .info-cmt .photo{
	display: block;
	width: auto;
	text-align: center;
	padding-top: 20px;
}
#page_day .info-cmt .photo img{
	width: auto;
	max-width: 70%;
	height: auto;
}
#page_day .flow-wrap .text img{
	width: 120px;
}
}

/*page_program
************************************************************************************/
#page_program{}



/*stafflist
************************************************************************************/
/*page_staff_list
----------------------------------------------------------------------*/
.page_list .frameDoctor{
	margin-bottom: 50px;
}
.page_list .frameDoctor ul.list{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.page_list .frameDoctor ul.list.btm{
	align-items: end;
}

.page_list .frameDoctor ul.list li{
	width: 18%;
	background: #FFF;
	padding: 25px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 1%;
	box-shadow:0px 0px 10px #e8e8e8;
	-moz-box-shadow:0px 0px 10px #e8e8e8;
	-webkit-box-shadow:0px 0px 10px #e8e8e8;
}
.page_list .frameDoctor ul.list.large li,
.page_list .frameDoctor ul.list li.large{
	width: 31.3%;
}
@media screen and (min-width: 980px) {
.page_list .frameDoctor ul.list li{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.page_list .frameDoctor ul.list li:hover{
	box-shadow:0px 0px 0px #FFF;
	-moz-box-shadow:0px 0px 0px #FFF;
	-webkit-box-shadow:0px 0px 0px #FFF;
	background: #e8f5f8;
}
}


.page_list .frameDoctor ul.list li .photo{
	text-align: center;
	padding: 0 0 10px 0;
}
.page_list .frameDoctor ul.list li .photo img{
	max-width: 70%;
	height: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.page_list .frameDoctor ul.list li .type{
	font-size: 13px;
	margin: 0 0 3px 0;
	text-align: center;
}
.page_list .frameDoctor ul.list li .name{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

/*page_staff*/
#page_staff .frameDoctor ul.list{
	width: 900px;
	margin: auto;
}
#page_staff .frameDoctor ul.list li{
	width: 46%;
	margin: 2%;
}
#page_staff .frameDoctor ul.list li a{
	background:  url("../../img/common/ar_blue.svg") no-repeat right center;
	display: inline-block;
	padding-right: 25px;
	text-decoration: none;
	color: #222222;
}

@media screen and (max-width: 979px) {
#page_staff .frameDoctor ul.list{
	width: 100%;
}
}
@media screen and (max-width: 768px){
.page_list .frameDoctor ul.list li{
	width: 18%;
}
.page_list .frameDoctor ul.list.large li,
.page_list .frameDoctor ul.list li.large{
	width: 47.5%;
}
}

/*page_staff_details
----------------------------------------------------------------------*/
.page_details{}

.page_details .section_box{
	padding: 20px;
}

.page_details .prof_frame{
	width: 100%;
	margin: 0 0 50px 0;
}

.page_details .prof_frame .image{
	width: 200px;
	display:block;
	float: left;
	clear:both;
	margin: 0 20px 0 0;
}
.page_details .prof_frame .image img{
	width:	200px;
	height: auto;
}

.page_details .prof_frame .message{
	overflow: auto;
	zoom: 1;
	line-height: 1.5;
}
.page_details .prof_frame .message th{
	width: 8em;
}
.page_details p.kana{
	font-size: 13px;
	text-align: center;
	padding: 0;
}
.page_details .kana:before,
.page_details .kana:after{
	content: "-";
}
.page_details .lv_h1{
	margin: 0 0 .5em;
}
.page_details p.sub{
	text-align: center;
	margin-bottom: 1.5em;
	padding: 0;
}

/*page_message*/
#page_message .prof_frame .text{
	padding-top: 40px;
	margin-top: 40px;
	border-top: 1px solid #ccc;
}


@media screen and (max-width: 620px) {
.page_details .prof_frame .image{
	width: 180px;
	display:block;
	float: none;
	clear:both;
	margin: 0 auto 20px;
}
.page_details .prof_frame .image img{
	width:	auto;
	height: auto;
	max-width: 100%;
}

.page_details .prof_frame .message{
	overflow: auto;
	zoom: 1;
	line-height: 1.5;
}
.page_details .prof_frame .message th{
	width: auto;
}


}


/*mendan
************************************************************************************/
#page_mendan .info-cmt{
	display: table;
	width: 100%;
	background: #FFF;
	box-shadow:0px 0px 10px #e8e8e8;
	-moz-box-shadow:0px 0px 10px #e8e8e8;
	-webkit-box-shadow:0px 0px 10px #e8e8e8;
	padding: 0;
	margin: 0 0 50px 0;
}
#page_mendan .info-cmt .text20{
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
}
#page_mendan .info-cmt .photo{
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	width: 300px;
}
#page_mendan .info-cmt .photo img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px){
#page_mendan .info-cmt{
	display: block;
}
#page_mendan .info-cmt .text20{
	display: block;
	padding: 20px;
	text-align: center;
}
#page_mendan .info-cmt .photo{
	display: block;
	width: auto;
	text-align: center;
	padding-top: 20px;
}
#page_mendan .info-cmt .photo img{
	width: auto;
	max-width: 70%;
	height: auto;
}

}