@charset "utf-8";
/* CSS Document */

.mask-58-1{
	margin:0;
	padding:0;
	margin-top: -317px;
	height:487px;
	position:relative;
	z-index:3;
}


.mask-58-1 .mask{
	height:487px;
	position:relative;
	background:url(../images/mask-58-1/bg.png) bottom center no-repeat;
	z-index:3;
}
.mask-58-1 .mask-icon-1{
	width: 192px;
    height: 199px;
    position: absolute;
    left: 50%;
    bottom: 127px;
    margin-left: -313px;
    z-index: 5;
}
.mask-58-1 .mask-icon-2{
	width: 192px;
	height: 199px;
	position: absolute;
	left: 50%;
	bottom: 57px;
	margin-left: -100px;
	z-index: 5;
}
.mask-58-1 .mask-icon-3{
	width: 192px;
	height: 199px;
	position: absolute;
	left: 50%;
	bottom: 127px;
	margin-left: 106px;
	z-index: 5;
}
.mask-58-1 .mask-text-1{
	    position: absolute;
	    top: 248px;
	    left: 50%;
	    margin-left: -463px;
	    z-index: 5;
}
.mask-58-1 .mask-text-2{
	position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -80px;
    z-index: 5;
}
.mask-58-1 .mask-text-3{
	  position: absolute;
	  top: 240px;
	  left: 50%;
	  margin-left: 247px;
	  z-index: 5;
}
.mask-58-1 .mask-text-4{
	    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -210px;
    z-index: 5;
}
.mask-58-1 .mask-text-4 img{
	max-width:100%;
	height:auto;
}
.mask-58-1 .line-center{
	width: 627px;
    height: 272px;
    position: absolute;
    left: 50%;
    top: 152px;
    margin-left: -313px;
    z-index: 4;
}
.mask-58-1 .pic-01{
	position:absolute;
	top: 122px;
	left:50%;
	margin-left: -531px;
}
.mask-58-1 .pic-02{
	position:absolute;
	top:0;
	left:50%;
	margin-left: -138px;
}
.mask-58-1 .pic-03{
	position: absolute;
    top: 109px;
    left: 50%;
    margin-left: 102px;
}

@media (max-width: 575px) { 
.mask-58-1 {
	display:none;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.mask-58-1 {
	display:none;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.mask-58-1 {
	display:none;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }