.top {
    width: 100%;
    height: 580px;

}

/*features*/

.features {
    width: 100%;
    margin-top: 10%;
    background: #f7f7f7;
}

.features h3,
.recycle h3,
.recruit h3,
.access h3 {
    text-align: center;
    margin-bottom: 5%;
    color: #2B5F97;
    font-family: "lato_bold", arial;
    font-size: 250%;
/*    font-weight: bold;*/
    line-height: 100%;
    letter-spacing: 1%;
	padding-top: 5%;
/*    white-space: nowrap;*/

}

.features p {
    width: 80%;
    margin-bottom: 0%;
    color: #2F2F2F;
    font-family: "lato_regular", arial;
    font-size: 100%;
    line-height: 150%;
    padding-left: 10%;
    text-align: center;
}

.features img {
    display: block;
    width: 80%;
    margin: 0 auto 5% auto;
}

.link_box {
    display: block;
    text-align: center;
    width: 30%;
    background: #326291;
    padding: 3% 5%;
    margin: 5% auto 0 auto;
}

.link_box a {
    text-decoration: none;
    color: #fff;
    font-size: 110%;
}

.link_box_1 {
    display: block;
    text-align: center;
    width: 60%;
    background: #31913b;
    padding: 3% 5%;
    margin: 5% auto 0 auto;
}

.link_box_1 a {
    text-decoration: none;
    color: #fff;
    font-size: 110%;
}


/*recycle*/

.recycle {
    background: #fff;
}

.recycle img {
	display: block;
	margin: 0 auto;
	width: 50%;
}

.link_box2 {
	display: block;
	text-align: center;
	width: 30%;
	background: #326291;
	padding: 1.5% 2.5%;
	margin: 5% auto;
}

.link_box2 a {
	text-decoration: none;
	color: #fff;
    font-size: 110%;
}


/*recruit*/

.recruit {
    padding-top: 5%;
    background: #326291;
}

.recruit h3 {
	color: #FFFFFF;
/*    font-size: 200%;*/
}

.recruit p {
    width: 80%;
    text-align: center;
	color: #fff;
	padding-top: 10%;
    padding-left: 10%;
	font-size: 100%;
}

.recruit img {
	display: block;
    width: 90%;
	margin: 0 auto;
    padding-bottom: 20px;
}

.link_box3 {
	display: block;
	text-align: center;
	width: 30%;
	background: #fff;
	padding: 2.5% 2.5%;
	margin: 10% auto 10% auto;
}

.link_box3 a {
	text-decoration: none;
	color: #326291;
    font-size: 110%;
}


/*access*/

.access {
    width: 100%;
    padding-top: 5%;
    background: #fff;
}

.access h3 {
	padding-bottom: 10%;
}
.access p {
    width: 80%;
	font-size: 100%;
    text-align: center;
    padding-left: 10%;
}
.access a {
    color:#2f2f2f;
    text-decoration:none;
    }
.ggmap {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	width: 100%;
	margin-bottom: 5%;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 80%;
}

@media screen and (max-width: 940px) {
    .features h3,
    .recycle h3,
    .recruit h3,
    .access h3 {
        font-size: 3.5vw;
    }
	.top {
		display: none;
	}
    .features p,
    .recycle p,
    .recruit p,
    .access p {
        font-size: 90%;
    }
    .link_box a,
    .link_box2 a,
    .link_box3 a {
        font-size: 90%;
    }
    .recycle img {
        width: 80%;
    }
}