@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 .banner01{
    position: absolute;
    overflow: hidden;
    /*bottom: 8.1%;
		right: 3.5%;*/
    bottom: 27.4%;
    left: 41.6%;
    width: 10.6%;
    display: block;
}
.hero .banner01 img{
    width: 100%;
	display:block;
	opacity: 0;
	transition-delay:3.3s;
	transition-duration:1.5s;
}
.hero .banner01:hover {
	opacity:0.7;
}
.hero .banner02{
    position: absolute;
    overflow: hidden;
    bottom: 31.8%;
    left: 3.2%;
    width: 16.1%;
    display: block;
}
.hero .banner02 img{
    width: 100%;
	display:block;
	opacity: 0;
	transition-delay:3.3s;
	transition-duration:1.5s;
}
.hero .banner02:hover {
	opacity:0.7;
}
.hero .banner03{
    position: absolute;
    overflow: hidden;
    bottom: 1%;
    right: 1.5%;
    width: 16%;
    display: block;
}
.hero .banner03 img{
    width: 100%;
	display:block;
	opacity: 0;
	transition-delay:3.3s;
	transition-duration:1.5s;
}
.hero .banner03:hover {
	opacity:0.7;
}
.hero .banner04{
    position: absolute;
    overflow: hidden;
    top: 29.6%;
    right: 1.5%;
    width: 12.6%;
    display: block;
}
.hero .banner04 img{
    width: 100%;
	display:block;
	opacity: 0;
	transition-delay:3.3s;
	transition-duration:1.5s;
}
.hero .banner04:hover {
	opacity:0.7;
}
.aisatu{
	border: #555 solid 1px;
}
.grnv .director{
	border-radius: 50%;
}
.grnv .banner{
    position: relative;
    overflow: hidden;
    bottom: auto;
    left:auto;
    width: 100%;
	margin: 5% auto;
	display:block;
	max-width:500px;
}
.grnv .banner:nth-of-type(1),
.grnv .banner:nth-of-type(2),
.grnv .banner:nth-of-type(3){
	display: inline-block;
	width: 49%;
	margin: 10px 0 0 0;
}
.grnv .banner:nth-of-type(1){
	margin: 10px 2% 0 0;
}
.grnv .banner img{
    width: 100%;
	display:block;
	max-width:inherit;
}