@charset "utf-8";

#shSnbBnr{height:350px;background:#666;background-size:cover!important}
#shSnbBnr .inner{align-items:end;max-width:1500px;height:100%;margin:0 auto;padding-bottom:100px;color:#111}
#shSnbBnr .sub-tit{font-size:36px;font-weight:700}
#shSnbBnr .sub-tit .mo{display:none}
#shSnbBnr .sub-crumb{font-weight:500}
#shSnbBnr .sub-crumb a{font-size:14px;color:#111}
#shSnbBnr .sub-crumb svg{width:16px;height:16px}
#shSnbBnr .sub-crumb .home{gap:3px}
#shSnbBnr .sub-crumb .home svg{fill:#111;margin-bottom:2px}

#shSnb{justify-content:center;position:relative;z-index:11;max-width:860px;margin:-34px auto 0;line-height:65px}
#shSnb li{flex:1;text-align:center;background:#fff;;box-shadow:10px 3px 20px rgba(0,0,0,.12)}
#shSnb li:only-child{flex:unset;width:300px}
#shSnb li a{display:block;height:100%;font-size:17px;font-weight:600;color:var(--prm-gray-800)}
#shSnb li+li a{border-left:1px solid var(--prm-gray-300)}
#shSnb li.on {background:var(--primary)}
#shSnb li.on a{color:#fff}

@media(max-width:1600px){
#shSnbBnr{padding:0 2.5%}    
}
@media(max-width:768px){
#shSnbBnr{height:50px;padding:0;background:none !important}
#shSnbBnr .inner{justify-content:center;align-items:center;padding:0;border-bottom:1px solid var(--prm-gray-200);color:var(--prm-gray-800)}
#shSnbBnr .sub-tit{font-size:18px}
#shSnbBnr .sub-tit .mo{display:block}
#shSnbBnr .sub-tit .pc{display:none}
#shSnbBnr .sub-crumb{display:none}
#shSnb{margin:0;box-shadow:none;border-bottom:1px solid var(--prm-gray-200);line-height:40px}   
#shSnb li a{font-size:14px;font-weight:600;color:var(--prm-gray-500)}
}