/* Scss Document */
main {
   overflow: hidden !important;
}

section>div,
.row,
.col,
.box,
.inner {
   position: relative;
}

h2,
h3,
h4,
h5 {
   font-family: 'Noto Serif JP', serif;
   position: relative;
}

.fnt-medon {
   font-family: 'Meddon', cursive;
}

#key .photoL {
   position: relative;
}

#key .photoL h2 {
   font-weight: 400;
   font-size: 28px;
   line-height: 45px;
   letter-spacing: 0.15em;
   position: absolute;
   top: 40px;
   right: 43px;
   z-index: 1;
}

#key .photoL h2>span {
   display: inline-block;
   background-color: #fff;
   margin-left: 10px;
   padding: 20px 0;
}

#key .photoL h2>span:last-child {
   margin-left: 0;
}

#key .photoL .slider .slide1 {
   background: url("../img/food/kv1.jpg") no-repeat center/cover;
}

#key .photoL .slider .slide2 {
   background: url("../img/food/kv2.jpg") no-repeat center/cover;
}

#key .photoR .slide1 {
   background: url("../img/food/hd-sl1.jpg") no-repeat center/cover;
}

#key .photoR .slide2 {
   background: url("../img/food/hd-sl2.jpg") no-repeat center/cover;
}


/* Dots */
.slick-dotted.slick-slider {
   margin-bottom: 30px;
   padding-bottom: 20px;
}

.slick-dots {
   position: absolute;
   bottom: -22px;
   display: block;
   width: 100%;
   padding: 0;
   margin: 0;
   list-style: none;
   text-align: center;
   line-height: 0;
}

.slick-dots li {
   position: relative;
   display: inline-block;
   margin: 0 6px;
   padding: 0;
   cursor: pointer;
}

.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 10px;
   height: 10px;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   border-radius: 50%;
   border: 1px solid #612503;
   background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
   outline: none;
}

a:hover {
   text-decoration: none;
}

#sec1 {
   padding-top: 90px;
}

#sec1 .bg {
   background: url(../img/food/s1-bg.jpg) no-repeat center center / cover;
   width: 100%;
   height: 610px;
}

#sec1 .row {
   background: url(../img/food/s1-d1.png) no-repeat center top / 100% auto;
}

#sec1 .row .wrap {
   width: 950px;
   margin: auto;
   background: #f5f3f2;
   padding: 82px 0 58px 110px;
   top: -114px;
   box-sizing: border-box;
}

#sec1 .row .wrap::before {
   content: '';
   width: 43px;
   height: 100%;
   background: url(../img/food/hd-d1.jpg);
   position: absolute;
   top: 0;
   right: 0;
}

#sec1 h2 {
   position: absolute;
   top: 77px;
   right: 138px;
   font-size: 28px;
   line-height: 65px;
   letter-spacing: 0.15em;
   width: 125px;
   height: 249px;
}

#sec1 p.txt {
   width: 530px;
   height: 379px;
   letter-spacing: 0.15em;
   line-height: 32px;
}

#sec2 {
   padding: 15px 0 139px;
   background: url(../img/food/s2-d5.png) no-repeat center bottom;
}

#sec2 h2 {
   background: url(../img/food/s2-h2.png) no-repeat left 216px top 21px;
   margin-bottom: 53px;
}

#sec2 h2 span {
   font-size: 50px;
   letter-spacing: 0.02em;
}

#sec2 h2 small {
   font-size: 22px;
   letter-spacing: 0.15em;
   padding: 14px 0 0 47px;
   display: block;
}

#sec2 .col h3 {
   font-size: 24px;
   margin-bottom: 13px;
}

#sec2 .col {
   width: 350px;
   position: absolute;
   top: -45px;
   right: 16px;
}

#sec2 .col::before {
   content: '';
   position: absolute;
   bottom: -79px;
   left: -75px;
   background: url(../img/food/s2-d1.png) no-repeat center bottom / 100% auto;
   width: 460px;
   height: 108px;
}

