.fix-menu{
  position: fixed;
  right: -55px;
  bottom: 30%;
  /*width: 100%;*/
  z-index: 99;
 /* display: block;*/

}

.fix-menu ul{   list-style: none; padding: 0; margin: 0; justify-content: space-between; }
.fix-menu ul li{  text-align: center; padding: 0 18px; margin: auto;line-height: 8px!important;  }
.fix-menu ul li a{ padding: 8px;  font-size: 14px; color: #ffffff; }
.fix-menu ul li a .fix-icon{ display: flex; align-items: center;}
.fix-menu ul li a .fix-icon p{ margin-bottom: 0;}
.fix-menu ul li h4{ color: #ffffff; margin-bottom: unset; }
.fix-menu ul li:last-child{ border-right:unset; box-shadow:unset; }
.fix-menu ul li img{width: 25px; }
.fix-menu ul li span{background-color: #649954;width: 35px;height: 35px; padding:5px 0px 10px 0px;border-radius:50px; }
.fix-menu ul li p{ background-color: #649954; color: #fff; height: 35px; letter-spacing: 2px; font-size: 18px; padding: 6px 19px 10px 19px;left: -20px; position: relative;z-index: -1;}
.af-c-1::before{content: '後龍元邸';}
.af-c-2::before{content: '烏日別院';}
.af-c-3::before{content: '田中支殿';}

@media(max-width: 991px){
             
             .af-c-1::before{content: '後龍元邸'; display: none;}
            .af-c-2::before{content: '烏日別院'; display: none;}
            .af-c-3::before{content: '田中支殿'; display: none;}

             .af-c-1::after{content: '後龍元邸';}
             .af-c-2::after{content: '烏日別院';}
             .af-c-3::after{content: '田中支殿';}

             .fix-menu ul li p{font-size: 14px;height: 35px;  padding: 5px 20px 10px 31px; left: -32px;border-radius: 16px;}
             .fix-menu ul li span{ width: 35px;  height: 35px;  padding: 6px 0px 10px 1px;}
             .fix-menu ul li img{width: 23px;}

}


@media(max-width: 440px){
    .fix-menu{ right: -52px;}
}

@media(max-width: 390px){
    .fix-menu{right: -65px;}
}