@charset "utf-8";
/* CSS Document */
.bg_01{
	background: url(../img/stone/bg_01.jpg) center top no-repeat;
	height: 1281px;
	padding:60px 50px 50px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.bg_01{
	background: url(../img/stone/sp_reaf.png) center top no-repeat,url(../img/stone/sp_ptn.jpg) center top repeat;
	background-size:100%, 100%;
	height: auto;
	padding:40px 15px 15px;
	box-sizing: border-box;
}
}
.posi_01{
	position: absolute;
	top: 230px;
	left: 50px;
}
.posi_02{
	position: absolute;
	top: 565px;
	right: 50px;
}
.posi_03{
	position: absolute;
	bottom: 240px;
	left: 50px;
}
.posi_04{
	position: absolute;
	bottom: 50px;
	left: 95px;
}
@media screen and (max-width: 767px) {
	.posi_01{
		display: none;
}
.posi_02{
		display: none;
}
.posi_03{
		display: none;
}
.posi_04{
		display: none;
}
}
.bg_02{
	background: url(../img/stone/bg_ptn.jpg) left top repeat;
	padding: 50px 30px 30px;
}
@media screen and (max-width: 767px) {
.bg_02{
	background: url(../img/stone/bg_ptn.jpg) left top repeat;
	padding: 30px 15px 15px;
}
}
.ttl{
	position: absolute;
	top: -35px;
	left: 30px;
}
@media screen and (max-width: 767px) {
.ttl{
	position: absolute;
	top: -10px;
	left: 0px;
}
}

.area_01 .left_area{
	float: left;
	width: 345px;
}
.area_01 .right_area{
	float: right;
	width: 345px;
}
@media screen and (max-width: 767px) {
.area_01 .left_area{
	float: none;
	width: 100%;
}
.area_01 .right_area{
	float: none;
	width: 100%;
}
}
.bg_white{
	background:#fff;
	padding: 30px;
}
@media screen and (max-width: 767px) {
.bg_white{
	padding:15px;
}
}

.area_02 .left_area{
	float: left;
	width: 310px;
}
.area_02 .right_area{
	float: right;
	width: 310px;
}
@media screen and (max-width: 767px) {
.area_02 .left_area{
	float: none;
	width: 100%;
}
.area_02 .right_area{
	float: none;
	width: 100%;
}
}