@import url(/assets/css/charge_list_2column.css);
.charge-list {
  margin-bottom: 150px; }
  .charge-list a {
    color: #fb637e; }
    .charge-list a.loan-pop {
      margin-left: 10px;
      color: #000; }
  .charge-list a.anshinbtn {
    background: url(/assets/images/charge_list/i-ansin3.jpg) no-repeat top center;
    width: 174px;
    height: 60px;
    float: right;
    display: block; }
  .charge-list img {
    width: auto;
    height: auto; }
  .charge-list .price-ttl {
    height: 45px;
    width: 227px;
    background: #fb637e; }
    .charge-list .price-ttl P {
      padding: 10px 0;
      text-align: center;
      display: block;
      color: #fff;
      position: relative; }
      .charge-list .price-ttl P::after {
        content: "";
        border-bottom: 1px solid #FFF;
        border-left: 1px solid #FFF;
        width: 8px;
        height: 8px;
        bottom: 3px;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
        transform: rotate(-45deg); }
  .charge-list a.clinicbtn {
    margin: 5px 0;
    background-color: #fb637e;
    padding: 3px 20px 3px 10px;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    position: relative; }
    .charge-list a.clinicbtn::after {
      content: "";
      border-bottom: 1px solid #FFF;
      border-left: 1px solid #FFF;
      width: 8px;
      height: 8px;
      top: 40%;
      right: 3%;
      position: absolute;
      transform: rotate(-135deg); }
  .charge-list ul.anchor {
    display: flex;
    margin-bottom: 20px; }
    .charge-list ul.anchor li {
      text-align: right;
      position: relative;
      padding: 5px 10px 5px 15px;
      border: 1px solid #FFAEB8;
      flex: 0 0 38%;
      margin-left: 10px;
      background: #FFF7F8; }
      .charge-list ul.anchor li a {
        color: #666;
        text-decoration: none;
        display: block; }
      .charge-list ul.anchor li::after {
        content: "";
        border-bottom: 1px solid #FFAEB8;
        border-left: 1px solid #FFAEB8;
        width: 8px;
        height: 8px;
        top: 40%;
        left: 3%;
        position: absolute;
        transform: rotate(-135deg); }
  .charge-list .head {
    background: #fb637e;
    padding: 10px; }
    .charge-list .head p {
      color: #fff; }
  .charge-list .body {
    overflow: hidden;
    margin: 10px 0; }
    .charge-list .body .photo {
      float: right; }
  .charge-list table .anshin {
    background: #fff;
    padding: 8px;
    font-size: 14px;
    margin: 1rem 0 0.5rem;
    margin-top: 10px; }
  .charge-list table thead tr th {
    background: #FAFAFA;
    color: #333; }
    .charge-list table thead tr th:last-child, .charge-list table thead tr th:nth-last-child(2) {
      width: 12%; }
  .charge-list table tbody td:last-child div, .charge-list table tbody td:nth-last-child(2) div {
    font-size: 13px; }
  .charge-list #tabacc-ex3 .title {
    width: 15%;
    border-bottom: 1px solid #000;
    padding: 10px 10px 0 10px;
    margin: 15px 0 0;
    color: #000;
    background: #fff;
    min-height: 35px;
    border-radius: 0; }
    .charge-list #tabacc-ex3 .title::after {
      content: none; }
  .charge-list #tabacc-ex3 .content.-open {
    border: none;
    border-radius: 0; }
  @media only screen and (max-width: 979px) {
    .charge-list td .modalbtn a {
      width: 330px !important; }
    .charge-list a.anshinbtn {
      float: none; }
    .charge-list ul.anchor {
      display: block; }
      .charge-list ul.anchor li {
        padding-left: 29px;
        margin: 0;
        text-align: left; }
        .charge-list ul.anchor li a {
          font-size: 14px; }
    .charge-list .el-table.-scroll, .charge-list .-scroll.table-box {
      padding-top: 0; }
      .charge-list .el-table.-scroll::after, .charge-list .-scroll.table-box::after {
        top: 0; }
      .charge-list .el-table.-scroll::before, .charge-list .-scroll.table-box::before {
        top: 10px;
        right: 10px; }
    .charge-list #tabacc-ex3 .title {
      width: 100%; } }

.shinki_wrap {
  background: #ffefe1;
  margin: 0 0 10px;
  padding: 10px 15px; }
  .shinki_wrap.mens {
    background: #ebf9fc; }
  @media only screen and (max-width: 979px) {
    .shinki_wrap {
      margin: 0 0 1.2vw;
      padding: 1.5vw 2vw; } }
  .shinki_wrap .list-note {
    font-size: 14px;
    margin: 0 0 3px; }
    @media only screen and (max-width: 979px) {
      .shinki_wrap .list-note {
        font-size: 2.5vw;
        margin: 0 0 0.5vw; } }