#key img {
  width: 100%;
  height: auto;
}

.block img {
  width: 100%;
  height: auto;
}

.dis-flex {
  display: flex;
  justify-content: space-between;
}

#sec1 {
  background: url("../img/lunch/sec1_deco.png") no-repeat top center/100%;
  padding: 10vw 0px;
}
#sec1 h2 {
  position: relative;
  z-index: 1;
  width: 36%;
  margin: 0px 0px -8vw auto;
}
#sec1 .sec1-img3 {
  width: 80%;
  position: absolute;
  top: 10vw;
  left: 3%;
}
#sec1 .sec1-img1 {
  width: 90%;
  margin: 0px auto 2vw;
  box-shadow: rgba(0, 0, 0, 0.8) 0 10px 20px;
  padding: 0px;
}
#sec1 .sec1-txt {
  width: 90%;
  margin: 10vw auto 0px;
}

#sec2 {
  background: url("../img/lunch/sec2_deco.png") no-repeat top left/100%, #000;
  color: #fff;
  padding: 10vw 0px;
}
#sec2 h2 {
  width: 48%;
  margin: 12vw 0px 0px -8%;
}
#sec2 .sec2-box1 {
  width: 60%;
}
#sec2 .sec2-txt1 {
  width: 95%;
  margin: 2vw auto 4vw;
}
#sec2 .sec2-img2 {
  width: 95%;
  margin: 0px auto 1vw;
}
#sec2 .sec2-txt3 {
  text-align: center;
}
#sec2 .sec2-box2 {
  position: relative;
  text-align: center;
  font-weight: 700;
  margin: 12vw 0px 0px;
}
#sec2 .sec2-box2::before {
  content: "";
  position: absolute;
  top: -24vw;
  left: 5%;
  width: 90%;
  height: 70vw;
  background: url("../img/lunch/sec2_deco2.png") top center/cover;
}
#sec2 h3 {
  font-size: 12vw;
  color: #ffe7c4;
  text-shadow: 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604;
}
#sec2 h4 {
  font-size: 8vw;
  color: #ffe7c4;
  text-shadow: 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604, 0px 0px 10px #412604;
}
#sec2 .sec2-txt4 {
  font-size: 6vw;
  line-height: 1.6;
  margin: 2vw 0px 6vw;
}
#sec2 .sec2-txt4 span {
  font-size: 6.5vw;
}
#sec2 .sec2-txt5 {
  font-size: 5.5vw;
  line-height: 1.6;
  margin: 2vw 0px 0px;
}
#sec2 .sec2-txt5 span {
  font-size: 5.5vw;
}

#sec3 {
  background: url("../img/lunch/sec3_deco.jpg") no-repeat top center/100%, url("../img/lunch/bg3.jpg") repeat top left;
  padding: 10vw 0px 0px;
}
#sec3 h2 {
  width: 40%;
  margin: 0px 0px 10vw -10%;
}
#sec3 .sec3-txt1 {
  background: url("../img/lunch/bg_box.jpg") repeat top left;
  box-sizing: border-box;
  padding: 4vw 4%;
  margin: 0px 0px 4vw;
}
#sec3 .sec3-txt1 p + p {
  margin: 1vw 0px 0px;
}
#sec3 .sec3-img1, #sec3 .sec3-img2, #sec3 .sec3-img3, #sec3 .sec3-img4 {
  box-shadow: rgba(0, 0, 0, 0.8) 0 10px 20px;
  margin: 0px auto 6vw;
  padding: 0px;
}
#sec3 h3 {
  width: 80%;
  margin: 0px auto;
  text-align: center;
}
#sec3 .sec3-txt2 {
  color: #9b240e;
  font-size: 9.5vw;
  line-height: 50px;
  margin: 1vw 0px 4vw;
  font-weight: 700;
  text-align: center;
}
#sec3 .sec3-txt3 {
  margin: 0px auto 8vw;
  width: 90%;
}
#sec3 .sec3-box5 h3 {
  width: 60%;
}

#sec4 {
  background: url("../img/lunch/bg4.jpg") repeat top left;
  position: relative;
  color: #fff;
  padding: 8vw 0px 12vw;
}
#sec4 .sec4-img1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#sec4 h2 {
  position: relative;
  z-index: 1;
  width: 65%;
  margin: 0px 3% 1vw;
}
#sec4 h3 {
  font-size: 7vw;
  font-weight: 700;
  margin: 0px 5% 2vw;
}
#sec4 h3 span {
  vertical-align: bottom;
  width: 40%;
  display: inline-block;
  margin-right: 3%;
}
#sec4 .sec4-txt1 {
  width: 90%;
  margin: 0px auto 8vw;
}
#sec4 .sec4-btn {
  width: 90%;
  margin: 0px auto 1vw;
}
#sec4 .sec4-box2 {
  z-index: 1;
  position: relative;
}
#sec4 .sec4-box2::before {
  width: 90%;
  height: 60vw;
  content: "";
  position: absolute;
  top: -16vw;
  left: 5%;
  background: url("../img/lunch/sec4_deco.png") top center/cover;
  z-index: -1;
}
#sec4 .sec4-box2 h4 {
  width: 50%;
  margin: 0px auto;
}
#sec4 .sec4-box2 .sec4-txt2 {
  text-align: center;
}
#sec4 .sec4-box2 .sec4-txt3 {
  text-align: center;
  font-weight: 700;
  font-size: 9vw;
  margin: 1vw 0px 6vw;
}/*# sourceMappingURL=lunch.css.map */