@charset "UTF-8";

/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/
#home #slide {
  min-width: 1050px;
  margin: 0 0 50px;
  padding: 140px 0 37px;
  overflow: hidden;
}

#home .slide-wrap {
  position: relative;
  width: 750px;
  margin: 0 auto;
}

#home .slide-frame {
  position: relative;
}

#home .slide-frame:before,
#home .slide-frame:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 99;
}
#home .slide-frame:before { top: 0;  border-top: 6px solid #e40011;}
#home .slide-frame:after { bottom: 0;  border-bottom: 6px solid #e40011;}

#home .slider {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#home .slider li {
  float: left;
  position: relative;
}

#home .slider li a {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

#home .slider li.slide-btn a {
  position: absolute;
  width: 25.7%;
  bottom: 27%;
  right: 3%;
}


#home .slider li a:hover {
  opacity: 0.8;
}

#home .controller li {
  position: absolute;
  top: calc(50% - 34px);
  right: 38px;
}

#home .controller li:first-child {
  right: auto;
  left: -30px;
}

#home .controller li a.prev,
#home .controller li a.next {
  position: absolute;
  top: 0px;
  width: 68px;
  height: 68px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  z-index: 100;
}

#home .controller li a.prev:hover,
#home .controller li a.next:hover {
  opacity: 0.8;
}

#home .indicator {
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
}

#home .indicator li {
  display: inline;
  margin: 0 3px;
}

#home .indicator li a {
  display: inline-block;
  width: 30px;
  height: 6px;
  background: #cccccc;
}

#home .indicator li a.on {
  background: #e40011;
}

#home .slide-cover {
  overflow: hidden;
}

#home .slide-cover:before,
#home .slide-cover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(228, 0, 17, 0.3);
  z-index: 99;
}
#home .slide-cover:before { left: calc(-50% - 369px);  border-right: 6px solid #e40011;}
#home .slide-cover:after { right: calc(-50% - 369px);  border-left: 6px solid #e40011;}




@media screen and (min-width:2250px){
  #home .slide-wrap {
    position: relative;
    width: calc(100% / 3);
  }
  #home .slide-wrap li img {
    width: 100%;
  }

  #home .slide-cover:before { left: -100%;  border-right: 6px solid #e40011;}
  #home .slide-cover:after { left: 100%;  border-left: 6px solid #e40011;}

}



#home .site-contents .lead {
  margin: 0 0 70px;
  text-align: center;
  color: #666666;
  font-family: Meiryo, sans-serif;
  font-size: 1.2rem;
  /*line-height: 2;*/
  line-height: 2.4rem;
}