@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main {
	background: url(../img/equipment/main_img.jpg) no-repeat center top;
    background-size: 100% auto;
}

.mainVisual {
	margin-bottom: 24px;
}

#main .logo {
	margin-bottom: 88px;
	text-align: center;
}

#main .photo {
	margin-bottom: 91px;
	text-align: center;
}

#main .linkUl {
	margin: 0 auto 200px;
	max-width: 561px;
}

#main .linkUl li {
	margin: 0 13.5px 28px;
	float: left;
}

#main .linkUl li a:hover {
	opacity: 0.7;
}

#main h3 {
	margin-bottom: 60px;
	text-align: center;
}

#main .inner {
	margin-bottom: 140px;
}

#main .inner .lPhoto {
	float: left;
}

#main .inner .rBox {
	margin-top: -2px;
	float: right;
	width: 587px;
}

#main .inner h4 {
	margin-bottom: 8px;
	font-size: 3.402rem;
	line-height: 1.2;
	border-bottom: 1px solid #8C6439;
}

#main .inner .rBox p {
	margin-bottom: 12px;
	font-size: 1.984rem;
	line-height: 1.7;
	letter-spacing: -1px;
}

#main .inner .rBox .photo {
	margin-bottom: 0;
	text-align: right;
}

#main .inner .bgList {
	margin-top: 12px;
	padding: 29px 20px 2px 28px;
	background-color: #CEBCA9;
	box-shadow: 2px 2px 4px #C8C6C5;
}

#main .inner .bgList li {
	margin: 0 30px 40px;
	float: left;
}

#main .kitchen h3 {
	margin-bottom: 73px;
}

#main .bathroom .rBox {
	width: 604px;
}

#main .bathroom h4 {
	margin-bottom: 14px;
	color: #717071;
	letter-spacing: -1px;
}

#main .bathroom .rBox p {
	margin: 0 -5px 40px 40px;
}

#main .bathroom .bgList {
	margin-top: 9px;
	padding: 28px 20px 17px 47px;
	background-color: #E1EDED;
}

#main .bathroom .bgList li {
	margin: 0 11px 20px;
}

#main .powder .lPhoto {
	position: relative;
}

#main .powder .lPhoto .tree {
	position: absolute;
	right: -220px;
	bottom: 0;
}

#main .powder .rBox {
	width: 792px;
}

#main .powder h4 {
	margin-bottom: 14px;
	padding-bottom: 8px;
	color: #717071;
}

#main .powder .rBox p {
	margin: 0 -5px 70px 230px;
}

#main .powder .bgList {
	margin-top: 7px;
	padding: 45px 15px 6px 50px;
	background-color: #D7DBEC;
}

#main .powder .bgList li {
	margin: 0 8px 25px;
}

#main .inner .notes {
	margin-top: 30px;
	color: #717071;
	font-size: 1.417rem;
	text-align: center;
	letter-spacing: -0.5px;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

#main .lavatory .rBox {
	width: 858px;
}

#main .lavatory h4 {
	margin-bottom: 17px;
	color: #717071;
}

#main .lavatory .rBox p {
	margin: 0 -5px 17px 0;
	line-height: 1.5;
}

#main .lavatory .rBox p span {
	margin-bottom: 20px;
	display: block;
	font-size: 24px;
}

#main .lavatory .rBox .photo {
	margin-left: 7px;
	text-align: left;
}

#main .lavatory .rBox .photo img:last-child {
	margin: 43px -7px 0 18px;
}

#main .lavatory .bgList {
	margin-top: 7px;
	padding: 29px 15px 15px 44px;
	background-color: #D5E9F7;
}

#main .lavatory .bgList li {
	margin: 0 14px 20px;
}

#main .interior {
	margin-bottom: 180px;
}

#main .interior .rBox {
	margin-left: -300px;
	width: 786px;
}

#main .interior h4 {
	margin-bottom: 18px;
	color: #717071;
}

#main .interior .rBox p {
	margin-left: 280px;
	line-height: 1.6;
}

#main .interior .imgBoxR {
	margin: 165px 0 78px;
}

#main .interior .imgBoxR .lPhoto {
	float: right;
}

#main .interior .imgBoxR .rBox {
	margin: 0 -300px 0 0;
	float: left;
}

#main .interior .imgBoxR .rBox p {
	margin: 0;
	max-width: 525px;
}

