@charset "utf-8";
/* CSS Document */
.under_mv{
  background: url(../img/mv.png) no-repeat center;
  background-size: cover;
}
.bnrs {
  padding: 0 0 60px;
}
.bnrs_inner{
  max-width: 1024px;
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.bnr {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  &:hover{
    opacity: 1;
  }
}
.bnr_img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  & img{
    transition: .3s;
  }
  &:hover img{
    transform: scale(1.05);
  }
}
.bnr_name{
  font-size: 2.4rem;
  font-weight: bold;
  position: absolute;
  bottom: 15px;
}
@media screen and ( max-width: 1023px ) {

}
@media screen and ( max-width: 767px ) {

.bnrs_inner {
  flex-direction: column;
  align-items: center;
}
}