@charset "utf-8";

@media screen and (min-width:1170px) { 
  .main_imgBox {
    height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
  .main_logo {
    z-index: 11;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1110px;
    height: 30px;
    bottom: 5px;
}
.main_logo img {
}

  .main_imgM {
    opacity: 0;
    width: 1170px;
    height: 550px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite;
    max-height: 550px;
    max-width: 1170px;
    margin-left: -585px;
}
}

@media screen and (min-width:481px) and (max-width:1169px) { 
  .main_imgBox {
    height: 350px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
  .main_logo {
    z-index: 11;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 728px;
    height: 30px;
    bottom: 5px;
}
.main_logo img {
}

  .main_imgM {
    opacity: 0;
    width: 768px;
    height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite;
    max-height: 350px;
    max-width: 768px;
    margin-left: -384px;
}
}

@media screen and (max-width:480px) { 
  .main_imgBox {
    height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
  .main_logo {
    z-index: 11;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 30px;
    bottom: 5px;
}
.main_logo img {
}

  .main_imgM {
    opacity: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-animation: anime 42s 0s infinite;
    animation: anime 42s 0s infinite;
    max-height: 550px;
    max-width: 100%;
    margin-left: -50%;
}
}



    .main_imgM:nth-of-type(2) {
      -webkit-animation-delay: 7s;
      animation-delay: 7s; }

    .main_imgM:nth-of-type(3) {
      -webkit-animation-delay: 14s;
      animation-delay: 14s; }

    .main_imgM:nth-of-type(4) {
      -webkit-animation-delay: 21s;
      animation-delay: 21s; }

    .main_imgM:nth-of-type(5) {
      -webkit-animation-delay: 28s;
      animation-delay: 28s; }

    .main_imgM:nth-of-type(6) {
      -webkit-animation-delay: 35s;
      animation-delay: 35s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.1);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.1);
            z-index:9;
    }
    100% { opacity: 0 }
}