@charset "utf-8";

#inc06{position:relative;z-index:2;margin-top:-215px;background:url(/sh_img/include/inc06/img/bg.png) top center no-repeat;background-size:cover}
#inc06 *{word-break:keep-all}
#inc06 .pl{white-space:pre-line}

#inc06 .list_wrap{padding:300px 170px 0}
#inc06 .list_wrap .tit_area{text-align:center}
#inc06 .list_wrap .tit_area img{display:block;margin:0 auto}
#inc06 .list_wrap .tit_area div{margin:50px 0 100px}
#inc06 .list_wrap .tit_area p{font-size:95px;color:#fff;font-family:'WanjudaedunsancheR'}
#inc06 .list_wrap .menu{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
#inc06 .list_wrap .menu li{border-radius:10px;background:#fff}
#inc06 .list_wrap .menu li div{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;height:400px;margin:20px;border:1px solid var(--red);border-radius:10px;text-align:center}
#inc06 .list_wrap .menu li div:hover{background:url(/sh_img/include/inc06/img/menu01_on.jpg);transition:all .3s}
#inc06 .list_wrap .menu li:nth-child(2) div:hover{background:url(/sh_img/include/inc06/img/menu02_on.jpg)}
#inc06 .list_wrap .menu li:nth-child(3) div:hover{background:url(/sh_img/include/inc06/img/menu03_on.jpg)}
#inc06 .list_wrap .menu li:nth-child(4) div:hover{background:url(/sh_img/include/inc06/img/menu04_on.jpg)}
#inc06 .list_wrap .menu li:nth-child(5) div:hover{background:url(/sh_img/include/inc06/img/menu05_on.jpg)}
#inc06 .list_wrap .menu li:nth-child(6) div:hover{background:url(/sh_img/include/inc06/img/menu06_on.jpg)}
#inc06 .list_wrap .menu li div:hover p, #inc06 .list_wrap .menu li div:hover img{opacity:0}
#inc06 .list_wrap .menu li div p{font-size:40px;color:var(--red);font-family:'WanjudaedunsancheR'}
#inc06 .list_wrap .menu li div span{position:absolute;top:-50px;left:30px;display:flex;align-items:center;justify-content:center;width:107px;height:107px;border-radius:50%;font-size:24px;color:#fff;background:#111;font-family:'WanjudaedunsancheR'}
#inc06 .list_wrap .menu li.img_box img{width:100%;border-radius:10px}

#inc06 .review_wrap .tit_area{position:relative;margin-left:60px;padding:200px 170px 100px}
#inc06 .review_wrap .tit_area .food_img{position:absolute;bottom:-200px;right:0;z-index:10}
#inc06 .review_wrap .tit_area .fire{position:absolute;right:0;bottom:0;z-index:-1;;animation:move 1s linear infinite}
@keyframes move{0%{transform:translateX(10px)} 20%{transform:translateY(10px)} 50%{transform:translate(0)} 100%{transform:translateX(10px)}}
#inc06 .review_wrap p{margin-bottom:50px;font-size:40px;color:#fff;font-family:'WanjudaedunsancheR'}
#inc06 .review_wrap span{font-size:95px;color:#fff;font-family:'WanjudaedunsancheR'}
#inc06 .review_wrap .tit02{display:block}
#inc06 .review_wrap .tit03{transform:translateY(-25px)}
#inc06 .review_wrap .slide_area{padding:50px;background:#9e080d}
#inc06 .review_wrap .slide_area .slide{padding:110px 50px;border:3px solid #fff}
#inc06 .review_wrap .swiper-slide-active{z-index:11}
#inc06 .review_wrap .swiper-slide-active img{border:none}
#inc06 .review_wrap li img{border:5px solid #ccc;border-radius:10px}
#inc06 .review_wrap .hand{position:absolute;z-index:0;bottom:0;left:35.7%}

#inc06 .vdo_area{padding:100px 0;text-align:center}

@media(max-width:1300px){
#inc06 iframe{width:100%;height:500px}
}

