.m-top-01 {
  display: flex;
  width: 100%;
}

.m-top-01-box {
  width: 50%;
}

.m-top-01-img {
  width: 100%;
}

.m-top-01-imgWrap {
  position: relative;
}

.m-top-01-imgWrap::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .5s ease;
}

.m-top-01-link:hover .m-top-01-imgWrap::after {
  opacity: .4;
}

.m-top-01-logo {
  position: absolute;
  top: 5%;
  left: 40%;
  right: 40%;
  z-index: 2;
}

.m-top-01-logo img {
  width: 100%;
}

@media screen and (max-width:479px) {
  .m-top-01 {
    display: block;
  }
  .m-top-01-box {
    width: 100%;
  }
  .m-top-01-logo {
    top: 4%;
    left: 36%;
    right: 36%;
  }
}