.background{background-color: var(--oat);}
/* mission */
.mission{padding-top: 49.6vw}
.mission_deco01{top: 23.466vw;margin-left: -45.333vw;width: 22.133vw;}
.mission_deco02{top: 80vw;margin-left: 23.066vw;width: 22vw;}
.mission_tit > img{width: 32.533vw;}
.mission_tit .color_motion img{width: 39.6vw;}
.mission_sub01{margin-top: 5.466vw;font-size: 5.066vw;font-weight: 700;}
.mission_sub02{margin-top: 2.666vw;}
.mission_cont{height: 120vw;margin-top: 36.8vw;padding-top: 21.066vw;box-sizing: border-box;}
.mission_cont_bg{top: 0;margin-left: -45.333vw;width: 100%;height: 120vw;background-image: url('../img/page/menu/mission_cont_bg.jpg');}
.mission_cont .cont_tit{font-size: 7.733vw;font-weight: 700;}
.mission_cont .cont_sub{margin-top: 2.933vw;color: var(--gray555);line-height: 1.6666;}
.mission_cont .cont_lists{flex-wrap: wrap;justify-content: center;margin-top: 11.466vw}
.mission_cont .cont_list{display: flex;flex-direction: column;align-items: center;}
.mission_cont .cont_list01{width: 100%;margin-bottom: 9.333vw;}
.mission_cont .cont_list02{margin-right: 13.866vw;width: 27.733vw;}
.mission_cont .cont_list03{width: 27.733vw;}
.mission_cont .cont_list .highlight_wrap{font-size: 3.733vw;font-weight: 700;color: #fff;}
.mission_cont .cont_list .highlight{top: -2vw;bottom: -2vw;left: -2.666vw;right: -2.8vw;background-color: var(--red);}
.mission_nums{margin-top: 2.666vw;letter-spacing: -0.03em;font-weight: 800;}
.mission_nums .num{font-size: 13.333vw;margin: -0.2vw;}
.mission_nums .unit{margin-top: 5.333vw;font-size: 6vw;}

/* foreigner */
.foreigner{padding: 17.333vw 0;border-top: 1px solid var(--yellow);border-bottom: 1px solid var(--yellow);}
.foreigner_in .tit{font-size: 7.733vw;font-weight: 700;line-height: 1.2413;}
.foreigner_in .des{margin-top: 3.866vw;color: #555;}
.foreigner_dot{margin-top: 8vw;}
.foreigner_dot img{width: 3.2vw;}
.foreigner_in .list_warp li{margin-bottom: 2.666vw;font-weight: 700;opacity: 0.4;transition: all 0.3s ease}
.foreigner_in .list_warp li.on{opacity: 1;}
.foreigner_in .list_warp li.on span{color: var(--yellow);}
.foreigner_in .list_warp li:first-child{margin-top: 3.333vw;}
.foreigner_in .list_warp li:last-child{margin-bottom: 9.2vw;}
.foreigner_in .video_wrap{position: relative;width: 90.666vw;height: 52vw;margin: 0 auto;}
.foreigner_in .video_wrap video{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.foreigner .video_wrap .video_sounds{position: relative;width: 40vw;height: 9.333vw;}
/* .foreigner .video_wrap .sound02{width: 42.666vw;height: 12vw;background-image:url('../img/page/menu/foreigner_sound02.png')}
.foreigner .video_wrap .sound03{width: 45.333vw;height: 14.666vw;background-image:url('../img/page/menu/foreigner_sound03.png')} */
.foreigner .video_wrap .sound.sound01{background-image:url('../img/page/menu/foreigner_sound.png')}

.foreigner .video_wrap .sound{position:absolute;top:0;left:0;background-color:#a8401d;border-radius:8vw}
.foreigner .video_wrap .sound.sound01{background-image:url('../img/page/menu/foreigner_sound.png')}
.foreigner .video_wrap .sound.sound02{animation: wave 1.5s infinite}
.foreigner .video_wrap .sound.sound03{animation: wave 3s 1.5s infinite}
@keyframes wave {
	from {
		transform: scale(1);
		opacity: 1;
	}
	to {
		transform: scale(1.2, 1.4);
		opacity: 0;
	}
}

/* fatal */
.fatal{padding-top: 16.533vw;padding-bottom: 4.533vw}
.fatal_deco{top: -16.533vw;margin-left: -49.866vw;width: 85.866vw;}
.fatal_tit{width: 40.133vw;margin: 0 auto;}
.fatal_tit01{margin-top: 2.666vw;}
.fatal_tit01 .color_motion img{width: 34.4vw;}
.fatal_tit01 > img{width: 23.733vw;}
.fatal_sub{margin-top: 4.533vw;color: #333;line-height: 1.3928;}
.fatal_cir{width: 75.6vw;height: 75.6vw;margin: 43.2vw auto 0;background-image: url('../img/page/menu/fatal_cir.png');}
.fatal_cir_mask{transform: translate(-50%,-50%);width: 82.666vw;height: 82.666vw;border-radius: 50%;background: conic-gradient(from -10deg, var(--red) 100deg, transparent 100deg);}
.fatal_cir_txt{padding-left: 36.666vw;font-size: 4vw;font-weight: 700;color: #fff;opacity: 1;}
.fatal_cir_mask .fatal_cir_txt.blink{animation: blink 1s infinite step-end}
@keyframes blink {
	0%{opacity: 1;}
	50%{opacity: 0.4;}
	100%{opacity: 1;}
}

.fatal_cir_mask .fatal_cir_txt:first-child{padding-top: 19.866vw;padding-left: 35.6vw;}
.fatal_cir_mask .fatal_cir_txt:nth-child(2){margin-top: 1.733vw;}
.fatal_stp{bottom: 0;margin-left: -42vw;width: 42vw;height: 42vw;padding-top: 10.666vw;background-color: var(--yellow);box-sizing: border-box;}
.fatal_stp .fatal_btns{width: 32.4vw;height: 6vw;margin: 0 auto;border: 1px solid #fff;border-radius: 0.8vw;box-sizing: border-box;}
.fatal_stp .fatal_btns .fatal_btn{width: 50%;font-size: 3.0666vw;text-align: center;line-height: 6vw;color: #e9d6ae;font-weight: 700;cursor: pointer;transition: all 0.3s ease;}
.fatal_stp .fatal_btns .fatal_btn.on{background-color: #fff;color: var(--yellow);}
.stp_change_txt{margin-top: 2.666vw;}
.fatal_stp .change_txt{font-size: 7.466666666666667vw;color: #fff;opacity: 0;}
.fatal_stp .change_txt.on{opacity: 1;}
.fatal_stp .change_txt02{display: inline-block;}
.fatal_stp .change_txt01 em:first-child{font-size: 6.266vw;}
.fatal_stp .change_txt01 em:last-child{font-size: 3.2vw;}
.fatal_stp .change_txt_nums{align-items: flex-end;}
.fatal_stp .change_txt_nums .dot{margin-bottom: 0.4vw;margin-left: -0.533vw;font-size: 6.266vw;}
.fatal_stp .change_txt_nums .unit{margin-bottom: 0.6666vw;margin-left: -1px;font-size: 3.2vw;}
.fatal_stp_txt{margin-top: 1.866vw;font-size: 2.933vw;}

/* real */
.real{padding-top: 17.333vw;background-color: var(--oat);}
.real_side01{top: 0;margin-left: -128vw;}
.real_side02{top: 12.933vw;margin-left: 68.8vw;}
.real_tit .color_motion img{width: 30.4vw;}
.real_tit > img{width: 32.666vw;}
.real_tit01{margin-top: 3.066vw;}
.real_tit01 .color_motion img{width: 22vw;}
.real_tit01 > img{width: 58.533vw;}
.real_sub{margin-top: 9.333vw;font-size: 5.066vw;}
.real_sub .highlight_wrap{margin-top: 3.066vw;}
.real_sub .highlight{top: -0.666vw;bottom: -0.666vw;background-color: var(--yellow);}
.real_twraps{max-width: 204vw;margin: 10.933vw auto 0;}
.real_deco{z-index: 1;top: 50%;transform: translate(-50%, -50%);width: 98.533vw;}
.real_detail{font-size: 5.6vw;line-height: 1.3095;}
.real_txt{position: relative;margin-top: 1.3333333333333333vw;font-size: 3.733vw;line-height: 1.4285;color: #333;}
.real_twrap01 .real_txt01{margin-top: 4vw;}
.real_twrap03 .real_txt01{margin-top: 5.333vw}
.real_twrap{width: 90.666vw;height: 126.666vw;margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.real_twrap01, .real_twrap03{background-image: url('../img/page/menu/real_twrap_default.png');}
.real_twrap01{padding-top: 17.733vw;}
.real_twrap03{margin-top: 36.933vw;padding-top: 17.2vw;}
.real_twrap .active{background-image: url('../img/page/menu/real_twrap_active01.png');transform: scale(1.2);opacity: 0;transition: scale 3s ease;}
.real_twrap03 .active{background-image: url('../img/page/menu/real_twrap_active02.png');}
.real_twrap.on .active{transform: scale(1);opacity: 1;}

.real_twrap_box .twrap_tit01{margin-top: 2.266vw;}
.real_twrap_box .real_twrap_def{opacity: 1;}
.real_twrap_box.on .real_twrap_def{opacity: 0;}
.real_twrap_box .real_twrap_act{opacity: 0;}
.real_twrap.on .real_twrap_box .real_twrap_act{opacity: 1;}
.real_twrap .twrap_tit{line-height: 1.25;transition: all 0.3s ease;}
.real_twrap.on .twrap_tit{color: #fff;}
.real_twrap01 .twrap_tit > img{width: 27.066vw;}
.real_twrap01 .twrap_tit01 > img{width: 18.8vw;}
.real_twrap01 .twrap_tit01 .color_motion img{width: 22.4vw;}
.real_twrap03 .twrap_tit > img{width: 18.666vw;}
.real_twrap03 .twrap_tit01 > img{width: 21.466vw;}
.real_twrap03 .twrap_tit01 .color_motion img{width: 19.866vw;}
.real_twrap .real_txt{transition: all 0.3s ease;}
.real_twrap.on .real_txt{color: #fff;}
.real_twrap_cir{margin: 14.133vw auto 0;width: 34.8vw;height: 34.8vw;transition: all 0.3s ease;}
.real_twrap_cir .cir{background-color: var(--red);}
/* .real_twrap_cir .cir01{opacity: 0.2;}
.real_twrap_cir .cir02{opacity: 0.4;} */
.real_twrap_cir .cir_txt01{margin-top: 11.066vw;font-size: 3.466vw;}
.real_twrap_cir .cir_nums{margin-top: 2.133vw;font-size: 7.733vw}
.real_twrap_cir .cir_nums .num{font-size: 9.333vw;}
.real_twrap03 .real_twrap_cir{margin-top: 15.733vw;}
.real_twrap03 .real_twrap_cir .cir_nums{margin-top: 1.333vw;}
.real_twrap03 .real_twrap_cir .unit{margin-top: 2.6666666666666665vw;font-size: 4.533vw;}
.real_twrap.on .real_twrap_cir{opacity: 0;}
.real_twrap02_slide{margin-top: 37.066vw;}
.real_twrap02_slide .swiper-slide{width: auto;}
.real_twrap02_paging{z-index: 1;margin-top: 5.333vw;}
.real_twrap02_paging li{width: 2.666vw;height: 2.666vw;border-radius: 50%;background-color: var(--yellow);opacity: 0.4;margin-right: 1.333vw;}
.real_twrap02_paging li:last-child{margin-right: 0;}
.real_twrap02_paging .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

/* menu */
.menu{padding-top: 17.333vw;padding-bottom: 17.333vw}
.menu_tit{font-size: 9.333vw;font-weight: 700;}
.menu_btn{display: block;width: 37.466vw;height: 9.866vw;margin: 9.333vw auto 0;background-color: var(--yellow);line-height: 9.866vw;text-align: center;}
.menu_board{z-index: 100;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0,0,0,0.5);}
.menu_board .menu_board_wrap{height: 100%;background-color: rgba(0,0,0,0.5);}
.menu_board_wrap img{width: 74.266vw;}
.menu_close{top: 8vw;right: 4vw;width: 6.666vw;height: 0.4vw;border-radius: 0.4vw;background-color: #fff;transform: rotate(45deg);font-size: 0;}
.menu_close:after{content: '';position: absolute;top: 0;left: 0;display: inline-block;width: 6.666vw;height: 0.4vw;border-radius: 0.4vw;background-color: #fff;transform: rotate(-90deg);}
.menu_board.close{display: none;}
.menu_lists{margin-top: 5.333vw;flex-wrap: wrap;}
.menu_list{width: 72vw;height: 79.066vw;margin: 0 auto;border: 1px solid var(--yellow);box-sizing: border-box;}
.menu_list:not(.menu_list:last-child){margin-bottom: 4vw;}
.menu_list_in{flex-direction: column;height: 100%;}
.menu_list_in .spicy_degree{top: 4vw;left: 4vw;}
.menu_list_in .spicy_degree .degree{width: 16.8vw;height: 6.266vw;margin-bottom: 1.333vw;border-radius: 3.066vw;font-size: 3.466vw;color: #fff;font-weight: 600;letter-spacing: -0.02em;line-height: 6.266vw;text-align: center;}
.menu_list_in .spicy_degree .degree01{background-color: #333;}
.menu_list_in .spicy_degree .degree02{background-color: var(--yellow);}
.menu_list_in .spicy_degree .degree03{margin-bottom: 0;background-color: var(--red);}
.menu_img{flex: 1;width: 46.266vw;margin: 0 auto;}
.menu_side_img{flex: 1;width: 24.133vw;margin: 0 auto;}
.menu_list_txts{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 20vw;border-top: 1px solid var(--yellow);color: var(--yellow);letter-spacing: -0.02em;box-sizing: border-box;}
.menu_name{font-size: 3.733vw;font-weight: 700;}
.menu_detail{margin-top: 2.666vw;font-size:3.2vw;font-weight: 500;}