@charset "utf-8";
/* CSS Document */

/* ========================================
    ■ kakakucom
======================================== */
.kakaku #fv .mv-text {
    width: 53%;
    top: 68px;
}
@media screen and (max-width: 767px) {
    .kakaku #fv .mv-text {
        max-width: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }
}
@media screen and (min-width:768px) and (max-width:1366px) {
      .kakaku #fv .mv-text {
        width: 44%;
        position: absolute;
        top: 9%;
        left: 5%;
      }
}

/* ========================================
    ■ us
======================================== */
.us #fv .mv-wrap::before {
    content: "";
    display: block;
    background: url(../_img/tieup/us_mv_bg.png) no-repeat center;
    background-size: 84% auto;
    width: 994px;
    height: 748px;
    position: absolute;
    top: -15%;
    margin-left: 228px;
}
@media screen and (min-width:768px) and (max-width:1366px) {
    .us #fv .mv-wrap::before {
        background-size: 66% auto;
        position: absolute;
        top: -25%;
        margin-left: 12%;
      }
}
@media screen and (max-width: 767px) {
  .us #fv .mv-wrap::before {
    content: none !important;
    display: none;
  }
}