.pc, .mb {
  display:none;
}
.img-01, .img-02, .img-03, .img-04, .img-05, .img-06 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  @media (max-width:1000px) {
    background-size: 1000px 300px;
  }
}

.img-01 {
  background-image: url('top/image1.jpg');
  animation: slide-animation-01 40s infinite linear;
}
.img-02 {
  background-image: url('top/image2.jpg');
  animation: slide-animation-02 40s infinite linear;
}
.img-03 {
  background-image: url('top/image3.jpg');
  animation: slide-animation-03 40s infinite linear;
}
.img-04 {
  background-image: url('top/image4.jpg');
  animation: slide-animation-04 40s infinite linear;
}
.img-05 {
  background-image: url('top/image5.jpg');
  animation: slide-animation-05 40s infinite linear;
}
.img-06 {
  background-image: url('top/image6.jpg');
  animation: slide-animation-06 40s infinite linear;
}

@keyframes slide-animation-01 {
   0% {opacity: 1; transform: scale(1.02);}
   8% {opacity: 1;}
16.7% {opacity: 0; transform: scale(1.07);}
91.3% {opacity: 0; transform: scale(1.0);}
 100% {opacity: 1; transform: scale(1.02);}
}
@keyframes slide-animation-02 {
   0% {opacity: 0;}
   8% {opacity: 0; transform: scale(1.0);}
16.7% {opacity: 1;}
24.7% {opacity: 1;}
33.3% {opacity: 0; transform: scale(1.07);}
 100% {opacity: 0;}
}
@keyframes slide-animation-03 {
   0% {opacity: 0;}
24.7% {opacity: 0; transform: scale(1.0);}
33.3% {opacity: 1;}
41.3% {opacity: 1;}
  50% {opacity: 0; transform: scale(1.07);}
 100% {opacity: 0;}
}
@keyframes slide-animation-04 {
   0% {opacity: 0;}
41.3% {opacity: 0; transform: scale(1.0);}
  50% {opacity: 1;}
  58% {opacity: 1;}
66.6% {opacity: 0; transform: scale(1.07);}
 100% {opacity: 0;}
}
@keyframes slide-animation-05 {
   0% {opacity: 0;}
  58% {opacity: 0; transform: scale(1.0);}
66.6% {opacity: 1;}
74.6% {opacity: 1;}
83.3% {opacity: 0; transform: scale(1.07);}
 100% {opacity: 0;}
}
@keyframes slide-animation-06 {
   0% {opacity: 0;}
74.6% {opacity: 0; transform: scale(1.0);}
83.3% {opacity: 1;}
91.3% {opacity: 1;}
 100% {opacity: 0; transform: scale(1.07);}
}

.top-photo_pc {
  position: relative;
  max-width:2000px;
  max-height:600px;
  min-height:300px;
  overflow: hidden;
  margin: 0 auto;
}

.top-photo_mb {
  position: relative;
  max-width:1000px;
  max-height:300px;
  min-height:200px;
  overflow: hidden;
}

#mb_menu .pointer:hover {
  opacity:0.7;
}
#up_btn {
  display:fixed;
  bottom:20px;
  right:20px;
  z-index:100;
}
.news {
  display:none;
}