/* 
-------------------------------------------------------------------------- */
.page_about .sec_main .block01{
	margin-bottom: 50px;
}
.page_about .sec_main .block01 .thumb{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
	width: 37%;
}
.page_about .sec_main .block01 .text_wrap{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	width: 63%;
	padding-right: 30px;
}
.page_about .sec_main .block02{
	background: url(../../img/about/bg01.jpg) center top no-repeat;
	background-size: contain;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	text-align: center;
}
.page_about .sec_main .block02 .title{
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
}
.page_about .sec_main .block02 .title span{
	font-size: 20px;
	display: block;
}
.page_about .sec_main .block02 ul{
	display: inline-block;
}
.page_about .sec_main .block02 ul li{
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
}
.page_about .sec_main .block02 .box01{
	width: 50%;
	position: absolute;
	left: 47%;
	top: 17%;
	transform: translate3d(-50%,-50%,0);
}
.page_about .sec_main .block02 .box02{
	width: 20%;
	position: absolute;
	left: 79%;
	top: 49%;
	transform: translate3d(-50%,-50%,0);
}
.page_about .sec_main .block02 .box03{
	width: 50%;
	position: absolute;
	left: 47%;
	top: 81%;
	transform: translate3d(-50%,-50%,0);
}
.page_about .sec_main .block02 .box04{
	width: 20%;
	position: absolute;
	left: 15%;
	top: 49%;
	transform: translate3d(-50%,-50%,0);
}


@media (max-width: 980px) {
	.page_about .sec_main .block02{
		background: none;
		text-align: left;
		height: auto;
		padding-bottom: 0px;
	}
	.page_about .sec_main .block02 .title{
		color: inherit;
	}
	.page_about .sec_main .block02 .title span{
	}
	.page_about .sec_main .block02 ul{
		display: inline-block;
	}
	.page_about .sec_main .block02 ul li{
		color: inherit;
	}
	.page_about .sec_main .block02 .box01,
	.page_about .sec_main .block02 .box02,
	.page_about .sec_main .block02 .box03,
	.page_about .sec_main .block02 .box04{
		width: 100%;
		position: static;
		transform: translate3d(0%,0%,0);
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.page_about .sec_main .block01{
		display: block;
	}
	.page_about .sec_main .block01 .thumb{
		width: 100%;
		margin-bottom: 20px;
	}
	.page_about .sec_main .block01 .text_wrap{
		width: 100%;
		padding-right: 0px;
	}
}