.mainArea{padding:0}
.outerWrap{z-index:7;position:relative}

/* scrollDown */
.scrollDown{position:fixed;bottom:33px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:7;color:#c5c5c5;font-size:15px;font-weight:600;letter-spacing:2px}
.scrollDown .btnText{font-family:"Gilda Display",sans-serif;font-weight:300;letter-spacing:4px;font-size:14px}
.scrollDown .arrow{-webkit-animation:scrollDown 1.5s infinite linear;animation:scrollDown 1.5s infinite linear}
.scrollDown .icon{width:15px;height:15px;margin:0 auto;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@-webkit-keyframes scrollDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}

/* bannerArea */
.bannerArea{position:relative;z-index:2;height:calc(400vh + 1000px);opacity:0}
.bannerArea.show{opacity:1;transition:all 1.5s}
.bannerArea .imgList{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}
.bannerArea .imgList .imgItem{position:relative;z-index:1;opacity:1;height:inherit}
.bannerArea .imgList .imgItem img{width:100%;height:100%;display:block;object-fit:cover}
.bannerArea .imgList .imgItem:not(:first-child){position:absolute;top:0;right:0;left:0;bottom:0}
.bannerArea .imgList .imgItem.show{opacity:1}
.bannerArea .textBox{position:fixed;top:0;left:0;z-index:3;color:#fff;bottom:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding: 0px 0 50px;}

.bannerArea .textBox.show .tw,.bannerArea .textBox.show .en{opacity:1}
.bannerArea .textBox .tw{font-size:min(max(6.5104vw,35px),70px);font-weight:400;margin-bottom:60px;line-height:1;letter-spacing:2.7604vw;padding: 0 0 0 3.0729vw;opacity:0;transition:all 1.8s ease-in-out;color:rgb(255 255 255 / 0%);background:#bd9e7f;background:linear-gradient(
135deg,rgb(175 145 115) 28%,rgba(221,199,146,1) 48%,rgb(104 77 51) 62%,rgb(131 96 61) 71%,rgba(224,214,192,1) 86%,rgb(189 158 127) 94%
);background-size:300% 300%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;animation:bg-animation 8s ease-in-out infinite;-webkit-animation:bg-animation 8s ease-in-out infinite;opacity:1;text-align:center}
@keyframes bg-animation{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-webkit-keyframes bg-animation{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.bannerArea .textBox .tw img{
    width: 460px;
}
.bannerArea .textBox .en{font-size: min(max(1.0938vw,18px),26px);line-height:1;letter-spacing: 0.4947vw;padding:0 0 0 0.46897vw;opacity:0;transition:all 0.8s 0.3s;font-family:"Gilda Display",sans-serif;font-weight:300}
.bannerArea .meatImg{position:fixed;top:-9.3%;left:3.1%;width:39.1vw;-webkit-transform:translate(-10%,-100%);transform:translate(-10%,-100%);z-index:2}


/* exprienceArea */
.exprienceArea{position:relative;z-index:3;opacity:1;width:100%;height:900vh}
.exprienceArea .titleBox{position:relative}
.exprienceArea .titleBox .top{display:-ms-flexbox;display:flex}
.exprienceArea .titleBox .title,.exprienceArea .titleBox .decoTitle,.exprienceArea .titleBox .subtitle{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#fff;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}
.exprienceArea .titleBox .title{font-size:50px;margin-right:11px;letter-spacing:17px;font-weight:300}
.exprienceArea .titleBox .decoTitle{font-size:16px;margin-right:13px;margin-top:13px;letter-spacing:2.3px;font-family:"Gilda Display",sans-serif;line-height:1.03;padding-bottom:10px;position:relative;display:inline-block;color:var(--primary)}
.exprienceArea .titleBox .subtitle{font-size:21px;font-weight:200;margin-top:8px;letter-spacing:7px}
.exprienceArea .titleBox .text{color:#fff;font-size:16px;font-weight:400;letter-spacing:4.6px;opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}
.exprienceArea .decoBox{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;opacity:0}
.exprienceArea .decoBox .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url("/images/39/bg.jpg") no-repeat center bottom/cover;z-index:1}
.exprienceArea .decoBox::before,.exprienceArea .decoBox::after{content:"";display:block;width:100%;height:50%;position:absolute;left:0;z-index:7}
.exprienceArea .decoBox::before{top:0;background:url(/images/39/meat/cover/top.png) top left/100% no-repeat}
.exprienceArea .decoBox::after{bottom:0;background:url(/images/39/meat/cover/bottom.png) bottom left/100% no-repeat}
.exprienceArea .decoBox img{width:100%}
.exprienceArea .decoBox .decoItem{position:absolute;z-index:1;opacity:0}
.exprienceArea .decoBox .decoItem.barbecue{top:14.87vw;left:17.2vw;z-index:6;width:22.7vw;-webkit-transform:translate(15%,40%);transform:translate(15%,40%)}
.exprienceArea .decoBox .decoItem.beef{top:-4vw;right:2.7vw;width:23.6vw;-webkit-transform:translateY(-40%);transform:translateY(-40%)}
.exprienceArea .decoBox .decoItem.sashimi{top:-11.9vw;left:32.8vw;z-index:2;width:20.5vw;-webkit-transform:translate(10%,-20%);transform:translate(10%,-20%)}
.exprienceArea .decoBox .decoItem.beeftongue{top:29vw;left:23.9vw;z-index:3;width:26.7vw;-webkit-transform:translate(15%,40%);transform:translate(15%,40%)}
.exprienceArea .decoBox .decoItem.meat{top:9.96vw;left:41.1vw;z-index:2;width:15.7vw;-webkit-transform:translateX(20%);transform:translateX(20%)}
.exprienceArea .decoBox .decoItem.seafood{top:23.6vw;left:-5.7vw;z-index:2;width:30vw;-webkit-transform:translate(-34%,37%);transform:translate(-34%,37%)}
.exprienceArea .decoBox .decoItem.spices{top:6vw;left:0.8vw;z-index:2;width:36.5vw}
.exprienceArea .decoBox .decoItem.muscle{top:7.8vw;left:1vw;width:23vw;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}
.exprienceArea .topBox{position:fixed;top:0;right:0;width:42%;height:100%;z-index:5;opacity:0}
.exprienceArea .topBox .wrap{padding:0}
.exprienceArea .topBox .wrap .Txt{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;padding:24px 30px 0}
.exprienceArea .topBox .wrap .Txt .titleBox{display:flex;gap:20px}
.exprienceArea .topBox .wrap .Txt .titleBox .top{justify-content:start}
.exprienceArea .topBox .wrap .Txt .titleBox .bottom{margin-top:130px}
.exprienceArea .topBox .wrap .Txt .titleBox .decoTitle{margin-top:6px}
.exprienceArea .topBox .wrap .Txt .titleBox .subtitle{margin-top:0px;border-left:1px solid var(--primary);border-right:1px solid var(--primary);padding:2px 12px;color:var(--primary);writing-mode:rl-tb;display:inline-block}
.exprienceArea .topBox .wrap .Txt .titleBox .text{padding:20px 0 0;line-height:1.7}
.exprienceArea .topBox .wrap .rightDot{position:absolute;left:160px;bottom:18.9%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;height:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.exprienceArea .topBox .wrap .rightDot::before{content:"";display:block;width:calc(100% - 28px);height:1px;background-color:var(--primary);opacity:0.5;position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}
.exprienceArea .topBox .wrap .rightDot .dotItem{position:relative}
.exprienceArea .topBox .wrap .rightDot .dotItem .dot{width:6px;height:6px;background-color:var(--primary);border-radius:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}
.exprienceArea .topBox .wrap .rightDot .dotItem .num{width:36px;height:36px;border-radius:50%;border:1px solid var(--primary);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#000000;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);color:var(--primary);font-family:"Gilda Display",sans-serif}

@media (max-width:1540px){
	.exprienceArea .titleBox .title{font-size:42px}
	.exprienceArea .titleBox .decoTitle{font-size:16px}
	.exprienceArea .titleBox .subtitle{font-size:16px}
	.exprienceArea .titleBox .text{font-size:18px}
}
@media (max-width:1350px){
	.exprienceArea .titleBox .title{font-size:36px}
	.exprienceArea .titleBox .decoTitle{font-size:14px}
	.exprienceArea .titleBox .subtitle{font-size:16px}
	.exprienceArea .titleBox .text{font-size:15px;letter-spacing:2.6px}
}
@media (max-width:1024px){
	.bannerArea .textBox{padding: 0px 0 140px;}
	.bannerArea .textBox .tw{letter-spacing:4.7604vw;margin-bottom: 20px;}
	.bannerArea .meatImg{top:-5.3%;left:2.1%;width:33.1vw;-webkit-transform:translate(-63%,-100%);transform:translate(-63%,-100%)}
	.exprienceArea .topBox{width:44%}
	.exprienceArea .titleBox .decoTitle{font-size:18px}

}
@media (max-width:960px){
	.exprienceArea .topBox{width:100%}
	.exprienceArea .topBox .wrap .Txt{-ms-flex-pack:center;justify-content:center;padding:0 30px 0}
	.exprienceArea .topBox .wrap .Txt .titleBox .top{-ms-flex-pack:center;justify-content:center}
	.exprienceArea .topBox .wrap .Txt .titleBox .text{font-size:14px;letter-spacing:1.6px}
	.exprienceArea .topBox .wrap .rightDot{display:none}
    .bannerArea .textBox .tw img{width: 40vw;}
}
@media (max-width:767px){
	.bannerArea .meatImg{top:6.3%;left:-52.9%;width:92.1vw}
	.exprienceArea .titleBox .title{font-size:28px;margin-right:9px;line-height:110%}
	.exprienceArea .titleBox .decoTitle{font-size:14px;margin-right:5px}
	.exprienceArea .titleBox .subtitle{font-size:14px}
	.exprienceArea .titleBox .text{font-size:16px}
	.exprienceArea .decoBox .decoItem.barbecue{top:-37.7vw;left:35.1vw;width:48.1vw}
	.exprienceArea .decoBox .decoItem.beef{top:-5vw;left:80vw;width:23.1vw}
	.exprienceArea .decoBox .decoItem.sashimi{display:none}
	.exprienceArea .decoBox .decoItem.beeftongue{top:auto;bottom:0;left:40.3vw;width:50vw}
	.exprienceArea .decoBox .decoItem.meat{top:13.95vw;left:60.5vw;width:36.1vw}
	.exprienceArea .decoBox .decoItem.seafood{top:auto;bottom:-16vw;left:-13.7vw;width:63vw}
	.exprienceArea .decoBox .decoItem.spices{top:39.3vw;left:-10.1vw;width:56.5vw}
	.exprienceArea .decoBox .decoItem.muscle{top:17.8vw;left:-1vw;width:52.5vw}
	.exprienceArea .topBox .wrap .Txt{padding:0 20px 0}
	.exprienceArea .topBox .wrap .Txt .titleBox{gap:10px;display:flex;flex-direction:column}
	.exprienceArea .topBox .wrap .Txt .titleBox .bottom{margin-top:10px}
	.exprienceArea .topBox .wrap .Txt .titleBox .top{display:flex;justify-content:flex-start}
	.exprienceArea .topBox .wrap .Txt .titleBox .decoTitle{margin-top:0}
    .bannerArea .textBox .tw img{width: 60vw;}
    .bannerArea .textBox .en{
    letter-spacing: 1.2947vw;
}
}
@media (max-width:480px){
	.exprienceArea .decoBox .decoItem.beeftongue{top:10vw;bottom:auto;left:60.5vw;width:40.1vw}
	.exprienceArea .decoBox .decoItem.meat{top:auto;bottom:10vw;left:60.5vw;width:48.1vw}
}