.highlight{background-color: var(--yellow)}

/* easy */
.easy{padding-bottom: 17.333vw;background-color: var(--oat)}
.easy_head{padding-top: 49.6vw}
.easy_deco01{top: 23.333vw;left: 4.533vw;width: 22.133vw;}
.easy_deco02{top: 85.733vw;right:5.2vw;width: 22vw;}
.easy_sub{margin-top: 5.866vw;font-size: 4vw;line-height: 1.4}
.easy_cont{height: 120vw;margin-top: 43.333vw;padding-top: 19.733vw;background-image: url('../img/page/system/easy_cont_bg.jpg');box-sizing: border-box;}
.easy_lists{height: 100%}
.easy_list{color: #fff;font-weight: 700;text-align: center}
.easy_txt01{font-size: 5.066vw}
.easy_nums{justify-content: center;margin-top: 2vw;font-size: 13.066vw}
.easy_list01 .easy_nums{letter-spacing: 0}
.easy_nums .unit{font-size: 12vw}
.easy_list .highlight_wrap{margin-top: 2vw;font-size: 5.066vw}
.easy_list .highlight{background-color: var(--red)}
.easy_list02{margin-top: 22.666vw;}

/* pass */
.pass{background-color: var(--oat);box-sizing: border-box}
.pass .highlight{background-color: var(--red)}
.pass_box{width: 81.333vw;height: 210.4vw;padding-top: 17.333vw;margin: 0 auto;color: #fff;box-sizing: border-box;}
.pass_box_bg{left: 0;top: 0;width: 100%;height: 126.933vw;background-image: url('../img/page/system/pass_box_bg.jpg');}
.pass_box_vid{left: 0;bottom: 0;width: 100%;height: 83.6vw;filter: brightness(0.7);}
.pass_box .top .pass_tit01{margin-top: 2.933vw}
.pass_box .top .pass_tit01 img{width: 81.333vw;}
.pass_box .top .pass_sub{margin-top: 4.533vw;line-height: 1.4285}
.pass_box .top .highlight_wrap{margin-top: 9.333vw;}
.pass_box .highlight_wrap{bottom: -0.666vw;top: -0.666w;font-size: 4vw;font-weight: 700}
.pass_box .bott .highlight_wrap{margin-top: 6.666vw}
.pass_box .bott .detail{margin-top: 3.3335vw}
.pass_box .detail{margin-top: 3.2vw;font-size: 3.733vw;line-height: 1.4285}
.pass_cirs{flex-direction: column;margin-top: 4.4vw;}
.pass_cir{width: 32.266vw;height: 32.266vw;border-radius: 50%;background-color: rgba(191,155,77,0.6)}
.pass_cir01{z-index: 1;}
.pass_cir02{width: 38.133vw;height: 38.133vw;margin: -6.4vw auto;background-color: var(--red)}
.pass_cir02 > div {background-color: var(--red)}
.pass_cir .cir_txt{font-size: 4vw;text-align: center;color: #fff;font-weight: 700;line-height: 1.4}

/* better */
.better{padding-top: 17.333vw;padding-bottom: 13.333vw;background-color: var(--oat)}
.better_side01{z-index: 1;bottom: -5.333vw;left: 0;width: 41.2vw;}
.better_tit01{margin-top: 2.933vw}
.better_sub{margin-top: 4.4vw;line-height: 1.4285}
.better_bott{padding-top: 8.533vw;}
.better_arr{z-index: 1;width: 19.2vw;top: 1.733vw;margin-left: 16vw;}
.better_cir_tit{margin-left: -12vw;font-size: 4.266vw;font-weight: 700;}
.better_cir_twraps{margin-top: 4vw;text-align: center;color: #fff}
.better_cir_twrap{position: relative;margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.better_cir_nums{justify-content: center;font-size: 7.733vw;font-weight: 700;}

.better_cir_twrap01{width: 53.333vw;height: 26.666vw;}
.better_cir_twrap01 .better_cir01{top: -26.666vw;margin-left: -26.666vw;width: 53.333vw;height: 53.333vw;border-radius: 50%;background-color: var(--yellow);}
.better_cir_twrap01 .better_cir_nums{margin-top: 5.7333vw;}
.better_cir_twrap02{margin-top: -26.666vw;width: 93.333vw;height: 49.333vw}
.better_cir_twrap02 .better_cir02{top: -44vw;margin-left: -46.666vw;width: 93.333vw;height: 93.333vw;border-radius: 50%;border: 1px solid var(--yellow);box-sizing: border-box;}
.better_cir_twrap02 .better_cir_nums{margin-top: 30vw;}
.better_cir_twrap03{margin-top: -46.666vw;margin-left: -16.666vw;width: 133.333vw;height: 77.333vw;}
.better_cir_twrap03 .better_cir03{top: -56vw;margin-left: -66.666vw;width: 133.333vw;height: 133.333vw;border-radius: 50%;border: 1px solid #999;box-sizing: border-box;}
.better_cir_twrap03 .better_cir_nums{margin-top: 53.6vw;}

.better_cir_twrap01 .better_cir_txt,
.better_cir_twrap02 .better_cir_txt{margin-top: 1.6vw}
.better_cir_twrap01 .better_cir_txt{font-weight: 700;}
.better_cir_twrap03 .better_cir_txt{margin-top: 1.333vw;line-height: 1.4444}
.better_cir_twrap02{color: var(--yellow)}
.better_cir_twrap03{color: #999}

/* high */
.high{padding-bottom: 4.666vw;background-color: var(--oat);}
.high_wrap{z-index: 1;justify-content: center;padding-top: 13.333vw;padding-bottom: 13.333vw;height: 100%;background-color: #fff;box-sizing: border-box;}
.high_tit01{margin-top: 2.666vw}
.high_tit01 img{width: 90.666vw;}
.high_txt{margin-top: 4.533vw;font-size: 3.733vw;line-height: 1.4285}
.high_txt:nth-of-type(2){margin-top: 1.333vw}
.high_txt em{font-weight: 700}

.high_cirs{width: 69.466vw;height: 69.466vw;margin: 25.066vw auto 0;}
/* .high_cir_deco{width: 14.533vw;opacity: 0;transform: scale(0);transition: all 0.3s ease;} */
.high_cir_deco{width: 14.533vw;}
/* .high_cir_deco.on{opacity: 1;transform: scale(1);} */
.high_cir_deco01{z-index: 1;top: -17.6vw;margin-left: -6.933vw;width: 58.533vw;}
.high_cirs_bg{top: 50%;width: 85.333vw;height: 85.333vw;margin-top: -42.666vw;margin-left: -42.666vw}
.high_cir{z-index: 1;display: flex;align-items: center;justify-content: center}
.high_cir .high_cir_bg{filter: brightness(0.6);transition: all 0.3s ease}
.high_cir.on .high_cir_bg{filter: brightness(1)}
.high_cir01 .high_cir_bg{background-image: url('../img/page/system/high_cir01.png')}
.high_cir02 .high_cir_bg{background-image: url('../img/page/system/high_cir02.png')}
.high_cir03 .high_cir_bg{background-image: url('../img/page/system/high_cir03.png')}
.high_cir .high_cir_txt{position: absolute;font-size: 4.533vw;font-weight: 700;color: #fff}
.high_cir01 .high_cir_txt{right: 1.333vw;top: 22.133vw;}
.high_cir02 .high_cir_txt{left: 29.2vw;top: 50.266vw;}
.high_cir03 .high_cir_txt{left: 5.466vw;top: 22.133vw;}
.high_cir.on .high_cir_txt{opacity: 0}

.high_txt_wrap{align-items: center;justify-content: space-between;top: 0;left: 0;right: 0;max-width: 197.866vw;height: 100%;margin: 0 auto;}

.high_cir_tab{z-index: 1}
.high_cir_tab .cir_tab{cursor: pointer}
.high_cir_tab .cir_tab:not(.high_cir_tab .cir_tab:last-child){margin-bottom: 4vw}
.high_cir_tab .cir_tab .tab_name{position: relative;font-size: 2.4vw;font-weight: 500;color: #999}
.high_cir_tab .cir_tab.on .tab_name{color: var(--yellow)}
.high_cir_tab .cir_tab.on .tab_name::after{content: '';position: absolute;left: -2.666vw;top: 0.533vw;display: inline-block;width: 1.333vw;height: 1.333vw;border-radius: 50%;background-color: var(--yellow)}

/* more */
.more{padding-bottom: 17.333vw;background-color: var(--oat)}
.more_wrap{padding-top: 13.333vw;height: 61.2vw;box-sizing: border-box}
.more_bg{background-image: url('../img/page/system/more_bg.jpg')}
.more_tit{font-size: 6.666vw;font-weight: 700;}
.more_wrap .highlight_wrap{margin-top: 10vw;font-size: 4vw;}
.more_wrap .highlight_wrap .highlight{bottom: -1.2vw;top: -1.2vw;}
.more_wrap .detail{margin-top: 4.666vw;line-height: 1.4285;color: #333}

/* tasty */
.tasty{padding-top: 16vw;padding-bottom: 17.333vw;background-image: url('../img/page/system/tasty.jpg');box-sizing: border-box}
.tasty_wrap{padding-top: 17.333vw;box-sizing: border-box}
.tasty_cir{top: 0;transform: translateX(-50%);width: 226.66666666666666vw;height: 226.666vw;padding-bottom: 5.466vw;border-radius: 113.333vw 113.333vw 0 0;background-color: #fff}
.tasty_tit01{margin-top: 2.666vw}
.tasty_tit02 img{width: 90.666vw;margin-top: 2.666vw}
.tasty_flow{top: 75.066vw;left: 0;width: 100%}
.tasty_flow .flow_item{margin-right: 4vw}
.tasty_box{flex-direction: column;align-items: center;margin-top: 11.2vw;width: 85.333vw;height: 165.333vw;padding-top: 13.333vw;background-image: url('../img/page/system/tasty_box.jpg');box-sizing: border-box;}
.tasty_box_twrap .tasty_box_txt01{font-size: 6.666vw;font-weight: 700;}
.tasty_box_twrap .highlight_wrap{margin-top: 2vw;font-size: 6.666vw;font-weight: 700;}
.tasty_box_twrap .highlight{background-color: var(--yellow)}
.tasty_box_twrap > .highlight_wrap .highlight{background-color: var(--red);}
.tasty_box_twrap .detail{margin-top: 5.333vw;color: #555;line-height: 1.4285}
.tasty_box_twrap .tasty_box_lists{flex-direction: column;align-items: center;width: 53.333vw;margin-top: 9.333vw;}
.tasty_box_twrap .tasty_box_lists .list_txt{margin-top: 3.333vw;font-size: 3.733vw;font-weight: 700;color: #fff;}
.tasty_box_twrap .tasty_box_list01 .list_txt{margin-top: 0;}
.tasty_box_lists .list_txt .highlight{bottom: -1.2vw;top: -1.2vw;}

.tasty_box_gra{justify-content: center;width: 69.333vw;margin-top: 10.666vw;border-bottom: 1px solid rgba(87,77,76,0.4)}
.tasty_box_cirs{z-index: 1;top: 5.6vw;margin-left: -18vw;width: 36vw;height: 36vw}
.tasty_box_cirs .tasty_box_cir{border-radius: 50%;background-color: var(--red)}
.tasty_box_left{position: relative;flex-direction: column;align-items: center;justify-content: flex-end;margin-left: 7.333vw;}
.tasty_box_left .cir_txt{padding-top: 10.266vw;font-weight: 700;}
.tasty_box_left .cir_nums{justify-content: center;align-items: flex-end;margin-top: 2.666vw;font-size: 12vw;font-weight: 700}
.tasty_box_left .cir_nums .unit{font-size: 4vw;margin-bottom: 1.6vw}
.tasty_box_left .tasty_box_bar{width: 16vw;height: 20vw;}
.tasty_box_left .tasty_box_bar .tasty_box_bar_move{background-color: var(--yellow)}
.tasty_box_right{flex-direction: column;justify-content: flex-end;align-items: center;margin-left: 4.666vw;}
.tasty_box_right .tasty_box_twrap{color: #757575}
.tasty_box_right .tasty_box_txt01{margin-top: 0.8vw;font-size: 7.733vw;font-weight: 700;}
.tasty_box_right .tasty_box_txt01 small{font-size: 4vw;}
.tasty_box_right .tasty_box_bar{width: 16vw;height: 48.666vw;margin-top: 4vw;}
.tasty_box_arr{left: 50%;bottom: 5.333vw;margin-left: -12.266vw;width: 25.466vw;}

.tasty_bott_slide{width: 100%;height: 80.666vw;margin-top: 8vw;background-color: var(--oat);}
.tasty_bott_in{padding-top: 13.333vw;text-align: center;}
.tasty_bott_tit{margin-bottom: 3.2vw;font-size: 6.666vw;font-weight: 700;line-height: 1.3}
.tasty_bott_txt{font-size: 3.733vw;color: #333;line-height: 1.4285}
.tasty_bott_slide .underline_wrap{margin-top: 1.333vw;font-size: 3.733vw;color: #333;font-weight: 700;line-height: 4vw;}
.underline_wrap03{margin-bottom: 2.666vw;}
.tasty_bott_slide .underline{bottom: -0.266vw}
.tasty_bott .underline_wrap02{margin-top: 1.866vw}
.tasty_bott_txt:last-child{margin-top: 2.666vw}
.tasty_bott03 .tasty_bott_txt01{margin-top: 2.933vw}
.tasty_bott_paging{margin-top: 4.266vw;}
.tasty_bott_paging li{width:2.666vw;height:2.666vw}
.tasty_bott_paging li:not(.tasty_bott_paging:last-child){margin-right: 1.333vw;}
.tasty_bott_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color: var(--yellow);box-sizing: border-box;opacity: 0.4;}
.tasty_bott_paging li.swiper-pagination-bullet-active a{opacity: 1;}

/* suc */
.suc{padding-top: 18.266vw;padding-bottom: 17.333vw;}
.suc_head{padding-bottom: 9.333vw;border-bottom: 1px solid var(--yellow)}
.suc_tit01{margin-top: 3.066vw}
.suc_cont_tit{font-size: 7.733vw;font-weight: 700;line-height: 1.2758;}
.suc_cont_txt{margin-top: 2.933vw;font-size: 4vw;line-height: 1.4;}
.suc_cont_txt em{font-weight: 700}
.suc_box01{padding-top: 18.533vw;padding-bottom: 9.333vw;}
.suc_vid_tabs{margin: 8.4vw auto 0}
.suc_vid_tab{display: flex;align-items: center;justify-content: space-between;width: 64vw;height: 18vw;margin: 0 auto;padding-left: 3.2vw;padding-right: 4vw;border: 1px solid var(--red);color: var(--red);box-sizing: border-box;cursor: pointer}
.suc_vid_tab02{margin-top: 2.666vw}
.suc_vid_tab.on{border: none;background-color: var(--red);color: #fff}
.suc_tab_store{font-size: 4.266vw;font-weight: 700}
.suc_tab_detail{margin-top: 1.6vw;font-size: 3.466vw;font-weight: 500;}
.suc_tab_arr{margin-top: -1.333vw}
.suc_tab_arr .white{opacity: 0}
.suc_tab_arr .red{opacity: 1}
.suc_vid_tab.on .suc_tab_arr .white{opacity: 1}
.suc_vid_tab.on .suc_tab_arr .red{opacity: 0}
.suc_box02{width: 90.666vw;margin: 0 auto;padding-top: 9.333vw;border-top: 1px solid var(--yellow);}
.suc_vid_wrap{width: 100%}
.suc_vid{height: 50.933vw}
.suc_vid_progress{width: 100%;height: 1.066vw;margin-top: 4.933vw}
.suc_vid_progress .bar{top: 50%;margin-top: -1px;left: 0;width: 100%;height: 0.266vw;background-color: #e5d7b8}
.suc_vid_progress .bar_fill{top: 50%;left: 0;margin-top: -1px;width: 0;height: 0.266vw;background-color: var(--yellow)}
.progress_chapter{z-index: 1;position: relative;width: 1.066vw;height: 1.066vw;margin: 0 106/7.5vw;border-radius: 50%;background-color: #e5d7b8}
.progress_chapter.on{background-color: var(--yellow)}
.suc_vid_anchors{margin-top:4.933vw;}
.suc_vid_anchors .swiper-slide{width: auto;margin: 0 0.6vw;}
.suc_vid_anchor{position: relative;width: 39.6vw;height: 22.266vw;color: #fff;background-color: #000}
.suc_vid_anchor::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%) }
.suc_vid_anchors .swiper-slide.on .suc_vid_anchor{border: 2px solid var(--yellow);box-sizing: border-box}
/* .suc_vid_anchor.anchor01{background-image: url('../img/page/system/suc_vid_anchor01.jpg')}
.suc_vid_anchor.anchor02{background-image: url('../img/page/system/suc_vid_anchor01.jpg')}
.suc_vid_anchor.anchor03{background-image: url('../img/page/system/suc_vid_anchor01.jpg')}
.suc_vid_anchor.anchor04{background-image: url('../img/page/system/suc_vid_anchor01.jpg')} */
.suc_vid_anchor a{z-index: 1;position: absolute;left: 0;top: 0;display: flex;align-items: flex-end;width: 100%;height: 100%;padding-left: 2vw;box-sizing: border-box}
.anchor_txt{margin-bottom: 2.133vw;font-size: 2.666vw}
.anchor_txt .time{display: inline-block;margin-bottom: 1.733vw;font-size: 3.2vw;font-weight: 700}

/* stick */
.stick{padding-top: 13.333vw;background-color: var(--oat)}
.stick_intro{font-size: 5.066vw;line-height: 1.4210;}
.stick_intro .dot{position: absolute;top: 0;left: 50%;margin-left: -36.933vw;width: 3.2vw;height: 2.533vw;}
.stick_intro .dot.re{margin-left: 34.133vw;transform: rotate(180deg) translateY(1.2vw)}
.stick .underline_wrap{margin: 1.066vw auto 0;font-size: 5.066vw;font-weight: 700}
.stick .underline_wrap:last-child{margin-top: 2.133vw;}
.stick .underline_wrap .underline{bottom: -0.266vw;}
.stick_box{width: 81.333vw;margin: 13.333vw auto 0;padding-top: 13.333vw;padding-bottom: 13.333vw;background-color: #f3ede1}
.stick_tit{font-size: 7.733vw;font-weight: 700;line-height: 1.1034;}
.stick_sub{margin-top: 3.6vw;line-height: 1.4285}
.stick_cirs{margin-top: 4.266vw;}
.stick_cir{position: relative;width: 50.666vw;height: 50.666vw;margin: 0 auto;border-radius: 50%}
.stick_cir01{margin-top: -12.8vw;background-color: var(--yellow)}
.stick_cir02{z-index: 1;background-color: var(--red)}
.stick_cir_txt{font-size: 4vw;font-weight: 700;color: #fff;line-height: 1.333}

/* support */
.support{padding-top: 17.333vw;padding-bottom: 18.266vw;background-color: var(--oat)}
.support_tit01{margin-top: 2.933vw}
.support_tit01 img{width: 100vw;}
.support_wraps{width: 81.333vw;margin: 9.333vw auto 0}
.support_wrap{border-top: 1px solid var(--yellow);box-sizing: border-box}
.support_wrap_label{font-size: 3.333vw;color: var(--red);font-weight: 600}
.support_wrap_tit{margin-top: 2.666vw;font-size: 7.733vw;font-weight: 700;color: #333}
.support_wrap01{padding-top: 9.333vw;padding-bottom: 12.533vw;}
.support_wrap01 .support_wrap_box02{padding-top: 9.333vw;}
.support_wrap01 .support_wrap_box03{padding-top: 8.4vw;}
.support_wrap_box .highlight_wrap{margin-top: 5.2vw;font-size: 4.266vw;font-weight: 700;color: #fff}
.support_wrap_txt{margin-top: 4.4vw;font-size: 3.733vw;color: #555;line-height: 1.4285}
/* .support_wrap02{height: 78.66666666666667vw} */
.support_wrap02{padding-top: 9.333vw;}
.support_wrap02 .support_wrap_box01{padding-bottom: 9.333vw;}
.support_wrap02 .support_wrap_box02{padding-top: 9.2vw;border-top: 1px solid var(--yellow);}
.support_wrap02 .support_wrap_box01 .support_wrap_txt{margin-top: 3.6vw}
.support_wrap02 .support_wrap_box02 .support_wrap_txt{margin-top: 4.4vw}
.support_wrap_box01 .support_lists{flex-wrap: wrap;justify-content: space-between;width: 54.666vw;margin: 4.4vw auto 0}
.support_wrap_box02 .support_lists{justify-content: center;margin-top: 8vw}
.support_wrap_box01 .support_list{display: flex;align-items: center;justify-content: center;width: 26.666vw;height: 14.666vw;background-color: var(--yellow)}
.support_list:not(.support_list:nth-last-child(-n+2)){margin-bottom: 1.333vw}
.support_list.cir{display: flex;align-items: center;justify-content: center;width: 26.666vw;height: 26.666vw;border: 1px solid var(--yellow);overflow: hidden;cursor: pointer}
.support_list.cir:nth-child(2){margin: 0 -2.666vw}
.support_list.cir p{line-height: 1.2142;}