#sec2 .slider-fade p.img {
   margin-left: -134px;
}

#sec2 .slick-list {
   overflow: visible;
}

#sec2 .box {
   position: absolute;
   top: 99px;
   right: 0;
   width: 401px;
   z-index: 1;
}

#sec2 .box::before {
   content: '';
   position: absolute;
   top: -42px;
   right: -94px;
   width: 335px;
   height: 259px;
}

#sec2 .slider1 .box::before {
   background: url(../img/food/s2-d2.png) no-repeat center center / 100% auto;
   top: -45px;
}

#sec2 .slider2 .box::before {
   background: url(../img/food/s2-d3.png) no-repeat center center / 100% auto;
}

#sec2 .slider3 .box::before {
   background: url(../img/food/s2-d4.png) no-repeat center center / 100% auto;
}

#sec2 .box h3 {
   z-index: 1;
   margin-left: -251px;
}

#sec2 .slider2 .box h3 {
   margin-left: -300px;
}

#sec2 .box h3 span {
   background: #f5f3f2;
   display: inline-block;
   margin-bottom: 16px;
   font-size: 28px;
   text-align: center;
   padding: 6px 0;
   letter-spacing: 0.15em;
   box-sizing: border-box;
}

#sec2 .box h3 span:last-child {
   color: #811313;
}

#sec2 .slider1 .box h3 span {
   width: 450px;
}

#sec2 .slider1 .box h3 span:last-child {
   width: 350px;
   margin-left: 100px;
}

#sec2 .slider2 .box h3 span {
   width: 500px;
}

#sec2 .slider2 .box h3 span:last-child {
   width: 100px;
   margin-left: 400px;
}

#sec2 .slider3 .box h3 span {
   width: 450px;
}

#sec2 .slider3 .box h3 span:last-child {
   width: 350px;
   margin-left: 100px;
}

#sec2 .slider-fade .slick-dots {
   bottom: -12px;
   left: -42px;
}

#sec2 .box h4 {
   padding: 14px 0 21px;
   color: #811313;
   font-size: 22px;
   z-index: 1;
}

#sec2 .slick-dots li button {
   width: 35px;
   height: 15px;
   border-radius: 0;
   border: 0;
   background: #bbb3a1;
}

#sec2 .slick-dots li.slick-active button {
   background: #830b0b;
}

#sec3 .row-1 {
   background: url(../img/food/s3-bg.jpg);
   color: #fff;
   padding: 118px 0 117px;
}

#sec3 .row-1::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: calc(50% - 20px);
   height: 100%;
   background: url(../img/food/s3-img1.jpg) no-repeat center center / cover;
}

#sec3 .row-2 {
   background: url(../img/food/s3-bg2.jpg);
}

#sec3 .row-1 h3 {
   position: absolute;
   top: -50px;
   right: 0px;
   z-index: 1;
}

#sec3 .row-1 h2::before {
   content: '';
   position: absolute;
   bottom: -42px;
   left: 50%;
   transform: translateX(-50%);
   width: 107px;
   height: 1px;
   background: #fff;
}

#sec3 .row-1 h2 span {
   font-size: 45px;
   letter-spacing: 0.02em;
}

#sec3 .row-1 h2 small {
   font-size: 22px;
   margin-top: 6px;
   display: block;
}

#sec3 .row-1 .box {
   width: 400px;
   text-align: center;
}

#sec3 .row-1 dl {
   font-size: 28px;
   letter-spacing: 0.15em;
   margin: 85px 0 40px;
}

#sec3 .row-1 dd {
   color: #af2a2a;
   margin-top: 19px;
}

#sec3 .row-1 h4 {
   color: #af2a2a;
   font-size: 22px;
   margin: 20px 0 16px;
}

#sec3 .row-2 .box {
   width: 441px;
   position: absolute;
   top: 157px;
   right: -10px;
   text-align: center;
   z-index: 1;
}

#sec3 .row-2 p.img {
   margin-left: -120px;
   position: relative;
   z-index: 1;
}

