@charset "utf-8";

@media all and (min-width:751px) {
.hu_nv {display: none;}
.hu_nvwr {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.93);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: 27px;}	
.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: #333;border-radius: 4px;}
.hu_nv.active span {background-color: #333;}
.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);}

header .pnavi{display: none;}
.mnavi{}
.mnavi img{display: block;margin: auto;margin-top: 20px;}
.mnavi h2{font-size: 18px;color: #000;width: 90%;margin: auto;margin-top: 20px;}
.mnavi ul{width: 90%;margin: auto;margin-top: 10px;margin-bottom: 100px;}
.mnavi ul li{border-bottom: 1px dotted #ccc;padding: 10px 0;display: flex;}
.mnavi ul li::before{content: "\25B8";margin-right: 5px;vertical-align: baseline;color: #ccc;}
.mnavi ul li:last-child{border-bottom: none;}
.mnavi ul li a{text-decoration: none;color: #000;width: 100%;display: block;}






}