.header-menu li .header-menu-title:hover + .header-menu-list-box,
.header-menu-list-box:hover{
    transform: scale(1, 1);
}
.staute-list-b-box:hover .staute-list-box{
	transform: scale(1, 1);
}

.index-service-list:hover .index-service-img{
	transform: scale(1.1);
}
.index-service-list:hover .index-service-title{
	font-size: 22px;
	letter-spacing: 3px;
}
.index-project-list:hover .index-project-info{
	letter-spacing: 2px;
	font-weight: bold;
}

.index-project-list:hover .index-project-icon{
	color: #30b7ab;
}
.index-project-list:hover .index-project-date{
	background-color: #30b7ab;
}
.index-project-more:hover{
	color: #018943;
	letter-spacing: 2px;
}
.header-memu-list:hover{
	 background-color:rgba(1,137,67,1) ;
	 color: #FFF;
}


.header-menu li:hover .header-menu-title:after,
.header-menu li.active .header-menu-title:after{
	transform: scaleX(1);
	transform-origin: left;
}

.staute-info-list:hover .staute-info-link span{
	color: #FFF;
	font-weight: bold;
}
.staute-info-list:hover .staute-info-link:after{
	content: 'normal';
	width: 100%;
}
.staute-info-list:hover .staute-info-title{
	letter-spacing: 3px;
	font-size: 18px;
	font-weight: bold;
}
.staute-back-mask{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color:rgba(1,137,67,1) ;
	transition: all .3s linear;
    transform: scale(0, 1);
}
.staute-page-back:hover .staute-back-mask{
	transform: scale(1, 1);
}
.staute-page-back:hover .staute-back-p{
	color: #FFF;
	font-weight: bold;
}
.page a:hover{
	color: #018943;
}
.staute-page-back:hover .staute-back-p span{
	display: inline-block;
	animation: fadeInleft2 1s linear 0s infinite alternate;
}

@keyframes fadeInleft2 {
  from {
    opacity: 0.4;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.staute-list-box li:hover{
	background-color: #018943;
	color: #FFF;
}


.staute-info-list:hover .works-info-date{
	background-color: #30b7ab;
}
.staute-info-list:hover .works-info-title{
	font-weight: bold;
	letter-spacing: 3px;
}
.staute-info-list:hover .works-info-icon{
	color: #30b7ab;
}
.staute-info-list:hover .staute-info-class{
	font-weight: bold;
	letter-spacing: 3px;
}
.staute-info-list:hover,
.index-project-list-box:hover{
	background-color: #EEE;
}
.footer-info-list-box li a{
	transition: all .3s linear;
}
.footer-info-list-box li a:hover{
	font-weight: bold;
	letter-spacing: 1px;
	color: #00ffe8;
}
.button:hover input{
	border-radius: 20px;
	background-color: #175435;
}
.button:hover .contact-title{
	font-weight: bold;
}