#sec3 .row-2 p.img::before {
   content: '';
   position: absolute;
   top: 0;
   left: -80%;
   background: url(../img/food/s3-d1.jpg);
   width: 100%;
   height: 100%;
}

#sec3 .row-2 h3 {
   font-size: 33px;
   margin-bottom: 37px;
}

#sec3 .row-2 h3 span {
   position: relative;
}

#sec3 .row-2 h3 span::before {
   content: '';
   position: absolute;
   top: 25px;
   left: -79px;
   width: 56px;
   height: 1px;
   background: #000;
}

#sec3 .row-2 h3 span::after {
   content: '';
   position: absolute;
   top: 25px;
   right: -79px;
   width: 56px;
   height: 1px;
   background: #000;
}

#sec3 .row-2 .box .flag {
   position: absolute;
   top: -87px;
   right: -75px;
}



#sec4 .row-2 .photo1 {
   width: 38.7%;
   height: 400px;
   box-shadow: 2px 8px 62px 0px rgba(34, 26, 23, 0.35);
   position: absolute;
   top: 0px;
   left: 70px;
}



#sec4 {
   padding: 112px 0 77px;
   text-align: center;
}

#sec4 h2 {
   margin-bottom: 20px;
}

#sec4 h2 span {
   font-size: 50px;
}

#sec4 h2 small {
   font-size: 22px;
   display: block;
   margin-top: 6px;
}

#sec4 h3 {
   font-size: 22px;
   color: #811313;
   margin: 5px 0 33px;
}

#sec4 p.txt+p.txt {
   margin-top: 15px;
}

#sec4 .box-1 {
   position: absolute;
   top: -146px;
   left: -392px;
   z-index: 2;
}

#sec4 .box-2 {
   position: absolute;
   top: -146px;
   right: -392px;
   z-index: 2;
}

#sec4 .box-1 .text {
   position: absolute;
   bottom: 139px;
   right: 153px;
   display: flex;
   align-items: flex-end;
}

#sec4 .box-2 .text {
   position: absolute;
   bottom: 139px;
   left: 135px;
   display: flex;
   align-items: flex-end;
}

#sec4 .box p.txt {
   background: #f5f3f2;
   font-size: 28px;
   z-index: 1;
   font-family: 'Noto Serif JP', serif;
   margin-left: 20px;
   padding: 29px 0;
   letter-spacing: 0.15em;
   line-height: 50px;
   width: 50px;
   height: 430px;
}

#sec4 .box p.txt span.int .int {
   line-height: 31px;
}

#sec4 .box p.txt>span.int {
   line-height: 31px;
}

#sec4 .box p.txt .tt {
   position: relative;
   margin: -13px 0 6px 18px;
}

#sec4 .box p.txt:first-child {
   color: #811313;
}

.bg-parallax {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   background-attachment: fixed;
   width: 100%;
   height: 600px;
   overflow: hidden;

}

.img_parallax {
   clip: rect(0, auto, auto, 0);
   margin-bottom: 0;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
}

.img_parallax>img {
   width: 100% !important;
   height: 100vh !important;
   position: fixed;
   top: 0;
   left: 0;
   padding: 0;
   margin: 0;
   object-fit: cover;
   z-index: 0;
   transform: translateZ(0);
   z-index: -1;
   display: block !important;
}

#sec5 h2 {
   margin: 159px 0 0 -85px;
}

#sec5 .row-1 {
   background-image: none !important;
}

#sec5 .row-2 {
   padding: 134px 0 54px;
   /* background: url(../img/food/s5-d2.png) no-repeat left bottom,url(../img/food/s5-d1.png) no-repeat left top; */
}

#sec5 .row-2::before {
   content: '';
   background: url(../img/food/s5-d1.png) no-repeat right top / cover;
   width: calc(50% + 38px);
   height: 332px;
   position: absolute;
   top: 0;
   left: 0;
}

