/* ==========================================================================
 Foundation
========================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* ==========================================================================
 Page
========================================================================== */
/*====================
/soukin/xx/app
====================*/
.p-mv.o-app {
  padding-top: 44px;
  background: #e8e8e2 url(/soukin/shared/image/app/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  .p-mv.o-app {
    padding-top: 25px;
    background-color: #e9e9e7;
    background-position: right top;
    background-size: cover;
  }
  .p-mv.o-app .p-mv_ttl {
    max-width: 280px;
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .p-mv.o-app {
    background-image: url(/soukin/shared/image/app/mv_sp.jpg);
  }
}