<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'utf-8';

/* ==============================================
 *
 * Page -- sale
 *
 * =========================================== */

/* main visual
-------------------------------- */
.mv {
  display: flex;
  position: relative;
  background-image: url(../../images/sale/mv.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width:769px), print {
  .mv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: calc(100vw * 0.2857);
  }
  .mvWord {
    position: relative;
    left: 0;
  }
}
@media screen and (max-width:768px) {
  .mv {
		background-image: url(../../images/sale/mv_sp.jpg);
    justify-content: center;
    align-items: center;
    height: calc(100vw * 0.8);
  }
  .mvWord {
    position: absolute;
    left: 0;
  }
  .mvWord img {
    width: calc(100vw * 0.52);
    height: auto !important;
  }
}
</pre></body></html>