/**** link ****/
.link .container {
  width: 940px;
  margin: 30px auto;
  height: 600px;
}
.link dt a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #fff;
}
.link .container ul {
  padding: 30px;
  border: 4px solid #a1d6f4;
  border-radius: 10px;
  box-sizing:border-box;
  margin-top: 20px;
}
.link dl {
  margin: 30px 0 0;
}
.link dt {
  font-size: 1.25em;
  font-weight: normal;
  margin-bottom: 30px;
  color: #44aeea;
  display: inline-block;
  margin-right: 0.5em ;
  width: 260px ;
}
.link dd {
  margin-bottom: 30px;
  line-height: 
  font-size: 1em;
  display: inline-block;
  margin-left: 1em ;
}

@media (max-width: 767px) {
  .link .container {
    width:100%;
    margin: 1em 0 2em;
    height: auto;
  }
  .link h1 {
    padding-left: 24px;
    font-size: 1.4em !important;
  }
  .link .container ul {
    padding: 1em;
    border: 2px solid #a1d6f4;
    margin-top: 2em;
  }
  .link h2 {
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 2em;
  }
  .link h2.top {
    margin-top: 0;
  }
  .link p {
    margin-top: .5em;
    font-size: 1em;
  }
  .link dt {
    margin-bottom: 1em;
    margin-right: 0 ;
    width: 45% ;
    vertical-align: middle;
  }
  .link dt img {
    width: 100%;
  }
  .link dd {
    margin-bottom: 1em;
    font-size: .85em;
    margin-left: 3% ;
    width: 45%;
    vertical-align: middle;
  }
  .link dd br {
    display: none;
  }

}