/* only */
.only{padding-top: 110px;}
.only_tit{margin-bottom: 41px;text-align: center;line-height: 1.3;color: #121212;}
.only_sub{font-size: 18px;letter-spacing: -0.01em;color: #3a3732;line-height: 1.55;text-align: center;font-weight: 400;margin-bottom: 42px;}
.only_box_wrap{max-width: 1900px;width: 100%;height: 852px;background-color: #a89c8c;margin: 0 auto;color: #c9b79e;display: flex;}
.only_twrap{padding-top: 60px;z-index: 3;top: 0;}
.only_twrap02{bottom: 60px;}
.only_box_tit{font-weight: 900;text-align: center;}
.only_box_sub{text-align: center;margin-top: 15px;margin-bottom: 45px;}
.only_box_sub em{font-size: 21px;}
.only_left{position: relative;top: 0;left: 0;width: 50%;height: 852px;background-image: url('../img/page/system/only_left_bg.jpg');justify-content: center;}
.only_left_tit{font-size: 35px;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 70px;color: #f6eee7;}
.only_left .sub{top: 310px;left: 370px;font-size: 30px;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_left .only_left_txt em{font-size: 40px;font-weight: 700;letter-spacing: -0.02em;}
.only_left .sub .highlight{background-color: #8d0b0a;top: -10px;bottom: -10px;left: -21px;right: -21px;}
.only_right{justify-content: center;position: relative;top: 0;right: 0;width: 50%;height: 852px;background-image: url('../img/page/system/only_right_bg.jpg');}
.only_right .sub{top: 310px;left: 210px;font-size: 30px;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_right .sub02{top: 310px;right: 262px;font-size: 30px;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_right .only_right_txt em{font-size: 40px;font-weight: 700;letter-spacing: -0.02em;}
.only_right .sub .highlight{background-color: #494949;top: -10px;bottom: -10px;left: -21px;right: -21px;}
.only_right .sub02 .highlight{background-color: #494949;top: -10px;bottom: -10px;left: -21px;right: -21px;}
.only_box_desc{font-weight: 400;line-height: 1.3;text-align: center;overflow: hidden;color: #f6eee7;}
.only_box_desc .mask{display: block;}
.only_box_desc em{font-size: 30px;}
.only_box_desc .sub{position: relative;}
.only_box_desc .sub .highlight{background-color: #8d0b0a;right: 2px;top: -3px;}
.only_box_desc .sub .only_desc{font-size: 30px;font-weight: 700;letter-spacing: -0.02em;}
.only_circles{max-width: 1900px;width: 100%;height: 370px;color: var(--ivory);gap: 180px;background-image: url('../img/page/system/only_circles_bg.jpg');margin: 0 auto;}
.only_circles_tit{font-weight: 600;line-height: 1.28;white-space: nowrap;}
.only_circle{margin: 0 -30px;width: 330px;height: 330px;border-radius: 50%;position: relative;}
.only_circle01{z-index: 1;}
.only_circle02{z-index: 1;}
.only_slide_wrap{position: relative;max-width: 1900px;width: 100%;height: 808px;background-color: var(--primaryColor);margin: 0 auto;}
.only_slide_deco01{left: 0;top: 50%;transform: translateY(-50%);}
.only_slide_deco02{right: 0;top: 50%;transform: translateY(-50%);}
.only_slide_tit{font-size: 40px;line-height: 1.3;color: var(--ivory);font-weight: 500;padding-top: 60px;}
.only_slide_sub{font-size: 28px;letter-spacing: -0.03em;font-weight: 500;color: var(--ivory);margin-top: 30px;}
.only_slide{max-width: 900px;width: 100%;height: 559px;position: relative;margin: 30px auto 0;}
.only_slide .swiper-slide{width: 300px;height: 330px;overflow: hidden;transition: all 0.8s;transform: translateY(100%);opacity: 0;}
.only_slide .swiper-slide-prev{transform: rotate(-30deg) translateY(40%);box-shadow: 2px 7px 7px 7px rgba(0, 0, 0, 0.2);opacity: 1;}
.only_slide .swiper-slide-next{transform: rotate(30deg) translateY(40%);box-shadow: 2px 7px 7px 7px rgba(0, 0, 0, 0.2);opacity: 1;}
.only_slide .swiper-slide-active{z-index: 1;transform: translateY(0);opacity: 1;}
.only_sl{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.only_sl01{background-image: url('../img/page/system/only_sl01.jpg');}
.only_sl02{background-image: url('../img/page/system/only_sl02.jpg');}
.only_sl03{background-image: url('../img/page/system/only_sl03.jpg');}
.only_sl04{background-image: url('../img/page/system/only_sl04.jpg');}
.only_sl05{background-image: url('../img/page/system/only_sl05.jpg');}
.only_sl06{background-image: url('../img/page/system/only_sl06.jpg');}
.only_sl07{background-image: url('../img/page/system/only_sl07.jpg');}
.only_sl08{background-image: url('../img/page/system/only_sl08.jpg');}
.only_sl09{background-image: url('../img/page/system/only_sl09.jpg');}
.only_sl10{background-image: url('../img/page/system/only_sl10.jpg');}
.only_sl11{background-image: url('../img/page/system/only_sl11.jpg');}
.only_slide_center{width: 647px;height: 278px;bottom: 0;background-image: url('../img/page/system/only_slide_center.png');background-position: top center;color: #403937;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.only_slide_center_tit{font-size: 25px;font-weight: 600;line-height: 1.4;padding-top: 30px;}
.only_slide_center_tit em{font-weight: 700;}
.only_slide_center_txt{font-size: 18px;letter-spacing: -0.01em;line-height: 1.3;margin: 20px 0 10px;}
.only_slide_center_txt:last-child{margin-bottom: 0;}
.only_marquee{position: relative;max-width: 1900px;width: 100%;height: 100px;margin: 0 auto;overflow: hidden;background-color: #403937;}
.only_marquee .marquee-items{display: flex;justify-content: center;align-items: center;line-height: 100px;}
.only_bottom{max-width: 1900px;width: 100%;height: 225px;margin: 0 auto;color: #403937;}
.only_btm_left{position: relative;width: 1052px;height: 100%;background-image: url('../img/page/system/only_bottom_bg.jpg');justify-content: center;align-items: flex-start;}
.only_btm_left_tit{margin-bottom: 20px;line-height: 1;letter-spacing: -0.025em;padding-left: 200px;}
.only_btm_left_txt{line-height: 1.5;letter-spacing: -0.025em;padding-left: 200px;}
.only_btm_logo{bottom: 25px;right: 18px;}

/* stable */
.stable{padding-top: 60px;}
.stable_tit{font-size: 40px;line-height: 1.3;letter-spacing: -0.025em;color: #403937;margin-bottom: 60px;}
.stable_box_wrap{width: 100%;height: 500px;}
.stable_box{position: relative;width: calc(100% / 3);height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;color: #fff;}
.stable_box01{background-image: url('../img/page/system/stable_box01.jpg');}
.stable_box02{background-image: url('../img/page/system/stable_box02.jpg');z-index: 1;}
.stable_box03{background-image: url('../img/page/system/stable_box03.jpg');}
.stable_box_center{position: relative;width: 100%;height: 540px;background-image: url('../img/page/system/stable_box_center.jpg');}
.stable_box_twrap{position: absolute;color: #fff;}
.stable_box_tit{font-size: 30px;font-weight: 600;line-height: 1.2;}
.stable_box_txt{font-size: 18px;font-weight: 300;line-height: 1.4;margin-top: 20px;}
.stable_box01 .stable_box_twrap{bottom: 30px;right: 30px;}
.stable_box02 .stable_box_twrap{top: 315px;left: 50%;transform: translateX(-50%);}
.stable_box03 .stable_box_twrap{top: 315px;left: 30px;}
.stable_box_center .stable_box_twrap{left: 50%;top: 58px;transform: translateX(-50%);}
.stable_box_center .highlight{top: 1px;bottom: 0;left: -5px;right: -5px;background-color: var(--primaryColor);}
.stable_wave_wrap{width: 54px;height: 20px;display: block;overflow: visible;position: absolute;}
.stable_wave_wrap .wave{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.3;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;}
.stable_wave{width: 45px;height: 18px;border-radius: 50%;border: 1px solid #fff;}
.stable_wave .wave01{animation: wave01 0.8s linear infinite;}
.stable_wave .wave02{animation: wave02 0.8s linear infinite;}
.stable_wave .wave03{animation: wave03 0.8s linear infinite;}
.stable_wave_mark{width: 63px;height: 81px;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);}
@keyframes wave01 {
    0%{transform: scale(1);}
    100%{transform: scale(1.5);}
}
@keyframes wave02 {
    0%{transform: scale(1);}
    100%{transform: scale(2);}
}
@keyframes wave03 {
    0%{transform: scale(1);}
    100%{transform: scale(2.5);}
}
.stable_box_center .stable_wave_wrap01{top: 50%;left: 10%;transform: translateY(-50%);}
.stable_box_center .stable_wave_wrap02{top: 68%;left: 30%;transform: translateY(-50%);}
.stable_box_center .stable_wave_wrap03{bottom: 55px;left: 53%;}
.stable_box_center .stable_wave_wrap04{top: 46%;right: 20%;}

/* cook */
.cook{padding: 118px 0;background-image: url('../img/page/system/cook_bg.jpg');}
.cook_tit{text-align: center;line-height: 1.3;}
.cook_sub{font-weight: 600;color: var(--primaryColor);gap: 30px;margin-top: 19px;}
.cook_line{width: 300px;height: 2px;background-color: var(--primaryColor);margin-top: 7px;transform-origin: left;}
.cook_desc{font-size: 18px;letter-spacing: -0.01em;line-height: 1.55;color: #3a3732;font-weight: 500;}
.cook_inner{position: relative;padding-top: 145px;display: flex;justify-content: space-between;}
.cook_object{width: 790px;height: 395px;background-image: url('../img/page/system/cook_top_obj.png');margin-right: -180px;}
.cook_ob{top: -285px;right: -145px;}
.cook_cont{margin-top: 40px;}
.cook_cont_tit{font-size: 40px;letter-spacing: -0.02em;font-weight: 600;color: #403937;line-height: 1.375;}
.cook_cont_tit .sub .highlight{background-color: var(--primaryColor);left: -10px;right: -10px;}
.cook_cont_txt{color: var(--ivory);}
.cook_cont_sub{color: #403937;font-weight: 500;line-height: 1.55;margin-top: 20px;}
.cook_timer{padding-top: 80px;}
.cook_timer_twrap{margin-top: -100px;}
.cook_timer_txt{text-align: center;}
.cook_timer_count{font-size: 70px;font-weight: 700;color: #8d0b0a;}
.cook_timer_txt span.tit50{font-weight: 700;color: #8d0b0a;}
.cook_timer_sub{color: #403937;font-weight: 500;letter-spacing: -0.02em;text-align: center;}
.cook_inner02{position: relative;}
.cook_box_tit{font-size: 40px;letter-spacing: -0.02em;font-weight: 600;color: #403937;line-height: 1.375;margin-bottom: 29px;}
.cook_box_tit .sub .highlight{background-color: var(--primaryColor);left: -10px;right: -10px;}
.cook_boxes{flex-wrap: wrap;margin-left: -10px;}
.cook_box01{width: 50%;height: 350px;}
.cook_box01{background-image: url('../img/page/system/cook_box01.jpg');}
.cook_box02{width: calc(50% - 60px);padding: 30px;align-items: flex-start;justify-content: flex-end;gap: 15px;}
.cook_boxes02 .cook_box01{background-image: url('../img/page/system/cook_box02.jpg');}
.cook_boxes02 .cook_box02{align-items: flex-end;text-align: right;}

/* making */
.making{padding: 118px 0;}
.making_tit{margin-bottom: 60px;}
.making_boxes{display: flex;gap: 12px;}
.making_box{width: 366px;height: 608px;text-align: center;color: var(--ivory);}
.making_box_top{width: 100%;height: 400px;overflow: hidden;transition: all 0.3s;}
.making_box_btm{width: 100%;height: 208px;background-color: var(--primaryColor);justify-content: flex-start;}
.making_box01 .making_box_top{background-image: url('../img/page/system/making_box01.jpg');}
.making_box02 .making_box_top{background-image: url('../img/page/system/making_box02.jpg');}
.making_box03 .making_box_top{background-image: url('../img/page/system/making_box03.jpg');}
.making_box04 .making_box_top{background-image: url('../img/page/system/making_box04.jpg');}
.making_box_top:hover{background-size: 120%;}
.making_box_tit{margin: 30px 0;font-size: 30px;font-weight: 600;}
.making_box_txt{font-size: 18px;font-weight: 400;line-height: 1.55;}
.making_box04 .making_box_tit{line-height: 1.3;margin-bottom: 15px;}

/* support */
.support{padding: 120px 0;background-image: url('../img/page/system/support_bg.jpg');margin-bottom: 180px;}
.support_tit{margin-bottom: 80px;}
.support_boxes{display: flex;justify-content: flex-end;align-items: center;gap: 95px;}
.support_tab_wrap{transition: height 0.3s;}
.support_tab{margin-bottom: 10px;width: 593px;height: 110px;border-radius: 55px;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0.3);transition: all 0.3s;}
.support_tab_twrap{margin: 0 50px;align-items: center;}
.support_tab_tit{line-height: 110px;font-size: 35px;font-weight: 600;color: #fff;}
.support_tab_arrow{width: 48px;height: 26px;background-image: url('../img/page/system/support_close_btn.png');background-repeat: no-repeat;cursor: pointer;}
.support_tab_txt{margin-left: 50px;color: #fff;font-weight: 400;opacity: 0;}
.support_tab.on{background-color: #a89c8c;height: 210px;}
.support_tab.on .support_tab_tit{color: #403937;}
.support_tab.on .support_tab_txt{opacity: 1;}
.support_tab.on .support_tab_arrow{background-image: url('../img/page/system/support_open_btn.png');}
.support_tab:nth-child(2) .support_tab_txt{margin-top: -15px;}
.support_object img{animation: rotation 60s linear infinite;}
@keyframes rotation {
    from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}