@charset "utf-8";

/* スマホ　start */

@media screen and (max-width: 768px) {

.link-wrapper {
 width:94%;
 margin: 60px auto 60px;
 padding: 0;
 text-align:center;
}
.link-wrapper:after {
 content: '';
 display: block;
 clear: both;
}

.link-block {
 margin: 30px auto;
 padding:0;
 text-align:center;
}
.link-block dl{
  font-size:18px;
  text-align:center;
}
.link-block dt {
 padding: 20px 10px 5px 10px;
 text-align:left;
}
.link-block dd {
 padding: 0px 10px 10px 10px;
 text-align:left;
 margin: 0;
 border-bottom: 1px solid #ccc;
}

.link-block dd a:hover {
 color:#ff9900;
}

}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {


.link-wrapper {
 width:70%;
 min-width:960px;
 margin: 100px auto 100px;
 padding: 0;
 text-align:center;
}
.link-wrapper:after {
 content: '';
 display: block;
 clear: both;
}

.link-block {
 margin: 30px auto;
 padding:0;
 text-align:center;
}
.link-block dl{
  display: flex;
  flex-flow: row wrap;
  font-size:18px;
  text-align:center;
}
.link-block dt {
 flex-basis: 50%;
 padding: 20px 10px 10px 10px;
 border-bottom: 1px solid #ccc;
 text-align:left;
}
.link-block dd {
 flex-basis: 45%;
 padding: 20px 10px 10px 10px;
 text-align:left;
 margin: 0;
 border-bottom: 1px solid #ccc;
}

.link-block dd a:hover {
 color:#ff9900;
}


}
/* PCメイン　end */