#main .interior .imgBox .lPhoto {
	width: 580px;
}

#main .interior .imgBox .lPhoto p {
	margin-top: 13px;
	line-height: 1.6;
	font-size: 1.984rem;
}

#main .interior .imgBox .rBox {
	margin: 60px 0 0;
	width: 490px;
}

#main .interior h4 {
	margin-bottom: 30px;
	text-align: right;
}

#main .listUl {
	margin-right: -12px;
}

#main .listUl li {
	margin-right: 12px;
	float: left;
}

#main .exterior {
	margin-bottom: 130px;
}

#main .exterior h3 {
	margin-bottom: 36px;
}

#main .amenities {
	margin-bottom: 120px;
}

#main .amenities h3 {
	margin-bottom: 30px;
}

#main .amenities .listUl li {
	margin: 0 7px 16px 0;
}

#main .amenities .listUl li:nth-child(3) {
	margin-right: 15px;
}

#main .amenities .listUl li:nth-child(4) {
	margin-right: 10px;
}

#main .structure {
	margin-bottom: 130px;
}

#main .structure h3 {
	margin-bottom: 30px;
}

#main .safe h3 {
	margin-bottom: 40px;
}

#main .safe p {
	margin-bottom: 27px;
	font-size: 1.984rem;
	text-align: center;
}

#main .safe .listUl {
	margin-right: -17px;
}

