@charset "UTF-8";



@media only screen and (max-width: 480px) {



/*======================================

	h2
	
========================================*/

.about-top{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_top.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-outline{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_outline.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-greeting{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_greeting.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-staff{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_staff.png) no-repeat 0px 3px;
	background-size:28px 28px;
}

.menu-about-top{
	display: inline-block;
	width:28px;
	background: transparent url(../../i_icon/icon_about_menu.png) no-repeat 0px 3px;
	background-size:20px 20px;
}




/*======================================

	top
	
========================================*/

.about-to-contents a{
	display: block;
	width:100%;
	height:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	background: #e1f4f9;
	overflow: hidden;
}

.about-to-left{
	width:60%;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 0 0 15px;
	margin:0 5% 0 0;
	float:left;
	background: #e1f4f9;
}

.about-to-left p{
	display: none;
	font-size:13px;
	line-height: 24px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.about-to-right{
	width:28%;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 0px 0px 0px;
	margin:0 0 0 0;
	float:left;
	background: #e1f4f9;
}
.about-to-anchor{
	width:7%;
	height:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	float:left;
	background: #1c80b7 url(../../i/anchor_white.png) no-repeat center center;
}
.about-to-right img{
	width:55px;
	height:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.top-outline{
	font-size:16px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_outline.png) no-repeat 0px 1px;
	background-size:24px 24px;
	padding:0 0 0 27px;
	margin:30px 0 10px 0;
}
.top-greeting{
	font-size:16px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_greeting.png) no-repeat 0px 1px;
	background-size:24px 24px;
	padding:0 0 0 27px;
	margin:30px 0 10px 0;
}
.top-staff{
	font-size:16px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_staff.png) no-repeat 0px 1px;
	background-size:24px 24px;
	padding:0 0 0 27px;
	margin:30px 0 10px 0;
}






/*======================================

	outline
	
========================================*/
.about-logo{
	padding:60px 0 0 0px;
	background: transparent url(../../i/logo_blue.png) no-repeat left top;
	background-size:60px auto;
}


/* gaiyou
----------------------------------------------- */
#gaiyou{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px solid #1c80b7;
margin:12px 0 24px 0px;
}

#gaiyou dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:16px 0 16px 8px;
width: 80px;
color:#333;
font-weight:normal;
border-top:1px solid #1c80b7;
background:#fff;
}

#gaiyou dd{
  margin: 0 0 0 0;
  padding:16px 0 16px 95px;
  border-top:1px solid #1c80b7;
background:#fff;
}



/*======================================

	greeeting
	
========================================*/
#doctor-face{
	width:100%;
	float:none;
}



/*======================================

	staff
	
========================================*/
#staff{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px solid #1c80b7;
margin:12px 0 24px 0px;
}

#staff dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:16px 0 16px 8px;
width: 60px;
color:#333;
font-weight:normal;
border-top:1px solid #1c80b7;
background:#fff;
text-align: center;
}

#staff dd{
	font-size: 14px;
	line-height: 26px;
	min-height: 100px;
  margin: 0 0 0 0;
  padding:16px 0 16px 85px;
  border-top:1px solid #1c80b7;
background:#fff;
}




}/*//end  max-width: 480px ///////////////////////*/











@media only screen and (min-width: 481px) {


/*======================================

	h2
	
========================================*/

.about-top{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_top.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-outline{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_outline.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-greeting{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_greeting.png) no-repeat 0px 3px;
	background-size:28px 28px;
}
.about-staff{
	display: inline-block;
	width:40px;
	background: transparent url(../../i_icon/icon_about_staff.png) no-repeat 0px 3px;
	background-size:28px 28px;
}

.menu-about-top{
	display: inline-block;
	width:28px;
	background: transparent url(../../i_icon/icon_about_menu.png) no-repeat 0px 3px;
	background-size:20px 20px;
}



/*======================================

	top
	
========================================*/

.about-to-contents a{
	display: block;
	width:635px;
	height:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

.about-to-left{
	width:445px;
	height:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 0 0 30px;
	margin:0 0 0 0;
	float:left;
	background: #e1f4f9;
}
.about-to-right{
	width:160px;
	height:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 0px 0px 0px;
	margin:0 0 0 0;
	float:left;
	background: #e1f4f9;
}
.about-to-anchor{
	width:30px;
	height:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	float:left;
	background: #1c80b7 url(../../i/anchor_white.png) no-repeat center center;
}
.about-to-right img{
	width:140px;
	width:140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.top-outline{
	font-size:20px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_outline.png) no-repeat 0px 1px;
	background-size:28px 28px;
	padding:0 0 0 40px;
}
.top-greeting{
	font-size:20px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_greeting.png) no-repeat 0px 1px;
	background-size:28px 28px;
	padding:0 0 0 40px;
}
.top-staff{
	font-size:20px;
	color:#333;
	background: transparent url(../../i_icon/icon_about_staff.png) no-repeat 0px 1px;
	background-size:28px 28px;
	padding:0 0 0 40px;
}

/*======================================

	outline
	
========================================*/
.about-logo{
	padding:0 0 0 120px;
	background: transparent url(../../i/logo_blue.png) no-repeat 0px 10px;
	background-size:88px 62px;
}


/* gaiyou
----------------------------------------------- */
#gaiyou{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px solid #1c80b7;
margin:12px 0 24px 0px;
}

#gaiyou dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:16px 0 16px 20px;
width: 150px;
color:#333;
font-weight:normal;
border-top:1px solid #1c80b7;
background:#fff;
}

#gaiyou dd{
  margin: 0 0 0 0;
  padding:16px 0 16px 180px;
  border-top:1px solid #1c80b7;
background:#fff;
}

/*======================================

	greeeting
	
========================================*/
#doctor-face{
	width:300px;
	height:auto;
	float:right;
}



/*======================================

	staff
	
========================================*/
#staff{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px solid #1c80b7;
margin:12px 0 24px 0px;
}

#staff dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:16px 0 16px 20px;
width: 80px;
color:#333;
font-weight:normal;
border-top:1px solid #1c80b7;
background:#fff;
text-align: center;
}

#staff dd{
	min-height: 100px;
  margin: 0 0 0 0;
  padding:16px 0 16px 120px;
  border-top:1px solid #1c80b7;
background:#fff;
}


}/*//end  min-width: 481px ///////////////////////*/