@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *							top_fv.css
 *
 *-------------------------------------------------------------*/

#fv                                 { padding: 140px 0 0; }

.wrap                               { display: flex; align-items: center; overflow: hidden; }
.slideshow                          { display: flex; flex-wrap: nowrap; }
.slideshow.top                      { animation: loop-slide-top 60s infinite linear 1s both; }
.slideshow.bottom                   { animation: loop-slide-bottom 60s infinite linear 1s both; }
.slideshow .content                 { margin-right: 16px; }
.slideshow .content.blank1          { margin-right: 93px; }
.slideshow .content.blank2          { margin-right: 100px; }
.slideshow .content.blank3          { margin-right: 140px; }

#fv #fv-catch-copy_1400             { max-width: 1400px; margin: 0 auto; }
#fv #fv-catch-copy p,
#fv #fv-catch-copy_1400 p           { margin: 15px 0 25px; }
#fv #fv-catch-copy img,
#fv #fv-catch-copy_1400 img         { width: 100%; }



@keyframes loop-slide-top {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
}

@keyframes loop-slide-bottom {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}


@media screen and ( max-width:767px ) {
  #fv                               { padding: 105px 0 0; }

  #fv #fv-catch-copy p,
  #fv #fv-catch-copy_1400 p                { margin: 3px 0 -16px; position: relative; z-index: 1; }


  .slideshow .content img                      { width: 250px; }
  .slideshow .content                          { margin-right: 10px; }
  .slideshow .content.blank                    { margin-right: 100px; }

}