/* [ MUSHA ] : top.css */
/*==================================================*
 *  [ Main Slide ]
 *==================================================*/
.slide .main-001 span {
  background-image: url(../img/main_001.jpg); }
.slide .main-002 span {
  background-image: url(../img/main_002.jpg); }
.slide .main-003 span {
  background-image: url(../about/img/main_003.jpg); }
.slide .main-004 span {
  background-image: url(../about/img/main_005.jpg); }
.slide .main-005 span {
  background-image: url(../about/img/main_001.jpg); }
.slide .main-006 span {
  background-image: url(../product/img/ladies/main_001.jpg); }
.slide .main-001 span, .slide .main-002 span {
  position: relative; }
.slide .main-001 img, .slide .main-002 img {
  position: absolute;
  width: 40%;
  max-width: 900px;
  min-width: 400px;
  transform: translate(-50%, -30%);
  top: 50%;
  left: 50%; }
.slide .main-003 span, .slide .main-004 span, .slide .main-005 span {
  position: relative; }
.slide .main-003 img, .slide .main-004 img, .slide .main-005 img {
  position: absolute;
  width: 15%;
  max-width: 302px;
  min-width: 180px;
  transform: translate(-50%, -50%); }
.slide .main-003 img {
  top: 70%;
  left: 15%; }
.slide .main-004 img {
  top: 50%;
  left: 50%; }
.slide .main-005 img {
  top: 50%;
  left: 85%; }

@media screen and (max-width: 768px) {
  .slide .main-001 img, .slide .main-002 img {
    top: 50%;
    left: 50%;
    width: 80%;
    min-width: auto; }
  .slide .main-003 img, .slide .main-004 img, .slide .main-005 img {
    top: 50%;
    left: 50%;
    width: 40%;
    min-width: auto; } }
/* */

/*# sourceMappingURL=top.css.map */