@charset "utf-8";

#way_hd{width:100%;height:10rem;position:fixed;top:0;left:0;z-index:100;transition:all .3s}
#top_menu_area{max-width:140rem;width:100%;height:100%;margin:0 auto;position:relative}
#top_menu_area .logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}
#top_menu_area .logo .m_logo{display:none}
#top_menu_area .logo .logo02{display:none}

#top_menu_area .menu{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex}
#top_menu_area .menu li a{display:block;padding:0 15px;font-size:1.8rem;font-weight:500;color:#fff;transition:all .3s;font-family:'Poppins'}
		

#way_hd.on ,#way_hd.sub{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2)}
#way_hd.on #top_menu_area .logo .logo01,
#way_hd.sub #top_menu_area .logo .logo01{display:none}
#way_hd.on #top_menu_area .logo .logo02,
#way_hd.sub #top_menu_area .logo .logo02{display:inline-block}
#way_hd.on #top_menu_area .menu li a,
#way_hd.sub #top_menu_area .menu li a{color:#333}

@media(max-width:1400px){
#top_menu_area .logo{left:2rem}
#top_menu_area .menu{right:2rem}
}

@media(max-width:1024px){
#way_hd{height:auto;padding:1rem 0}
#top_menu_area .logo{margin:0 auto 1rem;text-align:center;position:relative;left:auto;top:auto;transform:none}
#top_menu_area .logo .pc_logo{display:none}
#top_menu_area .logo .m_logo{display:block}
#top_menu_area .logo img{width:16rem}

#top_menu_area .menu{position:relative;top:auto;right:auto;transform:none;justify-content:center}
#top_menu_area .menu li a{font-size:1.6rem}
}

@media(max-width:767px){
#top_menu_area .logo img{width:14rem}
}
@media(max-width:480px){
#way_hd{padding-bottom:0}
#top_menu_area .logo img{width:12rem}
#top_menu_area .menu{border-top:1px solid rgba(255,255,255,.3);flex-wrap:wrap;}
#top_menu_area .menu li{width:33.33%;height:3.5rem;border-bottom:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.2);text-align:center}
#top_menu_area .menu li:nth-child(3n){border-right:0}
#top_menu_area .menu li a{line-height:3.5rem}

#way_hd.on .menu{border-color:#ddd}
#way_hd.on .menu li{border-color:#ddd}
#way_hd.on .menu li:nth-child(3n){border-right:0}
}