@charset "UTF-8";
/* motor */
.motor {
  background: url(../images/motor_bg.png) no-repeat left bottom, #79C5C6;
  padding-top: 70px;
  padding-bottom: 100px;
}
.motor .wrap {
  position: relative;
  background: url(../images/motor_pc.png) no-repeat center;
  background-size: contain;
  width: 1516px;
  height: 1040px;
}
.motor .wrap .btn {
  position: absolute;
  width: 213px;
  height: 213px;
  background: url(../images/motor_btn.png) no-repeat center;
  background-size: contain;
}
.motor .wrap .btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/***********************************************************************
「★PC版 CSS★」ブラウザの幅が751px以上ならここの記述が有効になる
**********************************************************************/
@media screen and (min-width: 751px) {
  .motor .wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .motor .wrap .btn {
    bottom: 87px;
    left: 523px;
  }
  .motor .wrap .btn:hover {
    opacity: 0.75;
  }
} /* PC end */
/***********************************************************************
「★SP版 CSS★」ブラウザの幅が750px以下ならここの記述が有効になる
**********************************************************************/
@media screen and (max-width: 750px) {
  .motor {
    padding-top: 130px;
    margin-bottom: -50px;
  }
  .motor .wrap {
    background: url(../images/motor_sp.png) no-repeat center;
    background-size: contain;
    width: 694px;
    height: 1715px;
    margin-left: 35px;
    margin-right: auto;
  }
  .motor .wrap .btn {
    width: 196px;
    height: 196px;
    top: 624px;
    right: 40px;
  }
} /* SP end */
/***********************************************************************
■■■■■アニメーション■■■■■
**********************************************************************//*# sourceMappingURL=motor.css.map */