/* #feature{
  position: relative;
} */

.u-list-d a {
 text-decoration: underline;
}
.anchorlink {
 background-image: url(../common_img/course-bg-br.gif) !important;
}

#feature i{
  padding-right: 5px;
}

#feature .fl_right{
  float: right;
}
#feature .fl_right img{
  max-width: 100%;
  margin: 0 0 10px 10px;
}
@media (max-width: 576px){
  #feature .fl_right{
    float: none;
  }
  #feature .fl_right img{
    margin: 0 auto 30px;
    display: block;    
  }
}

.anchorlink{
  padding: 15px;
  margin-top: 15px;
  height: 100%;
}
@media (max-width: 576px){
  .anchorlink{
    height: initial;
  }
}

.intro{
  font-weight: bold;
  font-size: 1.8rem;  
}

.banner_place .btn a {
  display: block;
  width: 100%;
  position: relative;
  text-align: center;
  font-size: 2.4rem;
  padding: 22px 40px 22px 30px;
  background: -webkit-linear-gradient(top, #000177 0%,#000177 50%,#000147 50%);
}
.banner_place .btn a:before {
  content: "";
  background-image: url(../images/feature/left_img.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 106px;
  height: 115px;
  position: absolute;
  left: 0;
  top: 0;
}
.banner_place .btn a:after {
  content: "";
  background-image: url(../images/feature/right_img.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  border: none;
  transform: none;
  width: 142px;
  height: 108px;
  position: absolute;
  right: -20px;
  top: 10%;
  margin: 0;
}
@media (max-width: 576px){
  .banner_place .btn a {
    font-size: 1.3rem;
  }
  .banner_place .btn a:before {
    width: 56px;
    height: 75px;
    top: 30%;
  }
  .banner_place .btn a:after {
    width: 92px;
    height: 68px;
    top: 30%;
  }
}

.pro-link{
    color:#0057D9;
    text-decoration:underline;
    font-weight:bold;
    transition:.2s;
}

.pro-link:hover{
    color:#D4AF37;
}