@charset "UTF-8";
/* Link　
=========================================== */
@media screen and (max-width: 599px) { #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03{ background: url(../img/c.png) no-repeat center center; background-size: cover; }
  #mainImg { position: relative; width: 100%; height: 100px; }
  #mainImgHome { position: relative;}
  #mainImgHome .catch { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 20px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;font-size: 1em; }
  #mainImgHome .main_slide { overflow: hidden; min-height: 300px; }
  #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { min-height: 300px; }
  #mainImgHome .list01 { background: url("../img/toppage/slide-01.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .list02 { background: url("../img/toppage/slide-02.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .list03 { background: url("../img/toppage/slide-03.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .slick-dots { position: absolute; bottom: 25px; z-index: 2; display: block; width: 100%;  margin: 0; padding: 0; list-style: none; text-align: center; }
  #mainImgHome .slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
  #mainImgHome .slick-dots li button:before { font-family: 'slick'; font-size: 15px; line-height: 20px; position: absolute; top: 0; left: 0; width: 15px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #FF5200; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #mainImgHome .slick-dots li.slick-active button:before { opacity: 1; color: #fff; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
}

@media screen and (min-width: 600px) { #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { background: url(../img/e.png) no-repeat center center; background-size: cover; }
  #mainImg { position: relative; width: 100%; height: 200px; }
  #mainImgHome { position: relative; min-width: 1100px; height: 500px; }
  #mainImgHome img { width: auto; }
  #mainImgHome .main_slide { overflow: hidden; }
  #mainImgHome .list01, #mainImgHome .list02, #mainImgHome .list03 { height: 500px; }
  #mainImgHome .list01 { background: url("../img/toppage/slide-01.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .list02 { background: url("../img/toppage/slide-02.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .list03 { background: url("../img/toppage/slide-03.jpg") no-repeat center center; background-size: cover; }
  #mainImgHome .slick-dotted.slick-slider { margin-bottom: 0 !important; }
  #mainImgHome .slick-slider { width: 100%; }
  #mainImgHome .slick-dots { position: absolute; bottom: 25px; z-index: 2; display: block; width: 100%;  margin: 0; padding: 0; list-style: none; text-align: center; }
  #mainImgHome .slick-dots li { position: relative; display: inline-block; width: 30px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
  #mainImgHome .slick-dots li button:before { font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 0; width: 30px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #FF5200; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #mainImgHome .slick-dots li.slick-active button:before { opacity: 1; color: #fff; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }
  #mainImgHome .slick-dotted.slick-slider { margin-bottom: 0; }
  }