#sec5 .row-2::after {
   content: '';
   background: url(../img/food/s5-d2.png) no-repeat right bottom / cover;
   width: calc(50% - 380px);
   height: 220px;
   position: absolute;
   bottom: 0;
   left: 0;
}

#sec5 .row-2 .wrap::before {
   content: '';
   position: absolute;
   top: -12px;
   right: -250px;
   background: url(../img/food/hd-d1.jpg);
   width: 481px;
   height: 512px;
}

#sec5 h3 {
   margin: 0 0 62px -19px;
}

#sec5 h3::before {
   content: '';
   position: absolute;
   left: -35px;
   top: -134px;
   background: url(../img/food/s5-h3.png) no-repeat left top / 100% auto;
   width: 8px;
   height: 265px;
}

#sec5 h3 span {
   font-size: 50.19px;
}

#sec5 h3 small {
   font-size: 22px;
   padding-left: 18px;
}

#sec5 h4 {
   position: relative;
   z-index: 1;
   padding: 0 0 12px 17px;
}

#sec5 h4 span {
   display: inline-block;
   background: #f5f3f2;
   padding: 7px 35px 7px;
   margin-bottom: 15px;
   font-size: 28px;
}

#sec5 h4 span:last-child {
   color: #af2a2a;
}

#sec5 h5 {
   font-size: 22px;
   color: #811313;
   text-align: right;
   width: 396px;
   margin: -44px 0 25px;
}

#sec5 p.map {
   margin-left: 20px;
}

#sec5 p.txt {
   width: 374px;
   margin: 13px 0 0 21px;
}

#sec5 .slider-fade p.img {
   position: absolute;
   top: -66px;
   right: -180px;
}

#sec5 .slick-dots li button {
   width: 35px;
   height: 15px;
   border-radius: 0;
   border: 0;
   background: #bbb3a1;
}

#sec5 .slick-dots li.slick-active button {
   background: #830b0b;
}

#sec5 .slick-list {
   overflow: visible;
}

#sec5 .slick-dots {
   bottom: 36px;
   left: 40px;
}

#sec6 {
   background: url(../img/food/s3-bg2.jpg);
   padding: 113px 0 68px;
}

#sec6 h2 {
   font-size: 35px;
   text-align: center;
   margin-bottom: 50px;
}

#sec6 h2 span {
   padding: 18px 87px;
   background: url(../img/food/s6-d1.png) no-repeat left center, url(../img/food/s6-d2.png) no-repeat right center;
}

#sec6 .row {
   display: flex;
   justify-content: space-between;
}

#sec6 .row.sp {
   display: none;
}

#sec6 .col {
   width: 470px;
}

#sec6 h3 span {
   font-size: 38px;
}

#sec6 h3 small {
   font-size: 22px;
   padding-left: 10px;
}

#sec6 h4 {
   font-size: 20px;
   margin: 4px 0 20px 29px;
}

#sec6 p.ttl {
   font-family: 'Noto Serif JP', serif;
   font-size: 22px;
   color: #811313;
   background: #d7d3cb;
   width: 72%;
   padding: 5px 28px;
   box-sizing: border-box;
}

#sec6 p.map {
   position: absolute;
   top: -28px;
   right: -30px;
}

#sec6 .box h3 {
   z-index: 1;
}

#sec6 .box {
   padding: 0 37px;
}

#sec6 dl {
   display: flex;
   justify-content: space-between;
   font-size: 28px;
   font-family: 'Noto Serif JP', serif;
   padding: 35px 0 27px;
}

#sec6 dd {
   color: #af2a2a
}

#sec6 p.img {
   margin-top: 50px;
}

#sec7 {
   background: url(../img/food/s7-bg.jpg) no-repeat center center / cover;
   padding: 100px 0 114px;
}

#sec7 h2 {
   font-size: 33px;
   width: 129px;
   height: 301px;
   color: #fff;
   margin: 0 0 54px 436px;
   line-height: 65px;
   letter-spacing: 0.15em;
}

#sec7 h2 span:last-child {
   padding-top: 56px;
}

