img{width: 100%;}

/* only */
.only{padding-top: 13.3333vw;background-color: var(--ivory);}
.only_tit{width: 54.5333vw;margin: 0 auto 5.4667vw;text-align: center;line-height: 1.3;color: #3a3732;}
.only_sub{font-size: 3.7333vw;letter-spacing: -0.01em;color: #3a3732;line-height: 1.55;text-align: center;font-weight: 400;margin-bottom: 5.3333vw;}
.only_box_wrap{width: 100%;height: 196.2667vw;background-color: #a89c8c;margin: 0 auto;color: #c9b79e;}
.only_twrap{padding-top: 8vw;z-index: 3;top: 0;}
.only_twrap02{bottom: 13.0667vw;width: 92vw;}
.only_box_tit{font-weight: 900;text-align: center;}
.only_box_sub{text-align: center;margin-top: 2vw;margin-bottom: 5.3333vw;font-weight: 400;}
.only_left{padding-top: 18vw;position: relative;width: 100%;height: calc(50% - 18vw);background-image: url('../img/page/system/only_left.jpg');justify-content: center;}
.only_left_tit{font-size: 4.4vw;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 6vw;color: #f6eee7;}
.only_left .sub{top: 41vw;left: 50%;transform: translateX(-50%);font-size: 4vw;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_left .only_left_txt em{font-size: 5.6666vw;font-weight: 700;letter-spacing: -0.02em;}
.only_left .sub .highlight{background-color: #8d0b0a;top: -1.3333vw;bottom: -1.3333vw;left: -2.6667px;right: -1.6667vw;}
.only_left_cont{width: 61.6vw;}
.only_right{justify-content: center;position: relative;width: 100%;height: 50%;background-image: url('../img/page/system/only_right.jpg');}
.only_right .sub{top: 26vw;left: 15.6vw;font-size: 4vw;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_right .sub02{top: 26vw;right: 21.8vw;font-size: 4vw;font-weight: 700;letter-spacing: -0.02em;color: #ffffff;}
.only_right .only_right_txt em{font-size: 5.6666vw;font-weight: 700;letter-spacing: -0.02em;}
.only_right .sub .highlight{background-color: #494949;top: -1.3333vw;bottom: -1.3333vw;left: -2.6667vw;right: -1.6667vw;}
.only_right .sub02 .highlight{background-color: #494949;top: -1.3333vw;bottom: -1.3333vw;left: -2.6667vw;right: -1.6667vw;}
.only_right_cont{width: 82.9333vw;margin-bottom: 12vw;}
.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: 4.6667vw;}
.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: 4.6667vw;font-weight: 700;letter-spacing: -0.02em;}
.only_circles{width: 100%;padding: 8vw 0;color: var(--ivory);background-image: url('../img/page/system/only_circles_bg.jpg');}
.only_circles_tit{font-weight: 600;line-height: 1.28;white-space: nowrap;width: 84vw;margin: 0 auto;}
.only_circle_wrap{padding: 4.6667vw 0 8vw}
.only_circle{margin: -7vw 0;width: 60vw;height: 60vw;border-radius: 50%;position: relative;}
.only_circle:first-child{margin: 0;}
.only_circle_center{z-index: 1;}
.only_slide_wrap{position: relative;width: 100%;height: 136vw;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: 5.3333vw;line-height: 1.25;color: var(--ivory);font-weight: 500;padding-top: 13.3333vw;}
.only_slide_sub{font-size: 3.7333vw;letter-spacing: -0.03em;font-weight: 500;color: var(--ivory);margin-top: 4vw;}
.only_slide{width: 100%;height: 96.6667vw;position: relative;margin: 4.6667vw auto 0;}
.only_slide .swiper-slide{width: 37.3333vw;height: 44vw;overflow: hidden;transition: all 0.4s;transform: translateY(100%);opacity: 0;}
.only_slide .swiper-slide-prev{transform: rotate(-20deg) translateY(50%);box-shadow: 2px 7px 7px 7px rgba(0, 0, 0, 0.2);opacity: 1;}
.only_slide .swiper-slide-next{transform: rotate(20deg) translateY(50%);box-shadow: 2px 7px 7px 7px rgba(0, 0, 0, 0.2);opacity: 1;}
.only_slide .swiper-slide-active{z-index: 1;transform: translateY(25%);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: 95.2vw;height: 47.6vw;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: 3.7333vw;font-weight: 600;line-height: 1.4;padding-top: 4vw;}
.only_slide_center_tit em{font-weight: 700;}
.only_slide_center_txt{font-size: 3.7333vw;letter-spacing: -0.01em;line-height: 1.2;margin: 3.3333vw 0 1.3333vw;}
.only_slide_center_txt:last-child{margin-bottom: 0;}
.only_marquee{position: relative;width: 100%;height: 13.3333vw;margin: 0 auto;overflow: hidden;background-color: #403937;}
.only_marquee .marquee-items{display: flex;justify-content: center;align-items: center;line-height: 13.3333vw;}
.only_marquee .marquee-item{width: 115.8667vw;}

/* stable */
.stable{padding-top: 13.3333vw;}
.stable_tit{font-size: 5.3333vw;line-height: 1.3;letter-spacing: -0.025em;color: #403937;margin-bottom: 4.6667vw;}
.stable_box_wrap{width: 100%;}
.stable_box{position: relative;width: 100%;height: 57.3333vw;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: 57.3333vw;background-image: url('../img/page/system/stable_box04.jpg');}
.stable_box_twrap{position: absolute;color: #fff;width: 100%;}
.stable_box_tit{font-size: 4.4vw;font-weight: 600;line-height: 1.36;}
.stable_box_txt{font-size: 3.7333vw;font-weight: 400;line-height: 1.42;margin-top: 2vw;}
.stable_box .stable_box_twrap{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.stable_box_center .stable_box_twrap{top: 50%;left: 50%;transform: translate(-50%, -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: 6vw;height: 2.4vw;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: 6vw;height: 7.6vw;position: absolute;top: -6.6vw;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{bottom: 6.2vw;left: 30%;transform: translateY(-50%);}
.stable_box_center .stable_wave_wrap03{bottom: 3vw;left: 58%;}
.stable_box_center .stable_wave_wrap04{top: 46%;right: 10%;}

/* cook */
.cook{padding: 13.0667vw 0;background-image: url('../img/page/system/cook_bg.jpg');}
.cook_tit{text-align: center;line-height: 1.3;width: 73.8667vw;margin: 0 auto;}
.cook_sub{max-width: 92vw;font-weight: 600;color: var(--primaryColor);gap: 3.3333vw;margin-top: 6.6667vw;}
.cook_line{width: 10.6667vw;height: 2px;background-color: var(--primaryColor);margin-top: 1.3333vw;transform-origin: left;}
.cook_desc{font-size: 3.7333vw;letter-spacing: -0.01em;line-height: 1.55;color: #3a3732;font-weight: 500;margin-top: 4vw;}
.cook_inner{position: relative;padding-top: 8vw;margin-bottom: 8vw;}
.cook_object{top: 50vw;right: 0;width: 49.8667vw;height: 30.9333vw;background-image: url('../img/page/system/cook_top_obj.png');margin-right: -4vw;}
.cook_ob{top: -34vw;right: 0;width: 40.8vw;}
.cook_cont{margin-top: 6vw;}
.cook_cont_tit{font-size: 4.4vw;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: 10.6667vw;width: 41.7333vw;height: 21.0667vw;}
.cook_timer .mask_fill_wrap{margin: 0;}
.cook_timer svg{width: 100%;height: 100%;}
.cook_timer_twrap{margin-top: -9vw;letter-spacing: -0.04em;}
.cook_timer_txt{text-align: center;}
.cook_timer_count{font-size: 8vw;font-weight: 700;color: #8d0b0a;}
.cook_timer_txt span.tit40{font-weight: 700;color: #8d0b0a;}
.cook_timer_sub{color: #403937;font-weight: 500;letter-spacing: -0.02em;text-align: center;}
.cook_inner02{position: relative;padding-top: 8vw;}
.cook_box_tit{font-size: 4.4vw;letter-spacing: -0.02em;font-weight: 600;color: #403937;line-height: 1.375;}
.cook_box_tit .sub .highlight{background-color: var(--primaryColor);left: -1.3333vw;right: -1.3333vw;}
.cook_boxes{flex-wrap: wrap;margin-left: -1.3333vw;}
.cook_box01{width: 50%;height: 53.3333vw;}
.cook_box01{background-image: url('../img/page/system/cook_box01.jpg');}
.cook_box02{width: calc(50% - 2.6667vw); padding-left: 2.6667vw;padding-top: 1.3333vw;align-items: flex-start;justify-content: flex-start;gap: 2.6667vw;}
.cook_box02 .cook_box_tit{margin-left: 1.3333vw;}
.cook_boxes02 .cook_box01{background-image: url('../img/page/system/cook_box02.jpg');}
.cook_boxes02 .cook_box02{align-items: flex-end;text-align: right;padding-left: 0;padding-right: 2.6667vw;}
.cook_box p.txt33{line-height: 1.36;margin-top: 2vw;}
.cook_box p.txt28{line-height: 1.42;font-weight: 400;}

/* making */
.making{padding: 10.3333vw 0;background-color: var(--ivory);}
.making_tit{width: 46.9333vw;margin: 0 auto 5.2vw;}
.making_boxes{display: flex;flex-wrap: wrap;gap: 1.3333vw;}
.making_box{width: 45.3333vw;height: 91.4667vw;text-align: center;color: var(--ivory);}
.making_box_top{width: 100%;height: 53.3333vw;overflow: hidden;transition: all 0.3s;}
.making_box_btm{width: 100%;height: 38.1333vw;background-color: var(--primaryColor);justify-content: center;}
.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-bottom: 2vw;font-size: 4.4vw;font-weight: 600;}
.making_box_txt{font-size: 3.7333vw;font-weight: 400;line-height: 1.42;}
.making_box04 .making_box_tit{line-height: 1.2;margin-bottom: 15px;}

/* support */
.support{padding: 13.3333vw 0;background-image: url('../img/page/system/support_bg.jpg');margin-bottom: 8vw;background-repeat: no-repeat;background-size: cover;}
.support_tit{width: 53.8667vw;margin: 0 auto;}
.support_boxes{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 6.8vw;margin-top: 6.6667vw;}
.support_tab_wrap{transition: height 0.3s;}
.support_tab{margin-bottom: 2.6667vw;width: 79.0667vw;height: 14.6667vw;border-radius: 7.3333vw;border: 1px solid #fff;background-color: rgba(255, 255, 255, 0.3);transition: all 0.3s;}
.support_tab_twrap{margin: 0 6.6667vw;align-items: center;}
.support_tab_tit{line-height: 14.6667vw;font-size: 4.4vw;font-weight: 600;color: #fff;}
.support_tab_arrow{width: 6.4vw;height: 3.4667vw;background-image: url('../img/page/system/support_close_btn.png');background-repeat: no-repeat;cursor: pointer;}
.support_tab_txt{margin-left: 6.6667vw;color: #fff;opacity: 0;}
.support_tab_txt p.txt28{font-weight: 400;}
.support_tab.on{background-color: #a89c8c;height: 28vw;}
.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{width: 65.6vw;}
.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);
    }
}