/* CSS Document */
#key .slider {
  line-height: 0; }

#sec1 {
  background: url("../img/index/s1_bg.jpg") no-repeat center top;
  background-size: cover; }

#sec2 {
  background: url("../img/index/s2_deco.jpg") no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 34vw;
  position: relative; }
  #sec2:before {
    content: "";
    position: absolute;
    bottom: 9%;
    right: 0;
    width: 78%;
    background: #a32617;
    height: 13vw; }
  #sec2 .slider2 .slick-dots {
    position: absolute;
    margin-top: 0;
    left: 0;
    right: 0;
    bottom: 45%; }
  #sec2 .slider3 .slick-dots {
    position: absolute;
    margin-top: 0;
    left: 0;
    right: 0;
    bottom: 10%; }
  #sec2 .btn {
    position: relative;
    z-index: 1; }

#sec3 {
  background: url("../img/index/s3_bg.jpg") repeat center top; }