@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ リンク ◇◆◇
  
  
========================================================================================================================*/

.link {
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}

.link dt {
  font-family:"NotoSans";
  font-weight:500;
  background-color:#5798d9;
  color:#fff;
  line-height:1.5;
  padding:0.75em 1em;
}

.link ul {
  list-style:none;
}

.link li {
  border:1px solid #dcdee2;
  box-sizing:border-box;
  padding:1rem;
  position:relative;
}

.link li a:after {
  display:inline-block;
  vertical-align:top;
  margin-left:8px;
  margin-top:-0.15em;
  position:absolute;
  right:1rem;
  top:0.5rem;
}

.link li a:after { content:url(../../image/icon/glink.svg); }
.no-svg .link li a:after { content:url(../../image/icon/glink.png); }

@media print,screen and (min-width:641px) {
  .link {
    padding-bottom:100px;
  }
  
  .link dt {
    margin-top:80px;
    margin-bottom:10px;
  }
  
  .link li {
    width:48%;
    float:left;
    margin-top:40px;
  }
  
  .link li:nth-child(even) {
    margin-left:4%;
  }
}

@media screen and (max-width:640px) {
  .link {
    padding-left:1rem;
    padding-right:1rem;
    padding-bottom:2.5rem;
  }
  
  .link dt {
    margin-top:2.5rem;
  }
  
  .link dt:first-child {
    margin-top:1.5rem;
  }
  
  .link li {
    margin-top:1.5rem;
  }
}