@charset "utf-8";

@media all and (min-width:751px) {
.hu_nv {display: none;}
.hu_nvwr {display: none;}
#spfnavi{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: rgba(255, 255, 255, 0.95);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: 34px;height: 28px;cursor: pointer;right: 15px;top: 26px;}
.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: #1E4D7B;border-radius: 4px;}
.hu_nv.active span {background-color: #1E4D7B;}
.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{margin-left: 10px;font-size: 24px;margin-top: 10px;font-weight: normal;}
.mnavi h2 a{text-decoration: none;color:333;}
.mnavi h2 a span{display: flex;align-items: center;justify-content: flex-start;}
.mnavi h2 a img{margin-right: 10px;width: 60px;display: block;height: auto;}
.mnavi>ul{width: 90%;margin: auto;margin-bottom: 100px;margin-top: 15px;}
.mnavi>ul>li{border-bottom: 1px dotted #ccc;padding: 10px 0;}
.mnavi>ul>li::before{content: "\25B8";margin-right: 4px;vertical-align: baseline;color: #ccc;}
.mnavi ul li a{text-decoration: none;color: #666;letter-spacing: 1px;font-family: "Zen Kaku Gothic New";font-size: 15px;}

.mnavi>ul>li>ul{padding: 10px 0;margin-left:20px;}
.mnavi>ul>li>ul>li{padding: 5px 0;}
.mnavi>ul>li>ul>li::before{content: "\25B8";margin-right: 4px;vertical-align: baseline;color: #ccc;}

#spfnavi{background-color: #1E4D7B;height:54px;position: fixed;bottom: 0;width:100%;display: flex;z-index: 50;border-top: 1px solid #47000f;}
#spfnavi li{flex: 1;border-right: 1px solid rgba(0,0,0,0.1);border-left: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
#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;font-family: "Zen Kaku Gothic New";font-weight: bold;letter-spacing: 1px;}
#spfnavi img{display:block;height: 24px;margin: 0px auto;} 


}