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

.hero {
	background-image: url(../img/hero_client.jpg);
}
.client_cvn_area {
  margin: 10vw auto;
  overflow: hidden;
}
.client_cvn_area a {
  width: 640px;
  height: 112px;
  margin: 0 auto;
  display: block;
}
.client_cvn_area a img {
  width: 100%;
}
.client_cvn_area a:hover > img {
  display: none;
}
.client_cvn_area a:hover {
  background: url(../img/btn-client-cvn-area-over.png) no-repeat center center;
  background-size: 640px 112px;
  opacity: .8;
}
.form_inner{
width: 1000px;
margin: 20px auto;
}
.form_inner h2{
text-align: center;
font-weight: bold;
font-size: 2rem;
}
@media only screen and (max-width: 768px){
  .client_cvn_area a {
    width: 94%;
    max-width: 640px;
    background-size: contain;
  }
  .client_cvn_area a:hover {
    background-size: contain;
  }
  .form_inner{
width: 90%;
margin: 20px auto;
}
  
}