@import url('diff.css');

/* .header{filter: invert(100%);} */
/* main_visual */
.main_visual{position: relative;height: 100vh;background-color: #000;overflow: hidden;}
.main_visual iframe{filter: brightness(0.3);}
.mv_dish{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.mv_dish img{width: 82.8vw;}
#webgl-container{position: relative;height: 100%}
.mv_twrap{flex-direction: column;}
.mv_tit > img{width: 23.866vw;}
.mv_tit .color_motion img{width: 25.333vw;}
.mv_tit01{margin-top: 2.933vw;}
.mv_tit01 .color_motion img{width: 26.533vw;}
.mv_tit01 > img{width: 52.666vw;}
.mv_sub01{margin-top: 8.4vw;color: #fff;font-size: 3.733vw;}
.mv_subs{margin-top: 5.333vw;}
.mv_nums{align-items: flex-end;font-size: 17.333vw;font-weight: 700;font-family: 'NotoSerifKR'}
.mv_nums .dot{font-size: 8.533vw;}
.mv_nums .small_unit{width: 5.333vw;margin-left: 0.666vw;margin-bottom: 2vw;font-size: 5.333333333333333vw;letter-spacing: 1em;}
.mv_highlight{font-size: 4.266vw;color: #fff;font-weight: 500;}
.mv_highlight01{margin-top: 10.666vw;}
.mv_highlight:last-of-type{margin-top: 2.133vw;margin-bottom: 2.666vw;}
.mv_highlight em{font-weight: 700;}
.mv_highlight .highlight{background-color: var(--red);}

/* color motion */
.color_motion{position: relative;display: inline-block}
.color_motion .default01{position: relative;left: 50%;top: 0;transform: translateX(-50%);display: inline-block}
.color_motion .base01{overflow: hidden;position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;opacity: 0;}
.color_motion .base01 > img{position: absolute;bottom: 0;right: 0;}
.color_motion .color01{position: absolute;left: 0;bottom: 0;overflow: hidden;display: block}

/* mega */
.mega{padding-top: 17.333vw;}
.mega_tit > img:first-of-type{width: 25.2vw;}
.mega_tit .color_motion img{width: 9.066vw;}
.mega_tit > img:last-of-type{width: 12.533vw;}
.mega_sub{margin-top: 4.533vw;line-height: 1.4285;}
.mega_gra_wrap{margin-top: 30.666vw;}
.mega_gra > img{width: 100vw;}
.mega_gra_txts::after{content: '';display: inline-block;position: absolute;bottom: -0.666vw;left: 50%;transform: translateX(-50%);width: 1.6vw;height: 1.6vw;border-radius: 50%;background-color: var(--yellow);}
.mega_gra_txts01{bottom: 15.466vw;left: 6.8vw;}
.mega_gra_txts02{bottom: 30vw;left: 26.933vw;}
.mega_gra_txts03{bottom: 43.6vw;left: 45.733vw;}
.mega_gra_txts04{bottom: 57.2vw;left: 64.533vw;}
.mega_gra_txt01{display: flex;align-items: center;justify-content: center;width: 27.2vw;height: 9.733vw;font-size: 4vw;box-sizing: border-box;}
.mega_gra_txt01 em{font-size: 7.733vw;}
.mega_gra_txt01 .dot{font-size: 6.4vw;}
.mega_gra_txt01 .unit{width: 4vw;font-size: 3.466vw;letter-spacing: 0;}
.mega_gra_txt02{margin-top: 1.333vw;font-size: 3.4666vw;font-weight: 500;}
.mega_gra_line{width: 1px;height: 10.266vw;margin: 1.066vw auto 0;background-color: var(--yellow);opacity: 0.4;}
.mega_gra_txts02 .mega_gra_line{height: 14.666vw;}
.mega_gra_txts03 .mega_gra_line{height: 18.8vw;}
.mega_gra_txts04 .mega_gra_line{height: 23.2vw;}
.mega_gra_bott_txt{bottom: 9.333vw;transform: translateX(-50%);}

/* fv */
.fv{padding-top: 56.266vw;padding-bottom: 6.533vw;box-sizing: border-box;}
.fv_vid{height: 56.266vw;}
.fv_video{background-color: #999;}
.iframe_wrap{width: 100%;}
.iframe_wrap iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.fv_pre_top{height: 10.666vw;padding-left: 5.2vw;font-size: 4vw;font-weight: 500;line-height: 10.666vw;background-color: var(--yellow);}
.fv_pre{margin: 6.666vw auto 0;}
.fv_pre .swiper-wrapper{margin: 0 4.666vw;}
.fv_pre .swiper-slide{width: 40vw;margin: 0 2vw;}
.fv_pre .swiper-slide:last-of-type{margin-right: 0;}
.fv_preview{width: 100%;height: 22.933vw;background-color: #fff;}
.fv_preview .active{position: relative;width: 10.666vw;height: 10.666vw;background-image: url('../img/page/fran/fv_preview_act.png');}
/* .fv_pre .swiper-slide.swiper-slide-active .active{opacity: 1;} */
.fv_pre_tit{margin-top: 3vw;font-size: 3.466vw;line-height: 1.3846;font-weight: 500;color: #000;}
.fv_pre_name{margin-top: 1.666vw;font-size: 3.2vw;color: #999;}
.fv_pre .swiper-slide.swiper-slide-active .fv_pre_tit{color: var(--yellow);}
.fv_pre .swiper-slide.swiper-slide-active .fv_pre_name{color: var(--yellow);}
.fv_pre_btn_wrap{margin-top: 9.333vw;}
.fv_pre_btns{width: 13.333vw;height: 13.333vw;background-image: url('../img/page/fran/fv_pre_btn.png');}
.fv_pre_next{margin-left: 2.666vw;margin-top: 1px;transform: rotate(180deg);}

/* limit */
.limit{padding-top: 17.333vw;background-color: var(--oat);}
.limit_tit img, .limit_tit01 img{width: 100vw;}
.limit_tit01{margin-top: 3.333vw;}
.limit_sub{margin-top: 4.533vw;line-height: 1.5;}

.limit_flow01{top: 0;margin-left: -102.666vw;width: 16.266vw;height: 122.666vw;}
.limit_flow02{top: 0;margin-left: 90vw;width: 16.266vw;height: 122.666vw;}
.limit_flow01 .flow_item, .limit_flow02 .flow_item{height: 257.6vw;margin-bottom: 2.666vw;}
.limit_deco{z-index: 1;}
.limit_deco01{top: -20vw;margin-left: 66vw;}
.limit_deco02{top: 64.133vw;margin-left: -138vw;}
/* .limit_bg{background-color: #e6e2dc;} */
.limit_rotate{width: 77.066vw;height: 77.066vw;margin: 9.333vw auto 0;padding-top: 20.4vw; border-radius: 50%;box-sizing: border-box;background-color: #e6e2dc;}
.limit_rotate_line{background-image: url('../img/page/fran/limit_rotate01.png');animation: rotate 3s linear infinite;border-radius: 50%;}
.limit_rotate_bg{background-image: url('../img/page/fran/limit_rotate_bg.png');}
@keyframes rotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.limit_twrap{z-index: 1;}
.limit_nums{align-items: flex-end;justify-content: center;}
.limit_nums .num_wrap:first-child{margin-right: 5.6vw;margin-left: 6.933vw;}
.limit_nums .num_wrap:nth-child(2){margin-right: 3.2vw;}
.limit_nums .num{position: relative;display: inline-block;width: 9.6vw;height: 15.866vw}
.limit_nums .num_bg{display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-53%);width: 14.666vw;height: 20.8vw;background-color: var(--black);}
.limit_nums .num_txt{display: inline-block;margin-bottom: -1.333vw;font-size: 7.733vw;font-weight: 900;}
.limit_detail01{margin-top: 8.8vw;font-size: 4.533vw;font-weight: 700;}
.limit_detail01 img{display: inline-block;width: 5.333vw;margin-top: -0.266vw;}
.limit_detail02{margin-top: 2.1333vw;font-size: 4.533vw;font-weight: 700;line-height: 1.2352;}

.limit_boxes{z-index: 1;margin-top: 5.333vw;background-color: #000;}
.limit_box{box-sizing: border-box;}
.limit_box01{height: 106.666vw;padding-top: 15.333vw;background-color: var(--yellow);}
.limit_box01 .limit_box01_cir{bottom: 0;right: 0;left: 0;width: 78.133vw;height: 39.2vw;margin: 0 auto;}
.limit_box01 .limit_box_tit{font-size: 9.333vw;font-weight: 700;}
.limit_box01 .limit_box_sub{margin-top: 9.333vw;}
.limit_box01 .limit_box_sub01{margin-top: 2.666vw;}
.limit_box01 .limit_box_sub01 img{width: 90.666vw;}
.limit_box01 .limit_box_txt{margin-top: 4vw;line-height: 1.5;}

.limit_box02{padding-top: 48.266vw;height: 188.666vw;background-image: url('../img/page/fran/limit_box02_bg.jpg');}
.limit_box02_cir_slide{left: 50%;top: -32vw;transform: translateX(-50%);width: 64vw;height: 64vw;}
.limit_box02_cir_slide .swiper-slide{opacity: 0;}
.limit_box02_cir_slide .swiper-slide.swiper-slide-active{opacity: 1;}
.limit_box02_cir_wave{background-color: #fff;border-radius: 50%;}
.limit_box02_cir_wave.wave01{opacity: 0.1;}
.limit_box02_cir_wave.wave02{opacity: 0.5;}
.limit_box02.on .limit_box02_cir_wave.wave01{animation: wave01 0.6s linear infinite;}
.limit_box02.on .limit_box02_cir_wave.wave02{animation: wave02 0.6s linear infinite;}
@keyframes wave01 {
    0%{transform: scale(1);}
    100%{transform: scale(1.2);}
}
@keyframes wave02 {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}
.limit_box02_cir{width: 100%}
.limit_box02_cir01{background-image: url('../img/page/fran/limit_box02_cir01.png');}
.limit_box02_cir02{background-image: url('../img/page/fran/limit_box02_cir02.png');}
.limit_box02_cir03{background-image: url('../img/page/fran/limit_box02_cir03.png');}
.limit_box02_cir04{background-image: url('../img/page/fran/limit_box02_cir04.png');}
.limit_box02_cir .limit_cir_marker{width: 11.6vw;height: 16.133vw;}
.limit_box02_cir01 .limit_cir_marker{bottom: 8.8vw;left: 50%;margin-left: -5.733vw;}
.limit_box02_cir02 .limit_cir_marker{bottom: 7.733vw;left: 50%;margin-left: 6.4vw;}
.limit_box02_cir03 .limit_cir_marker{bottom: 13.2vw;left: 24.666vw;}
.limit_box02_cir04 .limit_cir_marker{bottom: 12.933vw;left: 50%;margin-left: -6vw;}
.limit_box02_wrap{flex-direction: column;width: 100%;}
.limit_box02_cont{margin: 0 auto;}
.limit_box02 .limit_box_tit{font-size: 6.133vw;line-height: 1.3043;font-weight: 700;}
.limit_box_tabs{flex-wrap: wrap;width: 61.333vw;height: 16.8vw;margin: 5.333vw auto 0;border: 1px solid var(--yellow);box-sizing: border-box;}
.limit_box_tab{width: 50%;height: 50%;box-sizing: border-box;cursor: pointer;}
.limit_box_tab.swiper-pagination-bullet-active{background-color: var(--yellow);}
.limit_box_tab:nth-child(-n+2){border-bottom: 1px solid var(--yellow);}
.limit_box_tab:nth-child(odd){border-right: 1px solid var(--yellow);}
.limit_box_tab .tab_name{font-size: 3.733vw;font-weight: 700;color: var(--yellow);line-height: 8.4vw;text-align: center;}
.limit_box_tab.swiper-pagination-bullet-active .tab_name{color: #fff;}
.limit_box02 .limit_box_sub{margin-top: 13.333vw;font-size: 5.066vw;font-weight: 700;color: #fff;}
.limit_box02 .limit_box_detail{margin-top: 4.266vw;line-height: 1.5;color: #ccc;}
.limit_box_cirs{width: 82vw;height: 54.133vw;margin: 4.4vw auto 0;}
.limit_box_cir{display: flex;align-items: center;justify-content: center;position: absolute;width: 13.066vw;height: 13.066vw;border-radius: 50%;font-size: 3.466vw;font-weight: 700;}
.limit_box_cir01, .limit_box_cir05{width: 18.4vw;height: 18.4vw;}
.limit_box_cir01{top: 8.266vw;left: 0;background-color: rgba(168,63,29,0.6);}
.limit_box_cir02{top: 10vw;left: 27.866vw;width: 26.266vw;height: 26.266vw;font-size: 3.733vw;background-color: rgba(168,63,29,1);}
.limit_box_cir03{top: 0;left: 53.466vw;background-color: rgba(168,63,29,0.8);}
.limit_box_cir04{top: 34.8vw;left: 15.066vw;background-color: rgba(168,63,29,0.7);}
.limit_box_cir05{top: 35.6vw;left: 46.666vw;background-color: rgba(168,63,29,0.4);}
.limit_box_cir06{top: 22.133vw;right: 0;background-color: rgba(168,63,29,0.5);}


/* such */
.such{height: 191.733vw;}
.such_bg{height: 155.733vw;background-image: url('../img/page/fran/such_bg.png');}
.such_wrap{height: 155.733vw;flex-direction: column;}
.such_tit01{margin-top: 2.4vw;margin-bottom: 9.333vw;}
.such_tit01 .color_motion img{width: 100vw;}
.such_cont_list{width: 29.066vw;height: 29.066vw;margin: 0 0.8vw;border-radius: 50%;background-color: var(--red);text-align: center;}
.such_cont_list_line{bottom: -8.933vw;margin-left: -27.466vw;width: 54.933vw;height: 10.933vw;background-image: url('../img/page/fran/such_cont_list.png');}
.such_cont_list p{line-height: 1.4;color: #fff;font-weight: 500;}
.such_cont_txt01{margin-top: 10.266vw;font-size: 4.533vw;font-weight: 700;color: #fff;}
.such_cont_txt01 .highlight{top: -1.466vw;bottom: -1.466vw;left: -2vw;right: -2vw;background-color: var(--yellow);}
.such_cont_txt02{margin-top: 5.866vw;font-weight: 500;line-height: 1.4285;}
.such_flow .flow_item{width: 36vw;height: 36vw;}

/* right */
.right{padding-top: 17.333vw;padding-bottom: 44vw;}
.right_tit01{margin-top: 2.666vw;}
.right_sub{margin-top: 8vw;font-size: 5.333vw;line-height: 1.3;font-weight: 500;}
.right_sub img{position: absolute;width: 3.6vw;}
.right_sub img:first-child{top: -1.333vw;left: 7.6vw;}
.right_sub img:last-child{top: -1.333vw;right: 7.6vw;transform: rotate(180deg);}

.right_mid{margin-top: 69.866vw;}
.right_mid_wrap{flex-direction: column;justify-content: center;width: 37.333vw;height: 37.333vw;border-radius: 50%;border: 1px solid var(--yellow);background-color: #fff;box-sizing: border-box;}
.right_mid_wrap .right_mid_txt01{font-size: 3.466vw;}
.right_mid_wrap .right_mid_txt02{margin-top: 2.666vw;font-size: 5.333vw;font-weight: 700;}
.right_mid_wrap .right_mid_txt03{margin-top: 2.266vw;font-size: 3.466vw;}
.right_mid_wrap .right_mid_txt02 .dot{font-size: 4vw;}
.right_mid_wrap::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.right_mid_wrap01{z-index: 1;top: -57.6vw;left: 50%;transform: translateX(-50%);}
.right_mid_wrap02{top: -15.333vw;margin-left: 4vw;font-size: 4.266vw;line-height: 1.25;font-weight: 700;}
.right_mid_wrap02::after{content: '';position: absolute;left: -4.666vw;bottom: -3.466vw;width: 3.866vw;height: 1px;background-color: var(--yellow);transform: rotate(-45deg);}
.right_mid_wrap03{width: 85.866vw;height: 49.066vw;background-color: var(--yellow);border-radius: 24vw;}
.right_mid_wrap03 .right_wave{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid var(--yellow);}
.right_mid_wrap03 .right_wave.wave01{width: 102vw;height: 63.733vw;border-radius: 24vw;opacity: 0.3;}
.right_mid_wrap03 .right_wave.wave02{width: 131.333vw;height: 93.066vw;border-radius: 24vw;opacity: 0.3;}
.right_mid_wrap03 .right_wave.wave03{width: 168.133vw;height: 115.066vw;border-radius: 24vw;opacity: 0.4;}
.right_mid_wrap03 .right_sl{padding-top: 8.933vw;box-sizing: border-box;}
.right_mid_wrap03 .right_nums{justify-content: center;margin-top: 3.333vw;font-size: 5.866vw;}
.right_mid_wrap03 .right_nums .num{font-size: 7.733vw;}
.right_mid_wrap03 .right_nums .dot{font-size: 6.4vw;}
.right_mid_wrap03 .right_nums .unit{font-size: 7.733vw;}
.right_mid_wrap03 .right_sl_txt{margin-top: 2.933vw;}
.right_mid_wrap03 .right_slide_paging{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: -8vw;}
.right_mid_wrap03 .right_slide_paging li{width:2.666vw;height:2.666vw;margin-left:1.733vw}
.right_mid_wrap03 .right_slide_paging li:first-child{margin-left:0}
.right_mid_wrap03 .right_slide_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color: #fff;box-sizing: border-box;opacity: 0.4;}
.right_mid_wrap03 .right_slide_paging li.swiper-pagination-bullet-active a{opacity:  1;}
.right_mid_wrap04{font-size: 3.2vw;font-weight: 700;}
.right_mid_wrap05{top: -53.866vw;margin-left: 14.8vw;width: 29.866vw;height: 29.866vw;border-color: #ccc;color: #ccc;}
.right_mid_wrap05 .right_mid_txt01,
.right_mid_wrap05 .right_mid_txt03{font-size: 2.666vw;}
.right_mid_wrap05 .right_mid_txt02{font-size: 4.266vw;}

.right_bott .right_bott_txt01{margin-top: 36.4vw;font-size: 7.733vw;font-weight: 700;color: #222;line-height: 1.2068;}
.right_bott .right_bott_txt02{margin-top: 6.933vw;}
.right_bott .right_bott_txt02,
.right_bott .right_bott_txt03{font-size: 5.333vw;font-weight: 700;line-height: 1.375;}
.right_bott .right_bott_txt02 em,
.right_bott .right_bott_txt03 em{color: var(--red);}
.right_bott .underline{bottom: 0.666vw;}
.right_deco{bottom: 93vw;left: 50%;margin-left: -50vw;transform: scale(0.7);}

/* every */
.every{padding-top: 17.333vw;background-image: url('../img/page/fran/every_bg.jpg');}
.every_tit{font-size: 9.333vw;font-weight: 700;}
.every_sub{margin-top: 4.4vw;line-height: 1.4285;}
.every_flow.flow_container{height: 30.666vw;margin-top: 8.666vw;overflow: visible;}
.every_list{width: 53.333vw;height: 30.666vw;padding: 1.333vw;box-sizing: border-box;background-color: #fff;margin-right: 2.666vw;}
.every_li_wrap{width: 100%;height: 100%;border: 1px solid var(--yellow);box-sizing: border-box;}
.every_li_wrap:not(.every_li_wrap:last-child){margin-right: 2.666vw;}
.every_li_txt01{display: inline-block;height: 6.666vw;padding: 0 2.4vw;line-height: 6.666vw;font-size: 3.466vw;background-color: var(--yellow);}
.every_li_txt02{margin-top: 4.133vw;font-size: 7.733vw;}
.every_li_txt03{margin-top: 2.133vw;font-size: 3.466vw;color: var(--gray333);}

.every_cont{padding-top: 17.333vw;box-sizing: border-box;}
.every_cont_tit01, .every_cont_tit02{margin-top: 2.4vw;}
.every_cont_subs{margin-top: 13.066vw;}
.every_cont_subs .every_cont_sub{font-size: 6.666vw;color: #fff;font-weight: 700;}
.every_cont_subs .every_cont_sub:not(.every_cont_sub:first-child){margin-top: 2vw;}
.every_cont_subs .every_cont_sub em{color: var(--yellow);}
.every_cont_wrap_line{width: 100%;height: 1px;margin-top: 5.333vw;background-color: #fff;opacity: 0.5;}
.every_cont_detail{margin-top: 6.266vw;line-height: 1.5;}
.every_cont_cir{color: #fff;overflow: hidden;box-sizing: border-box;}
.every_cont_cir .cir_txt01{font-size: 5.066vw;font-weight: 700;}
.every_cont_cir .cir_txt01 em{font-size: 12vw;}
.every_cont_cir .cir_txt02{margin-top: 1.333vw;font-size: 3.733vw;}
.cont_wrap_tit{font-size: 6.133vw;font-weight: 700;line-height: 1.3043;}
.cont_wrap_detail{font-size: 3.733vw;line-height: 1.4285;color: #ccc;}
.cont_wrap_detail em{font-weight: 700;}
.cont_wrap_detail.detail01{margin-top: 2.666vw;}
.cont_wrap_detail.detail02{margin-top: 1.333vw;}

.every_cont_wrap01{height: 106.666vw;margin-top: 8.133vw;}
.every_cont_wrap01 .every_cont_cir{flex-direction: column;width: 106.666vw;height: 106.666vw;padding-left: 29.733vw;padding-top: 21.2vw;background-image: url('../img/page/fran/every_cont_cir01.png');}
.every_cont_wrap01 .cir_txt02{margin-top: 2.133vw;}
.every_cont_wrap01 .every_cont_twrap{margin-top: 3.066vw;}

.every_cont_wrap02{height: 133.333vw;margin-top: -9.866vw;}
.every_cont_wrap02 .every_cont_cir{width: 133.333vw;height: 133.333vw;padding-top: 15.6vw;padding-left: 43.066vw;background-color: var(--yellow);color: var(--black);}
.every_cont_wrap02 .every_cont_wrap_line{background-color: var(--black);}
.every_cont_wrap02 .cir_txt02{margin-top: 2.133vw;}
.every_cont_wrap02 .every_cont_twrap{margin-top: 4.133vw;}
.every_cont_wrap02 .cont_wrap_detail{color: var(--black);}
.every_cont_wrap02 .cont_wrap_box{margin-top: 4.266vw;margin-left: -20vw;}
.every_cont_wrap02 .cont_wrap_box img{width: 87.2vw;}

.every_cont_wrap03{height: 106.666vw;margin-top: -9.333vw;}
.every_cont_wrap03 .every_cont_cir{width: 106.666vw;height: 106.666vw;padding-top: 17.2vw;padding-left: 29.866vw;background-color: var(--red);}
.every_cont_wrap03 .every_cont_cir_twrap{align-items: flex-end;}
.every_cont_wrap03 .every_cont_cir_twrap .cir_txt01{font-size: 5.066vw;}
.every_cont_wrap03 .wrap01{margin-right: 5.2vw;}
.every_cont_wrap03 .wrap01 .cir_txt01 em{font-size: 6.666vw;}
.every_cont_wrap03 .wrap02 .cir_txt01 em{font-size: 9.866vw;}
.every_cont_wrap03 .every_cont_twrap{margin-top: 2.4vw;margin-left: 2.666vw;}
.every_cont_wrap03 .cont_wrap_tit em{color: var(--black);}
.every_cont_wrap03 .cont_wrap_detail em{color: #fff;}

.every_bott{align-items: flex-end;justify-content: center;height: 101.733vw;margin-top: 17.333vw;background-image: url('../img/page/fran/every_bott.jpg');}
.every_gra_wrap{align-items: flex-end;justify-content: center;}
.every_bott .every_gra01{justify-content: flex-end;width: 38.666vw;height: 49.6vw;padding-top: 9.333vw;padding-right: 2.266vw;background-image: url('../img/page/fran/every_gra01.png');box-sizing: border-box;}
.every_bott .every_gra02{width: 38.666vw;height: 74.933vw;padding-top: 14.533vw;padding-left: 3.066vw;background-image: url('../img/page/fran/every_gra02.png');box-sizing: border-box;}
.every_bott .every_gra .gra_chat{position: absolute;font-size: 3.6vw;font-weight: 700;color: #fff;text-align: center;line-height: 6.266vw;background-color: var(--yellow);}
.every_bott .every_gra02 .gra_chat{background-color: var(--black);color: #999;}
.every_bott .every_gra .gra_chat::after{content: '';position: absolute;left: 50%;bottom: -0.8vw;transform: translateX(-50%) rotate(45deg);width: 1.6vw;height: 1.6vw}
.every_bott .every_gra01 .gra_chat::after{background-color: var(--yellow);}
.every_bott .every_gra02 .gra_chat::after{background-color: var(--black);}
.every_bott .every_gra .gra_chat.red::after{background-color: var(--red);}
.every_bott .every_gra01 .gra_chat01{left: -6.266vw;bottom: 7.733vw;width: 13.466vw;}
.every_bott .every_gra01 .gra_chat02{left: -2.133vw;bottom: 36.266vw;width: 19.6vw;}
.every_bott .every_gra01 .gra_chat02_01{left: -2.133vw;bottom: 27.6vw;width: 19.6vw;}
.every_bott .every_gra01 .gra_chat03{left: 6.666vw;bottom: 69.333vw;width: 24vw;font-size: 5.333vw;line-height: 9.333vw;background-color: var(--red);}
.every_bott .every_gra01 .gra_chat03_01{left: 0.933vw;bottom: 56vw;width: 35.466vw;font-size: 5.333vw;line-height: 9.333vw;background-color: var(--red);}

.every_bott .every_gra02 .gra_chat03{right: -6.266vw;bottom: 7.733vw;width: 13.466vw;}
.every_bott .every_gra02 .gra_chat02{right: -3.333vw;bottom: 59.2vw;width: 13.066vw;padding: 0;text-align: center;width: 19.6vw;}
.every_bott .every_gra02 .gra_chat02_01{right: -3.333vw;bottom: 50.8vw;width: 13.066vw;padding: 0;text-align: center;width: 19.6vw;}
.every_bott .every_gra02 .gra_chat02_02{right: -3.333vw;bottom: 43.466vw;width: 13.066vw;padding: 0;text-align: center;width: 19.6vw;}
.every_bott .every_gra02 .gra_chat02_03{right: -4.4vw;bottom: 35.066vw;width: 21.6vw;}
.every_bott .every_gra02 .gra_chat01{right: 5vw;bottom: 80.8vw;width: 28vw;font-size: 4.266vw;line-height: 7.6vw;color: #fff;}

.every_bott .every_gra01 .gra_emoji{position: absolute;left: 0;bottom: 0;width: 5.2vw}
.every_bott .every_gra01 .gra_emoji01{transform: translate(-2.133vw, 0);}
.every_bott .every_gra01 .gra_emoji02{transform: translate(5.066vw, -20vw);}
.every_bott .every_gra01 .gra_emoji03{transform: translate(16.133vw, -46.666vw);}
.every_bott .every_gra02 .gra_emoji{position: absolute;right: 0;bottom: 0;width: 5.2vw}
.every_bott .every_gra02 .gra_emoji01{transform: translate(2.133vw, 0);}
.every_bott .every_gra02 .gra_emoji02{transform: translate(-3.866vw, -27.6vw);}
.every_bott .every_gra02 .gra_emoji03{transform: translate(-16.4vw, -72.266vw);}

.every_bott .gra_txts{display: inline-block}
.every_bott .every_gra02 .gra_txts{color: var(--gray999);}
.every_bott .gra_txt01{font-size: 5.333vw}
.every_bott .gra_txt01 em{display: inline-block;transform: translateY(0.4vw);font-size: 7.733vw;}
.every_bott .gra_txt02{margin-top: 0.666vw;font-weight: 500;}

/* hot */
.hot{padding: 17.333vw 0;background-color: var(--yellow);}
.hot_flow.flow_container{left: 0;top: 16.4vw;display: flex;align-items: center;overflow: visible;height: 84vw;}
.hot_flow .flow_item{margin-right: 12vw;}
.hot_flow .flow_item img{height: 12.133vw;}
.hot_details{display: block;margin-top: 9.733vw;}
.hot_detail{font-size: 4.266vw;}
.hot_detail.highlight_wrap{margin-top: 2.4vw;}
.hot_detail.highlight_wrap:first-child{margin-top: 0;}

.hot_half{z-index: 1;height: 122.133vw;padding-top: 12vw;margin-top: 10.8vw;box-sizing: border-box;}
/* .hot_half_bg{background-image: url('../img/page/fran/hot_half_bg.png')} */
.hot_half_bg{top: 0;margin-left: -122.133vw;width: 244.266vw;height: 122.133vw;border-radius: 0 0 122.133vw 122.133vw;background-color: #000;}
.hot_half_bg iframe{filter: brightness(0.8);}
.hot_half_tit{font-size: 6.133vw;line-height: 1.3043;}
.hot_half_sub{margin-top: 2.933vw;line-height: 1.4285;}
.hot_half_detail{width: 57.2vw;margin: 8.266vw auto 0;}
.hot_half_lists{margin-top: -1px;}
.hot_half_list{position: relative;display: flex;align-items: center;justify-content: center;width: 36vw;height: 36vw;}
.hot_half_list:not(.hot_half_list:last-child){margin-right: -10vw;}
.hot_half_list svg{width: 36vw;height: 36vw;}
.hot_half_list svg circle{opacity: 0.4;stroke-width: 1px;}
.hot_half_list_txt{font-size: 4vw;line-height: 1.3;text-align: center;}

.hot_cont{margin-top: -9.466vw;padding-top: 24.266vw;padding-bottom: 13.6vw;border: 1px solid #000;box-sizing: border-box;}
.hot_cont_line01, .hot_cont_line02{width: 1px;height: 26.666vw;background-color: var(--darkOcher);}
.hot_cont_line01{bottom: -13.333vw;margin-left: -113.333vw;}
.hot_cont_line02{bottom: -13.333vw;margin-left: 113.2vw;}
.hot_cont_tit{margin-top: 2.266vw;font-size: 6.133vw;}
.hot_cont_tit:first-child{margin-top: 6.666vw;}
.hot_cont_txt{margin-top: 1.866vw;font-size: 3.733vw;line-height: 1.4285;}
.hot_cont_txt01{margin-top: 5.333vw;}
.hot_cont_lists{flex-wrap: wrap;margin-top: 7.866vw;}
.hot_cont_list01{width: 100%;}
.hot_cont_list02, .hot_cont_list03{margin-top: -3.333vw;}
.hot_cont_list02{margin-right: 10.666vw;}
.hot_cont_list .cir{width: 37.333vw;margin: 0 auto;}
.hot_cont_list .list_txt01{margin-top: 2.8vw;}
.hot_cont_list .list_txt02{margin-top: 0.933vw;font-size: 7.733vw;}
.hot_cont_list .list_txt02 em{display: inline-block;transform: translateY(0.666vw);font-size: 9.866vw;}
.hot_cont_list .list_txt02 .dot{font-size: 6.4vw;}

.hot_box{padding-top: 13.333vw;padding-bottom: 26.133vw;background-color: #fff;}
.hot_box_tit{font-size: 7.733vw;}
.hot_box_sub{margin-top: 4.4vw;line-height: 1.4285;}
.hot_box_bars{align-items: flex-end;justify-content: center;margin-top: 23.733vw;}
.hot_box_bar{width: 22.666vw;height: 68vw;padding-top: 17.2vw;background-image: url('../img/page/fran/hot_box_bar.png');box-sizing: border-box;}
.hot_box_bar01{margin-right: 4.666vw;}
.hot_box_bar02{padding-top: 11.866vw;}
.hot_box_bar01 .bar_fill_bg{left: 0;bottom: 0;width: 22.666vw;height: 33.333vw;}
.hot_box_bar02 .bar_fill_bg{left: 0;bottom: 0;width: 22.666vw;height: 44vw;}
.bar_fill_twrap{bottom: -12.4vw;transform: translateX(-50%);width: 100%;}
.hot_box_bar .fill_txt01{font-size: 3.2vw;line-height: 4.8vw;}
.hot_box_bar .fill_txt01 em{font-size: 4vw;}
.hot_box_bar .fill_txt02{top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 4vw;color: #fff;}
.hot_box_bar02 .fill_txt02{margin-top: 5vw;}
.hot_box_bar .fill_txt02 em{font-size: 8.8vw;}
.hot_box_bar .fill_txt02 .unit{display: inline-block;margin-top: 2.4vw;}
.hot_box_cirs{top: -12.6vw;margin-left: -12.6vw;width: 25.2vw;height: 25.2vw;}
.hot_box_cirs .cir{background-color: var(--red);}
.hot_box_cirs .cir01{opacity: 0.1;}
.hot_box_cirs .cir02{opacity: 0.2;}
.hot_box_cirs .cir .cir_txt{padding-top: 0.933vw;font-size: 4.266vw;line-height: 1.25;}

/* long */
.long{padding-top: 17.333vw;padding-bottom: 17.333vw;background-color: #f3ede1;}
.long_tit{font-size: 9.866vw;font-weight: 700;}
.long_sub{margin-top: 2.933vw;font-size: 4.266vw;line-height: 1.4375;}
.long_top{margin-top: 8vw;}
/* .long_top_box{width: 100%;height: 74.666vw;background-image: url('../img/page/fran/long_top_box_bg.jpg');} */
.long_top_box{width: 100%;height: 74.666vw;background-color: #000;}
.long_top_box_vid iframe{filter: brightness(0.5);}
.long_top_box_twrap .box_tit{font-size: 7.733vw;line-height: 1.2758}
.long_top_box_twrap .box_txt{margin-top: 3.466vw;line-height: 1.5}
.long_top_lists{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 9.333vw;}
.long_top_list{display: flex;align-items: center;width: 71.2vw;padding: 4vw 0;border-bottom: 1px solid var(--yellow);}
.long_top_list:first-child{padding-top: 0;}
.long_top_list .list_cir{display: flex;align-items: center;justify-content: center;width: 17.333vw;height: 17.333vw;border-radius: 50%;color: #fff;font-size: 3.466vw;font-weight: 700;letter-spacing: -0.04em;}
.long_top_list .list_txt01{margin-left: 2.8vw;font-size: 8.8vw;font-weight: 700;}
.long_top_list .list_txt02{margin-left: 2vw;font-size: 3.466vw;line-height: 1.5769;}
.long_top_list .list_txt02 em{font-weight: 700}

.long_bott{margin-top: 11.733vw;align-items: center;}
.long_bott_tit{font-size: 7.733vw;line-height: 1.2758;}
.long_bott_sub{margin-top: 3.733vw;font-size: 4vw;line-height: 1.4;}
.long_bott_cirs{flex-direction: column;align-items: center;justify-content: center;width: 67.7333vw;margin: 8.266vw auto 0;}
.long_bott_cir{width: 34.666vw;height: 34.666vw;transition: all 0.4s ease;}
.long_bott_cir .long_bott_cir_wave{border: 1px solid var(--darkOcher);box-sizing: border-box;}
.long_bott_cir.on .long_bott_cir_wave01{
    opacity: 0.4;
    animation: longWave01 0.7s linear infinite;
}
@keyframes longWave01 {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}
.long_bott_cir.on .long_bott_cir_wave02{
    opacity: 0.2;
    animation: longWave02 0.7s linear infinite;
}
@keyframes longWave02 {
    0%{transform: scale(1);}
    100%{transform: scale(1.2);}
}
.long_bott_cir02 .long_bott_cir_wave{border: 1px solid var(--red);}
.long_bott_cir01{margin-bottom: -7.866vw;background-color: var(--darkOcher);}
.long_bott_cir_deco{z-index: 1;width: 52.533vw;}
.long_bott_cir02{margin-top: -7.866vw;background-color: var(--red);}
.long_bott_cir.on{width: 67.733vw;height: 67.733vw;}
.long_bott_cir01.on{margin-bottom: -14.8vw;}
.long_bott_cir02.on{margin-top: -14.8vw;}
.long_bott_cir .default{opacity: 1;font-size: 4.266vw;color: #fff;font-weight: 700;letter-spacing: -0.04em;line-height: 1.363;}
.long_bott_cir.on .default{opacity: 0;}
.long_bott_cir .active{flex-direction: column;opacity: 0;}
.long_bott_cir.on .active{width: 67.733vw;height: 67.733vw;opacity: 1;}
.long_bott_cir .active_txt{font-size: 5.066vw;letter-spacing: -0.04em;line-height: 1.3157;font-weight: 700}
.long_bott_cir .active_txt em{color: #fac45f;}
.long_bott_cir .active_btn{display: inline-block;width: 22.4vw;height: 7.2vw;margin-top: 4.8vw;font-size: 3.466vw;line-height: 7.2vw;text-align: center;border: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;}

/* compare */
.compare{padding-top: 17.466vw;box-sizing: border-box;background-color: #f8f6f3;}
.compare_tit01{margin-top: 2.4vw;}
.compare_tit .color_motion{margin-left: 2vw;width: 34.666vw;}
.compare_sub{margin-top: 4vw;font-size: 4vw}
.compare_boxes{margin-top: 8vw;}
.compare_box{flex-direction: column;align-items: center;justify-content: start;width: 81.33333333333333vw;margin: 0 auto;padding-top: 5.333vw;box-sizing: border-box;}
.compare_box.box01 .compare_box01_img{width: 53.333vw;}
.compare_box.box02{height: 116.4vw;border: 0.266vw solid var(--yellow);background-color: #fff;}
.compare_box.box02 .compare_box02_img{width: 62.666vw}
.compare_box.box02 .compare_logo{width: 28.8vw;margin: 5.066vw auto 0;}
.compare_box_sub{margin-top: 5.333vw;font-size: 4.533vw;color: var(--gray333);}
.compare_box01_twrap .compare_box_txt{margin-top: 4vw;}
.compare_box01_twrap .compare_box_txt01{margin-top: 6.666vw;}

.compare_box02_twrap .compare_box_txt{margin-top: 5.466vw;font-size: 4.533vw;font-weight: 700;letter-spacing: -0.04em;}
.compare_box02_twrap .compare_box_txt01{margin-top: 9.333vw;}
.compare_chk{margin-right: 0.666vw;}
.compare_box02_twrap .compare_box_txt em{color: var(--yellow);}
.compare_box02_twrap .compare_chk{display: inline-block;width: 3.6vw;margin-right: 2vw;}

.comfare_flow01_wrap{margin-top: 25.6vw;padding-bottom: 2.666vw;}
.comfare_flow_tit{font-size: 7.733vw;}
.comfare_flow_txt{line-height: 1.4285;}
.comfare_flow_txt01{margin-top: 4.533vw;}
.comfare_flow_txt02{margin-top: 1.866vw;}
.compare_flow01{margin-top: 8.266vw;}
.comfare_flow_tit_heart{top: -11.066vw;margin-left: 4vw;width: 8.533vw;}
.comfare_flow_tit_insta{top: -13.066vw;margin-left: -12.266vw;width: 11.6vw;}
.compare_flow01 .flow_item, .compare_flow02 .flow_item{width: 45.333vw;height: 45.333vw;margin-right: 2.666vw;}

.compare_flow02{margin-top: 2.666vw;}
/* with */
.with{padding-top: 14.8vw;padding-bottom: 17.333vw;background-image: url('../img/page/fran/with_bg.jpg');}
.with_tit:last-of-type{margin-top: 2.666vw;}
.with_top{margin-top: 9.466vw;}
.with_top_box{display: flex;align-items: center;justify-content: center;width: 80vw;height: 12.266vw;padding: 0.8vw;margin: 0 auto;box-sizing: border-box}
.with_top_box:last-child{margin-top: 2.666vw;}
.with_top_box_txt{width: 100%;height: 100%;text-align: center;line-height: 10.666vw;font-size: 4vw;font-weight: 700;letter-spacing: -0.04em;}
.with_top_box.bg_w .with_top_box_txt{border: 1px solid var(--red);}
.with_top_box.bg_y .with_top_box_txt{border: 1px solid #fff;color: var(--darkOcher);}
.with_top_box_txt em{font-size: 5.333vw;}
.with_sub{margin-top: 4.533vw;font-size: 4vw;line-height: 1.4;}
.with_boxes{margin-top: 6.666vw;}
.with_box_deco{bottom: -28.133vw;margin-left: -33.133vw;width: 66.266vw;height: 65.733vw;}
.with_box{border: 1px solid var(--yellow);box-sizing: border-box;}
.with_box01{height: 103.6vw;padding-top: 13.333vw;background-color: #f8f6f3;}
.with_box_tit{font-size: 6.666vw;}
.with_box_txt{color: var(--gray333);line-height: 1.4285;}
.with_box_txt01{margin-top: 4.533vw;}
.with_box_txt02{margin-top: 1.6vw;}
.with_box_cir{margin-top: 8.4vw;}
.with_box_cir .cir{display: flex;align-items: center;justify-content: center;width: 25.866vw;height: 25.866vw;margin: 0 0.933vw;border-radius: 50%;background-color: var(--red);}
.with_box_cir .cir03{margin-right: 0;}
.with_box_cir .cir p{padding-top: 1.333vw;font-size: 5.066vw;line-height: 1.2105;text-align: center;}

.with_box02{margin-top: 4.666vw;padding-top: 13.333vw;padding-bottom: 12.533vw;background-color: #f3ede1}
.with_box02_wraps{margin-top: 9.2vw;}
.with_box02_01{width: 76vw;height: 59.733vw;margin: 0 auto;}
.with_box_sub{margin-top: 6.933vw;font-size: 4.266vw;color: #fff}
.with_box_sub .highlight{background-color: var(--darkOcher);}
.with_box02_txt{color: var(--gray555);font-size: 3.466vw;line-height: 1.4615;}
.with_box02_txt em{color: var(--black);}
.with_box02_txt01{margin-top: 5.6vw;}
.with_box02_txt02{margin-top: 1.6vw;}

.with_box02_02{margin: 8vw auto 0;width: 72.133vw;height: 25.733;}
.with_box02_wrap02 .with_box02_txt{margin-top: 6.133vw;}

/* profit */
.profit{padding-top: 17.333vw;padding-bottom: 17.333vw;}
.profit_tit{font-size: 9.333vw;font-weight: 700;}
.profit .highlight{background-color: var(--black);}
.profit_wrap{margin-top: 3.733vw;justify-content: space-between;}
.profit_graph{margin-left: 15.733vw;margin-top: 10.4vw;width: 79.6vw;height: 67.4666vw;background-image: url('../img/page/fran/profit_graph.png');}
.profit_graph_twrap{display: inline-block;position: absolute;top: -1.333vw;left: -9.333vw;font-weight: 700}
.profit_graph_twrap .graph_txt{align-items: flex-end;justify-content: flex-end;font-size: 4.133vw;margin-right: -1.2vw;}
.graph_profit_num{margin-top: 2vw;color: #fff;font-size: 6.4vw;}
.graph_profit_num .flex{align-items: flex-end;}
.profit_table .table{width: 79.2vw;height: 94.4vw;margin: 7.066vw auto 0;}

/* cost */
.cost{padding-top: 17.333vw;padding-bottom: 15.866vw;box-sizing: border-box;}
.cost_tit{font-size: 9.333vw;font-weight: 700;}
.area_wrap{gap: 4.26vw;margin-top: 6.66vw;}
.area_wrap li{width: 33.333vw;height: 9.333vw;display: flex;align-items: center;justify-content: center;cursor: pointer;background-color: #705a2f;color: #fff;font-size: 3.33vw;font-weight: 700;transition: all 0.2s linear;}
.area_wrap li.on{background-color: #fff;color: #705a2f;}
.cost_wrap{margin: 13.066vw auto 0;width: 90.533vw;}
.cost_deco{width: 80vw;}

/* inquiry */
.inquiry{padding-top: 17.333vw;padding-bottom: 14.133vw;background-color: var(--oat);}
.inquiry_tit{margin-bottom: 9.333vw;font-size: 9.333vw;font-weight: 700;}


.main_visual.video_visual{background-color:#000;height: 35vh}
.main_visual.video_visual iframe{filter: none;}