@charset "utf-8";
/* CSS Document */
.bg_01{
	background: url(../img/urara/bg_01.jpg) left top no-repeat;
	height: 464px;
	padding: 40px 30px;
	box-sizing: border-box;
}
.bg_02{
	background: url(../img/urara/bg_02.jpg) left top no-repeat;
	height: 466px;
	padding: 40px 30px;
	box-sizing: border-box;
}
.bg_03{
	background: url(../img/urara/bg_03.jpg) left top no-repeat;
	height: 464px;
	padding: 40px 30px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.bg_01{
	background: url(../img/urara/sp_ptn.jpg) left top repeat;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
}
.bg_01_inner{
	background: url(../img/urara/sp_bg_01.jpg) left top no-repeat;
	padding: 15px;
	background-size: cover;
	}
.bg_02{
	background: url(../img/urara/sp_ptn02.jpg) left top repeat;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
}
.bg_02_inner{
	background: url(../img/urara/sp_bg_02.jpg) left top no-repeat;
	padding: 15px;
	background-size: cover;
	}
.bg_03{
	background: url(../img/urara/sp_ptn.jpg) left top repeat;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
}
.bg_03_inner{
	background: url(../img/urara/sp_bg_03.jpg) left top no-repeat;
	padding: 15px;
	background-size: cover;
	}	
	}

.posi_01{
	position: absolute;
	top: 30px;
	left: 30px;
}
.posi_02{
	position: absolute;
	bottom: 25px;
	left: 25px;
}
@media screen and (max-width: 767px) {
.posi_01{
	position: static;
	width: 35px;
	margin-bottom: 10px;
}
.posi_02{
	position: static;
}
}
.bg_04{
	background: url(../img/urara/bg_reaf.png) center top no-repeat,url(../img/urara/bg_ptn.jpg) left top repeat;
	padding: 30px 15px 15px;
}
.bg_white{
	background: #fff;
	padding: 20px;
}
@media screen and (max-width: 767px) {
.bg_white{
	background: #fff;
	padding: 15px;
}
}
.area_01 .left_area{
	float: left;
	width: 255px;
}
.area_01 .right_area{
	float: right;
	width: 415px;
}
@media screen and (max-width: 767px) {
.area_01 .left_area{
	float: none;
	width: 100%;
}
.area_01 .right_area{
	float: none;
	width: 100%;
}
}
.area_02 .left_area{
	float: left;
	width: 415px;
}
.area_02 .right_area{
	float: right;
	width: 255px;
}
@media screen and (max-width: 767px) {
	.area_02 .left_area{
	float: none;
	width: 100%;
}
.area_02 .right_area{
	float: none;
	width: 100%;
}
	
}