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

.hero .sisya{
	position:absolute;
	overflow:hidden;
	bottom: 32.7%;
    right: 1.8%;
    width: 15.5%;
}

.hero .sisya:hover{
	opacity:0.8;
}

.hero .butai_banner{
    position: absolute;
    overflow: hidden;
    top: 5.5%;
    left: auto;
    /*right: 34.4%;*/
    right: 24.1%;
    width: 19.4%;
	margin: 0;
	border-radius: 3px;
}

.hero .butai_banner02{
    position: absolute;
    overflow: hidden;
    top: 5.5%;
    left: auto;
    /*right: 34.4%;*/
    right: 44.3%;
    width: 19.4%;
	margin: 0;
	border-radius: 3px;
}

.hero .butai_banner03{
    position: absolute;
    overflow: hidden;
    top: 5.5%;
    /*left: 68.4%;*/
    left: 76.6%;
    right: auto;
    width: 19.3%;
}


.banners{
	opacity:0;
	transition-duration:1.6s;
	transition-delay:2.7s;
}



.hero .butai_banner img{
    width: 100%;
	display:block;
}

.hero .butai_banner:hover{
	opacity:0.7;

}




@media (max-width: 992px){
.ddd{display:none;}
}

@media (min-width: 991px){
.bbb{display:none;}
}

@media (max-width: 640px){
	
.grnv .butai_banner{
    position: relative;
    overflow: hidden;
    bottom: auto;
    left:auto;
    width: 80%;
	margin:0 auto;
	margin-bottom:20px;
	display:block;
	max-width:350px;
}

.grnv .butai_banner img{
    width: 100%;
	display:block;
	max-width:inherit;
}
	
}