/* .viewer
-------------------------
.viewer {	margin: 0 auto;	width: 100%; position: relative;	overflow: hidden;}
.viewer ul { width: 100%;	overflow: hidden;	position: relative;}
.viewer ul li {	top: 0;	left: 0; width: 100%;	position: absolute;}
.viewer ul li img {	width: 100%;}*/

/* cross_fade
-------------------------*/
.fade-img-box {
   width: 100%;
   height: 500px;
   margin-left: auto;
   position:relative;
   /*border:10px solid #333;*/
}
@media only screen and (max-width: 767px) {
  .fade-img-box {
     height: 260px;
  }
}
.fade-img-box img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit:cover;
}

.m-txt-link::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 0.75em;
    margin-left: 0.25rem;
    background: url(../img/blank.svg) no-repeat center;
    background-size: contain;
}


/*ロゴ回転*/
.main-img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.main-img img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.main-img-bg {
   position: absolute;
   top: -15%;
   left: -5%;
   width: 25%;
   height: auto;
   transform: translate(0,0);
   animation: 15s linear infinite rotation1;
}

@keyframes rotation1 {
   0% {
       transform: rotate(0)
   }

   100% {
       transform: rotate(360deg)
   }
}

.main-img-bg img {
   display: block;
   width: 100%;
   height: auto;
   mix-blend-mode: difference
}