@charset "utf-8";

/*----------------------------------------------------------------pc*/
@media (min-width : 769px ) {
.sub_cnt_bf {
	margin: 180px 0;
}
#bf_cnt01 {
	height: 620px;
	margin-top: 72px;
}
#bf_cnt01 .tx_box {
	float: left;
	height: 100%;
}
#bf_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 62%;
	left: 2%;
	top: 3%;
}
#bf_cnt01 .tx_box .snt {
	width: 84%;
}
#bf_cnt01 .ph_box {
	float: left;
	height: 100%;
}
#bf_cnt01 .ph_box .ph06 {
	position: absolute;
	width: 44%;
	left: 0%;
	top: 0%;
}
#bf_cnt01 .ph_box .ph01 {
	position: absolute;
	width: 40%;
	right: 0%;
	top: 20%;
}
#bf_cnt01 .ph_box .ph02 {
	position: absolute;
	width: 43%;
	left: -8%;
	bottom: 0%;
}
#bf_cnt02 {
	height: 890px;
}
#bf_cnt02 .tx_box {
	height: 100%;
	float: right;
}
#bf_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 58%;
	height: 100%;
	left: 2%;
	top: 3%;
}
#bf_cnt02 .tx_box .snt {
	width: 80%;
}
#bf_cnt02 .ph_box {
	float: right;
	height: 100%;
}
#bf_cnt02 .ph_box .ph03 {
	position: absolute;
	width: 50%;
	top: 26%;
	right: 4%;
}
#bf_cnt02 .ph_box .ph04 {
	position: absolute;
	width: 50%;
	top: -4%;
	left: 1%;
}
#bf_cnt02 .ph_box .ph05 {
	position: absolute;
	width: 36%;
	left: 14%;
	top: 40%;
}

}
/*----------------------------------------------------------------sp*/
@media (max-width : 768px ) {
.sub_cnt_bf {
	margin: 90px 0;
}
#bf_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 84%;
	left: 2%;
	top: 3%;
}
#bf_cnt01 .tx_box .snt {
	width: 94%;
}
#bf_cnt01 .ph_box .ph06 {
	position: absolute;
	width: 44%;
	left: 0%;
	top: 0%;
}
#bf_cnt01 .ph_box .ph01 {
	position: absolute;
	width: 44%;
	right: 0%;
	top: 28%;
}
#bf_cnt01 .ph_box .ph02 {
	position: absolute;
	width: 44%;
	left: 12%;
	top: 60%;
}
#bf_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 70%;
	height: 92%;
	top: 3%;
	left: 2%;
}
#bf_cnt02 .tx_box .snt {
	width: 94%;
}
#bf_cnt02 .ph_box .ph03 {
	position: absolute;
	width: 38%;
	top: 26%;
	right: 4%;
}
#bf_cnt02 .ph_box .ph04 {
	position: absolute;
	width: 38%;
	top: 0%;
	left: 9%;
}
#bf_cnt02 .ph_box .ph05 {
	position: absolute;
	width: 38%;
	left: 22%;
	bottom: 5%;
}
}