#sec7 .box {
   display: flex;
   justify-content: center;
}

#sec7 p.btn a {
   color: #fff;
   font-family: 'Noto Serif JP', serif;
   font-size: 20px;
   width: 370px;
   background: url(../img/food/s7-bgbtn.jpg);
   margin: 0 30px;
   display: block;
   padding: 20px 0;
   text-align: center;
   position: relative;
   transition: all .3s ease;
}

#sec7 p.btn a.btnStyle::before {
   top: 26px;
   left: -25px;
   z-index: 1;
   background: url(../img/food/s7-ic.png) no-repeat center center / 100% auto;
   width: 79px;
   height: 6px;
}

#sec7 p.btn a.btnStyle:hover::before {
   left: -20px;
}

#sec7 p.btn a:hover {
   text-decoration: none;
   opacity: .9;
}

@media all and (-ms-high-contrast: none) {
   #sec4 .box p.txt .tt {
      margin: -13px 0 6px 18px;
   }
}


@media only screen and (max-width: 767px) {
   #sec1 {
      padding-top: 0;
   }

   #sec1 .row .wrap {
      width: 100%;
      padding: 6vw 9% 9vw 4%;
      top: -9vw;
   }

   #sec1 .row {
      padding: 0 4%;
   }

   #sec1 .bg {
      height: 244px;
   }

   #sec1 h2 {
      position: relative;
      top: 0;
      right: 0;
      font-size: 19px;
      width: 100%;
      height: auto;
   }

   #sec1 .row .wrap::before {
      width: 24px;
   }

   #sec1 p.txt {
      width: 100%;
      height: auto;
   }

   #sec2 {
      padding: 9vw 0 18vw;
      background: url(../img/food/s2-d5.png) no-repeat center bottom / 87% auto;
   }

   #sec2 .col {
      width: 100%;
      margin: auto;
      text-align: center;
      position: relative;
      letter-spacing: 0;
      top: 0;
      right: 0;
      margin-bottom: 25vw;
   }

   #sec2 h2 {
      text-align: center;
      background: url(../img/food/s2-h2.png) no-repeat center bottom / 52% auto;
      margin-bottom: 10vw;
      padding-bottom: 6vw;
   }

   #sec2 h2 span {
      font-size: 35px;
   }

   #sec2 h2 small {
      font-size: 20px;
      padding: 14px 0 0 0;
   }

   #sec2 .col h3 {
      font-size: 20px;
      text-align: center;
   }

   #sec2 .col::before {
      bottom: -64px;
      left: -25px;
      width: 112%;
      height: 108px;
   }

   #sec2 .slider-fade p.img {
      margin-left: 0;
   }

   #sec2 .box {
      position: relative;
      top: 0;
      right: 0;
      width: 100%;
   }

   #sec2 .box h3 {
      margin-left: 0 !important;
      margin-top: -6vw;
   }

   #sec2 .slider .box h3 span {
      width: auto !important;
      margin-left: 0 !important;
      padding: 2px 14px;
      margin-bottom: 6px;
      font-size: 18px;
   }

   #sec2 .box h4 {
      padding: 4vw 0 5vw;
      font-size: 17px;
   }

   #sec2 .box::before {
      content: '';
      top: -4vw;
      right: -7vw;
      width: 66vw;
      height: 259px;
   }

   #sec2 .slider1 .box::before {
      background: url(../img/food/s2-d2_sp.png) no-repeat center center / 100% auto;
   }

   #sec2 .slider2 .box::before {
      background: url(../img/food/s2-d3_sp.png) no-repeat center center / 100% auto;
   }

   #sec2 .slider3 .box::before {
      background: url(../img/food/s2-d4_sp.png) no-repeat center center / 100% auto;
   }

   #sec2 .slider2 .box h4 {
      position: absolute;
      top: 19vw;
      left: 25vw;
   }

   #sec2 .slider2 .box::before {
      top: -8vw;
   }

   #sec2 .slider2 .box h3 {
      margin-bottom: 6vw;
   }

   #sec2 .slider-fade .slick-dots {
      bottom: 0;
      left: 0;
   }

   sec2 {
      padding: 15px 0 88px;
      background: url(../img/food/s2-d5.png) no-repeat center bottom / 100% auto;
   }

   #sec3 .row-1::before {
      width: 100%;
      height: 123vw;
   }

   #sec3 .row-1 {
      padding: 138vw 0 15vw;
   }

   #sec3 .row-1 h2 {
      text-align: center;
   }

   #sec3 .row-1 h2 span {
      font-size: 30px;
      letter-spacing: 0.02em;
   }

   #sec3 .row-1 h3 {
      top: -128vw;
      left: 50%;
      transform: translateX(-50%);
      width: 41%;
   }

   #sec3 .row-1 .box {
      width: 100%;
   }

   #sec3 .row-1 h2 small {
      font-size: 18px;
   }

   #sec3 .row-1 h2::before {
      bottom: -29px;
      width: 80px;
   }

   #sec3 .row-1 dl {
      font-size: 22px;
      letter-spacing: 0.05em;
      margin: 59px 0 22px;
   }

   #sec3 .row-1 dd {
      margin-top: 6px;
   }

   #sec3 .row-2 p.img {
      width: 85%;
      margin-left: auto;
   }

   #sec3 .row-2 .wrap {
      padding: 0;
   }

   #sec3 .row-2 .box {
      width: 100%;
      position: relative;
      top: 0;
      right: 0;
      z-index: 1;
      padding: 12vw 4%;
      box-sizing: border-box;
   }

   #sec3 .row-2 h3 {
      font-size: 20px;
      margin-bottom: 7vw;
   }

   #sec3 .row-2 h3 span::before {
      top: 15px;
      left: -59px;
      width: 48px;
   }

   #sec3 .row-2 h3 span::after {
      top: 15px;
      right: -59px;
      width: 48px;
   }

   #sec3 .row-2 .box .flag {
      display: none;
   }

   #sec4 h2 span {
      font-size: 35px;
   }

   #sec4 h2 small {
      font-size: 19px;
   }

   #sec4 .wrap>p.img {
      width: 72%;
      margin: auto;
   }

   #sec4 h3 {
      font-size: 20px;
      margin: 3vw 0 6vw;
   }

   #sec4 .box-1 {
      position: relative;
      top: 6vw;
      left: -18vw;
      width: 110%;
   }

   #sec4 .box-2 {
      position: relative;
      top: -14vw;
      right: -7vw;
      width: 110%;
      margin-bottom: -6vw;
   }

   #sec4 .box p.txt {
      width: 38px;
      height: 295px;
      font-size: 18px;
      margin-left: 10px;
      padding: 21px 0;
      line-height: 38px;
      box-sizing: border-box;
   }

   #sec4 .box p.txt:first-child {
      height: 235px;
   }

   #sec4 .box p.txt>span.int,
   #sec4 .box p.txt span.int .int {
      line-height: 23px;
   }

   #sec4 .box-1 .text {
      bottom: 50vw;
      right: -1vw;
   }

   #sec4 .box-2 .text {
      position: absolute;
      bottom: 12vw;
      left: -4vw;
      display: flex;
      align-items: flex-end;
   }

   #sec4 {
      padding: 15vw 0 0vw;
   }

   #sec5 h2 {
      margin: 30vw auto;
      width: 92%;
   }

   #sec5 .row-2::before,
   #sec5 .row-2::after {
      display: none;
   }

   #sec5 .row-2 {
      background: url(../img/food/s5-d1_sp.png) no-repeat center top / 100% auto,
         url(../img/food/s5-d2_sp.png) no-repeat center bottom / 100% auto;
      padding: 21vw 0 18vw;
   }

   #sec5 h3 {
      text-align: center;
      margin: 0 0 12vw 0;
   }

   #sec5 h3 span {
      font-size: 35px;
      margin-bottom: 3vw;
      display: block;
   }

   #sec5 h3 small {
      font-size: 20px;
      padding-left: 0;
   }

   #sec5 h3::before {
      left: 14vw;
      top: -21vw;
      width: 5px;
   }

   #sec5 .slider-fade p.img {
      position: relative;
      top: 0;
      right: 0;
   }

   #sec5 .slider h4 span {
      width: auto !important;
      margin-left: 0 !important;
      padding: 2px 14px;
      margin-bottom: 6px;
      font-size: 18px;
   }

   #sec5 h4 {
      padding: 0;
      margin-top: -6vw;
   }

   #sec5 .row-2 .wrap::before {
      top: 26vw;
      right: 0;
      width: 42vw;
      height: 58vw;
   }

   #sec5 h5 {
      text-align: left;
      width: 100%;
      margin: 4vw 0 5vw;
      font-size: 17px;
   }

   #sec5 p.txt {
      width: 100%;
      margin: 0;
   }

   #sec5 p.map {
      position: absolute;
      top: 65vw;
      right: -8vw;
      width: 81%;
   }

   #sec5 .slider2 h5 {
      position: absolute;
      top: 80vw;
      left: 31vw;
   }

   #sec5 .slider2 p.map {
      top: 64vw;
      right: -8vw;
      width: 75%;
   }

   #sec5 .slider2 h4 {
      margin-bottom: 6vw;
   }

   #sec5 .slider3 h5 {
      position: absolute;
      top: 80vw;
      left: 25vw;
   }

   #sec5 .slider3 p.map {
      position: absolute;
      top: 64vw;
      right: -5vw;
      width: 72%;
   }

   #sec5 .slider3 h4 {
      margin-bottom: 6vw;
   }

   #sec5 .slick-dots {
      bottom: -9vw;
      left: 0;
   }

   #sec6 h2 span {
      padding: 18px 40px;
      background: url(../img/food/s6-d1.png) no-repeat left center / 22px auto, url(../img/food/s6-d2.png) no-repeat right center / 22px auto;
   }

   #sec6 h2 {
      font-size: 22px;
      margin-bottom: 15vw;
   }

   #sec6 {
      padding: 15vw 0 15vw;
   }

   #sec6 .col {
      width: 100%;
   }

   #sec6 .row {
      display: block;
   }

   #sec6 .box {
      padding: 0 15px;
   }

   #sec6 h3 span {
      font-size: 32px;
   }

   #sec6 h3 small {
      font-size: 18px;
      letter-spacing: 0;
   }

   #sec6 h4 {
      font-size: 16px;
      margin: 4px 0 10px 22px;
      letter-spacing: 0;
   }

   #sec6 p.map {
      position: absolute;
      top: -15px;
      right: -24px;
      width: 49vw;
   }

   #sec6 p.ttl {
      font-size: 18px;
      width: 69%;
      padding: 1px 0 1px 7vw;
   }

   #sec6 .slider2 p.ttl {
      padding: 1px 0 1px 13vw;
   }

   #sec6 .slider2 h4 {
      margin: 4px 0 10px 46px;
   }

   #sec6 p.img {
      margin-top: 8vw;
   }

   #sec6 dl {
      font-size: 22px;
      padding: 9vw 0 6vw;
   }

   #sec6 .row.pc {
      display: none;
   }

   #sec6 .row.sp {
      display: block;
   }

   #sec6 .slick-list {
      overflow: visible !important;
   }

   #sec6 .slick-dots li button {
      width: 35px;
      height: 15px;
      border-radius: 0;
      border: 0;
      background: #e3dcce;
   }

   #sec6 .slick-dots li.slick-active button {
      background: #830b0b;
   }

   #sec7 {
      padding: 18vw 0 15vw;
   }

   #sec7 h2 {
      font-size: 22px;
      width: 64px;
      margin: 0 auto 12vw;
   }

   #sec7 .box {
      display: block;
   }

   #sec7 p.btn a {
      font-size: 18px;
      letter-spacing: 0.05em;
      width: 85%;
      margin: 0 auto 4vw;
      display: block;
      padding: 20px 0;
      text-align: center;
      box-sizing: border-box;
   }

   #sec7 p.btn a.btnStyle::before {
      top: 30px;
      z-index: 1;
      width: 63px;
   }

}