#main .safe .listUl li {
	margin-right: 17px;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (max-width: 767px) {
	.mainVisual {
		margin-bottom: 20px;
	}
	
	#main .logo {
		margin-bottom: 10px;
	}

	#main .logo img {
		width: 115px;
	}
	
	#main .photo {
		margin-bottom: 10px;
	}

	#main .photo img {
		width: 100%;
	}
	
	#main .linkUl {
		margin: -5% 15px 10px;
		max-width: inherit; 
	}
	
	#main .linkUl li {
		margin: 5% 5% 0 0;
		width: 30%;
		text-align: center;
	}

	#main .linkUl li:nth-child(3n) {
		margin-right: 0;
	}

	#main .linkUl li img {
		width: 100%;
		max-width: inherit;
	}
	
	#main h3 {
		margin-bottom: 8px;
	}

	#main h3 img {
		height: 15px;
	}
	
	#main .inner {
		margin: 0 12px 20px;
	}
	
	#main .inner .lPhoto {
		float: none;
	}

	#main .inner .lPhoto img {
		width: 100%;
	}
	
	#main .inner .rBox {
		margin-top: 10px;
		float: none;
		width: auto !important;
	}
	
	#main .inner h4 {
		margin-bottom: 5px;
		font-size: 1.75rem;
	}
	
	#main .inner .rBox p {
		margin: 0 0 9px 7px;
		font-size: 1.02rem;
		letter-spacing: 0;
	}

	#main .inner .rBox .photo {
		margin: 0 -8px;
	}
	
	#main .inner .rBox .photo img {
		width: 100%;
	}
	
	#main .inner .bgList {
		margin: 4px -12px 0;
		padding: 6px 15px 2px;
		box-shadow: none;
	}
	
	#main .inner .bgList li {
		margin: 0 0 10px;
		width: 44%;
	}

	#main .inner .bgList li:nth-child(2n) {
		float: right;
	}

	#main .inner .bgList li img {
		width: 100%;
	}
	
	#main .kitchen h3 {
		margin-bottom: 10px;
	}

	#main .bathroom {
		margin: 0 5px 20px;
	}
	
	#main .bathroom h4 {
		margin-bottom: 7px;
	}
	
	#main .bathroom .rBox p {
		margin: 0 0 5px 25px;
		letter-spacing: -1px;
	}

	#main .bathroom .rBox .photo {
		margin: 0 8px;
	}

	#main .bathroom .rBox .photo img {
		width: 49%;
	}
	
	#main .bathroom .bgList {
		margin: 8px -5px 0;
		padding: 15px 15px 2px;
	}
	
	#main .bathroom .bgList li {
		margin: 0 0 10px;
		width: 48%;
	}

	#main .powder {
		margin-bottom: 25px;
	}
	
	#main .powder .lPhoto {
		margin: 0 10px 25px;
	}
	
	#main .powder .lPhoto .tree {
		display: none;
	}
	
	#main .powder h4 {
		margin-bottom: 8px;
		padding-bottom: 3px;
		font-size: 1.25rem;
	}
	
	#main .powder .rBox p {
		margin: 0 0 10px;
	}

	#main .powder .rBox .photo {
		margin: 0;
	}

	#main .powder .rBox .photo img {
		width: 55.5%;
	}

	#main .powder > .photo {
		margin: 32px -4px 0;
	}
	
	#main .inner .notes {
		margin: 10px 5px 0;
		padding-left: 1em;
		font-size: 0.75rem;
		text-align: left;
		text-indent: -1em;
	}
	
	#main .lavatory {
		margin: 0 5px 20px;
	}
	
	#main .lavatory h4 {
		margin-bottom: 7px;
		font-size: 1.2rem;
	}
	
	#main .lavatory .rBox p {
		margin: 0 7%;
		font-size: 0.9rem;
		letter-spacing: -0.5px;
	}
	
	#main .lavatory .rBox p span {
		margin: 0 -7% 12px;
		font-size: 0.85rem;
	}
	
	#main .lavatory .bgList {
		margin: 10px -5px 0;
		padding: 0 7px;
	}
	
	#main .lavatory .bgList li {
		margin: 5px 0;
		width: 48%;
		background-color: #fff;
	}
	
	#main .interior {
		margin: 0 5px 40px;
	}
	
	#main .interior .rBox {
		margin-left: 0;
	}

	#main .interior h3 {
		margin-bottom: 5px;
	}

	#main .interior > div {
		margin-bottom: 15px;
	}
	
	#main .interior h4 {
		margin-bottom: 10px;
		text-align: left;
		font-size: 1.25rem;
	}
	
	#main .interior .rBox p {
		margin: 0 8%;
	}
	
	#main .interior .imgBoxR {
		margin: 0 0 20px;
	}
	
	#main .interior .imgBoxR .lPhoto {
		float: none;
	}
	
	#main .interior .imgBoxR .rBox {
		margin: 0;
		float: none;
	}
	
	#main .interior .imgBoxR .rBox p {
		margin: 10px 0 0 9%;
		line-height: 2;
		letter-spacing: -0.5px;
	}

	#main .interior .imgBox h4 {
		margin: 0 -25px 10px -30px;
		padding-right: 15px;
		text-align: right;
	}
	
	#main .interior .imgBox .lPhoto {
		width: auto;
		margin: 20px 10px 0;
	}
	
	#main .interior .imgBox .lPhoto p {
		margin-top: 5px;
		font-size: 1rem;
	}
	
	#main .interior .imgBox .rBox {
		margin: 0 25px 0 30px;
	}
	
	#main .interior .imgBoxR .rBox p {
		max-width: inherit;
	}

	#main .listUl {
		margin: 0 -10px;
	}
	
	#main .listUl li { 
		margin-right: 0 !important;
		float: none;
	}

	#main .listUl li img {
		width: 100%;
	}
	
	#main .exterior {
		margin-bottom: 20px;
	}
	
	#main .exterior h3 {
		margin-bottom: 5px;
	}
	
	#main .amenities {
		margin-bottom: 15px;
	}
	
	#main .amenities h3 {
		margin-bottom: 5px;
	}
	
	#main .amenities .listUl li {
		margin: 0 0 5px;
	}

	#main .amenities .listUl li:nth-child(4),
	#main .amenities .listUl li:nth-child(5) {
		float: left;
		width: 49.5%;
	}

	#main .amenities .listUl li:nth-child(5) {
		float: right;
	}
	
	#main .structure {
		margin-bottom: 30px;
	}
	
	#main .structure h3 {
		margin-bottom: 5px;
	}

	#main .structure .listUl {
		margin: 0 -12px;
	}
	
	#main .safe h3 {
		margin-bottom: 6px;
	}
	
	#main .safe p {
		margin: 0 5% 10px;
		font-size: 1.05rem;
		text-align: left;
	}
	
	#main .safe .listUl {
		margin: 0 -9px;
	}
	
	#main .safe .listUl li:first-child,
	#main .safe .listUl li:nth-child(2) {
		margin-bottom: 10px;
		float: left;
		width: 48.5%;
	}
	
	#main .safe .listUl li:nth-child(2) {
		float: right;
	}
}