.main-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 8.75vw);
}
.top-area{
  padding: 3.33vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100vw;
}
.top-area img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;  
}
.top-area h1{
  position: absolute;
  top: 7.5vw;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  font-size: 2.08vw;
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.pc-only{
  display: block;
}

.tablet-only{
  display: none;
}

.mo-only{
  display: none;
}

@media (max-width: 1201px) {

    .top-area{
      padding: 8.59vw 0 0;
      height: 40.08vw;
    }
    .top-area img{
      object-fit: cover;  
      object-position: center center;
    }
    .top-area h1{
      top: 21.74vw;
      font-size: 3.22vw;
      width: 46.04vw;
    }

    .pc-only{
      display: none;
    }

    .tablet-only{
      display: block;
      padding: 5.36vw 2.14vw 13.42vw;
    }
    .mo-only{
      display: none;
    }
}
@media (max-width: 744px) {

    .top-area{
      padding: 17.06vw 0 0;
      height: 81.06vw;
    }

    .top-area h1{
      top: 43.2vw;
      font-size: 8.52vw;
      width: 91.46vw;
    }

    .pc-only{
      display: none;
    }

    .tablet-only{
      display: none;
    }
    .mo-only{
      display: block;
      padding: 10.66vw 4.26vw 21.33vw;
    }
}