#lead {
  background: url("../img/lunch/lead_bg.jpg") no-repeat right top/200% auto;
  padding: 17vw 0;
}
#lead h2 {
  text-align: left;
  margin: 14vw 0 7vw;
}
#lead .lead-img1 {
  margin-top: 10vw;
  height: 100vw;
}
#lead h3 {
  margin: 15vw 0 7vw;
}
#lead .lead-img2 {
  margin-top: 7vw;
  gap: 0 10px;
}
#lead .lead-img2 .parallax_img {
  height: 27vw;
}
@media only screen and (min-width: 768px) {
  #lead {
    background: url("../img/lunch/lead_bg.jpg") no-repeat center top;
    padding: 154px 30px 175px;
  }
  #lead .lead-img1 {
    margin: 0 0 0 -50px;
    height: 883px;
    order: -1;
    width: calc(50% + 50px);
  }
  #lead .lead-info {
    margin: 126px -5px 0 40px;
    width: 465px;
  }
  #lead .ttl-en:after {
    bottom: -17px;
  }
  #lead h2 {
    margin: 95px 0 70px;
    letter-spacing: 9.5px;
  }
  #lead h3 {
    margin: 177px 0 58px;
    text-align: center;
  }
  #lead .lead-txt2 {
    text-align: center;
  }
  #lead .lead-img2 {
    margin-top: 107px;
    gap: 0 45px;
  }
  #lead .lead-img2 .parallax_img {
    height: 370px;
  }
}

#course {
  margin-bottom: 23vw;
}
#course .ttl-en {
  margin-top: 20vw;
}
#course h2 {
  text-align: center;
  margin: 15vw 0 6vw;
}
#course .course-txt1 {
  margin-bottom: 14vw;
}
#course .course-txt1 small {
  font-size: 85%;
  margin-top: 5vw;
  display: block;
}
#course .course-inner {
  position: relative;
  z-index: 0;
  padding-top: 13vw;
}
#course .course-deco {
  position: absolute;
  z-index: -1;
  left: -8%;
  right: -8%;
  top: 0;
}
#course h3 {
  border-left: 1px solid #fff;
  padding-left: 7vw;
}
#course h3 .fnt-forum {
  line-height: 1;
  font-size: 5.5vw;
  letter-spacing: 0.05em;
}
#course h3 .price {
  line-height: 1;
  font-weight: 200;
  font-size: 4vw;
  margin-top: 2vw;
  letter-spacing: 0.15em;
}
#course .course-txt2 {
  margin: 7vw 0 15vw;
}
#course .course-left {
  text-align: center;
  margin-bottom: 13vw;
}
#course .course-left .course-txt3 {
  margin-bottom: 5vw;
  font-weight: 200;
}
#course .course-img1 {
  height: 45vw;
  width: 80%;
  margin-left: -3%;
}
#course .course-img2 {
  height: 45vw;
  width: 80%;
  margin: 7vw -3% 0 auto;
}
#course .course-img3 {
  height: 45vw;
  width: 86%;
  margin: 7vw 0 0 -3%;
}
#course .course-img4 {
  height: 30vw;
  width: 55%;
  margin: 7vw -3% 0 auto;
}
@media only screen and (min-width: 768px) {
  #course .bg_parallax {
    height: 690px;
  }
  #course {
    margin-bottom: 173px;
  }
  #course .ttl-en {
    margin-top: 125px;
  }
  #course h2 {
    margin: 71px 0 31px;
    letter-spacing: 7px;
  }
  #course .course-txt1 {
    text-align: center;
    margin-bottom: 118px;
  }
  #course .course-txt1 small {
    font-size: 12px;
    margin-top: 42px;
  }
  #course .course-inner {
    padding-top: 91px;
  }
  #course .course-deco {
    left: auto;
    right: calc(50% - 490px);
    width: 1492px;
  }
  #course .course1 {
    align-items: flex-start;
    margin-bottom: 121px;
  }
  #course h3 {
    padding-left: 55px;
    margin-left: 72px;
  }
  #course h3 .fnt-forum {
    font-size: 34px;
    letter-spacing: 2px;
  }
  #course h3 .price {
    font-size: 20px;
    margin-top: 23px;
    letter-spacing: 3px;
  }
  #course .course-txt2 {
    margin: -11px 0 0 0;
    width: calc(100% - 411px);
  }
  #course .course-left {
    margin-bottom: 0;
    margin-top: 33px;
    width: 500px;
  }
  #course .course-left .course-txt3 {
    margin-bottom: 28px;
    font-size: 16px;
  }
  #course .course-right {
    width: 59.5%;
    margin-right: -9.4%;
  }
  #course .course-img1 {
    height: 387px;
    width: 85.7%;
    margin-left: auto;
  }
  #course .course-img2 {
    height: 418px;
    width: 91.5%;
    margin: 113px 0 0 0;
  }
  #course .course3 {
    margin-top: 138px;
  }
  #course .course-img3 {
    height: 417px;
    width: 54.6%;
    margin: 0 0 0 -29px;
  }
  #course .course-img4 {
    height: 355px;
    width: 42.6%;
    margin: 88px -6.3% 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #course .course1 {
    padding-right: 30px;
  }
  #course .course-txt2 {
    width: calc(100% - 345px);
  }
}

