@charset "utf-8";

#side_menu_area{max-width:130rem;width:100%;height:8rem;margin:-4rem auto 0;border-radius:.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);position:relative;z-index:15;display:flex;flex-wrap:wrap}
#side_menu_area .home{width:8rem;height:8rem;border-radius:.5rem 0 0 .5rem;background:#052538;position:relative}
#side_menu_area .home img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#side_menu_area .side_menu{width:30rem;height:100%;border-right:1px solid #ddd;position:relative;}
#side_menu_area .sub_menu_tit{display:block;width:100%;height:100%;padding:0 2rem;font-size:1.8rem;line-height:140%;color:#333;position:relative;display:flex;align-items:center;cursor:pointer}
#side_menu_area .sub_menu_tit img{position:absolute;right:2rem;top:50%;transform:translate(-50%,-50%);transition:all .3s}
#side_menu_area .sub_menu_tit.on{border-bottom:1px dotted #ddd;background:#f7f7f7;color:#052538}
#side_menu_area .sub_menu_tit.on img{top:50%;transform:rotate(-180deg)}
#side_menu_area .side_s_menu .sub_menu_tit{font-weight:500;color:#333}

#side_menu_area .sub_menu_list{display:none;width:calc(100% + 2px);padding:2rem 0;border:1px solid #ddd;border-top:0;border-radius:0 0 1rem 1rem;background:#fff;box-shadow: 0 4px 1rem -4px rgba(0,0,0,.3);position:absolute;left:-1px}
#side_menu_area .sub_menu_list li{border-bottom:1px dashed #ddd;background:#fff;font-size:1.6rem;position:relative}
#side_menu_area .sub_menu_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:#0858a3;position:absolute;left:2rem;top:1.8rem}
#side_menu_area .sub_menu_list li:last-child{border-bottom:0}
#side_menu_area .sub_menu_list li a{display:block;width:100%;height:100%;padding:1rem 3rem;color:#333;word-break:keep-all}
#side_menu_area .sub_menu_list li.on{border-color:#052538;background:#052538}
#side_menu_area .sub_menu_list li:hover{border-color:#0e3953;background:#0e3953}
#side_menu_area .sub_menu_list li:hover:before, #side_menu_area .sub_menu_list li.on:before{background:#fff}
#side_menu_area .sub_menu_list li:hover a, #side_menu_area .sub_menu_list li.on a{color:#fff}

#side_menu_area .sub_menu_list li.s_db_menu:after{content:url(/hd/top_menu/arr.png);position:absolute;right:2rem;top:50%;transform:translateY(-50%)}
#side_menu_area .sub_menu_list li.s_db_menu.on:after{content:url(/hd/top_menu/arr_w.png)}
#side_menu_area .sub_menu_list li.s_db_menu:hover:after{content:url(/hd/top_menu/arr_w.png)}

#side_menu_area .sub_menu_list li .side_db_menu{display:none;width:20rem;background:#fff;border-left:1px solid #ddd;box-shadow:0 0 1rem rgba(0,0,0,.1);position:absolute;right:-20rem;top:0}
#side_menu_area .sub_menu_list li .side_db_menu.on{display:block}
#side_menu_area .sub_menu_list li .side_db_menu p{border-bottom:1px dashed #ddd}
#side_menu_area .sub_menu_list li .side_db_menu p:last-child{border-bottom:0}
#side_menu_area .sub_menu_list li .side_db_menu p a{color:#666}
#side_menu_area .sub_menu_list li .side_db_menu p a:hover{background:#e5e8ea;color:#335685}
#side_menu_area .sub_menu_list li .side_db_menu p a.on{background:#e5e8ea;color:#335685}

#side_menu_area .page_state_list{position:absolute;right:4rem;top:50%;transform:translateY(-50%)}
#side_menu_area .page_state_list li{display:inline-block;font-size:1.6rem;color:#888;position:relative}
#side_menu_area .page_state_list li + li{padding-left:2rem}
#side_menu_area .page_state_list li + li:before{content:url(/hd/side_menu/arr_side.png);position:absolute;left:.4rem;top:50%;transform:translateY(-50%)}
#side_menu_area .page_state_list li:last-child{font-weight:500;color:#333}