/* CSS Document */
/* COMMON PARTS-------------------------------------------*/
.pagetype-relatedsite .top-txt {
  margin-bottom: 40px;
}

.pagetype-relatedsite .link-list {
  margin-bottom: 40px;
  padding: 10px 0 20px 20px;
  border-left: 1px solid #DEDEDE;
}

.pagetype-relatedsite .link-list li .btn {
  text-align: center;
  font-size: 18px;
}

.pagetype-relatedsite .link-list li .btn img {
  vertical-align: middle;
}

.pagetype-relatedsite .link-list li .btn a {
  padding: 20px 10px;
}

.pagetype-relatedsite .link-list .logo01 {
  width: 163px;
}

.pagetype-relatedsite .link-list .logo05 {
  width: 203px;
}

.pagetype-relatedsite .link-list .logo07 {
  width: 98px;
}

.pagetype-relatedsite .link-list .logo12 {
  width: 203px;
}

.pagetype-relatedsite .link-list .logo16 {
  width: 211px;
}

.pagetype-relatedsite .link-list .logo20 {
  width: 113px;
}

.pagetype-relatedsite .link-list .logo21 {
  width: 65px;
}

.pagetype-relatedsite .link-list .logo22 {
  width: 190px;
}

.pagetype-relatedsite .link-list .logo23 {
  width: 71px;
}

.pagetype-relatedsite .link-list .logo24 {
  width: 150px;
}

@media screen and (min-width: 769px) {
  .pagetype-relatedsite .top-txt {
    margin-bottom: 60px;
  }
  .pagetype-relatedsite .link-list {
    margin-bottom: 85px;
    padding: 0 0 20px 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .pagetype-relatedsite .link-list li {
    width: calc(100% / 4 - 14px);
    margin-right: 18px;
    margin-bottom: 10px;
  }
  .pagetype-relatedsite .link-list li:nth-child(4n) {
    margin-right: 0;
  }
  .pagetype-relatedsite .link-list .logo02 {
    width: 189px;
  }
  .pagetype-relatedsite .link-list .logo04 {
    width: 130px;
  }
  .pagetype-relatedsite .link-list .logo06 {
    width: 170px;
  }
  .pagetype-relatedsite .link-list .logo09 {
    width: 115px;
  }
  .pagetype-relatedsite .link-list .logo10 {
    width: 117px;
  }
  .pagetype-relatedsite .link-list .logo12 {
    width: 206px;
  }
}

/*# sourceMappingURL=_map/relatedsite.css.map */