
.mLinkWrap {position: relative;max-width: 1400px;width: 100%;margin: 0 auto;z-index: 2;}
.mLink{position: absolute;top: -125px;right: 0;width: 30rem;height: 125px;padding: 1rem;background: #0a2e7b;color: #fff;box-sizing: border-box;}
.mLink .heading{font-size: 1.2rem;letter-spacing: normal;font-family: 'NotoB';}
.mLink ul{display: flex;align-items: center;flex-wrap: wrap;margin-top: 0.5rem;}
.mLink ul li{position:relative;width: calc(100% / 3);overflow: auto !important;}
.mLink ul li:before{content:"";position:absolute;width:1px;height: 100%;top:50%;right: 1rem;transform: translateY(-50%);background: #fff;z-index: 1;}
.mLink ul li:last-child:before{display:none;}
.mLink ul li p{max-width: calc(100% - 1rem);display: block;font-size: 1rem;font-family: 'NotoM';color: #cfcfcf;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mLink ul li span{max-width: calc(100% - 1rem);display: inline-block;font-size: 1.2rem;font-family: 'NotoB';overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width: 560px){
.mLink {position: relative;width:100%;top: auto;right: auto;}
}

@media screen and (max-width: 480px){
.mLink {height:auto;}
.mLink ul {gap:1rem 0;}
.mLink ul li {width:calc(100% / 2)}
.mLink ul li:nth-of-type(2n):before{display:none;}
.mLink ul li:last-child:before{display:block;}
}

@media screen and (max-width: 340px){
.mLink ul li {width:calc(100% / 1)}
.mLink ul li:before{display:none !important;}
.mLink ul li + li {border-top:1px solid #fff; padding:1rem 0 0;}
}