#main_area {
	background-image: url(../img/key.jpg);
}
.leftbox1 {
	float: left;
	width: 640px;
}
.rightbox1 {
	float: right;
	width: 550px;
	padding-bottom: 80px;
}
.woman {
	background-image: url(../img/woman.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.pen {
	background-image: url(../img/pen.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.building {
	background-image: url(../img/building.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
@media only screen and (max-width: 640px) {
	#main_area {
		-webkit-background-size: cover;
		background-size: cover;
	}
	.leftbox1 {
		float: none;
		width: 100%;
	}
	.rightbox1 {
		float: none;
		width: 100%;
		padding-bottom: calc((250/760)*100vw);
	}
	.woman {
		-webkit-background-size: calc((1000/760)*100vw);
		background-size: calc((1000/760)*100vw);
	}
	.pen {
		background-position: right calc((-100/760)*100vw) top;
		-webkit-background-size: calc((800/760)*100vw);
		background-size: calc((800/760)*100vw);
	}
	.building {
		background-position: left bottom;
		-webkit-background-size: calc((300/760)*100vw);
		background-size: calc((300/760)*100vw);
	}
	.building .txt_c {
		text-align: right!important;
	}
}