body {
    background-image: url(../images/top_forest02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #ccc;
}

	@media screen and (max-width: 766px) {
		body {
		    background-position: 50% 50%;
		}
	}

.main_img{
	width: 100% !important;
	display: block !important;
	margin-bottom: 20px;
}
	@media screen and (max-width: 766px) {
		.main_img{
			width: 100%;
			max-width: 500px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 80px;
		}
	}
.main_img img{
	width: 350px;
}
	@media screen and (max-width: 766px) {
		.main_img img{
			width: 100%;
		}
	}
.center_area{
/*
	width: 60%;
	position: absolute;
	right: 0;
*/
}
	@media screen and (max-width: 766px) {
		.center_area{
			width: 100%;
			position: relative;
			right: auto;
		}
	}
.center_area article{
	width: 200px;
	display: inline-block;
	position: relative;
}
	@media screen and (max-width: 766px) {
		.center_area article{
			width: 120px;
		}
	}
.center_area article img{
	max-width: 100%;
}
.center_area article p{
	font-size: 1.4rem;
	position: absolute;
	top: 10px;
	color: #ccc;
}