#other {
  text-align: center;
  margin-bottom: 20vw;
}
#other .ttl-en {
  font-size: 4.5vw;
}
#other h2 {
  margin: 10vw 0 12vw;
}
#other .col {
  border-top: 1px solid #544839;
  padding-top: 12vw;
  margin-top: 12vw;
}
#other .btn-popup {
  margin: 10vw auto 0;
}
@media only screen and (min-width: 768px) {
  #other {
    margin-bottom: 103px;
    padding: 0 30px;
  }
  #other .wrap {
    max-width: 1260px;
  }
  #other .ttl-en {
    font-size: 18px;
    letter-spacing: 1px;
  }
  #other .ttl-en:after {
    bottom: -22px;
    width: 27px;
  }
  #other h2 {
    margin: 36px 0 80px;
    letter-spacing: 7px;
  }
  #other .col {
    width: 33.3333333333%;
    border-top: none;
    border-left: 1px solid #544839;
    padding-top: 41px;
    padding-bottom: 150px;
    margin-top: 0;
    position: relative;
    line-height: 52px;
    font-size: 16px;
    letter-spacing: 3px;
  }
  #other .col:last-child {
    border-right: 1px solid #544839;
  }
  #other .course-btn {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
  }
  #other .btn-radial {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  #lunch-prl .bg_parallax {
    height: 700px;
  }
}

#floor {
  margin-bottom: 17vw;
  position: relative;
  z-index: 0;
}
#floor .floor-deco {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 45vw;
  right: 0;
}
#floor .parallax_img {
  border-radius: 18vw 18vw 0 0;
  height: 58vw;
}
#floor .ttl-en {
  margin-top: 17vw;
}
#floor .ttl30 {
  margin: 17vw 0 7vw;
}
#floor .floor-info2 {
  margin-bottom: 10vw;
}
@media only screen and (min-width: 768px) {
  #floor {
    margin-bottom: 0;
    padding: 0 30px;
  }
  #floor .wrap {
    padding-bottom: 96px;
  }
  #floor .floor-deco {
    width: 1277px;
    top: auto;
    bottom: 0;
    right: calc(50% - 275px);
  }
  #floor .ttl30 {
    font-size: 26px;
    line-height: 60px;
    margin: 0 62px 55px 0;
    letter-spacing: 7.5px;
  }
  #floor .parallax_img {
    border-radius: 115px 115px 0 0;
    height: 808px;
    width: 620px;
  }
  #floor .ttl-en {
    margin-top: 186px;
  }
  #floor .floor1 .parallax_img {
    width: calc(100% - 260px);
    margin-left: -23px;
    height: 584px;
  }
  #floor .floor1 .floor-info1 {
    margin-left: 40px;
  }
  #floor .floor1 .floor-info1 .ttl-en {
    margin: 41px 0 104px auto;
    width: 65px;
  }
  #floor .floor2 {
    margin-top: 31px;
    justify-content: flex-end;
  }
  #floor .floor2 .floor-info2 {
    width: calc(100% - 588px);
    margin: 32px 40px 0 0;
  }
  #floor .floor2 .parallax_img {
    width: 378px;
    height: 280px;
    border-radius: 70px 70px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #floor .floor2 .floor-info2 {
    width: calc(100% - 440px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  #floor .floor1 .floor-info1{
    margin-right: 30px;
  }
  #floor .ttl30 {
    width: 162px;
    display: flex;
    align-items: flex-end;
    margin-right: 0;
  }
}

#bnr {
  background-color: #1c1410;
  padding: 13vw 5%;
}
#bnr h2 {
  font-size: 13vw;
  text-align: center;
  position: absolute;
  top: 19vw;
  left: 0;
  right: 0;
  z-index: 5;
  letter-spacing: 0;
  line-height: 1;
}
#bnr .bnr-img {
  height: 87vw;
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  transition: all 1s;
}
#bnr .bnr-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#bnr .bnr-img.animated {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 1s;
  animation-delay: 0.5s;
}
#bnr .line {
  position: absolute;
  top: 34vw;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 5;
  background: #ffffff;
  opacity: 0.6;
  width: 80%;
  margin: 0 auto;
  transition: all 1s;
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
#bnr .line.animated {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: all 1s;
  transition-delay: 1.5s;
}
#bnr .bnr-txt {
  position: absolute;
  text-align: center;
  left: 0;
  width: 100%;
  top: 36vw;
  z-index: 5;
}
#bnr .btn-radial {
  position: absolute;
  top: 53vw;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 5;
  width: 67%;
  font-weight: 400;
  height: 55px;
}
#bnr .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
#bnr .wrap:hover .btn-radial a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #bnr {
    padding: 96px 30px;
  }
  #bnr .wrap {
    max-width: 1260px;
  }
  #bnr h2 {
    font-size: 43px;
    top: 145px;
    letter-spacing: 4px;
  }
  #bnr .bnr-img {
    height: 468px;
  }
  #bnr .line {
    top: 198px;
    width: 355px;
  }
  #bnr .bnr-txt {
    top: 211px;
    font-size: 18px;
    letter-spacing: 1.5px;
  }
  #bnr .btn-radial {
    top: 278px;
    margin: 0 auto;
    width: 211px;
    height: 51px;
  }
  #bnr .wrap:hover .btn-radial {
    color: #000;
  }
  #bnr .wrap:hover .btn-radial:before {
    transform: scale(2);
  }
}/*# sourceMappingURL=lunch.css.map */