@charset "UTF-8";
/*difference*/

.sec-difference {
  margin-top: 120px;
}
@media screen and (min-width: 768px) {
  .sec-difference {
    height: 31.25em;
  }
}
@media screen and (max-width: 767px) {
  .sec-difference {
    margin-top: 18.6666666667vw;
  }
}
.sec-difference .inner .content {
  padding: 60px 480px 50px 80px;
  background-image: url(/mball/premium/amuelink/assets/images/top/difference_01.jpg);
  background-repeat: no-repeat;
  background-size: 960px auto;
  background-position: right -200px center;
  border-radius: 20px;
  height: 502px;
}
@media screen and (max-width: 1120px) {
  .sec-difference .inner .content {
    background-size: cover;
    background-size: 860px auto;
    background-position: right -340px center;
    height: initial;
    padding: 4vw 30vw 4vw 4vw;
  }
}
@media screen and (max-width: 767px) {
  .sec-difference .inner .content {
    padding: 50.1333333333vw 5.3333333333vw 0;
    background-image: url(/mball/premium/amuelink/assets/images/top/difference_01_sp.jpg);
    background-position: top;
    background-size: contain;
    border-radius: 5.3333333333vw;
  }
}
.sec-difference .inner .content .txt {
  margin-top: 30px;
}
@media screen and (max-width: 1120px) {
  .sec-difference .inner .content .txt {
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .sec-difference .inner .content .txt {
    margin-top: 5.3333333333vw;
  }
}
.sec-difference .inner .content a.button {
  margin-top: 60px;
  margin-left: 0;
}
@media screen and (max-width: 1120px) {
  .sec-difference .inner .content a.button {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .sec-difference .inner .content a.button {
    margin-top: 9.3333333333vw;
  }
}