@charset "utf-8";

#global_header .main_img {
  height: 800px;
  overflow: hidden;
  position: relative;
}

#global_header .spMainImg {
  display: none;
}

#global_header .main_img img {
  transition: transform 5s;
  -moz-transition: transform 5s;
  -webkit-transition: -webkit-transform 5s;
  transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}

#global_header .main_img .img0.active {
  transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
}

#global_header .main_img .img1 {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#global_header .main_img .img1.active {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

#global_header .main_img .img2 {
  transform: translate3d(0, -30px, 0);
  -moz-transform: translate3d(0, -30px, 0);
  -webkit-transform: translate3d(0, -30px, 0);
}

#global_header .main_img .img2.active {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

#global_header .main_img .img3 {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

#global_header .main_img .img3.active {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#global_header .main_img .img4 {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#global_header .main_img .img4.active {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}

@media all and (min-width: 0) and (max-width: 768px) {
  #global_header .main_img {
    height: 340px;
  }

  #global_header .pcMainImg {
    display: none;
  }

  #global_header .spMainImg {
    display: block;
  }
}

@media all and (min-width: 0) and (max-width: 468px) {
  #global_header .main_img {
    height: 200px;
  }

  #global_header .main_img .img0.active {
    transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
  }
}
