@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
body.brand .brand-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
body.brand .brand-list ul li {
  width: 50%;
  margin: 35px 0 0 0;
}
body.brand .brand-list ul li dl {
  letter-spacing: 0.02em;
  margin-top: 0;
}
body.brand .brand-list ul li dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 450;
  line-height: 1.4;
}
body.brand .brand-list ul li dl dd {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 350;
  line-height: 1.4;
  margin: 5px 0 0 0;
}
body.brand .brand-list ul li dl dd.link {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: normal;
  margin-top: 16px;
}
body.brand .brand-list ul li dl dd.link a {
  display: inline-block;
  color: #808080;
  padding: 0 0 0 15px;
  background: url(../img/icon_arrow_brand.svg) 0 50% no-repeat;
  background-size: 10px;
  position: relative;
  overflow: hidden;
}
body.brand .brand-list ul li dl dd.link a::before, body.brand .brand-list ul li dl dd.link a::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #808080;
  content: "";
}
body.brand .brand-list ul li dl dd.link a::after {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
body.brand .brand-list ul li dl dd.link a:hover::before, body.brand .brand-list ul li dl dd.link a:focus::before {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition: transform 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition: transform 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19), -webkit-transform 0.4s cubic-bezier(0.55, 0.06, 0.68, 0.19);
}
body.brand .brand-list ul li dl dd.link a:hover::after, body.brand .brand-list ul li dl dd.link a:focus::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.11, 0.68, 0.18, 0.99);
  transition: -webkit-transform 0.8s cubic-bezier(0.11, 0.68, 0.18, 0.99);
  transition: transform 0.8s cubic-bezier(0.11, 0.68, 0.18, 0.99);
  transition: transform 0.8s cubic-bezier(0.11, 0.68, 0.18, 0.99), -webkit-transform 0.8s cubic-bezier(0.11, 0.68, 0.18, 0.99);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  body.brand .brand-list ul li:nth-child(odd) {
    padding-right: 10px;
  }
  body.brand .brand-list ul li:nth-child(even) {
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  body.brand .brand-list ul li {
    width: 25%;
    margin: 65px 0 0 0;
    padding: 0 10px;
  }
  body.brand .brand-list ul li dl dt {
    font-size: 17px;
    font-size: 1.7rem;
  }
  body.brand .brand-list ul li dl dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
  body.brand .brand-list ul li dl dd.link {
    margin-top: 20px;
  }
}