@media(max-width:1024px){
#inc06{margin-top:-50px}
#inc06 .list_wrap{padding:160px 50px 0}
#inc06 .list_wrap .tit_area img{width:530px}
#inc06 .list_wrap .tit_area .tit01{width:420px}
#inc06 .list_wrap .tit_area p{font-size:73px}
#inc06 .list_wrap .tit_area div{margin:35px 0 60px}
#inc06 .list_wrap .menu{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}
#inc06 .list_wrap .menu li{width:47%}
#inc06 .list_wrap .menu li div{height:280px}
#inc06 .list_wrap .menu li div img{width:270px}
#inc06 .list_wrap .menu li div:hover{background:none !important}
#inc06 .list_wrap .menu li div:hover p, #inc06 .list_wrap .menu li div:hover img{opacity:1}
#inc06 .list_wrap .menu li div p{width:100%;font-size:27px}
#inc06 .list_wrap .menu li div span{width:90px;height:90px;font-size:18px}

#inc06 .food_img .food{display:none}
#inc06 .review_wrap .tit_area{margin-left:0;margin-top:75px;padding:0;text-align:center}
#inc06 .review_wrap .tit02{width:700px;margin:0 auto}
#inc06 .review_wrap .tit03{width:200px}
#inc06 .review_wrap .hand{display:none}
#inc06 .review_wrap p{margin-bottom:20px;font-size:30px}
#inc06 .review_wrap span{font-size:75px}
#inc06 .review_wrap .tit_area .fire{opacity:.7}
#inc06 .review_wrap li img{width:100%}

#inc06 .vdo_area{padding:50px 15px}
#inc06 iframe{width:100%;height:500px}
}
@media(max-width:768px){
#inc06 .list_wrap{padding:120px 20px 0}
#inc06 .list_wrap .tit_area img{width:470px}
#inc06 .list_wrap .tit_area .tit01{width:350px}
#inc06 .list_wrap .tit_area p{font-size:65px;line-height:1}
#inc06 .list_wrap .tit_area div{margin:25px 0 35px}
#inc06 .list_wrap .menu{gap:15px}
#inc06 .list_wrap .menu li div{height:185px;margin:10px}
#inc06 .list_wrap .menu li div p{font-size:20px}
#inc06 .list_wrap .menu li div img{width:200px}

#inc06 .review_wrap .tit02{width:75%}
#inc06 .review_wrap .tit03{width:30%;transform:translateY(-15px)}
#inc06 .review_wrap .slide_area{padding:90px 0}
#inc06 .review_wrap .slide_area .slide{padding:0;border:none}

#inc06 iframe{width:100%;height:300px}
}
@media(max-width:520px){
#inc06 .list_wrap{padding:90px 20px 0}
#inc06 .list_wrap .tit_area img{width:400px}
#inc06 .list_wrap .tit_area .tit01{width:310px}
#inc06 .list_wrap .tit_area p{margin-top:5px;font-size:55px}

#inc06 .list_wrap .menu li{width:100%}
#inc06 .list_wrap .menu li div img{width:240px}
#inc06 .list_wrap .menu li div span{left:10px;width:80px;height:80px}

#inc06 .review_wrap p{margin-bottom:5px;font-size:25px}
#inc06 .review_wrap .tit02{width:85%}
#inc06 .review_wrap span{font-size:55px}
#inc06 .review_wrap .hand{display:none}
#inc06 .review_wrap .slide_area{padding:50px 0}

#inc06 .vdo_area{padding:30px 15px}
#inc06 iframe{width:100%;height:250px}
}
@media(max-width:360px){
#inc06 .list_wrap .tit_area img{width:285px}
#inc06 .list_wrap .tit_area p{width:290px;margin:0 auto;font-size:45px}
#inc06 .list_wrap .tit_area .tit01{width:280px}
#inc06 .list_wrap .menu li div{height:170px}
#inc06 .list_wrap .menu li div img{width:190px}

#inc06 .review_wrap p{font-size:20px}
#inc06 .review_wrap span{font-size:45px}
#inc06 .review_wrap li img{width:80%}
#inc06 .review_wrap .slide_area{padding:30px 0;text-align:center}
#inc06 .review_wrap .tit02{width:95%}
}