@charset "utf-8";
/* CSS Document */

div#Amenity,
div#Service {
	width: 1000px;
	text-align: left;
	margin: 0px auto 100px;
}
div#Amenity > h2,
div#Service > h2 {
	font-size: 24px;
	text-align: center;
	line-height: 140%;
	margin-bottom: 40px;
}
div#Amenity img,
div#Service img {
	width: 100%;
	height: auto;
}

div#Amenity > div:nth-of-type(1),
div#Service > div:nth-of-type(1){
	display: flex;
	flex-wrap: wrap;
}
div#Amenity > div:nth-of-type(1) > div:nth-of-type(1),
div#Service > div:nth-of-type(1) > div:nth-of-type(1){
	width: 60%;
	padding-right: 20px;
	box-sizing: border-box;div#Amenity h3, div#Service h3
}
div#Amenity > div:nth-of-type(1) > div:nth-of-type(2),
div#Service > div:nth-of-type(1) > div:nth-of-type(2){
	width: 40%;
}
div#Amenity h3,
div#Service h3{
    font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 140%;
    margin: 30px 0 18px;
	padding: 0;
}
div#Amenity h4,
div#Service h4 {
    font-size: 22px;
	text-align: left;
	line-height: 140%;
    margin: 0px 0 10px;
}
div#Amenity h4 span,
div#Service h4 span {
    font-size: 18px;
	text-align: left;
    margin: 20px 0 10px;
}
div#Amenity ul,
div#Service ul {
	display: flex;
	flex-wrap: wrap;
}
div#Amenity ul li,
div#Service ul li {
	text-indent:-1em;
	padding-left:1em;
	text-align: left;
	line-height: 160%;
	margin: 3px 0;
	padding-right: 1em;
}
div#Amenity ul li.b,
div#Service ul li.b {
	width: 100%;
}
div#Amenity ul li:before,
div#Service ul li:before,
div#Amenity > div > div > ul li:before,
div#Service > div > div > ul li:before {
    content: "■";
    display: inline;
	font-size: 14px;
	padding-right: 3px;
}
div#Amenity div#thisworks {
	width: 90%;
	border: #53585a 1px solid;
	margin: 30px auto 50px;
	padding: 20px;
}
div#Amenity div#thisworks div {
	width: 170px;
	float: right;
	margin: 10px 0 10px 30px;
}
div#Amenity div#thisworks p {
	line-height: 180%;
	margin: 10px 0;
}
div#Service p {
	line-height: 180%;
	margin-bottom: 10px;
}

div#Service sub, sup {
    font-size: 95%;
	top: -2px;
	left: 2px;
}
	@media only screen and (max-width: 750px) {
		div#Amenity,
		div#Service {
			width: 90%;
			text-align: left;
			margin: 0px auto 80px;
		}
		div#Amenity > h2,
		div#Service > h2 {
			font-size: 24px;
			text-align: center;
			line-height: 140%;
			margin-bottom: 30px;
		}
		div#Amenity img,
		div#Service img {
			width: 100%;
			height: auto;
		}

		div#Amenity > div:nth-of-type(1),
		div#Service > div:nth-of-type(1){
			display: block;
			flex-wrap: nowrap;
		}
		div#Amenity > div:nth-of-type(1) > div:nth-of-type(1),
		div#Service > div:nth-of-type(1) > div:nth-of-type(1){
			width: 100%;
		}
		div#Amenity > div:nth-of-type(1) > div:nth-of-type(2),
		div#Service > div:nth-of-type(1) > div:nth-of-type(2){
			display: none;
		}
		div#Amenity h3,
		div#Service h3{
			border-top: #53585a 1px solid;
			padding-top: 30px;
		}
		div#Amenity h4,
		div#Service h4 {
			font-size: 22px;
			text-align: left;
			line-height: 140%;
			margin: 0px 0 10px;
		}
		div#Amenity h4 span,
		div#Service h4 span {
			font-size: 18px;
			text-align: left;
			margin: 20px 0 10px;
		}
		div#Amenity ul,
		div#Service ul {
			display: flex;
			flex-wrap: wrap;
		}
		div#Amenity ul li,
		div#Service ul li {
			text-indent:-1em;
			padding-left:1em;
			text-align: left;
			line-height: 160%;
			margin: 3px 0;
			padding-right: 1em;
		}
		div#Amenity ul li.b,
		div#Service ul li.b {
			width: 100%;
		}
		div#Amenity > ul li:before,
		div#Amenity > div > div > ul li:before,
		div#Service > div > div > ul li:before {
			content: "■";
			display: inline;
			font-size: 14px;
			padding-right: 3px;
		}
		div#Amenity div#thisworks {
			width: 90%;
			border: #53585a 1px solid;
			margin: 30px auto 50px;
			padding: 20px;
		}
		div#Amenity div#thisworks div {
			width: 100%;
			float: none;
			margin: 10px 0 20px 0px;
		}
		div#Amenity div#thisworks p {
			line-height: 180%;
			margin: 10px 0;
		}
		div#Service p {
			line-height: 180%;
			margin-bottom: 10px;
		}

		div#Service sub, sup {
			font-size: 95%;
			top: -2px;
			left: 2px;
		}
	}