@charset "utf-8";

@media all and (min-width:751px) {
.hu_nv {display: none;}
.hu_nvwr {display: none;}
#spfnavi{display: none;}
#spfnavi2{display: none;}
}

@media all and (max-width:750px) {
.hu_nvwr.open {display: block;}
.hu_nvwr.close {display: none;}
.hu_nvwr {display: none;position: fixed;left: 0;top: 0;z-index: 2;background-color: #005db7;width: 100%;height: 100%;}
.hu_nvwr .mnavi {height: 100%;position: relative;overflow-x: hidden;overflow-y: auto;}
body.fixed {position: fixed;width: 100%;}
	
.hu_nv {z-index: 10;position: fixed;width: 36px;height: 28px;cursor: pointer;right: 15px;top: 13px;text-decoration: none;}
.hu_nv::after {content: "MENU";color: #005db7;font-size: 10px;font-weight: bold;position: absolute;bottom: -21px;left: 1px;font-family: "Noto Sans", sans-serif;}
.hu_nv.active::after {color: #fff;}
.hu_nv.active small {display: none;}
.hu_nv:hover{opacity: 1;}
.hu_nv,.hu_nv span {display: inline-block;transition: all 0.2s;box-sizing: border-box;opacity: 1;}
.hu_nv span {position: absolute;right: 0;width: 100%;height: 4px;background-color: #005db7;border-radius: 4px;}
.hu_nv.active span {background-color: #fff;}
.hu_nv span:nth-of-type(1) {top: 0;}
.hu_nv span:nth-of-type(2) {top: 12px;}
.hu_nv span:nth-of-type(3) {bottom: 0;}
.hu_nv.active span:nth-of-type(1) {transform: translateY(12px) rotate(-45deg);}
.hu_nv.active span:nth-of-type(2) {opacity: 0;}
.hu_nv.active span:nth-of-type(3) {transform: translateY(-12px) rotate(45deg);}

.mnavi{}
.mnavi h2{height: 60px;display: flex;margin-left: 20px;font-size: 16px;font-weight: 500;color: #fff;margin-bottom: -10px;margin-top: 3px;align-items: center;font-family: "Noto Sans", sans-serif;letter-spacing: -1px;}
.mnavi h2 span{display: block;line-height: 1.3;}
.mnavi h2 small{display: block;}
.mnavi h2 img{width: 50px;display: block;height: auto;margin-right: 5px;}
.mnavi>ul{width: 90%;margin: auto;margin-top: 15px;margin-bottom: 100px;}
.mnavi>ul>li{border-bottom: 1px dotted rgba(255,255,255,0.4);padding: 8px 0;}
.mnavi ul li a{text-decoration: none;color: #fff;font-size: 14px;font-family: "Noto Sans", sans-serif;}
.mnavi>ul>li a::before{content: "\25B8";margin-right: 5px;vertical-align: baseline;color: #fff;}
.mnavi>ul>li:last-child{border-bottom: none;}
.mnavi>ul>li span{display: block;margin-left: 15px;color: #fff;font-family: "Noto Sans", sans-serif;font-size: 14px;}
.mnavi>ul>li>ul{margin-top: 5px;margin-left: 20px;}
.mnavi>ul>li>ul>li{font-size: 14px;padding: 5px 0;}


#spfnavi{background-color: #005db7;height:54px;position: fixed;width:100%;display: flex;z-index: 1;border-top: 1px solid #0053a3;left: 0;bottom: 0;}
#spfnavi li{flex: 1;border-right: 1px solid #0053a3;}
#spfnavi li:first-child{border-left:none;}
#spfnavi li:last-child{border-right:none;}
#spfnavi a{display:flex;color: #fff;font-size: 11px;text-align: center;width: 100%;height: 100%;align-items: center;justify-content: center;flex-direction: column;text-decoration: none;}
#spfnavi img{display:block;height: 24px;margin: 0px auto;} 
}