.result-card-list {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  padding:0;
}
.result-card-list .result-card {
  background-color:#fff;
  border:1px solid #E5E5E5;
  box-shadow:0 2px 0 #d1d1d1;
}

.result-card-list.pc1col .result-card {
  width:100%;
}
.result-card-list.pc2col .result-card {
  width:49%;
}
.result-card-list.pc3col .result-card {
  width:31%;
}

.result-card-list .result-card a {
  display:block;
  padding:25px 20px 40px;
  height:100%;
  color:#333;
  position:relative;
}
.result-card-list .result-card a:hover {
  text-decoration:none;
  opacity: .6;
}
.result-card-list .result-card a dl {
}
.result-card-list .result-card a dl dt {
  overflow:hidden;
  margin-bottom:20px;
}
.result-card-list .result-card a dl dt span {
  display:block;
  font-weight:800;
  font-size:110%;
}
.result-card-list .result-card a dl dt em {
  display:block;
  padding:5px 10px;
  float:right;
  font-size:80%;
  font-style:normal;
  color:#fff;
  white-space:nowrap;
  background-color:#EB5505;
}
.result-card-list .result-card a dl dd {
  padding-left:1em;
  text-indent:-1em;
  margin-bottom:10px;
}
.result-card-list .result-card a dl dd:before {
  content:"・";
}
.result-card-list .result-card a .detail-mark {
  display:block;
  position:absolute;
  bottom:15px;
  right:15px;
  color:#0066aa;
  text-align:right;
}
.result-card-list .result-card a .detail-mark:after {
  content:"";
  display:inline-block;
  margin-left:.5em;
  width:8px;
  height:8px;
  transform:rotatez(45deg) translatex(-50%);
  border-top:2px solid #0066aa;
  border-right:2px solid #0066aa;
}
.result-card-list .result-card a.new-window .detail-mark:after {
  transform:scale(.7) translateY(4px);
  border:none;
  background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
  background-position: -160px -136px;
  width: 18px;
  height: 18px;
  background-size: 202px 186px;
}

.result-card-list.pc1col .result-card a {
  padding:20px;
  font-weight:700;
  position:relative;
}
.result-card-list.pc1col .result-card a:after {
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:20px;
  margin-left:.5em;
  width:8px;
  height:8px;
  transform:rotatez(45deg) translatex(-50%);
  border-top:2px solid #ccc;
  border-right:2px solid #ccc;
}


#apply-howto-leadtxt {
  font-size:16px;
}

.apply-howto-content {
}
.apply-howto-content .result-card-list {
}
.apply-howto-content .result-card-list .result-card {
}
.apply-howto-content .result-card-list .result-card a {
  padding:25px 20px 25px 80px;
  background-repeat:no-repeat;
  background-size:50px 50px;
  background-position: 15px 50%;
}
.apply-howto-content .result-card-list .result-card a:after {
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:20px;
  margin-left:.5em;
  width:8px;
  height:8px;
  transform:rotatez(45deg) translatex(-50%);
  border-top:2px solid #06a;
  border-right:2px solid #06a;
}
.apply-howto-content .result-card-list .result-card a.new-window:after {
  transform:scale(.9) translateY(-50%);
  border:none;
  background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
  background-position: -18px -156px;
  width: 18px;
  height: 18px;
  background-size: 202px 186px;
}

.apply-howto-content .result-card-list .result-card a span {
  font-weight:800;
}
/*.apply-howto-content .result-card-list .result-card a:hover span {
  text-decoration:underline;
}*/
.apply-howto-content .result-card-list .result-card.app-line a {
  background-image:url(/content/dam/au-com/mobile/onlineshop/guide/flow/images/mb_flow_ico_02.png);
}

#step2 .link span {
text-decoration: none;
}

@media (min-width: 980px) {
  .result-card-list .result-card a:hover .detail-mark {
    text-decoration:underline;
  }
  .result-card-list.pc1col .result-card a:hover {
    text-decoration:underline;
  }
}

@media (max-width: 767px) {
  .result-card-list {
    display:block;
  }
  .result-card-list.pc2col .result-card,
  .result-card-list.pc3col .result-card {
    width:100%;
  }
  .result-card-list .result-card a {
    padding:15px 10px 30px;
  }
  .result-card-list .result-card a .detail-mark {
    font-size:95%;
    bottom:10px;
  }
  .flow-result .result-orange-frame h3 {
    font-size:100%;
  }
  .result-card-list.pc1col .result-card a {
    font-size:97%;
    padding:20px 10px;
  }
}