@charset "utf-8";

/*----------------------------------------------------------------pc*/
@media (min-width : 769px ) {
.sub_cnt_ls {
	margin: 180px 0;
}
#ls_cnt01 {
	height: 700px;
}
#ls_cnt01 .tx_box {
	float: left;
	height: 100%;
}
#ls_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 76%;
	left: 2%;
	top: 3%;
}
#ls_cnt01 .tx_box .snt {
	width: 120%;
}
#ls_cnt01 .ph_box {
	float: left;
	height: 100%;
}
#ls_cnt01 .ph_box .ph03 {
	position: absolute;
	width: 58%;
	top: 32%;
	left: 4%;
}
#ls_cnt02 {
	height: 700px;
}
#ls_cnt02 .tx_box {
	height: 100%;
	float: right;
}
#ls_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 70%;
	height: 62%;
	left: 2%;
	top: 3%;
}
#ls_cnt02 .tx_box .snt {
	width: 80%;
}
#ls_cnt02 .ph_box {
	float: right;
	height: 100%;
}
#ls_cnt02 .ph_box .ph01 {
	position: absolute;
	width: 50%;
	top: -4%;
	left: 1%;
}
#ls_cnt03 {
	height: 600px;
}
#ls_cnt03 .tx_box {
	float: left;
	height: 100%;
}
#ls_cnt03 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 96%;
	left: 16%;
	top: 3%;
}
#ls_cnt03 .tx_box .snt {
	width: 120%;
}
#ls_cnt03 .ph_box {
	float: left;
	height: 100%;
}
#ls_cnt03 .ph_box .ph02 {
	position: absolute;
	width: 48%;
	top: -4%;
	left: 4%;
}
#ls_cnt03 .ph_box .ph04 {
	position: absolute;
	width: 38%;
	top: 44%;
	right: 4%;
}

}
/*----------------------------------------------------------------sp*/
@media (max-width : 768px ) {
.sub_cnt_ls {
	margin: 90px 0;
}
#ls_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 84%;
	left: 2%;
	top: 3%;
}
#ls_cnt01 .tx_box .snt {
	width: 94%;
}
#ls_cnt01 .ph_box .ph03 {
	position: absolute;
	width: 60%;
	right: 14%;
	top: 0%;
}
#ls_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 70%;
	height: 92%;
	top: 3%;
	left: 2%;
}
#ls_cnt02 .tx_box .snt {
	width: 94%;
}
#ls_cnt02 .ph_box .ph01 {
	position: absolute;
	width: 54%;
	top: 0%;
	left: 8%;
}
#ls_cnt03 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 96%;
	left: 16%;
	top: 3%;
}
#ls_cnt03 .tx_box .snt {
	width: 94%;
}
#ls_cnt03 .ph_box .ph02 {
	position: absolute;
	width: 38%;
	top: 0%;
	right: 16%;
}
#ls_cnt03 .ph_box .ph04 {
	position: absolute;
	width: 38%;
	left: 16%;
	bottom: 1%;
}
}