@charset "UTF-8";

/*============================
PC  banner
============================*/
@media screen and (min-width: 769px), print {
  div.banner_container {
    width: 100%;
    overflow: hidden;
  }

  div.banner_container div.banner_inner {
    width: auto;
    padding: 150px 0 0 0;
    position: relative;
  }

  div.banner_container div.banner_inner ul.banner_slide {
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
  }

  div.banner_container div.banner_inner ul.banner_slide .slick-slide {
    width: auto;
    margin: 0!important;
    padding: 0 15px!important;
  }


  div.banner_container div.banner_inner ul.banner_slide li {
    width: auto;
  }

  div.banner_container div.banner_inner ul.banner_slide li a {
    width: auto;
    display: block;
  }

  div.banner_container div.banner_inner ul.banner_slide li a:hover img {
    opacity: 1;
  }

  div.banner_container div.banner_inner ul.banner_slide li dl {
    width: 100%;
    overflow: hidden;
  }

  div.banner_container div.banner_inner ul.banner_slide li dl dt {
    width: auto;
    padding: 70% 0 0 0;
    background-size: cover;
    background-position: center;
  }


/*
  div.banner_container div.banner_inner ul.banner_slide li dl dt img {
    width: 100%!important;
  }
*/

  div.banner_container div.banner_inner ul.banner_slide li dl dd {
    width: auto;
    padding: 15px 0 0 0;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.05em;
  }

}
/*============================
SP  banner
============================*/
@media screen and (max-width: 768px), print {

  div.banner_container {
    width: 100%;
    overflow: hidden;
  }

  div.banner_container div.banner_inner {
    width: auto;
    padding: 50px 0 0 0;
    position: relative;
  }

  div.banner_container div.banner_inner ul.banner_slide {
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
  }

  div.banner_container div.banner_inner ul.banner_slide .slick-slide {
    width: auto;
    margin: 0!important;
    padding: 0 10px!important;
  }


  div.banner_container div.banner_inner ul.banner_slide li {
    width: auto;
  }

  div.banner_container div.banner_inner ul.banner_slide li a {
    width: auto;
    display: block;
  }

  div.banner_container div.banner_inner ul.banner_slide li a:hover img {
    opacity: 1;
  }

  div.banner_container div.banner_inner ul.banner_slide li dl {
    width: 100%;
    overflow: hidden;
  }

  div.banner_container div.banner_inner ul.banner_slide li dl dt {
    width: auto;
    padding: 70% 0 0 0;
    background-size: cover;
    background-position: center;
  }
/*
  div.banner_container div.banner_inner ul.banner_slide li dl dt img {
    width: 100%!important;
  }
*/
  div.banner_container div.banner_inner ul.banner_slide li dl dd {
    width: auto;
    padding: 15px 0 0 0;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.05em;
  }

}


/*

*/