@charset "utf-8";

/*----------------------------------------------------------------pc*/
@media (min-width : 769px ) {
.sub_cnt_wd {
	margin: 180px 0;
}
#wd_cnt01 {
	height: 40vw;
	max-height: 300px;
}
#wd_cnt01 .tx_box {
	float: left;
	height: 100%;
}
#wd_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 84%;
	left: 2%;
	top: 3%;
}
#wd_cnt01 .tx_box .snt {
	width: 120%;
}
#wd_cnt01 .ph_box {
	float: left;
	height: 100%;
}
#wd_cnt01 .ph_box .ph01 {
	position: absolute;
	width: 50%;
	right: 0%;
	top: 32%;
}
#wd_cnt01 .ph_box .ph07 {
	position: absolute;
	width: 50%;
	left: 32%;
	top: 68%;
}
#wd_cnt02 {
	height: 40vw;
	max-height: 300px;
}
#wd_cnt02 .tx_box {
	height: 100%;
	float: right;
}
#wd_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 70%;
	height: 62%;
	left: 2%;
	top: 3%;
}
#wd_cnt02 .tx_box .snt {
	width: 80%;
}
#wd_cnt02 .ph_box {
	float: right;
	height: 100%;
}
#wd_cnt02 .ph_box .ph06 {
	position: absolute;
	width: 50%;
	top: -4%;
	left: 1%;
}
#wd_cnt02 .ph_box .ph03 {
	position: absolute;
	width: 50%;
	top: 26%;
	right: 4%;
}
#wd_cnt02 .ph_box .ph05 {
	position: absolute;
	width: 36%;
	left: 14%;
	top: 40%;
}
#wd_cnt03 {
	height: 40vw;
	max-height: 300px;
}
#wd_cnt03 .tx_box {
	float: left;
	height: 100%;
}
#wd_cnt03 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 96%;
	left: 16%;
	top: 3%;
}
#wd_cnt03 .tx_box .snt {
	width: 120%;
}
#wd_cnt03 .ph_box {
	float: left;
	height: 100%;
}
#wd_cnt03 .ph_box .ph04 {
	position: absolute;
	width: 38%;
	top: -4%;
	left: 30%;
}
#wd_cnt03 .ph_box .ph02 {
	position: absolute;
	width: 38%;
	left: -4%;
	top: 44%;
}

}
/*----------------------------------------------------------------sp*/
@media (max-width : 768px ) {
.sub_cnt_wd {
	margin: 90px 0;
}
#wd_cnt01 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 84%;
	left: 2%;
	top: 3%;
}
#wd_cnt01 .tx_box .snt {
	width: 94%;
}
#wd_cnt01 .ph_box .ph01 {
	position: absolute;
	width: 72%;
	right: 0%;
	top: 0%;
}
#wd_cnt01 .ph_box .ph07 {
	position: absolute;
	width: 72%;
	left: 0%;
	top: 38%;
}
#wd_cnt02 .tx_box .color_bg {
	background-color: rgba(248,240,231,1.00);
	width: 70%;
	height: 92%;
	top: 3%;
	left: 2%;
}
#wd_cnt02 .tx_box .snt {
	width: 94%;
}
#wd_cnt02 .ph_box .ph06 {
	position: absolute;
	width: 62%;
	top: 0%;
	left: 1%;
}
#wd_cnt02 .ph_box .ph03 {
	position: absolute;
	width: 50%;
	top: 26%;
	right: 4%;
}
#wd_cnt02 .ph_box .ph05 {
	position: absolute;
	width: 36%;
	left: 14%;
	bottom: 0%;
}
#wd_cnt03 .tx_box .color_bg {
	background-color: rgba(226,232,242,0.30);
	width: 70%;
	height: 96%;
	left: 16%;
	top: 3%;
}
#wd_cnt03 .tx_box .snt {
	width: 94%;
}
#wd_cnt03 .ph_box .ph04 {
	position: absolute;
	width: 38%;
	top: 0%;
	right: 16%;
}
#wd_cnt03 .ph_box .ph02 {
	position: absolute;
	width: 38%;
	left: 16%;
	bottom: 1%;
}
}