@charset "utf-8";
/* CSS Document */
#fx .header__logo.cpn {
  max-width: 220px;
  flex-basis: 25%;
}
#fx #cashback.cpn {
  background: #f3f4f6;
  padding-bottom: 50px;
}
#fx .cpn #tieup-mv .contents--wrap h1 {
  top: 96px;
  left: -20px;
}
#fx .cpn #tieup-mv .contents--wrap .tieup-btn {
  top: 390px;
  left: 140px;
}
#fx .contents .contents--wrap .cta.cpn a.pc {
  filter: none;
}
#fx #cashback.cpn .contents--wrap .contents--title h2 {
  width: 44%;
}
@media only screen and (max-width: 767px) {
  #fx .header__logo.cpn {
    max-width: 275px;
    flex-basis: 39%;
  }
  #fx .cpn #tieup-mv.mv-bg {
    height: 170vw;
  }
  #fx .cpn #tieup-mv .contents--wrap h1 {
    top: -4px;
    left: 50%;
  }
  #fx .cpn #tieup-mv .contents--wrap .tieup-btn {
    top: 2px;
    left: 50%;
  }
  #fx .cpn #tieup-mv .contents--wrap figure {
    top: -2vw;
  }
  #fx #fv.cpn .cta {
    bottom: 5vw;
  }
  #fx #fv.cpn.contents p.banner-attenton {
    background: #f3f4f6;
  }
  #fx #cashback.cpn .contents--wrap .contents--title h2 {
    margin: 0 auto 40px;
    width: 77%;
  }
}
/* ========================================
tablet
======================================== */
@media screen and (min-width:768px) and (max-width:1023px) {
  #fx .cpn #tieup-mv.mv-bg {
    height: 52vw;
  }
  #fx #fv.cpn .contents--wrap figure {
    right: 0px;
    top: 3vw;
    width: 49vw;
  }
  #fx .cpn #tieup-mv .contents--wrap h1 {
    left: 4vw;
    width: 51vw;
    top: 88px;
  }
  #fx .cpn #tieup-mv .contents--wrap .tieup-btn {
    left: 13vw;
    top: 39vw;
  }
}
/*ipadproサイズ*/
@media screen and (min-width:1024px) and (max-width:1025px) {
  #fx #fv.cpn .contents--wrap figure {
    right: 0px;
    top: 3vw;
    width: 49vw;
  }
  #fx .cpn #tieup-mv .contents--wrap h1 {
    left: 3vw;
    width: 51vw;
    top: 105px;
  }
  #fx .cpn #tieup-mv .contents--wrap .tieup-btn {
    left: 171px;
  }
}