@charset "utf-8";
/* ------------------------------------------------------------ firstview */

#firstview #crossfade { position: inherit; padding: 0; background: #fff; }
#firstview #crossfade h2 { display: none !important; position: inherit; z-index: 100; color: #fff; padding: /* 120px 0  */0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; font-size: 57px; }
#firstview #crossfade span { display: block; font-size: 28px; padding: 0 0 20px; }
#firstview #top_wrapper div { position: inherit; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
#firstview #top_wrapper div img { border: none; margin: 0;  width: 100%; height: auto;  }
#firstview #top_wrapper .f1 { display: block; }
#firstview #banner_top { width: 100%; text-align: center; margin: 0 auto; padding: 30px 0 10px; }
#firstview #banner_top .variable-width { width: 82%; min-width: 1100px; margin: 0 auto; }
#firstview #banner_top .variable-width div img { border: none; padding: 2px; }
#firstview #banner_top .variable-width div.selected img { border: 2px solid #b1171d; padding: 0; }
#firstview .slick-arrow { z-index: 100; }
#firstview .slick-next { background: url(../images/index/dev/arr_next_01.png) no-repeat; display: none; width: 53px; height: 53px; right: 35px; }
#firstview .slick-prev { background: url(../images/index/dev/arr_prev_01.png) no-repeat; display: none; width: 53px; height: 53px; left: 35px;  }
#firstview .slick-slide img { width: 97%; height: auto; margin: 0 1%; }

#firstview #banner_top .slick-track { width: 100%;margin:auto; }
#firstview {max-width: 1500px; margin: 0 auto 85px;}

@media screen and ( max-width: 640px ){

#firstview #banner_top { display: none; padding: 0; }
#firstview {max-width: 100%; margin: 60px auto;}


}