.lead{font-size:var(--text); text-align:center;}
.mb40{margin-bottom:40px;}

.sns-list {
  margin: 60px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px #333;
}

.sns-list dt {
  width: 12em;
  padding: 30px 0;
  padding-right: 70px;
  font-size: var(--text);
  border-top: solid 1px #333;
  font-weight: 600;
}

.sns-link-list{display:flex; gap:30px; flex-wrap: wrap;}
.sns-link-list li{width:60px;}

.sns-list dd {
  width: calc(100% - 12em);
  padding: 30px 0;
  font-size: var(--text);
  border-top: solid 1px #333;
  font-weight: 500;
}

.sns-list dd a {
  color: var(--key-blue);
  text-decoration: underline;
}

.sns-list dd a:hover {
  text-decoration: none;
}

.sns-list dt:first-child,
.sns-list dd:nth-child(2) {
  border-top: solid 1px #333;
}

@media (max-width: 768px) {

  .sns-list {
    margin: 25px 0;
  }

  .sns-list dt {
    padding: 25px 0;
    padding-right: 50px;
  }

  .sns-list dd {
    padding: 25px 0;
  }
  .sns-link-list{display:flex; gap:20px; flex-wrap: wrap;}
  .sns-link-list li{width:calc((100% - 20px * 5) / 6);}

}

@media (max-width: 576px) {
  .sns-list dt {
    padding: 15px 0 0;
    padding-right: 0;
    width: 100%;
    border-top: solid 1px #333;
  }

  .sns-list dd {
    padding: 15px 0 15px;
    width: 100%;
    border: none;
  }

  .sns-list dd:nth-child(2) {
    border-top: none;
  }

  .sns-link-list{display:flex; gap:20px; flex-wrap: wrap; margin-top:5px; padding:6px;}
}