#wrapper {
    background: #f9f9f9;
}

dl.qa-box dd {
    padding: 30px 30px 50px;
}

dl.qa-box {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 1px 3px 1px #ecececbd;
}

dl.qa-box dt {
    background: #f9f9f9;
    padding: 20px 30px;
    position: relative;
    cursor: pointer;
}

dl.qa-box dt h5 {
    font-weight: 600;
}

dl.qa-box.reduction dt {
    background: #fbe193;
}

dl.qa-box.reduction {
    border: 1px solid #eee2bd;
    box-shadow: 2px 1px 3px 1px #eceadf;
}


dl.qa-box.cancel dt {
    background: #ffd9db;
}
dl.qa-box.cancel dt h6{
  color: #e60012;
  position: relative;
  padding: 0 0 0 40px;
}

dl.qa-box.cancel dt h6:before{
  content:
  "";
  position:
  absolute;
  left:0;
  top:50%;
  transform:
  translateY(-50%);
  background: url(../images/common/driving.svg) no-repeat center;
  width: 32px;
  height: 32px;
  background-size: 96%;
}

dl.qa-box.cancel {
    border: 1px solid #eadbdb;
    box-shadow: 2px 1px 3px 1px #ffeaea;
}


dd a{
  text-decoration: underline;
  color:#69c;
}


@media (max-width: 1699px) {


}

@media (max-width: 1499px) {
 

}
@media (max-width: 1399px) {

}

@media (max-width: 1200px) {

}
@media (max-width: 1023px) {


}



@media (max-width: 991px) {



}

@media (max-width: 767px) {
    dl.qa-box dt {
        padding: 15px 50px 15px 15px;
    }
    
    dl.qa-box dd {
        padding: 15px 15px 20px;
    }


}


@media (max-width: 480px) {

  #wrapper{
      background:none;
  }

  #information {
    padding: 0;
    }

    .sub-inner {
        max-width: 90%;
        margin: auto;
    }
    
    dl.qa-box dt:before {
        width: 20px;
        height: 20px;
        font-size: 19px;
        right: 3%;
    }
    
    dl.qa-box dt.active:before {
        top: 40%;
    }
}