@charset "UTF-8";

#content {}

	#facilitiesIntroduction {}

		#facilitiesIntroduction .container {
			overflow: hidden;
		}

		.facilityList {
			float: left;
			width: 380px;
			overflow: hidden;
			border-bottom: 1px solid #ccc;
		}

			.facilityList dt ,
			.facilityList dd {
				box-sizing: border-box;
				padding: 5px 20px;
				border-top: 1px solid #ccc;
			}

			.facilityList dt {
				clear: left;
				float: left;
				width: 280px;
				text-align: left;
			}

			.facilityList dd {
				margin-left: 280px;
			}

		.facilityPhoto {
			float: right;
			width: 690px;
			overflow: hidden;
		}

			.facilityPhoto li {
				float: left;
				width: 230px;
				box-sizing: border-box;
				margin-bottom: 15px;
				padding-left: 30px;
				font-size: 85%;
				text-align: left;
			}

				.facilityPhoto .photo {
				}


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

	#content {}

		#facilitiesIntroduction {}

			.facilityList {
				float: none;
				width: 100%;
			}

				.facilityList dt ,
				.facilityList dd {
					padding: 5px 0px;
				}

				.facilityList dt {
					width: 70%;
				}

				.facilityList dd {
					float: left;
					width: 30%;
					margin-left: 0;
				}

			.facilityPhoto {
				float: none;
				width: 100%;
				padding-top: 20px;
			}

				.facilityPhoto li {
					width: 50%;
					padding: 0 5px;
				}

				.facilityPhoto .name {
					line-height: 1;
					height: 2em;
				}

}