/**********
 style-about.css
**********/

/*********
 greeting
*********/
#greeting{
	padding-bottom:40px;
}

#greeting h3.title{
	margin-bottom:5px;
	border-bottom:none;
}

#greeting #grInner{
	border:1px solid #875839;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#fff;
	background: rgba(255,255,255,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66ffffff', endColorstr='#66ffffff');
	padding:15px 15px 0 15px;
}

#greeting #grImg{
	text-align:center;
}

#greeting #grImg img{
	width:100%;
	max-width:100px;
	vertical-align:bottom;
	margin:0 auto;
}

#greeting #grTxt{
	padding-top:15px;
	padding-bottom:15px;
}

#greeting #grTxt iframe{ 
	width:100%;
	background-color: transparent;
}

#greeting #grTxt #drName{
	padding-top:10px;
	font-size:0.9em;
	font-weight:700;
}



/** facility **/
#facility{}

#facility .facInner{
	padding-bottom:25px;
	max-width:360px;
	margin:0 auto;
}

#facility .facInner img{
	display:block;
	width:100%;
	vertical-align:bottom;
}

#facility .facInner h4{
	padding:7px 0 15px 17px;
	position:relative;
	font-weight:normal;
}

#facility .facInner h4:before{
	font-family: FontAwesome;
	content: '\f111';
	font-size:0.8em;
	color:#F90;
	position:absolute;
	top:10px;
	padding-right:5px;
	left:0;
}

#facility .facInner .facTxt{
	text-align:left;
	line-height:1.4;
	font-size:0.95em;
}


/* PC・大型タブレット：769px〜1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {

/*********
 greeting
*********/
#greeting{
	padding-bottom:60px;
}

#greeting #grInner{
	padding:20px 20px 0 20px;
}


#greeting #grImg{
	text-align:right;
	float:right;
	width:25%;
	position: relative;
}

#greeting #grImg img{
	max-width:140px;
	position:absolute;
	bottom:0;
	right:0;
}

#greeting #grTxt{
	padding:0 0 20px 0;
	width:70%;
	float:left;
}


/** facility **/

#facility .facInner{
	margin:0;
	width:48%;
	max-width:48%;
}

#facility .facInner:nth-child(even){
	float:left;
	clear:both;
}

#facility .facInner:nth-child(odd){
	float:right;
}



}

/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {

/*********
 greeting
*********/
#greeting{
	padding-bottom:60px;
}

#greeting #grInner{
	padding:20px 20px 0 20px;
}


#greeting #grImg{
	text-align:right;
	float:right;
	width:25%;
	position: relative;
}

#greeting #grImg img{
	max-width:140px;
	position:absolute;
	bottom:0;
	right:0;
}

#greeting #grTxt{
	padding:0 0 20px 0;
	width:70%;
	float:left;
}

/** facility **/

#facility .facInner{
	margin:0;
	width:48%;
	max-width:48%;
}

#facility .facInner:nth-child(even){
	float:left;
	clear:both;
}

#facility .facInner:nth-child(odd){
	float:right;
}




}


@media print{


/*********
 greeting
*********/
#greeting{
	padding-bottom:60px;
}

#greeting #grInner{
	padding:20px 20px 0 20px;
}


#greeting #grImg{
	text-align:right;
	float:right;
	width:25%;
	position: relative;
}

#greeting #grImg img{
	max-width:140px;
	position:absolute;
	bottom:0;
	right:0;
}

#greeting #grTxt{
	padding:0 0 20px 0;
	width:70%;
	float:left;
}

/** facility **/

#facility .facInner{
	margin:0;
	width:48%;
	max-width:48%;
}

#facility .facInner:nth-child(even){
	float:left;
	clear:both;
}

#facility .facInner:nth-child(odd){
	float:right;
}



}