.scrollButton{
	text-align:center;
}

.housePadding{
    padding: 0 9.5rem;
    padding-top: 1rem;
    padding-bottom: 6rem;
}

.aboutText{
	width:50%;
}
.aboutText > .topText{
	margin-bottom: 2rem;
}
.aboutText > .bottomText > p{
	line-height:1.5;
}

.imageArea{
	position:relative;
	width:50%;
}
.imageArea > .image{
	position:absolute;
	top:0px;
	right:0px;
	width:130%;
	height:100%;
	z-index:-1;
}

.aboutImageOnText{
	margin:0 -1rem;
}
.aboutImageOnText > .col{
	padding:0 1rem;
}
.aboutImageOnText > .food,
.aboutImageOnText > .security{
	width:calc((100% / 4) * 1 - .01px);
}
.aboutImageOnText > .environment{
	width:calc((100% / 4) * 2 - .01px);
}
.aboutImageOnText > .food > .colInner{
	background-color:#E0F2C7;
}
.aboutImageOnText > .security > .colInner{
	background-color:#95E1D3;
}
.aboutImageOnText > .environment > .colInner{
	background-color:#FCE38A;
}

.aboutImageOnText .onTextTitle > h3{
	font-size:1.5rem;
	margin-bottom:0.3rem;
}
.tree{
	width:95px;
}
.aboutImageOnText .onTextTitle{
	border-bottom:0.22rem solid #000;
	border-bottom-style:dotted;
	margin-bottom: 0.5rem;
}
.aboutImageOnText .onText > p{
	font-size:0.9rem;
}

.aboutImageOnText > .col > .colInner{
	position:relative;
	border-radius:2rem;
	padding:1rem;
	border:0.5rem solid #fff;
	min-height:15rem;
}
.aboutImageOnText .colInner > .image{
	position:absolute;
	right:-0.5rem;
	bottom: -1.5rem;
	max-width: 35%;
}

.clickHear{
	margin:3rem 0.5rem 1rem 0.5rem;
	text-align:center;
}
.clickHear > span{
	display:inline-block;
	background-color:#fff;
	padding:0.5rem 3rem;
	border-radius:0.5rem;
	color:#F38181;
	font-weight:bold;
}
.facilityImages > a{
	display:inline-block;
	width:calc((100% / 4) * 1 - .01px);
}


.houseStyle .rowName > span:before{
    content:url(../../../../about/img/about_reaf.png);
    display:inline-block;
    vertical-align:top;
    margin-right:0.3rem
}

.scrollButton{
	margin-bottom:4rem;
}
.about {
	margin-bottom:4rem
}
#facilityImage{
	margin-bottom:4rem;
}

@media screen and (max-width:480px){
	.about{
		display:block;
	}
	.aboutText{
		width:100%;
	}
	.imageArea{
		width:100%;
		
	}
	.imageArea > .image{
		position:static;
		width:100%;
	}

	.aboutImageOnText{
		display:block;
	}
	.aboutImageOnText > .food,
	.aboutImageOnText > .security,
	.aboutImageOnText > .environment{
		width:100%;
		margin-bottom:2rem;
	}
	.facilityImages > a{
		width:50%;
	}

	.houseTitle{
		width:40%;
		right:0px;
		left:0px;
		bottom:0px;
		margin:auto;
	}

	.housePadding{
		padding:1rem;
	}
	.about{
		margin-bottom:0;
	}
}