.membr { margin: 0px; padding: 0px; list-style-type: none; font-size: 0.9rem; line-height: 150%; }
.membr li, .membr div { margin: 0px; box-sizing: border-box; }
.membr > li { margin-top: 20px; padding-bottom: 10px; border: 1px solid #999999; }
.membr .m1 > div { position: relative; padding: 10px 10px 0px; }
.membr > li.mcolor { display: none; }
.ctglnks { margin-bottom: 30px; }
.ctglnks .hit { color: #999999; }
.ctglnks .lnk { text-decoration: underline; cursor: pointer; }
@media screen and (max-width: 549px) {
  .membr .m1 > div:first-of-type { font-weight: bold; font-size: 1rem; line-height: 150%; }
  .membr .m1 > div:nth-of-type(3)::before { content: "事業所名："; font-weight: bold; }
  .membr .m1 > div:nth-of-type(4)::before { content: "業種："; font-weight: bold; }
}
@media print, screen and (min-width: 550px) {
  .membr { border-top: 1px solid #999999; border-left: 1px solid #999999; }
  .membr > li { margin: 0px; padding: 0px; border-width: 0px 0px 1px; }
  .membr > li.mcolor { display: block; }
  .membr .m1 { display: flex; flex-flow: wrap; }
  .membr .m1 .mojicolor { font-weight: bold; }
  .membr .m1 > div { position: relative; padding: 10px; border-right: 1px solid #999999; }
  .membr .m1 > div:nth-of-type(1) { flex-basis: 18%; }
  .membr .m1 > div:nth-of-type(2) { flex-basis: 32%; }
  .membr .m1 > div:nth-of-type(3) { flex-basis: 28%; }
  .membr .m1 > div:nth-of-type(4) { flex-basis: 22%; }
  .membr > li.mcolor .m1 > div { padding: 3px; text-align: center; font-size: 0.8rem; line-height: 100%; }
  .blkbg .membr .m1 .mojicolor { color: #ffffff; }
  .bluebg .membr .m1 .mojicolor { color: #ffff00; }
}