.u-section-padding-s {
  padding-top: clamp(80px, 5vw, 120px);
}

.mv--father {
  position: relative;
  background: url(https://file001.shop-pro.jp/PA01516/596/100giri-yu/img/father/mv_bg.jpg) center;
  background-size: cover;
  height: 700px;
  padding: 60px 40px;
}

.mv--father_ball {
  width: 20%;
  max-width: 220px;
  position: absolute;
  top: 0;
  left: 0;
}

.mv--father_ttl {
  width: 500px;
  margin: 0 auto;
}
.mv--father_main {
  width: 585px;
  margin: -30px auto 40px;
}

.mv--father_card {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 250px;
  height: 220px;
  top: 0;
  bottom: 300px;
  left: calc(50% - 420px);
}

.mv--father_btn {
  display: block;
  width: 320px;
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .u-pc {
    display: block !important;
  }
  .u-sp {
    display: none !important;
  }

  .mv--father_tx {
    position: absolute;
    margin: auto;
    z-index: 1;
    width: 280px;
    height: 220px;
    top: 0;
    bottom: 20px;
    left: calc(50% + 220px);
  }
}
@media screen and (max-width: 750px) {
  .u-pc {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
  .mv--father {
    height: auto;
    padding: 100px 40px;
  }

  .mv--father_ball {
    width: 25%;
  }

  .mv--father_ttl {
    position: relative;
    z-index: 90;
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
  }
  .mv--father_main {
    width: 90%;
    max-width: 300px;
    margin: 40px auto 0;
  }

  .mv--father_card {
    width: 150px;
    height: 220px;
    top: 0;
    bottom: 140px;
    left: 20px;
  }

  .mv--father_tx {
    position: relative;
    margin: 0 auto 10px;
    max-width: 300px;
    width: 90%;
  }

  .mv--father_btn {
    display: block;
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
  }
}