@CHARSET "UTF-8";

.menu_back_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#2a2a4e;opacity:0.7; z-index: 99;}
.menu_wrapper{position:fixed;top:0;right:-84%;background:#fafbfc;width: 55%;height:100%;overflow:auto; z-index:100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu_wrapper_open{right:0;}
#menu_wrapper .menu_box{width: 100%; overflow-x:hidden;}
#menu_wrapper .menu_box .menu_top{padding: 7% 0% 12% 10%;background: #3b48c9;}
#menu_wrapper .menu_box .menu_top .menu_top_btn{width: 100%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul{float: left;width: 90%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li{display: inline;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li span{color:#fff;margin-left:1%;vertical-align: top;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li img{vertical-align: middle; margin-top:5%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li:nth-child(1) img{width: 35%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li:nth-child(2) img{width: 10%; margin-right:6%; margin-left:33%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn ul li:nth-child(3) img{width: 11%; margin-top:6%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn .menu_close_btn{float: right;width: 5.7%;margin-top: 1%;}
#menu_wrapper .menu_box .menu_top .menu_top_btn .menu_close_btn img{width: 100%;}
#menu_wrapper .menu_box .menu_top_my{padding: 5% 9%;}
#menu_wrapper .menu_box .menu_top_my .menu_top_name{font-weight: 600;color:#00034e;}
#menu_wrapper .menu_box .menu_top_my .menu_top_lecture{font-weight: 600;color:#222;}
#menu_wrapper .menu_box .menu_top_my .menu_top_date{color:#9797a7;font-weight:500;font-family: 'RobotoR';}
#menu_wrapper .menu_box .menu_top_my .menu_top_class{color:#9797a7;}
#menu_wrapper .menu_box .menu_top_my .menu_top_bar{display: inline-block;margin: -2% 2% 0;font-size:0.7em;color:#9797a7;}

#menu_wrapper .menu_box .menu_list{width: 85%;padding:5% 10% 7% 9%;margin-bottom:5.5%;background:#fff;border:solid #e6e9ec;border-width:1px 0;}
#menu_wrapper .menu_box .menu_list .menu_list_title{float: left;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon{display:inline-block;padding-bottom:29%;border:1px solid #d0d2d2;border-radius:50%;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon01{background: #fff url(/app/images/menu/menu_list_icon01.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon02{background: #fff url(/app/images/menu/menu_list_icon02.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon03{background: #fff url(/app/images/menu/menu_list_icon03.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon04{background: #fff url(/app/images/menu/menu_list_icon06.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon05{background: #fff url(/app/images/menu/menu_list_icon04.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title .menu_list_icon06{background: #fff url(/app/images/menu/menu_list_icon05.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_box .menu_list .menu_list_title p{display: inline-block;margin-left: 7%;color:#00034e;line-height: 100%;}
#menu_wrapper .menu_box .menu_list .menu_list_sub{float: left;}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul{}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul li{display: inline-block;width: 100%;margin-bottom:8%;}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul li:nth-child(1){font-weight:bold; color:#00034e;padding-bottom:3%;}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul li:last-child{margin-bottom: 3%;}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul li.recruit_list{padding-bottom:5%;}
#menu_wrapper .menu_box .menu_list .menu_list_sub ul li a{color:#9797a7;}

#menu_wrapper .menu_sns{width:100%;padding: 4% 0 8%;text-align: center;}
#menu_wrapper .menu_sns p{font-size:11px;}
#menu_wrapper .menu_sns ul{}
#menu_wrapper .menu_sns ul li{display:inline-block;width:14.5%;margin: 6% 2%;border:1px solid #959595;border-radius:50%;}
#menu_wrapper .menu_sns ul li a{display:block;width:100%;padding-bottom:100%;}
#menu_wrapper .menu_sns ul li.main_sns_fb{background: #fafbfc url(/app/images/sns_fb.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_sns ul li.main_sns_instar{background: #fafbfc url(/app/images/sns_instar.png) no-repeat;background-size: contain;}
#menu_wrapper .menu_sns ul li.main_sns_blog{background: #fafbfc url(/app/images/sns_blog.png) no-repeat;background-size: contain;}