.tax {
   margin: 0 auto;
   text-align: center;
   padding-bottom: 80px;
}

.food-slider {
   background: url('../img/food/food-slider-bg-img.jpg') no-repeat center / cover;
   overflow: hidden;
}

.food-slider .pin-wrap {
   display: flex;
   align-items: center;
   width: max-content;
   height: 100vh;
   padding: 80px 90px;
   box-sizing: border-box;
}

.food-slider h2 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 215px;
   height: 100%;
   max-height: 670px;
   font-weight: 400;
   font-size: 28px;
   letter-spacing: 0.15em;
   line-height: 65px;
   position: relative;
   margin-right: 100px;
}

.food-slider h2:before {
   content: '';
   width: 70px;
   height: 70px;
   border-top: 2px solid #000;
   border-right: 2px solid #000;
   position: absolute;
   top: 0;
   right: 0;
}

.food-slider h2:after {
   content: '';
   width: 70px;
   height: 70px;
   border-bottom: 2px solid #000;
   border-left: 2px solid #000;
   position: absolute;
   bottom: 0;
   left: 0;
}

.food-slider .photo {
   height: 100%;
}

.food-slider .photo img {
   max-height: 100%;
}

@media only screen and (max-width: 999px) {
   .food-slider h2 {
      width: 150px;
      max-height: 360px;
      font-size: 20px;
      line-height: 45px;
      margin: 0 auto;
   }

   .food-slider h2:before,
   .food-slider h2:after {
      width: 40px;
      height: 40px;
   }

   .food-slider .slider {
      margin-top: 40px;
   }

   .food-slider .slider .slick-list {
      overflow: inherit;
   }

   .food-slider .slider .photo {
      width: 100%;
      height: 60vw;
      position: relative;
   }

   .food-slider .slider .photo:before {
      content: "";
      background: url(../img/drink/bg_red.jpg);
      position: absolute;
      top: -20px;
      left: -5%;
      bottom: 30px;
      width: 20%;
      z-index: -1;
   }

   .food-slider .slider .photo:after {
      content: "";
      background: url(../img/drink/bg_red.jpg);
      position: absolute;
      bottom: -20px;
      right: -5%;
      top: 30px;
      width: 20%;
      z-index: -1;
   }

   .food-slider .slider .photo img {
      width: 100%;
      height: 100%;
      max-width: inherit;
      max-height: inherit;
      object-fit: cover;
   }

   .food-slider .slider h3 {
      display: inline-block;
      background-color: #fff;
      font-size: 18px;
      padding: 10px 20px;
      margin-top: 10vw;
   }

   .food-slider .slider .slick-arrow {
      width: 14vw;
      height: 5vw;
      outline: 0;
      position: absolute;
      top: 28vw;
      font-size: 0;
      border: none;
      z-index: 5;
      cursor: pointer;
   }

   .food-slider .slider .slick-prev {
      left: -3vw;
      background: url("../img/drink/preview_sp.png") no-repeat;
      background-size: 100% auto;
   }

   .food-slider .slider .slick-next {
      right: -3vw;
      background: url("../img/drink/next_sp.png") no-repeat;
      background-size: 100% auto;
   }

   .food-slider .slider .slick-dots {
      width: 100%;
      position: absolute;
      bottom: 22vw;
      left: 0;
   }

   .food-slider .slider .slick-dots li {
      margin: 0 3px;
   }

   .food-slider .slider .slick-dots li button {
      width: 6vw;
      height: 2vw;
      border-radius: 0;
      border: 0;
      background: #bbb3a1;
   }

   .food-slider .slider .slick-dots li.slick-active button {
      background: #830b0b;
   }
}