@charset "utf-8";

/* -----------------------------------------------------------

	院内案内 CSS

----------------------------------------------------------- */


.introduction .photo .inner {
	max-width: 530px;
	margin: auto auto;
}

.introduction .photo .leftArea,
.introduction .photo .rightArea {
	width: 47%;
	max-width: 255px;
}

.introduction .photo dl {
	margin-bottom: 30px;
	border: 1px solid #cccccc;
}

.introduction .photo dt {
	margin: 10px 11px 5px 11px;
}

.introduction .photo dd {
	margin: 0 11px 10px 11px;
}

.introduction .photo .h0 dd {min-height: 2em;}
.introduction .photo .h1 dd {min-height: 3.5em;}
.introduction .photo .h2 dd {min-height: 5em;}
.introduction .photo .h3 dd {min-height: 7em;}
.introduction .photo .hs1 dd {min-height: 16em;}


/*############################################################################################*/
/* スマホ向け指定：～480px */
/*############################################################################################*/

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

	.introduction .photo .leftArea,
	.introduction .photo .rightArea {
		float: none;
		width: 100%;
		max-width: 350px;
		margin: 0 auto 30px auto;
	}

	.introduction .photo .h0 dd,
	.introduction .photo .h1 dd,
	.introduction .photo .h2 dd,
	.introduction .photo .h3 dd,
	.introduction .photo .hs1 dd {
		min-height: 1px;
	}

}

/*############################################################################################*/
/* タブレット向け指定：481px～768px */
/*############################################################################################*/
@media only screen and (min-width: 481px) and (max-width: 906px) {


}