@charset "utf-8";

/* s_visual */
.s_visual{padding-top: 210px;}
.s_visual .sv_tit{}
.s_visual .sv_tit h2{display: block;}
.s_visual .sv_tit h2 span{font-size: 56px; color: #222222; font-weight: 600;}
.sub_menu_wrap{margin-top: 45px; margin-bottom: 80px;}
.sub_menu_wrap .in{}
.sub_menu_wrap .in .m_1dep_box{display: none;}
.sub_menu_wrap .in .m_1dep_box .m_dep_tit{}
.sub_menu_wrap .in .m_1dep_box .m_dep_tit span{}
.sub_menu_wrap .in .m_1dep_box > ul{}
.sub_menu_wrap .in .m_1dep_box > ul > li{}
.sub_menu_wrap .in .m_1dep_box > ul > li > a{}
.sub_menu_wrap .in .m_2dep_box{}
.sub_menu_wrap .in .m_2dep_box .m_dep_tit{display: none;}
.sub_menu_wrap .in .m_2dep_box .m_dep_tit span{}
.sub_menu_wrap .in .m_2dep_box > ul{display: flex; gap:0 30px;}
.sub_menu_wrap .in .m_2dep_box > ul > li{}
.sub_menu_wrap .in .m_2dep_box > ul > li > a{display: block; line-height: 40px; font-size: 20px; font-weight: 600;}
.sub_menu_wrap .in .m_2dep_box > ul > li.s_on > a{ padding: 0 40px; background-color: #278de8; color: #fff; border-radius: 20px;}

@media all and (max-width:1280px){
	.s_visual{padding-top: 180px;}
	.s_visual .sv_tit h2 span{font-size: 48px;}
}
@media all and (max-width:976px){
	.s_visual{padding-top: 160px; margin-bottom: 60px;}
	.s_visual .sv_tit h2 span{font-size: 42px;}
	.sub_menu_wrap{margin: 0; margin-bottom: 0;}
}
@media all and (max-width:640px){
	.s_visual{padding-top: 140px; margin-bottom: 50px;}
	.s_visual .sv_tit h2 span{font-size: 36px;}
}
@media all and (max-width:480px){
	.s_visual{padding-top: 120px; margin-bottom: 40px;}
	.s_visual .sv_tit h2 span{font-size: 32px;}
}